PS & IR Tutorial - Smoke
Today, we'll be going from this to 
this.
Have a basic knowledge of IR please.
1. We start off with our basic image in Photoshop. This is a screenshot from Fullmetal Alchemist.
Crop, resize, add some textures and stuff. This is what I ended up with after a texture and some text:
2. Now for the smoke.
On another layer, draw some wavy white lines from wherever you want the smoke to start from. In this icon, it's going to be coming from the gun. Just draw them however.
3. Take the blur tool and blur the lines. I don't recommend setting the strength at 100%, otherwise it becomes too blurred. I set mine at 50%.
4. Do the same thing on more layers. Myself, I had 5 smoke layers altogether, but it doesn't really matter. My 4 other layers were these:
5. This is the hardest part (But not hard if you understand. I just don't have pics to show you what to do, so you only get text explanations, and I'm not sure if it makes complete sense).
Go to ImageReady. On the first frame, have the first smoke layer, but hide all the other smoke layers. On the second frame, have the second smoke layer but hide all the other smoke layers. And so on, until all your smoke layers have their own frames. At the end, make another frame and show the first smoke layer. So, for example, you had 5 smoke layers, it would go something like this:
First smoke layer -- Second smoke layer -- Third smoke layer -- Fourth smoke layer -- Fifth smoke layer -- First smoke layer
6. Tween the frames together. I started from the right to left (Last frames to first frames). I clicked the tween button and chose "Tween with previous frame" and chose to add two frames. It should be something like this:
First layer - tweened frame - tweened frame - Second layer - tweened frame - tweened frame - Third layer - tweened frame - tweened frame - Fourth layer - tweened frame - tweened frame - Fifth layer - tweened frame - tweened frame - First layer
7. Cut out the last frame so that it doesn't "freeze" when the animation runs again. So it would be like this:
First layer - tweened frame - tweened frame - Second layer - tweened frame - tweened frame - Third layer - tweened frame - tweened frame - Fourth layer - tweened frame - tweened frame - Fifth layer - tweened frame - tweened frame - First layer
=>
First layer - tweened frame - tweened frame - Second layer - tweened frame - tweened frame - Third layer - tweened frame - tweened frame - Fourth layer - tweened frame - tweened frame - Fifth layer - tweened frame - tweened frame
8. Set the timing to 0.1 seconds, and then "Save optimized as". It should turn out something like this:
Ta-da! That's it!
Sorry if anything didn't make sense, feel free to ask me if you didn't understand anything! This is the second tutorial I've done, so I'm not sure how much explaining some parts need and stuff... >__> The icon is up for grabs if you want it (HAH. HAH HAH. Right.) but credit chaoticdraconis if you take it, not burnfrenchies.
Feedback would be nice! =D And I'd love to see your products, if you come up with any =)
this.
Have a basic knowledge of IR please.
1. We start off with our basic image in Photoshop. This is a screenshot from Fullmetal Alchemist.
Crop, resize, add some textures and stuff. This is what I ended up with after a texture and some text:
2. Now for the smoke.
On another layer, draw some wavy white lines from wherever you want the smoke to start from. In this icon, it's going to be coming from the gun. Just draw them however.
3. Take the blur tool and blur the lines. I don't recommend setting the strength at 100%, otherwise it becomes too blurred. I set mine at 50%.
4. Do the same thing on more layers. Myself, I had 5 smoke layers altogether, but it doesn't really matter. My 4 other layers were these:
5. This is the hardest part (But not hard if you understand. I just don't have pics to show you what to do, so you only get text explanations, and I'm not sure if it makes complete sense).
Go to ImageReady. On the first frame, have the first smoke layer, but hide all the other smoke layers. On the second frame, have the second smoke layer but hide all the other smoke layers. And so on, until all your smoke layers have their own frames. At the end, make another frame and show the first smoke layer. So, for example, you had 5 smoke layers, it would go something like this:
First smoke layer -- Second smoke layer -- Third smoke layer -- Fourth smoke layer -- Fifth smoke layer -- First smoke layer
6. Tween the frames together. I started from the right to left (Last frames to first frames). I clicked the tween button and chose "Tween with previous frame" and chose to add two frames. It should be something like this:
First layer - tweened frame - tweened frame - Second layer - tweened frame - tweened frame - Third layer - tweened frame - tweened frame - Fourth layer - tweened frame - tweened frame - Fifth layer - tweened frame - tweened frame - First layer
7. Cut out the last frame so that it doesn't "freeze" when the animation runs again. So it would be like this:
First layer - tweened frame - tweened frame - Second layer - tweened frame - tweened frame - Third layer - tweened frame - tweened frame - Fourth layer - tweened frame - tweened frame - Fifth layer - tweened frame - tweened frame - First layer
=>
First layer - tweened frame - tweened frame - Second layer - tweened frame - tweened frame - Third layer - tweened frame - tweened frame - Fourth layer - tweened frame - tweened frame - Fifth layer - tweened frame - tweened frame
8. Set the timing to 0.1 seconds, and then "Save optimized as". It should turn out something like this:
Ta-da! That's it!
Sorry if anything didn't make sense, feel free to ask me if you didn't understand anything! This is the second tutorial I've done, so I'm not sure how much explaining some parts need and stuff... >__> The icon is up for grabs if you want it (HAH. HAH HAH. Right.) but credit chaoticdraconis if you take it, not burnfrenchies.
Feedback would be nice! =D And I'd love to see your products, if you come up with any =)