1. digital illustration + design
project 4: CGI effects
plainfield central – mr. lawler art + design
1

2. digital illustration + design
CGI Effects Tutorials
FIREBALL Step-By-Step Procedure
1.
2.
3.
4.
5.
6.
Open a 11” x 8.5” background – 200 PX
FILTER --> RENDER --> CLOUDS
Repeat three (3) times
FILTER REDNERDIFFERENCE CLOUDS
Repeat three (3) times
FILTER --> RENDER --> LIGHTING EFFECTS -->
OMNI, to taste
7. DUPLICATE LAYER, FLIP HORIZONTAL, set LAYER
MODE to SOFT LIGHT
8. DUPLICATE LAYER, FLIP VERTICAL, set LAYER
MODE to SOFT LIGHT
9. TINT each layer with Orange, Yellow & Reds to
taste
10. Complete for all LAYERS except BACKGROUND
LAYER: FILTER --> BRUSHTROKES --> INK
OUTLINES to taste
11. BACKGROUND LAYER --> FILTER --> BLUR -->
GAUSSIAN
plainfield central – mr. lawler art + design

3. digital illustration + design
CGI Effects Tutorials
Lightning Step-By-Step Procedure
1.
2.
3.
4.
5.
6.
7.
Open a 11” x 8.5” background – 200 PX
Create a BLANK LAYER and fill with BLACK
(000000)
Create a BLANK LAYER and place a white line
across it, using the RECTANGULAR MARQUEE
TOOL and a WHITE FILL BUCKET (this will make
a line)
FILTER  LIQUIFY  drag mouse over line to
create waves
Repeat the above process several times and
DUPLICATE some LAYERS, EDIT  TRANSFORM
 FLIP HORIZONTAL or FLIP VERTICAL, or a
combination of both
Return to the first line LAYER you created,
LAYER  LAYER STYLE  OUTER GLOW 
change color to 036EF5 and then adjust
settings to taste
COPY LAYER STYLE and apply to all LAYERS
plainfield central – mr. lawler art + design

4. digital illustration + design
CGI Effects Tutorials
FIRE
Step-By-Step Procedure
1. Open a 14” x 11” background – 200 PX
2. Use the GRADIENT TOOL to create a blend of
black, white and gray with a white highlight
down the center (REFLECTED GRADIENT
selection)
3. After the first gradient is laid down, go up to the
gradient tool menu and select the MODE –
change to DIFFERENCE
4. Draw gradients over the original, over and over
again keeping most of them vertical and some
slightly skewed
5. LABEL this LAYER “BLAST”
6. DUPLICATE “BLAST”: FILTER --> STYLIZE --> FIND
EDGES, set MODE to OVERLAY
7. DUPLICATE “BLAST”: EDIT --> TRANSFORM -->
FLIP HORIZONTAL and then set MODE to
OVERLAY
8. DUPLICATE “BLAST”: EDIT --> TRANFORM -->
FLIP VERTICAL, then EDIT --> TRANFORM -->
FLIP HORIZONTAL, then set MODE to LINEAR
DODGE and at 50% OPACITY, then FILTER -->
STYLIZE --> FIND EDGES, then EDIT --> FADE
FIND EDGES --> 50%
9. TINT each LAYER (including original LAYER) with
ORANGE, YELLOW & RED to taste
10. FILTER --> RENDER --> LIGHTING EFFECTS -->
DEFAULT, use the lighting effects to black out the
sides of the image and highlight the center
flames – repeat for each LAYER
11. Go to the ORIGINAL BLAST LAYER
12. TOOLS --> SMUDGE TOOL 50% - 75% --> set to a
ASSORTED BRUSHES, grab the third brush from
the bottom (ZIGZAG) and set to 120 – 170 pixels
(to taste)
13. SMUDGE the flames on the outside edge only to
create flames
14. REPEAT for each LAYER
plainfield central – mr. lawler art + design

5. digital illustration + design
CGI Effects Tutorials
PLANET
Step-By-Step Procedure
1.
Open a 8” x 8” 200 PX background
2.
Change the FOREGROUND and BACKGROUND
colors to light and dark gray, one warm and one
cool
3.
FILTER  RENDER CLOUDS
4.
FILTER  BLUR  GAUS. BLUR 5
5.
Go to WINDOW  CHANNELS
6.
Create a NEW CHANNEL (a NEW LAYER)
7.
FILTER  RENDER  DIFFERENCE CLOUDS x 20
8.
Close ALPHA CHANNELS and then click on your
LAYER
9.
FILTER  RENDER  LIGHTING EFFECTS  use
these settings: Light Type: Spotlight | Intensity:
60 | Focus: 70
Light Colour: #FFFFFF | Gloss: -100 | Material:
+50
Exposure: -10 | Ambience: +5| Texture
Channel: Alpha1
 (this is why we created the ALPHA channel)
Height: +100
10.
Using the ELLIPTICAL MARQUEE and the SHIFT
KEY draw a perfect circle selection somewhere
in the bottom left
11.
EDIT COPY
12.
NEW LAYER  FILL BUCKET BLACK
13.
EDIT PASTE, then hold CTRL and CLICK on the
picture of the LAYER (in the LAYER menu) with
the SKIN on it
14.
FILTER  DISTORT  SPHEREIZE 100
15.
DO NOT DESELECT (if you have; CTRL click the
LAYER)
16.
DUPLICATE planet LAYER, RENDER  DISTORT
 SPHEREIZE, then change LAYER to MULTIPLY
17.
MERGE DOWN
18.
DUPLICATE LAYER, the WORLD that is
underneath, FILTER  BLUR  GAUSSIAN
BLUR 40
19.
CREATE a NEW LAYER then CTRL click the
WORLD
20.
FILL BUCKET BLACK and then DESELECT
21.
FILTER  BLUR  GAUSSIAN BLUR 50
22.
Use the ARROW (MOVE) to move the “eclipse”
upward
23.
Add a LENS FLARE to the solid black LAYER
plainfield central – mr. lawler art + design

6. digital illustration + design
CGI Effects Tutorials
COMET
Step-By-Step Procedure
1.
Open a 8” x 8” background – 200 PX
2.
NEW LAYER, FILL BUCKET black
(000000)
3.
FILTER  RENDER  LENS FLARE 
50-300mm Zoom, REPEAT filter to
enhance color
4.
FILTER  BLUR  RADIAL BLUR 
100, ZOOM, GOOD, raise crosshairs to
corner of window
5.
DUPLICATE LAYER  MODE Color
Dodge
6.
REPEAT RADIAL BLUR for DUPLICATE
LAYER
7.
On DUPLICATE LAYER, FILTER 
LIQUIFY, use this tool to give a comet a
“tail”
8.
BACKGROUND LAYER  FILTER 
RENDER  LENS FLARE, create a
second LENS FLARE in the top left
corner to taste
9.
NEW LAYER, use a circle paintbrush to
create random dots (make sure to vary
sizes, I use DROPSHADOW brushes)
10.
FILTER  BLUR  RADIAL BLUR, 75,
ZOOM, GOOD, raise crosshairs to
corner of window, REPEAT FILTER
plainfield central – mr. lawler art + design

7. digital illustration + design
CGI Effects Tutorials
NOVA
Step-By-Step Procedure
1.
Open a 8” x 8” background – 200 PX
2.
FILL BUCKET solid black (000000)
3.
FILTER  RENDER  CLOUDS x3
(three times)
4.
FILTER  PIXELATE  MEZZOTINT 
SHORT STROKES
5.
FILTER  BLUR  RADIAL BLUR 
ZOOM, BEST – make sure to center the
crosshairs and then REPEAT
6.
FILTER  DISTORT  TWIRL  +120
7.
DUPLICATE  FILTER  DISTORT 
TWIRL  -180, set LAYER to LIGHTEN
MODE
8.
COLOR BALANCE both LAYERS to taste
9.
FLATTEN IMAGE
plainfield central – mr. lawler art + design

8. digital illustration + design
CGI Effects Tutorials
WARP
Step-By-Step Procedure
1.
Open a 8” x 8” background – 200 PX
2.
NEW LAYER  FILL BUCKET BLACK
3.
FILTER  RENDER 
CLOUDS/DIFFERENCE CLOUDS
(generate as many as you like to taste)
4.
FILTER  BLUR  RADIAL  ZOOM,
GOOD, 80
5.
FILTER  BLUR  RADIAL  ZOOM,
BEST, 40
6.
IMAGE  ADJUSTMENTS  AUTO
LEVELS
7.
IMAGE  ADJUSTMENTS  COLOR
BALANCE too taste
plainfield central – mr. lawler art + design

9. digital illustration + design
CGI Effects Tutorials
PLASMA
Step-By-Step Procedure
1.
Open a 8” x 8” background – 200 PX
2.
NEW LAYER  FILL BUCKET black
3.
RENDER  LENS FLARE  50-300mm
Zoom  REPEAT three times scattered
throughout page
4.
FILTER  SKETCH  CHROME 
DETAIL 6, SMOOTH 4
5.
COLOR BALANCE  BLUE TINT
6.
DUPLICATE LAYER x2 (two times) 
CHANGE MODES to LIGHTEN &
OVERLAY (one for each new layer)
7.
On the LIGHTEN LAYER  FILTER 
DISTORTION  WAVE (complete with
settings to taste)
8.
MERGE LAYERS, DUPLICATE, EDIT 
IMAGE  FLIP HORIZONTAL, LAYER
MODE  LIGHTEN
9.
Continue to DUPLICATE LAYERS and
change directions: ROTATE 90° CW,
ROTATE 90° CWW, FLIP HORIZTONAL,
FLIP VERTICAL  to taste
plainfield central – mr. lawler art + design

10. digital illustration + design
CGI Effects: YOUR PROJECT
CREATE A TUTORIAL
Your project is to create a tutorial of your own. In this tutorial, you should explain how
to create a CGI effect. Use the tutorials you have done in class as a starting point.
Copying a tutorial from the internet is not allowed. You may use internet tutorials to
help you, but you should change them so that they are you have created something
new, all on your own!
TIPS:
1.
2.
3.
4.
5.
6.
7.
When experimenting, take notes.
Write down the steps you use to create certain effects.
Use the PRINT SCREEN function to capture screenshots as you work
Paste these into a PPT
Keep a desired outcome in mind – what are you trying to create?
Teach someone! Make sure they can follow your “recipe”.
The tutorial should have at least 10 STEPS.
What to turn in?
1. Your tutorial with 10 steps (minimum)
2. Your PPT with screenshots
3. Your final image
plainfield central – mr. lawler art + design