Exploring the Future Potential of AI-Enabled Smartphone Processors
DID Unit 4: Tutorials and Project
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 REDNERDIFFERENCE 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