Stylin Online T-Shirts
 
Register Rules Be A Supporter Members List Social Groups Mark Forums Read
Hobby Link Japan TFSource Big Bad Toy Store Robot Kingdom ToyArena Captured Prey

Tutorial Thread.

Reply Thread Tools
Old 06-25-2008, 06:52 AM   #1
R.I.P. Buzzbeak

Seth Buzzard's Avatar
Join Date: Jul 2002
Posts: 15,033
Location: North Bay
Collection Count: More then I need
News Credits: 3
Tutorial Thread.

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...-grouping.html .

Big thanks to the people posting the tutorials here for making this thread possible.


XBL gamer tag:MegaBuzzard Twitter/SethBuzzard Facebook Check out my micro cast at Audio Boo

Last edited by Seth Buzzard; 07-17-2008 at 07:43 PM..
Seth Buzzard is offline   Reply With Quote
Old 07-14-2008, 02:54 PM   #2
Elocution Onymous
Otispq's Avatar
Join Date: Jul 2007
Posts: 6,145
Location: N. America
Collection Count: Breaking the 1K threshold in 3-2-1...
News Credits: 9
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.
The OOO is waiting for Yooo!

The OOO, updated 5-29
Otispq is online now   Reply With Quote
Old 07-14-2008, 02:54 PM   #3
Elocution Onymous
Otispq's Avatar
Join Date: Jul 2007
Posts: 6,145
Location: N. America
Collection Count: Breaking the 1K threshold in 3-2-1...
News Credits: 9
Photoshop Index

Eye Glows
Z.U.D.O.N.'s Mean Green Glowy Eyes
TCracker's Absurdly Simple Method To Glow-Glow Eyes!

Laser Beams
Z.U.D.O.N.'s Super (duper) Salvo

Motions/Blurs
Z.U.D.O.N.'s Easy Motion BLurs for Lazy People like You & Me!
DilaZirk's Motions will Make Your Eyes Blurry!

Explosions/Fire
Chaos Incarnate's Big Kaboom
Z.U.D.O.N.'s Scorching Fire Breath
Chaos Incarnate's Massively Hateful Shockwaves (But You'll Love Them!)
Starfire MK2's Simple Explosions=Big Fun!
Pun-3x Shows Us How Explosions Go BOOM!

Clouds/Smoke/Dust/Particles
DilaZirk say's "Eat My Dust! um, Clouds, or even Smoke, uh...yeah"
Chaos Incarnate's Blowin' Smoke...With A Brush!

Battle Damage
Puppylove Says: "I've Got Sparks, Yes I Do, I've Got Sparks, How 'Bout You?"
StarFire MK2 Is Blowin Holes In Bots!

Speech Bubbles/Text
Deviant Anomaly's Easy Peasy Utilitarian Speech Bubbles
Puppylove's "palette"-able Speech Bubbles

Miscellaneous
Chaos Incarnate's Building Actions/Macros - So Good It's 'Not Even Funny'
DilaZirk's Cropping Out the Fun, er, Makes Cropping Out Objects Fun!
Chaos Incarnate's Bubble Shield Instructions - Both Are Crystal Clear!
Puppylove's Disappearing Props Makes Flying Figures Uber-Realistic


Video Tutorials
Chaos Incarnate's Materializing Weapons, Mm-Mmmm Tastee
Chaos Incarnate's All-in-One Miracle Cure Tutorial of Stuff (I love 1-stop shopping, don't you???)
The OOO is waiting for Yooo!

The OOO, updated 5-29
Otispq is online now   Reply With Quote
Old 07-14-2008, 02:55 PM   #4
Elocution Onymous
Otispq's Avatar
Join Date: Jul 2007
Posts: 6,145
Location: N. America
Collection Count: Breaking the 1K threshold in 3-2-1...
News Credits: 9
Gimp Index

Eye Glows
Coolhand's Glowing with Pride

Laser Beams
Riplclaw's 2 Minute Instant Laserbeam's, Mmmm
Zherbus is Making Optics Overloading Colored Hues!

Motions/Blurs
Sage o' G-fruit's Smokey Missile Trails

Explosions/Fire
Polenicus's Explosions...with Pathos!
Coolhand's on Fire, AKA: The Burninator

Transforming


Speech Bubbles/Text
Polenicus's Devilishly Good Speech Bubbles

Miscellaneous
Zherbus Bakes Backgrounds and Layers into Yummy Stuff!
Otispq is online now   Reply With Quote
Old 07-14-2008, 02:55 PM   #5
Elocution Onymous
Otispq's Avatar
Join Date: Jul 2007
Posts: 6,145
Location: N. America
Collection Count: Breaking the 1K threshold in 3-2-1...
News Credits: 9
Paint


Comic Life
Sage o' G-fruit's One-step Lazers!
Sage o' G-fruit's Multi-use Lettering Tool

IR Funview
The OOO is waiting for Yooo!

The OOO, updated 5-29
Otispq is online now   Reply With Quote
Old 07-14-2008, 02:55 PM   #6
Elocution Onymous
Otispq's Avatar
Join Date: Jul 2007
Posts: 6,145
Location: N. America
Collection Count: Breaking the 1K threshold in 3-2-1...
News Credits: 9
Toy Posing & Practical Effects (real world)

Autobus Prime's Cybertronian Interiors: Cheap & Easy for Your Wallets Continued Health
Otispq is online now   Reply With Quote
Old 07-14-2008, 02:56 PM   #7
Elocution Onymous
Otispq's Avatar
Join Date: Jul 2007
Posts: 6,145
Location: N. America
Collection Count: Breaking the 1K threshold in 3-2-1...
News Credits: 9
Camera Use, Settings, Framing

StarFire MK2 Likes His Pics Sharp...Fuzzy is for Teddy Bearz!
Otispq is online now   Reply With Quote
Old 07-14-2008, 03:00 PM   #8
Elocution Onymous
Otispq's Avatar
Join Date: Jul 2007
Posts: 6,145
Location: N. America
Collection Count: Breaking the 1K threshold in 3-2-1...
News Credits: 9
placeholder 1
Otispq is online now   Reply With Quote
Old 07-14-2008, 03:00 PM   #9
Elocution Onymous
Otispq's Avatar
Join Date: Jul 2007
Posts: 6,145
Location: N. America
Collection Count: Breaking the 1K threshold in 3-2-1...
News Credits: 9
placeholder 2
Otispq is online now   Reply With Quote
Old 07-15-2008, 01:22 AM   #10
Not just a name.
Chaos Incarnate's Avatar
Join Date: Nov 2003
Posts: 4,248
Location: Pasco, WA, USA, Earth, Sol System, Orion Arm, Milky Way Galaxy, Local Group, Virgo Supercluster
Collection Count: About 40! Plus about 6 other transforming toys.
News Credits: 1
Quote:
Originally Posted by Otispq View Post
Photoshop Index
Explosions/Fire
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:



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!


(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:


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:



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:


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:



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:



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:



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:



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:



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:



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:



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!



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


To this!:


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


Xbox Live Gamertag: Xakimus Prime
Nintendo 3DS Friend Code: 2492-4127-7270
My Shapeways Store, Chaotica
Chaos Incarnate is offline   Reply With Quote
Reply


Thread Tools

Posting Rules

Hobby Link Japan