Vamp-Look GIMP Tutorial

This is a Tutorial to make E look Vamp-like on GIMP, you can do the same thing in Photoshop, and also on any other picture/character using the same technique.

Choose a pic to turn into a Vamp. I chose E

Look at this handy GIMP Tutorial MSAmbrosia made to change hair coloring, and change E’s eyes to golden/red (depending of what kind of vamp he is) and any other part of his features you want. Click here

For instance, I changed his eyes to red, and his lips I made a lighter pinkish color. My Edward is a bad vamp this time.



Now E needs to be more pale, I create a new layer (which I’ll use to paint his face white as MsAmbrosia’s technique shows)  and combine with playing with colors/levels to make E paler, but that it’s a bit tricky.


See:





You have to select all of Edward’s skin (minus, eyes, mouth, eyebrows, just like in the example image above) pretty carefully before you can play with the levels. (Colors/Levels)

I used the lasso tool, to select like this, and patience, lots of it…

So first I selected all of Edward’s skin, played with the levels a bit, and made him paler, but he wasn’t pale enough so I combined this with MsAmbrosia’s tecnique, and voila…
Edward is vamp-pale.





Changing skin color is not fun though, so if you can, try to find a picture where he looks pale enough you don’t have to change much…

Okay now we finished putting make-up on our character, what next?

I’ve come to realize that textures can give an eerie look to a Banner or blinkie… find a grungy, dark texture, maybe one with scratches or something like that…











You may need to add a layer mask to your texture layers to get rid of what you don’t need. I set those two layers to overlay mode, and deleted anything that was over Edward’s face using layer masks.





Now that I’ve deleted the extra texture I’m going to make Edward’s skin more perfect-looking so I flatten my image & select his skin again (minus, eyes, mouth, nose, eyebrows, just like in the example image bellow)





Then go to Filter, enhance, despeckle.





After that I want to make it a bit freakier looking so I duplicate my layer. With the top layer selected, I go to filter, Artistic, Clothify.





Then I set that layer’s mode to Color:





Isn’t he freaky-looking?





To save I flatten my image, and save in the format I wish, I’ll save this as .png by going to File, Save as.





There are lots of ways to make this happen, but I thought I would share this way and maybe you’d feel encouraged to experiment and come up with new more cool ways…

Advertisements

GIMP Tutorial for Cut-Out Banners

*sighs* I never figured out how to change my Photoshop to English, so I went the extra mile and downloaded GIMP to make this Tutorial. BTW I hate GIMP – personal opinion – but it’s free and I’m guessing this tutorial will be more useful to more people if I use GIMP.

Anywho, you can download GIMP from this site: http://www.gimp.org/downloads/

For this specific Tutorial you’ll need a few swirly brushes for GIMP, you can download a nice set here: http://browse.deviantart.com/resources/applications/gimpbrushes/#/d1cgmvr

NOTE: These Brushes will only paint in Black… You can find a tutorial on how to make them paint in colors here: http://acedar.blogspot.com/2008/07/gimp-tutorial-how-to-make-brush-paint.html

Okay let’s begin…

First you need to install the swirly brushes. For this go to C:\ Program Files\GIMP-2.0\share\gimp\2.0\brushes and just paste the brushes there. When you download it’s a zip file, so you should extract the file with winrar/winzip to be able to get the files compressed within the folder.

Once you have the new brushes installed, so to speak, open GIMP.

Go to file, New, and set the Fill With dropdown menu with transparency. Set a bigger Width and Height than what you’ll need because we will need some transparent space. Then click on OK.

I like working with a lot of layers because I can just get rid of some if I’m unhappy with what they are supposed to do, so go to Layer, New Layer, and click on OK. I want my Transparent Background clean.

Go to brushes, and your Swirly brushes should be there. Find them, and then set Scale to the size they look best to you, (This will depend on your Banner Size)

I’ll use the default Black color of my brushes because I don’t want to do the changing colors thing, but I’ve discovered you can use Photoshop Brushes with the new GIMP, so you could always download Swirly Photoshop Brushes that WILL Change color. Try not to have too many though, each brush or plug-in you add to GIMP will slow it down like you have no idea.

Anywho, once I’ve set the size (scale) for my brush I start painting my swirly corners…

I created a new layer for each swirly corner, and you’ll understand why now.

Oh yeah! I flipped the image, by going to Layer, Transform, Flip vertically, then I moved my layer where I wanted it with my Move Tool. I flipped the other Corner the same way… although the other upper corner had to be flipped twice, once Vertically, and the next Horizontally to match.

And the lower right side had to be flipped only Horizontally…

There…

Now they match….

If you’re doing this in Photoshop, instead of flipping the layers, go to Edit, Transform, Rotate and rotate them. GIMP has a Rotate tool but as I tried it out I realized it wasn’t very good at all… Flipping it’s easier…

Now I need a nice grungy frame. I used this Photoshop one, you can download here →

http://www.brushesdownload.com/bfile.asp?id=4963

But if you have an older version of GIMP (bellow 2.6) this will not work on your app, so you better update first.

Don’t forget to ‘install’ your brush so you can use it.

Now I choose a frame, create a new layer for my frame, scale my brush, paint, and voila…

You can’t get swirlier than that… you can Google another frame if you don’t like this one. Try to Google for grungy or floral frame’s Brushes… those are the best brushes for this sort of Banner. Also try to download the higher resolution ones when possible.

Now onto the rest of the banner… I’m going to make an easy one here to keep this Tutorial short, but a recommendation I would give you is: Cut-out Banners are all about the irregular frame, try to keep the Banner on the minimalist side so that the borders stand out.

I chose this pic because it’s simple and has a dark Background like my Frame.

I go to File, Open, and select my pic. Then I go to Select All, then Edit, and Copy.

Once I’ve copied the pic it’s saved in my Virtual Memory (Computer-talk) and I can close it and go back to my frames. I paste the image over my Background that I left clean. I go to Image, Scale Image, and scale it if my pic is too Big, which it was in this case.

Once I have the layer on the right size I select my Frame layer, go to my Menu, Layer, Mask, Add Layer Mask, and select White Full Opacity. With a pretty, rounded, normal-looking brush I paint over my Mask to get rid of all the extra parts of the frame that are over B&E’s faces…

If you have no clue what masks are Go here → http://photoshoptips.net/2006/07/25/layer-masks/ this is a pretty straightforward introduction to the use of Masks in Photoshop, they work the same way on GIMP so if you get this you’ll get the use of Masks on GIMP…

Here is a video Tutorial for GIMP, if you’re still unsure: http://www.youtube.com/watch?v=MoaDHnl4pao and if this one is too hard to understand just search Youtube, there are hundreds of Tutorials for both GIMP and Photoshop.

Anywho, I got rid of my excess frame with the use of masks. E&B’s picture still is out of my frame.

I add a Mask to my E&B picture and I do the same thing, erasing the excess of the pic under my frame. You can do this with the eraser tool as well, but I’m not a big fan of the eraser, I prefer using masks.

I’ll add some text just so that it doesn’t look so simple.

Anywho, long story short – since this tutorial is all about the framing not the Banner-Making – Now go to Image, Merge Visible Layers, Merge. DO NOT FLATTEN, MERGE.

Then go to File, Saves As, and select PNG or GIF which are the File Types that support Transparency. I suggest PNG, since it keeps a better quality of image than GIF.

You’ll get this annoying guy, just listen to him…

And Voila… a Cut-Out Banner…

If I could do this, you can do it too. Everything I learned I learned from Tutorials so I hope this was helpful to you.

PS. I continue to prefer Photoshop so if you can afford it, trust me is worth it.

Let’s pop our Blinkie-making cherry

I’ve noticed someone did a search for how to make Blinkies on my Blog so I decided to make this Tutorial, with a relatively-easy-to-use free software. I would have used Gimp if I understood the thing 😉

Okay Step number 1: Download PhotoScape from here: http://www.photoscape.org/ps/main/download.php

Step number 2: Install and open PhotoScape.

Step number 3: (although in my humble opinion it should be step 0) find the pictures you want to use for your Blinkie… First of all you need to imagine your blinkie. I often grab a sheet of paper and draw a storyline to know which image will go first and which one will go second, etc, etc.

Once I have all my pictures I might need to edit them a bit. Some pictures may be too big, some others too small, so some resizing and cropping may be needed.

I don’t know if you all know this but Blinkies, and images in general, are measured in pixels, which are comparable to centimetres but I’m so not going there. 😀

Anywho, all the frames (that’s what we call each individual image in a blinkie) should be the exact same size, or amount of pixels. Otherwise it won’t work. Capisce?

The width is shown first and the height second meaning, if a picture is 300×250 in size it means it’s 300 pixels wide, and 250 pixels high.

Photo Scape 1

PhotoScape Editor

Don’t make fun of my arrows, I think they are cute 🙂

Bella is too big

This Bella picture is way too big, and has some writing I don’t need, so cropping it is 😉

Cuteness overload

Pink Circle number one, is where I should click, the crop tool so to speak. I should keep it in ‘crop freely’ so that I can select the exact area I want to crop.

Pink Circle Number 2 shows this ‘crop freely’ thing.

Pink circle number 3 shows the original size of the picture, and pink circle number 4 the size that will remain once cropped. The darker area is what will stay, the lighter area what will be discarded.

Anyways, once you have what you want, click on crop, and for the love of the The Smurfs, don’t forget to save your new frame!

Oh, and in case you need to resize because it’s still too big:

Resize tool

Since I have my storyline thingy, I named my frames by the order they’ll appear on my blinkie like if this were the 4th frame, I’ll name the file 4. I’m lazy like that.

Is up to you what size your Blinkie will be. For Stories, I usually use 220×198, but if it’s for a blog button it should be square. A popular size for Blog Buttons is 150×150.

Anywho I have my Bella, but I want words on my Blinkie!

You could create a Blank frame filled with Black, or some other colour or texture, to put your words in that/those frame/s. You can also put them in your pictures, in which case I use two frames that look identical, one with words, one without them. So I would have one ‘Bella with words frame’, and one ‘without the words’ frame. That way it looks neater when I put all the frames together, or so I think *shrugs*

lol

As you can see you have a bunch of tools which you can use to add text, play around, get to know the program, and DON’T YOU FORGET TO SAVE YOUR FRAME.

Okay, I’ve played with my frames, they are ready to go, time to animate my Blinkie!

please click

Add frames

and move it, and move it

So I have all my frames, which I can move around if they are in the wrong order with my mouse. I can also change the individual frame’s transitions and durations. You just need to right click on each frame and the options will come up. (Thanks to buff82 for this info) :)

I also have a pretty neat Preview of my Blinkie which will help me set the time or delay between frames. That way I’ll be able to see if it’s slow enough for people to read my freaking words. :D

I can choose from several preset transitions – or effects – as it’s called in PhotoScape.

In this case I set a delay of 170, which is 1.7 seconds in English, and I chose the Effect of ‘Convert to Black’ since my frames were all dark, and I thought it looked cooler.

Once you’re good and ready, and the Blinkie looks as you imagined, just save, and voila! You have your first Blinkie.

sniffles

The setback of PhotoScape for Blinkie-making is that it has very limited types of transitions, but I think it’s a cool application to get started, and once you get the hang of making Blinkies, you can experiment with more complicated software.

This Blinkie malarkey, as my friend Rhian would say, is a matter of playing, and being willing to make a lot of mistakes, much like creating Banners. I started with a program that was uber-simple, and nowadays I’m pretty good at using Photoshop. So just give it time, and don’t give up.

And that’s it, for now. I hope this was somewhat helpful for the Blinkie-Virgins out there.

Sayonara,

Ange xxx

PS. If you want to view the images bigger just click on them. They are pretty big.