• Listen to a special audio message from Bill Roper to the Hive Workshop community (Bill is a former Vice President of Blizzard Entertainment, Producer, Designer, Musician, Voice Actor) 🔗Click here to hear his message!
  • Read Evilhog's interview with Gregory Alper, the original composer of the music for WarCraft: Orcs & Humans 🔗Click here to read the full interview.

fire icon/blast [Reviewing: Gen. Frank]

ok in this tutorial i am going to teach you how to make this icon in photoshop(freehand and quick way(i'm showing you the freehand way because I had to do it that way for the icon contest))

attachment.php


New document

first of all we are going to make this in a 400*400pixel document first then shrink it down.
Macrocosm1.jpg

Once you have created the new document create a new layer, and color it ALL black
Macrocosm2.jpg

Macrocosm3.jpg


Making it look like space

now the first thing you have to do is go to Filter>Noise>Add Noise((refer to the picture to see what to put the settings at)
Macrocosm5.jpg

Macrocosm6.jpg

alternatively if you are doing this freehand then you can grab a star brush and use that to make the white dots). Next we are going to go to levels(Cntrl+L) and adjust it refer to the picture to see what to fill it in.
Macrocosm8.jpg

Then your image should look like the last one i am showing you(in this section). Once you're done press (Cntrl+d) or Image>Deselect


Macrocosm9.jpg


Now to set the backround explosion

The first thing you are going to have to do is create a new layer. Next make an oval shape(refer to the picture for approximate size)
Macrocosm11.jpg

and fill it with the color blue(go to color picker and put in the number 854(refer to the picture(click the 2colored boxes to access the color picker)).
Macrocosm12.jpg

After you filled the oval with the blue next what you have to do is go to Blending Options>Pattern Overlay and apply the settings in the picture.
Macrocosm13.jpg

this part is located in the layers pallete
Macrocosm14.jpg

and this is what it should look like at the end
Macrocosm15.jpg


Once you have done that go to Filter>Blur>Gaussian Blur and apply the following settings that are shown in the picture(if you are going freehand this then color it in with blue at random spots(#000854)).Refer to the picture to see what measurements to make the blur.
Macrocosm17.jpg

Macrocosm18.jpg


Making the middle of the explosion

The first we are going to do is once again create a new layer. Next select you're oval tool once more and make another oval inside the middle of the bigger one(refer to the picture).
Macrocosm20.jpg

Once you got the right size oval(or almost right size) fill in the oval with white.
Macrocosm21.jpg

Now go to Filter>Stylize>Wind and refer to the pictures for this part as i cant explain it that much, but its from right then left,
Macrocosm23.jpg

rotate and right,
Macrocosm24.jpg

then left again(apply the wind filter 2x for every step(like you do it once then do it again(or just press Cntrl+F after you apply it))).
Macrocosm25.jpg

^that is what it should look like after you have done it properly.
If you are going to freehand this make sure you have another document open and do the same thing but try to copy the lines. Now rotate your distorted oval to make stand horizontal, and the wind marks you made are now going up and down.
Macrocosm27.jpg

Repeat the steps untill you did the wind filter to both sides 2x.
Macrocosm28.jpg
Macrocosm29.jpg

and once you have done that it should look similar to the picture below
Macrocosm30.jpg

Now make the oval smaller using Image>Free Transform(Cntrl+T).
Macrocosm31.jpg


Coloring it to lava/fire color

once you have finished all of the steps above go to, Image>Mode>Greyscale and select it. After that look at the picture and compare you're results to mine.
Macrocosm34.jpg

Once you are satisfied with it go to Image>Mode>Indexed(this will merge all you're layers into one, say yes/accept it). Once you have done that once again go back to Image>Mode>Color Table>Black Body(the color table option will only show up if you have agreed to make the image indexed) and select it.
Macrocosm37.jpg

BAM you have finished and made a icon! If you want to unlock the image to transfere or resize it go to Image>Mode>RGB. You can also play around with the other options in the Color Body. If you are going to freehand this then just put a red/yellow layer(s) ontop and play with the masks. Have fun.
cosmic-energy-blast-space-photoshop.jpg

the picture above shows what it should look like once you have done everything. To transfer this layer over into other pictures you are first going to have convert it back into RGB mode. To that you go to Image>Mode>RGB. Hope you enjoyed this tutorial and have fun with it.
 

Attachments

  • Macrocosm1.jpg
    Macrocosm1.jpg
    32.3 KB · Views: 157
  • Macrocosm2.jpg
    Macrocosm2.jpg
    12.9 KB · Views: 102
  • Macrocosm3.jpg
    Macrocosm3.jpg
    1.5 KB · Views: 118
  • Macrocosm5.jpg
    Macrocosm5.jpg
    44.2 KB · Views: 104
  • Macrocosm6.jpg
    Macrocosm6.jpg
    89 KB · Views: 115
  • Macrocosm8.jpg
    Macrocosm8.jpg
    24.5 KB · Views: 23
  • Macrocosm9.jpg
    Macrocosm9.jpg
    61.4 KB · Views: 29
  • Macrocosm11.jpg
    Macrocosm11.jpg
    65.5 KB · Views: 22
  • Macrocosm12.jpg
    Macrocosm12.jpg
    34.1 KB · Views: 23
  • Macrocosm13.jpg
    Macrocosm13.jpg
    31.3 KB · Views: 28
  • Macrocosm14.jpg
    Macrocosm14.jpg
    15 KB · Views: 67
  • Macrocosm15.jpg
    Macrocosm15.jpg
    51.7 KB · Views: 21
  • Macrocosm17.jpg
    Macrocosm17.jpg
    24.5 KB · Views: 29
  • Macrocosm18.jpg
    Macrocosm18.jpg
    83.5 KB · Views: 33
  • Macrocosm20.jpg
    Macrocosm20.jpg
    50.5 KB · Views: 37
  • Macrocosm21.jpg
    Macrocosm21.jpg
    71.6 KB · Views: 37
  • Macrocosm23.jpg
    Macrocosm23.jpg
    24.8 KB · Views: 41
  • Macrocosm24.jpg
    Macrocosm24.jpg
    22.2 KB · Views: 30
  • Macrocosm25.jpg
    Macrocosm25.jpg
    69 KB · Views: 25
  • Macrocosm27.jpg
    Macrocosm27.jpg
    63.7 KB · Views: 40
  • Macrocosm28.jpg
    Macrocosm28.jpg
    22.4 KB · Views: 21
  • Macrocosm29.jpg
    Macrocosm29.jpg
    19.2 KB · Views: 24
  • Macrocosm30.jpg
    Macrocosm30.jpg
    66.1 KB · Views: 80
  • Macrocosm31.jpg
    Macrocosm31.jpg
    69.3 KB · Views: 30
  • Macrocosm34.jpg
    Macrocosm34.jpg
    70.8 KB · Views: 26
  • Macrocosm37.jpg
    Macrocosm37.jpg
    30.3 KB · Views: 23
Last edited:

Ralle

Owner
Level 79
Joined
Oct 6, 2004
Messages
10,183
Top