Tutorial Thread.

Discussion in 'Transformers Funnies' started by Seth Buzzard, Jun 25, 2008.

  1. Seth Buzzard

    Seth Buzzard R.I.P. Buzzbeak Content Contributor

    Joined:
    Jul 1, 2002
    Posts:
    15,162
    News Credits:
    3
    Trophy Points:
    281
    Likes:
    +3
    Welcome to the tutorial thread here you will find useful hints, tips and instructions on how to make your own photo comic or improve what you have already been doing.

    You can also join the social group hear to make suggestions, requests or talk about anything related to the making of a comic strip. http://www.tfw2005.com/boards/groups/funnies-tutorial-round-table-suggestion-grouping.html .

    Big thanks to the people posting the tutorials here for making this thread possible.
     
    Last edited: Jul 17, 2008
  2. Otispq

    Otispq Elocution Onymous

    Joined:
    Jul 7, 2007
    Posts:
    6,280
    News Credits:
    9
    Trophy Points:
    192
    Likes:
    +13
    Hello and welcome to the best Transformer Funnies Tutorial Thread on the web! Why is it the best? Because you make it the best. If you've got a way of doing things in your Funny that's different, outstanding, cool, praiseworthy and makes others want to stea, er, emulate you, then go ahead and toss it in here. Please check the index to compare your ideas with others already posted, so that if your way of doing things is the exact same as others we don't have duplicates.

    This is not a comment thread! please, only idea submissions. If you think a certain persons effect rocks, let them know by private messaging them, not by posting a comment here, it will crowd the pages. Same thing if you have a problem understanding how to recreate the effect. If the author is told it's confusing, that person can edit their original post to make it more understandable. If you have comments/requests for additional items/categories for the tutorial, please pm me so we can get them added.
     
  3. Otispq

    Otispq Elocution Onymous

    Joined:
    Jul 7, 2007
    Posts:
    6,280
    News Credits:
    9
    Trophy Points:
    192
    Likes:
    +13
  4. Otispq

    Otispq Elocution Onymous

    Joined:
    Jul 7, 2007
    Posts:
    6,280
    News Credits:
    9
    Trophy Points:
    192
    Likes:
    +13
  5. Otispq

    Otispq Elocution Onymous

    Joined:
    Jul 7, 2007
    Posts:
    6,280
    News Credits:
    9
    Trophy Points:
    192
    Likes:
    +13
  6. Otispq

    Otispq Elocution Onymous

    Joined:
    Jul 7, 2007
    Posts:
    6,280
    News Credits:
    9
    Trophy Points:
    192
    Likes:
    +13
  7. Otispq

    Otispq Elocution Onymous

    Joined:
    Jul 7, 2007
    Posts:
    6,280
    News Credits:
    9
    Trophy Points:
    192
    Likes:
    +13
  8. Otispq

    Otispq Elocution Onymous

    Joined:
    Jul 7, 2007
    Posts:
    6,280
    News Credits:
    9
    Trophy Points:
    192
    Likes:
    +13
    placeholder 1
     
  9. Otispq

    Otispq Elocution Onymous

    Joined:
    Jul 7, 2007
    Posts:
    6,280
    News Credits:
    9
    Trophy Points:
    192
    Likes:
    +13
    placeholder 2
     
  10. Chaos Incarnate

    Chaos Incarnate Not just a name.

    Joined:
    Nov 24, 2003
    Posts:
    4,282
    News Credits:
    1
    Trophy Points:
    186
    Likes:
    +1
    Some people suggested to me that I make tutorials of some of my SFX, and I thought that was a great idea. I've never put much merit on the idea of 'trade secrets' and 'a magician never reveals his technique.' Frankly, if the people with Paint upgrade to GIMP or Photoshop, all that does is drives me to work harder to excel, and that's a good thing. So, in this tutorial, I'm going to teach everyone how to use Photoshop to make big explosions. You can see some examples from my comic here, here, and here.

    First, we're going to start with the image. I wanted to make a picture of Prime flying through the air, propelled by some manner of explosion. Here is my picture:

    [​IMG]

    First thing to note, he has a stand sticking up his butt. Aside from Star Trek TOS, most things don't actually fly around with stands attached to them, so I removed it. The method of removing it I won't go into detail now, let's imagine now that it 'just happened'. Ta da!

    [​IMG]
    (psst! If you really want to know, you can ask me to make another tutorial, or you can glean hints off the picture... :benio: )

    Okay, so the first step is to make a new layer. You can do this by going to the Layers palette (that's the little window in the lower right hand side. I use the word palette instead of window because Photoshop is art, and "palette" is artistic!) and clicking the little icon that looks like a new page. Next select the Paint Bukkit tool and make sure your foreground color is black, and then fill the layer. You will have something that looks like this:

    [​IMG]
    Amazing, I know. If you can't seem to find the Bukkit tool, ask a walrus, or click and hold on the Gradient tool.

    Now here's where it starts to get fun and exciting! Grab your Brush tool, and make sure the brush is huge, and fuzzy. If you get a hard brush, you won't achieve your desired results. You can select different brushes on the top option bar, underneath the program menus. Click next to where it says Brush. Now, is it fuzzy? Is it huge? Make the color red, and make another new layer. Paint a big red splotch on this. Make it a bit uneven and kinda rounded, like an explosion would be. I sometimes hide the black layer so I can see my picture and I know where to put the explosion. When you are finished, it should look something like this:

    [​IMG]

    Congratulations! You have made an explosion, and you've passed this tutorial!!















    Did I fool anyone? I hope not, that was a lame joke...

    Anyhow, next you are going to make your brush yellow, and paint an area inside your red shape. It doesn't have to be the same shape as the red shape, but you should stay inside the red area. Remember though, this is art, and I'm not the one who tells you you did something wrong. You are. After you have made your yellow shape, change your brush to white and paint some white inside the yellow. Now you have a big shapeless proto-explosion, and it kinda looks like this:

    [​IMG]
    See my macho brush size? Oh yeah, go big or go home!

    Next we are going to take this and make it even fuzzier. Go to Filter, Blur, Gaussian Blur, and open up that filter menu. Now, here's another artsy part. I'm not gonna tell you what number to make it, I'm gonna let you figure it out yourself. You want it high enough that the different color areas lose their definition, but low enough that it doesn't become this homogenous haze. Mine looks like this:

    [​IMG]

    Now, when you have hit okay and it's blurred your fuzz, go back to the Layers palette and click on the little button that looks like a circle that is half white and half black. This will bring up a list, select the one that says Hue/Saturation. Don't change any of the settings yet! You don't need them changed. What you will do is make sure that Hue/Saturation layer is right on top of the explosion layer, and then on the keyboard (it's that thing under your hands with all the funny boxes with letters on them) hold Ctrl-Alt-G. This will make it so that the Hue/Saturation layer only affects the layer immediately underneath, which is your proto-explosion. It also makes a cute little right angle arrow on the Hue/Saturation layer, like this:

    [​IMG]

    Next we are going to snazz up the explosion, and make it look more explosiony. Go back to the Layers palette, and make another new layer. You should be a pro at this by now. Make sure your colors are set to their default option. You can do this by clicking the little button by the colors that looks like a black square over a white square, or you can just type D. Now, go to Filter, Render, Clouds.

    Oohh, pretty... When you are done admiring your hard work and devotion, go back to the Layers palette and in the upper portion of this palette, there is a little box that says Normal. Click on it. These are your blending options, and we don't want them to be normal, we want them to be abnormal. Click on the option that says Color Dodge. This will change everything about how your picture looks. For the better, I hope. It will look like this:

    [​IMG]

    Next, you want to go back to the Layer palette again, go back to the black and white circle again, and this time select the Levels option. Again, do nothing, just hit okay, and again, type Ctrl-Alt-Del to reboot your computer. Just kidding! Type Ctrl-Alt-G to make the Levels layer a slave to the clouds layer. It's like this:

    [​IMG]

    Now, bear with me, because I didn't take pictures for the next few steps, but they are important to make this explosion have sex appeal. Click on the clouds layer. Go to Filter, Noise, Add Noise. Again with the art, you want enough noise that it looks grainy, but not so much that it looks like the TV from The Ring. Click okay, then click Filter, Blur, Radial Blur. This is an awesome filter, but it desperately needs a preview function. Change the type from Spin to Zoom, and imagine that the white box is your image. Now put the center of your blur where you think the center of your explosion is. You will probably need to undo (Ctrl-Z) and try it again a few times to get it right, but once you get the amount of blur and the location right, it looks like particulates are being violently flung from a firey burning mass of destruction. It's cool. Now, next step!

    Click on the Levels layer in the Layers palette, hold Shift, then click on the black layer. It will select all the layers needed to make this explosion work. Type Ctrl-G to make them into one Group. Groups are cool, because all of the layers are individual and editable, but you can also affect the group as though it were one layer/object. Here's what it'll look like:

    [​IMG]

    Now, go back to the Layers palette again, and click the box that says Normal, and make it say Screen. Beat it up a bit if it doesn't cooperate. It will though. Now your explosion is fully a part of your picture! Here comes the more artsy part! Open the group, and edit the options of the Hue/Saturation and the Levels layers. These will change the way your explosion looks. I like to desaturate the image in Hue/Saturation layer, and move the middle Levels slider a bit to the side. Just play with it until you are satisfied. Here is my result:

    [​IMG]

    Now, I like to add a little flair to my pictures, so we'll be adding a Lens Flare. I'm going to show you the best way to make a lens flare in Photoshop where you keep the flare a separate layer that can be edited at will. First, go back to the Layers palette and make a new layer. Use the Paint Bucket to make it black, then in the Layers palette, click the option that says Opacity, and slide it to about 70% or so. Now take a small brush, set it to white, and click where you think the lens flare should originate from. You'll have a little white dot that will be super helpful to you, like so:

    [​IMG]

    Now go to Filter, Render, Lens Flare. Look! In the preview, there's a little white dot that tells you where to put the flare! Click on it! For something like this, you probably want the intensity to be a bit more than the default 100%, but don't make it so bright it drowns out all the hard work you just did. Now hit okay, and go back to the Layers palette, go back to the opacity, and make it 100%, and then go to the box that says Normal, and make it say Screen. Ta-da!!!! Now the flare shows up on the picture!

    [​IMG]

    So congratulations, this time for real! You have endured me as I taught you how to turn this:

    [​IMG]
    To this!:
    [​IMG]

    If you think my instructions suck hardcore, please tell me so I can fix them!
     
  11. Deviant Anomaly

    Deviant Anomaly Obsotted Fangirl

    Joined:
    Oct 22, 2007
    Posts:
    1,695
    Trophy Points:
    126
    Likes:
    +0
    Since dialog plays an important role in drawing readers into your comic, its important to make sure how its presented has the right impact. The following example is generally something you'll want to avoid:

    [​IMG]

    Kinda sending the wrong message, isn't it? The script font and bright yellow against the white background make it difficult to read. Feel free to personalize the font or color as you like. Just make sure it remains readable. Otherwise you might find readers leaving in frustration because they spend more time deciphering than enjoying.

    Now my easy peasy way of making utilitarian speech bubbles. :) 

    Step One: Pick a font and set its specifics. I generally use Times New Roman in black at 18 pts.

    [​IMG]

    Step Two: Create a text layer and type out the dialog.

    [​IMG]

    Step Three: Create a new layer using the pallett well's drop down menu (click the round arrow button in right corner for access). This will be for the bubble's shape. Make sure its below the text layer. Otherwise it will appear on top and block the text from view.

    [​IMG]

    Step Four: Select the shape tool of your choice. I prefer ellipses. Draw around your dialog to enclose it.

    [​IMG]

    Step Five: Finally, go back to the drop down menu in the pallett well and select either merge visible or flatten image. This will combine the three layers into one to cut down the file size before saving.

    [​IMG]

    And you're done! Repeat the process for as many characters that appear in the panel. There are other techniques you can use to add distinctive flourishes too. This just gives a basic idea to get started. :) 
     
  12. Polenicus

    Polenicus Warring At Play

    Joined:
    Sep 10, 2002
    Posts:
    3,333
    Trophy Points:
    186
    Likes:
    +0
    Ebay:
    Here's a little tutorial I posted way back when on how to make explosions in GIMP. My technique has gotten somewhat more refined since then, but the basic process remains the same.

    Now, by no means is this the only way to do things, or even the best. I fully hope someone can take what I post and improve upon it. I only ask that if my techniques help, use them, improve them, and share your improvements with the rest of us.

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]

    [​IMG]
     
  13. Z.U.D.O.N

    Z.U.D.O.N Camshaft's Master

    Joined:
    Apr 6, 2008
    Posts:
    3,482
    Trophy Points:
    151
    Likes:
    +0
    Z.U.D.O.N's Fire Tutorial For Photoshop Users :D 

    Hi. I'd like to share this effect with the members of TFW2005 :D . As the title says, it's a "Fire" tutorial, and with the use of Adobe Photoshop. I'm using the CS2 version, so those using earlier versions will have to tweak/modify what I'm about to explain.

    NOTE: For those using the 6.0 version, look for Krem. He's read my tutorial and modified it for the 6.0 version. :) 

    I'd like every reader to know that this tutorial is a slight modification of Chaos Incarnate's Explosion Tutorial, so he deserves almost all the credit here. :D 

    ----------

    STEP 1

    Get an image ready, and open it in Adobe Photoshop. And may I introduce my assistant: KO Cybertron Scourge. XD

    [​IMG]


    STEP 2

    Set the colours on your TOOLS pallete to what I call "black overlap white", or simply press "D". :) 

    Second, create a new layer. It's the button 2nd from right at the bottom of your LAYERS pallete.

    Next, select the "Paint Bucket" tool (or press G) and click anywhere on your photo to fill the new layer BLACK.

    [​IMG]

    For impatient people: Just press "Alt+Backspace", instead of selecting the paint bucket tool and then clicking anywhere on the photo. :lolol 


    STEP 3

    Create another new layer. (You might want to label your layers to avoid confusion)

    This time, get what Chaos calls a "fuzzy" brush, or an AIRBRUSH. Hopefully this image below helps you to locate the airbrushes. :) 

    [​IMG]

    Select a reasonably BIG brush size, say 300 pixels (as seen in the image above). Of course, you are the one to determine how big you want the brush to be. :) 


    STEP 4

    (You may want to hide your black layer. This will make it easier for you to do this step. To hide a layer, click the "eye" next to the layer. :wink: )

    Outline your flame with RED. Flames move in RANDOM manner, sorta. So, make your outline a little "wavy". XD

    [​IMG]

    Now, choose a Yellow brush and fill up the remaining uncoloured space. By the way, you're still "painting" on the same "red brush" layer, so don't select another layer. :) 

    Also, using a white brush, fill up some of the yellow-coloured region. Below is an example.

    [​IMG]


    STEP 5

    Go to Filter --> Blur --> Gaussian Blur.

    Now, increase the pixel radius till you get something like this :) .

    [​IMG]

    The number of pixels may vary depending on how big or small your flame is. Just don't overdo or "underdo" it XD.


    STEP 6
    Now, go to the LAYERS pallete. At the bottom of the pallete, there's a half-white-half-black circle. Click it.

    [​IMG]

    A list comes out. Click Hue/Saturation. Now, DO NOT click anything, except Ok :D .

    One last action for this step: Press Ctrl+Alt+G so that the Hue/Saturation layer will only affect the layer right below it.

    [​IMG]


    STEP 7
    Create a new layer and Press D.

    Now, go to Filter --> Render --> Clouds.

    [​IMG]

    WOW!! Ugly!! :(  But worry not.

    Look for a box that says Normal at the top left of your LAYERS pallete. Click it, and a list will drop. Select Color Dodge.

    [​IMG]


    STEP 8

    [​IMG]

    Enjoy the view momentarily :D . Lovely, isn't it? Okay, back to work.

    Click the half-black-half-white circle again. This time click Levels. Again, DO NOT touch anything. Click Ok, and then Ctrl+Alt+G. :) 

    [​IMG]


    STEP 9

    Select the Levels layer. Hold SHIFT and then select the Black layer.

    [​IMG]

    Now, time to group them by pressing Ctrl+G. After that, go back to the box that used to say "Normal". Now for this group of layers, the box says "Pass Through". Click it, and select Screen.

    [​IMG]

    VOILA!!!

    Now, if you'd like to modify the flames, go to the Hue/Saturation and Levels layers. Double click one of the layers to open up a box with "scrolling bars". Modifying saturation and the levels will make your flame look nicer, if you think the finalized flame in Step 9 isn't satisfactory. :wink: 

    -------

    That's all for the Fire Tutorial. Hope you liked it. :D 
     
  14. Z.U.D.O.N

    Z.U.D.O.N Camshaft's Master

    Joined:
    Apr 6, 2008
    Posts:
    3,482
    Trophy Points:
    151
    Likes:
    +0
    Z.U.D.O.N's Eye Glow Tutorial for Photoshop Users :D 

    Hi again. This time I'm giving an Eye Glow tutorial. Not the best way to do it, but the easiest and the only one I know of. XD

    NOTE: This tutorial is not applicable for Photoshop versions earlier than CS2. So, sorry about that...

    -----

    STEP 1

    As usual, get a picture ready and open it in Photoshop. My assistant this time is Tengu. :) 

    [​IMG]


    STEP 2

    Now, Zoom the picture till you have the face covering most or the whole of your picture. This makes things easier. :) 

    (Press Z to use it. Now, click on a region on your photo to zoom into that place :) . You might need to click a few times.. There's a faster way to zoom, and it's also using this tool. I'll let you figure it out! :D )

    Create a new layer. (Go to your LAYERS pallete. At the bottom, 2nd button from right)

    [​IMG]

    Please don't be confused. The New Layer is Layer 2 in the picture. I accidentally made another new layer, i.e. Layer 1. For the next few steps, I'll be referring to Layer 2, not Layer 1.


    STEP 3

    Using the Pen Tool (Press P) and outline the eyes of the character. If you know how to curve the lines, then all the better! :) 

    [​IMG]

    The eye on your left is an example of the "curve" I'm talking about. The eye on your right is only outlined using straight lines..


    STEP 4

    After you've finished outlining the eyes, right-click and select Make Selection....

    [​IMG]

    Set the feather radius to 0 pixels. Then click Ok.

    [​IMG]


    STEP 5

    Now there's a marquee surrounding the eyes. Next, Right click and select Fill.

    [​IMG]

    Now, there's a box next to the word 'Use:'. Click that, and select Color....

    [​IMG]

    Tengu's eyes are green, so I'll select green. You know the colour of your character's eyes, so you choose the correct colour! :lol 

    [​IMG]

    Next, click Ok till both boxes disappear.


    STEP 6

    [​IMG]

    Voila! First part of the job done. Now, click anywhere to remove the marquee, then label this layer. I've labelled it as "Eye". Then Zoom out a little bit.

    [​IMG]

    Why zoom out? So you can see from far how the next effect will look like. :) 

    Okay, copy the "Eye" layer, and go to Filter --> Blur --> Shape Blur.

    [​IMG]

    A box will appear. Select an image that looks like an explosion and labeled Starburst. Set the pixel radius to 20. Then Click Ok.

    [​IMG]


    STEP 7

    [​IMG]

    Second part done! Nice, isn't it? :)  Now, the eye glow isn't very striking, so what you can do is copy the "Eye copy" layer to add more glow to it! :D 

    [​IMG]

    [​IMG]

    Zoom out till you can see the whole photo so you can see how well the glow looks. :D  And if the 2nd glow is too striking, you can adjust the opacity of the three layers to suit your liking. :D 

    That's the Eye Glow Tutorial. Hope it helps! ^^
     
  15. puppylove

    puppylove mini ops caretaker

    Joined:
    Feb 15, 2007
    Posts:
    2,320
    News Credits:
    1
    Trophy Points:
    151
    Likes:
    +1
    i just wanted to add to DA's speech bubble tutorial.... in case anyone wants to know how to make the text fit into a bubble shape instead of a square one.

    [​IMG]

    in order to keep my colors for the speech bubbles, i have a little "palette" of swatches i use, which i find really helpful. i pick the color i want for the text.

    [​IMG]

    then i open a text box up, and type within the box the text i want.

    [​IMG]

    to get the text to look round, i make sure the text is set to "centered", and shrink up the box until it breaks within the box and looks rounded. you can also eyeball it, and pick around the third word (depending on word size) and push enter to move the text down within the box. this also makes the round effect for the text.

    [​IMG]

    then i select an oval around the text. after that i then make the speech bubble connect to the mouth of the speaker using the polygonal lasso tool and pressing shift to add the selection to the bubble. so it is one shape to fill in.

    [​IMG]

    then i add a blank layer between the image & the text layers, and fill in with the paint bucket. that's it!

    [​IMG]

    i know this is sort of basic...but i figure it might be helpful for new comic makers... :D 
     
  16. Ripclaw

    Ripclaw DementedDino1

    Joined:
    Jan 29, 2007
    Posts:
    4,030
    Trophy Points:
    167
    Likes:
    +4
    Ripclaw's Laserbeam Tutorial for GIMP

    hi

    im going to give a tutorial on how to make lasers with gimp

    this is the way i do it, you dont have to do it this way

    anyway

    first choose the pic you want to add a laser to

    then open it with gimp

    [​IMG]

    then, choose the paths tool and make sure that it will make polygonal shapes

    [​IMG]

    then you can make the general shape of the laser

    [​IMG]

    then go to select, select from path

    it will select and close from the path

    [​IMG]

    then you should go to select, feather and depending on the size of the pic, and the selected area, make the feathering anywhere between 5-40

    for this one i chose 20

    [​IMG]

    should look like this or something like that

    [​IMG]

    then you use the paintbrush tool using the largest size brush, and any color you want (i used blue)

    [​IMG]

    fill in the selected area

    [​IMG]

    then cut that area out without changing anything about it

    the end result should be this

    [​IMG]

    hope this helps anyone
     
  17. Chaos Incarnate

    Chaos Incarnate Not just a name.

    Joined:
    Nov 24, 2003
    Posts:
    4,282
    News Credits:
    1
    Trophy Points:
    186
    Likes:
    +1
    Building Actions/Macros

    This is an EXTREMELY useful trick, one which will save you so much time it's not even funny.

    Now, all of us deal with repetitive actions when we build comics. Probably the most common one for all of us is speech bubbles, but there are other things, such as resizing, applying sets of filters, or automating effects, that we do them, but we just want to, I dunno, build a robot or something to do it for us. Well, it just so happens that the folks at Adobe built such a robot right into Photoshop!

    To start off, we need to open our picture. Today, I just pulled a recent picture off my HDD, Saber, from my Figma Saber review. Open the Actions Palette, which can be found under the Windows menu.

    [​IMG]

    This will bring up the Actions Palette, which was probably right under your nose, shared with the History Palette.

    [​IMG]

    It's important to realize that not everything can be automated. And some things that can be automated, if you try, it won't turn out the way you expect. Also, it's very helpful for you to be very familiar with the action you want to automate. Today I'm am going to show you how to build an Action to automate speech bubbles. I can't automate the text, and since the text isn't always the same size and in the same place, I need to make the selection as well. Once I have that selection made, I'm going to select the layer below the text layer, so that my speech bubble doesn't cover the text.

    Now, I'm ready to start recording an Action. I'm going to select a Hotkey for this action as well. The Hotkey I select from a list. I'm using F10, without using Ctrl or Shift.

    [​IMG]

    Now, sadly, I couldn't take screenshots while recording the Action, because then when I played it later, it would be doing screenshots and new files and all the jazz. So after I made the Action, I expanded it to show you what steps I took.

    [​IMG]

    An Action should be made to work at any point, so my first step was to make a new layer. New layers always go on top of the current layer, which is why I selected the layer beneath the text layer, so now my speech bubble is right under the text. Next, I hit D to revert the colors to default. I know they were at default already, but if I were working with some other color, like pink, and I didn't add this step, then when I made bubbles they'd all be pink. Next I exchanged swatches, so that white was my foreground color. I selected my Paint Bucket tool, and clicked to fill the selection. It doesn't matter where you click the Paint bucket tool, because as long as you have a selection, it will only fill that selection. Next, I went into the Layer Styles and added my outline and hit okay. Then I Deselected, and restored the swatches to default.

    Now, with this set up the way it is, any time you have a selection, you can hit F10 and automatically turn that selection into a speech bubble.

    You can also use the Actions to automate filters and effects. For anyone familiar with my comic, for one dream sequence, I wanted a dark, gritty, horror film look. I applied a clouds filter, fiber filter, grain filter, changed the blending modes, and applied an adjustment layer to darken and desaturate the picture. A lot of work, but when I made my Action, I could do it in one click.
     
  18. Coolhand

    Coolhand Spiff's Stunt Double

    Joined:
    Feb 7, 2008
    Posts:
    3,954
    Trophy Points:
    151
    Likes:
    +0
    Flaming GIMP- How to burn down your comics.

    So, fire. Perhaps the cast of your comics have been shooting off flame-throwers all willy-nilly, or maybe they just want something to toast marshmallows with, but whatever the reason, you find yourself needing to burn stuff. No problem. Here’s a way to make pretty flames without spending years slaving away at each panel.

    (This tutorial assumes a basic working knowledge of GIMP. If you have any questions as to things like Layers or brush tools, search this thread index for explanations, or Google “GIMP Layer” or suchlike.)

    So we have our picture.
    [​IMG]

    First of all, were going to make the basic shape of the fire. Create a new layer called flame by going to Layer/New Layer and typing “flame” into the layer name.

    [​IMG]

    Now make sure that this is the layer you’re working on. (Either go to Dialogues/Layers and make sure “flame” is the highlighted layer, or hit Ctl-tab until “flame” pops up. Now select the paint tool, and then click on the brush selection button. From here, select the “sparks” brush. (The fuzzy orange circle.) Now build up the basic shape of the flame you want. Remember, fire tends to burn upwards unless there is wind, and to keep things simple we’ll assume it’s a nice windless day.

    [​IMG]

    Now we’ve got our shape. The next step is to smudge it a bit. Select the smudge tool (the hand with the pointing finger) and select the circle brush. Now start to smudge the flame upwards. See how the sparks all blend and smear together to look like fire? And how the edges sort of fade and flicker like real flame? Now, this is the bit that’s going to have a lot of personal preference to it. Play about with the smudge. Don’t be afraid to Ctl-Z to undo what you’ve just done, because it’s the sort of thing that you just kinda have to mess about with until you’ve got something you like. If you smear the sparks too thin and the background starts to show, just whack some more sparks over the top and get back to smudging. In the end, you’ll have something like this.

    [​IMG]

    Nice, huh? Now, the thing with fire is that it burns stuff, and we need to make it look like the flames are actually having an effect on the environment, otherwise they look a bit detached from the picture. So….

    Create a new layer called charring. Make certain that it is below the flame layer (Dialogues/Layers, and drag the “charring” layer below “flame”, so that the burns sit UNDER the fire effect and not OVER it, which would look…well...dumb.)

    [​IMG]

    Now select the airbrush tool, set the foreground colour to be black, and select the “galaxy, big” brush (the square black cloud). Now just airbrush over the edges of the base of the fire, just enough so that we can see that it’s burning.

    [​IMG]

    Groovy, huh?
    We need smoke too, though.

    Create a new Layer called “Smoke.”
    Use the airbrush tool and the galaxy brush with a light grey colour, and just waft in the basic shape of your smoke. I tend to find that tapping the mouse button repeatedly rather than keeping it held down generates a better looking smoke effect. But, like the fire, play with it.
    [​IMG]

    Got it? Right. Now for a bit of smudging. I find a nice way to get a good smoke effect is to select smudge tool with the "galaxy,big brush" on quite a large settings and sort of rub it back and forth across the smoke to break it up and spread it out. It’s yet another “play about and undo until you like the way it looks” thing.
    And that’s it.

    Advanced fire!
    [​IMG]

    Well, not really. But here you can see a second fire effect that I’ve added. Because it’s not on the ground, I’ve added falling embers just to simulate burning and disintegrating material. All they are is the paint tool with the sparks brush, and just a hint of smudge to give them a sense of motion. It’s not much, but it does help sell the illusion a little better.
    Now, you might like to try blurring your fire layer a little bit to soften the flames, or maybe altering the layer opacity to make them a bit more see-through. It’s the kind of effect that you can mess about with no end, and a lot of it is down to personal preference, but you now have all the basic tools you need to indulge in some pyromania.

    So what are you waiting for? Load up GIMP and and start playing with matches...
     
  19. Z.U.D.O.N

    Z.U.D.O.N Camshaft's Master

    Joined:
    Apr 6, 2008
    Posts:
    3,482
    Trophy Points:
    151
    Likes:
    +0
    Z.U.D.O.N's Super Salvo Tutorial (For Photoshop Users) :D 

    This tutorial was suggested by a friend of mine on TFW2005. :) 

    The final result of this tutorial is:

    [​IMG]


    First of all, "Super Salvo" is the name of a powerful skill used by one of the main characters in my comic, i.e. The Life of Camshaft. This dude's name is Slayer, and he'll be assisting me in this tutorial. ^^



    STEP 1

    [​IMG]

    Get a photo ready as usual. ^^


    STEP 2

    [​IMG]

    Go to Filter -->Render --> Lens Flare.


    STEP 3

    [​IMG]

    Adjust the brightness to about 140-150%. The brightness varies 'cuz it depends on how small/wide my photo is, and how "blinding" or not the photo gets after everything's done.

    Anyway, once you've set the brightness, set the flare type to 105mm Prime. This will give the lens flare a "white-blue" glow. :) 


    STEP 4

    [​IMG]

    Add more lens flares around Slayer. Normally Slayer shoots 6 laser missiles (the super salvo missiles). But 'cuz the photo is rather "tight", I have to reduce it to 4. There're 2 lens flares at the top of the photo. They're not very visible 'cuz of the background colour..


    STEP 5

    [​IMG]

    Select the Smudge Tool. The default tool might be a BLUR tool. Click it, or right-click it so that a list of 3 different tools appear. Choose the "Smudge Tool" from there (if you can't find the tool itself on your TOOL pallete).


    STEP 6

    [​IMG]

    Set the Master Diameter to about 80% the size of your flare. I chose 155 pixels this time.


    STEP 7

    [​IMG]

    Set the Mode to Lighten (optional), and the opacity to 75-80%.

    Now, place your cursor ON one of the flares, hold down the left mouse key, and make a curvy pattern in such a way that the flare is coming OUT of Slayer's BACK.

    Because you've set the opacity to 75%, the "tail" of the flare is reasonably short. If you'd like a longer "tail", increase the opacity of the "smudge brush". :) 


    STEP 8

    [​IMG]

    Repeat Step 7 for the other flares, and there you have it! Slayer performing SUPER SALVO!!

    BAM BAM!! :D 
     
  20. Coolhand

    Coolhand Spiff's Stunt Double

    Joined:
    Feb 7, 2008
    Posts:
    3,954
    Trophy Points:
    151
    Likes:
    +0
    Glowing with pride in GIMP

    So, eyeglows.
    Making a Transformers’ eye's glow can add a great deal to the impact and realism of a photocomic. Some artists choose to give their characters a constant eyeglow, others use the use the glow sparingly to highlight intense emotions such as anger or eeevvil! But either way, a good eyeglow can be very quick and simple to create.

    (This tutorial assumes a basic working knowledge of GIMP. If you have any questions as to things like Layers or brush tools, search this thread index for explanations, or Google “GIMP Layer” or suchlike.)

    Here is our subject: Silverstreak.
    [​IMG]

    First of all, we create a new layer (Layer/New Layer) called eyecore. This enables us to work on the eyes without effecting the rest of the image.
    [​IMG]

    Next we, we use the zoom tool to get a closer look at the eyes. Then select the path tool and outline the shape of the eye. One thing you’ll notice is that your outline is boxy whereas the area we want to cover is curved. Don’t worry-we’ll sort that out in a second. Just get a rough outline.
    [​IMG]

    Now, to sort those curves out, click and hold the left mouse button on the line you wish to bend and drag the line. See it curve? You can mess about with the curve feature a bit until you get something like this.
    [​IMG]

    Now press enter to select the area and the “marching ants” dots will show you your selection. Fill with the colour of your choice (you can just drag and drop the colour from the palette in GIMP)
    [​IMG]

    Now for glows! Keeping the marching ants in place, go to the feather tool (Select/Feather)
    [​IMG]

    The feather tool makes an effect or colour bleed out into the surrounding area, the greater the feather, the greater the bleed. Basically, this bleeding of colour is what makes the object look like it’s glowing. The exact amount will vary on the effect you want and the actual size of the glowing object in the photo. You kinda just have to play with it. Too much and the glow is too defuse. Too little and the glow isn’t “big” enough to look real. As a rough guide for eyes, I find that once you’ve applied a feather, if the marching ants shrink down to about half the size of the original selection, like this:
    [​IMG]
    then your glow should look about right. (This glow was done to a feather of 40, because the eye in this image is quite big. Usually, I use about 15-20)

    Now we need to create another layer and call it eyeglow. Now select the glow colour of your choice and drag it once into the selection. Now do it again. See how every time you fill the selection, the glow becomes a bit more intense? I usually use about 3 or four fills for eyes.
    [​IMG]

    But the problem is, the glow has obscured the white core…ah, not really a problem. Open the layers dialogue box (Dialogues/Layers) and now simply drag the eyeglow layer so that it is beneath the eyecore layer (in other words, make the eyecore sit on top of the eye glow.)
    [​IMG]

    Now repeat the process for the other eye…et voila!
    [​IMG]

    You can also use this effect for lighsabers, laser beams, ANYTHING that needs to glow. Have fun, mess about with the effect, and I’m sure you can improve on it no end.

    Advanced glow tip:
    You might be doing a glow for a character who is a little out of focus, and maybe the eyeglow looks a bit too sharp and out of place. Simply apply a blur effect to the eyecore layer and see how the glow suddenly “fits” with the blurred character.
     

Share This Page