Showing posts with label tutorial. Show all posts
Showing posts with label tutorial. Show all posts

Wednesday, March 31, 2010

Learn how to draw…

gesture

Oh man, what a goldmine!

This guy, Rad Sechrist, is a storyboard artist at DreamWorks and he does this blog called Rad How To were he basically explains “how to draw”. Nothing more and nothing less. He posts sketches and drawings with explanations, comments on what he does exactly and why he does it. Well, there’s no point in going on and on about it. Get over there and see for yourselves. If you want to learn how to draw, or how to draw better, this is where you want to be. Go!

(Yeahyeahyeah, I know I’m supposed to try and keep you here as long as possible, reading my stuff, but this is way better, so scoot!)

 

(You’ll come back tomorrow, wont you?)

 

layout-tricks1 layout-tricks2

anime11 Rhythm3

arm-connection1 what-is-drawing-breakdowns1

Saturday, February 13, 2010

Analog Photoshop

If you don’t know what to do with your Saturday afternoon, and don’t want to waste yet another day on that booooooring internet (ahum…), here’s something you might like. All you need is a Polaroid PoGo-thingy. Me, I had never heard of such a thingy, but apparently it is a digital version of the old Polaroid camera which lets you print the pictures you made right there and then. These guys here have found some ways to play and tamper with the results and they made a very nice video about it…

.

.

Monday, January 4, 2010

Gimp tips and tricks: splash page

Since I posted the first Gimp-tutorial a few days ago I realized that having a Dutch-language Gimp could be confusing or inconvenient for posting tuts. So since I had to change that, I took the opportunity to install the animation-thingy Gap as well. I don’t really know how it works or what to do with it (yet) but it looked interesting…Magical Snap - 2010.01.03 23.39 - 017

While I was fiddling around I discovered something else: apparently, you can easily change the splash page of Gimp, the window you get when the program is loading. I always disliked the picture there (sorry, Wilbur) so I quickly made something to replace it. It’s kind of basic, but for now it will do. Maybe later on I’ll make a more elaborate version.

To do this, you need to make an image 300 pixels wide and 400 high. Then, you simply replace the previous picture with yours. You will find it at C:\program files\gimp-2.0\share\gimp\2.0\images. Give the existing splash picture file a different name if you don’t want to loose it and name your picture gimp-splash.png. Done. When you restart Gimp, you’ll have your new splash page.

Saturday, January 2, 2010

Gimp-tutorial: text in Gimp - basics

This is the very first Monsieur Bandit tutorial and it is going to be a very simple one, explaining the basics about editing text in Gimp. I must admit that, since this is my first, it is as much intended to teach myself how to make a tutorial as it is to teach you something about text-editing.

 

monsieurbanditlogo(fortut)(forweb) This is what we are going to make: it could be a logo for Monsieur Bandit…

I know, I know, nothing really fancy.But it will suit our purposes just fine, for now.

 

You start up Gimp and prepare yourself a new new blank image to work on.

 anotatedscreenietut1-1

 

You find the text-icon (1) amongst your tools. Click it, then go over to your blank workspace and click on the spot where you want the text to appear (2). 

A window will pop open (3). This is your text-editor and everything you now type appears on the page as well as in this window. Also note that when you enter the text, Gimp automatically makes a new layer for it. (4)

Once you have entered your text, in this case just the single word “Monsieur”, you can change its attributes (for instance the desired font, the size or the color) in the window beneath your toolbox (5).

texttoolboxanotated

 At this point things are pretty self-explanatory.

Click on the font-button (1) and a drop-down menu with fonts you can choose from will appear. You can also directly type the name of the font if you wish by using the entry-field next to the button.

Change the size by typing in a number or using the arrows (2). If you want you can also change the unit in which the fonts are measured. A drop-down menu with choices will appear if you click the arrow over to the right.

When you click the color-swatch (3) a pop-up menu will appear where you can choose a color as usual. Do not forget to click “ok”

(as you can see in the picture, I’m using a Dutch-language Gimp, but I presume you’ll be able to find the corresponding elements in your own Gimp easily…)

 

Magical Snap - 2010.01.01 22.12 - 004When you change the size of your text, sometimes a strange thing happens: as the text on your screen grows bigger, it seems to disappear beneath the selected area. (I have no idea why he does this…)

 

 

 

Magical Snap - 2010.01.01 22.12 - 005Anyway, it is easy to fix this. Place your cursor in the bottom-right corner of the selection-box, click and drag the box down, and the text will reappear.

 

 

 

To enter a second text you simply click where you want it to be (make sure your text-tool is still activated, if not click the A-button), and type in your text. To move your text to another position you simply place your cursor on top of the text and you will see the move-icon (a cross with four arrows) appear. Click and drag the text where you want it to be. You will see the selection-box move without the text, but when you release the cursor, the text will follow.  Just try it yourself… 

Magical Snap - 2010.01.01 22.45 - 008

Magical Snap - 2010.01.01 22.41 - 006

If you want to change something about the first word you have to select it again, but you cannot do that by clicking the text itself. I told you earlier Gimp makes a new layer for every text you enter, so you will have to select the appropriate layer.

Magical Snap - 2010.01.01 23.00 - 011

I found this system very confusing at first because I had the tendency to click the text-object I wanted to select rather then its layer. Maybe at first you will do the same but you will soon get the hang of this and when you do you’ll find it is actually a very convenient way to work because now you can very easily select and manipulate every text-object on its own layer without disturbing the other objects.

Also you can re-arrange the order of the layers and thus the order of the text-objects, thereby placing one on top of the other as you see fit.

 

Magical Snap - 2010.01.01 23.32 - 013

When you want to edit the text itself, you should do so in the text-editor window.

The text of the selected layer will appear in this window and you can simply delete it or add to it, the changes will appear on your page as well.

 

 

 

 

Magical Snap - 2010.01.01 23.59 - 014

As you can see, you can easily play with text  this way, creating all kinds of nice typographic compositions. There are, however, certain things you should watch out for! When you manipulate the text-object in some way that does not involve the text-tool (for instance, rotate it) then the text-tool gets grumpy.   The next time you want to apply the text tool to the rotated object it will undo the rotation. (I’m not really sure why he does that, he’s an odd little fellow…)

 

You will however get a message from Gimp he is about to do this and he gives you the choice whether he should do this anyway, or cancel, or create a new text layer with the changes and leave the existing layer untouched.

Magical Snap - 2010.01.01 23.59 - 016

 

The way around this is of course to do all the text-tool stuff first and keep the other alterations (in this case the rotating) for last. But we don’t want any rotating for now, so let’s get back to our logo…

 Magical Snap - 2010.01.01 20.04 - 014

After we adjusted the sizes of both words and placed them together in a way pleasing to the eye, our work is finished.

When you want to see your result you may find the lines of the selection-boxes and other stuff on the page bothering you. Select the background layer you started out with and un-select the text-tool. Et voila: your nice little logo!

 

 

Related Posts Plugin for WordPress, Blogger...