Animated Rainbow Wallpaper
Hello! In this tutorial, I will show how I created the
Rainbows wallpaper. First, create dark sky in the background. For that, set
forecolor to dark blue and back color to black, switch to Gradient tool (G),
change gradient type to Radial, and create gradient from bottom to top of
document.
View full size Rainbow
Wallpaper.
![Rainbows - making of - Step 1](/content_images/eyeson_images/Effects/VladStudio/tut33_RainbowWallpaper/36-1.jpg)
soft white brush to add a spot. Then, transform it (Ctrl-T) – stretch it
horizontally.
![Rainbows - making of - Step 2](/content_images/eyeson_images/Effects/VladStudio/tut33_RainbowWallpaper/36-2.jpg)
![Rainbows - making of - Step 3](/content_images/eyeson_images/Effects/VladStudio/tut33_RainbowWallpaper/36-3.jpg)
blue, switch to Shape tool (U), select Ellipse, switch to ‘Add to shape area‘
mode (2nd button in top row, so that all shapes you create are in single layer).
Then, holding Shift, add several circles, overlapping each other a bit.
![Rainbows - making of - Step 4](/content_images/eyeson_images/Effects/VladStudio/tut33_RainbowWallpaper/36-4.jpg)
mode = overlay, opacity 30-40%, distance 3-4px, size 10-15px)
– inner glow
(white, overlay, size = 5-6px)
– gradient overlay (black-to-white, mode =
overlay, opacity 75%, angle 90)
– bevel and emboss (size 30px, soften 5px,
highlight white 75% screen, shadow multiply 40% blue)
– satin (black, mode =
overlay, distance 6px, size 14px, try different contours)
Our cloud is
ready!
![Rainbows - making of - Step 5](/content_images/eyeson_images/Effects/VladStudio/tut33_RainbowWallpaper/36-5.jpg)
you add layer effects to smaller cloud, decrease all sizes and percents
accordingly.
![Rainbows - making of - Step 6](/content_images/eyeson_images/Effects/VladStudio/tut33_RainbowWallpaper/36-6.jpg)
![Rainbows - making of - Step 7](/content_images/eyeson_images/Effects/VladStudio/tut33_RainbowWallpaper/36-7.jpg)
shapes, each color in one shape layer. Create new layer (behind layers with
clouds). Set forecolor to red, select ellipse shape tool (U) and make a red
circle (as always, holding Shift to preserve proportion)
![Rainbows - making of - Step 8](/content_images/eyeson_images/Effects/VladStudio/tut33_RainbowWallpaper/36-8.jpg)
made, copy-paste it (Ctrl-C, Ctrl-V), scale down a bit (hit Ctrl-T and resize
with your mouse holding Shift). Then change path mode to Substract.
![Rainbows - making of - Step 9](/content_images/eyeson_images/Effects/VladStudio/tut33_RainbowWallpaper/36-9.jpg)
carefully add a shape that hides unnecessary part of circle.
![Rainbows - making of - Step 10](/content_images/eyeson_images/Effects/VladStudio/tut33_RainbowWallpaper/36-10.jpg)
connects to cloud. It is very easy to do: select layer with cloud, switch to
Path selection tool (A), select the circle that touches the rainbow, copy it
(Ctrl-C).
![Rainbows - making of - Step 11](/content_images/eyeson_images/Effects/VladStudio/tut33_RainbowWallpaper/36-11.jpg)
path to select it, paste (Ctrl-V), scale up a bit (Ctrl-T, then resize with the
mouse holding Shift), and finally, change path mode to Substract.
![Rainbows - making of - Step 12](/content_images/eyeson_images/Effects/VladStudio/tut33_RainbowWallpaper/36-12.jpg)
another color.
![Rainbows - making of - Step 13](/content_images/eyeson_images/Effects/VladStudio/tut33_RainbowWallpaper/36-13.jpg)
ready.
![Rainbows - making of - Step 14](/content_images/eyeson_images/Effects/VladStudio/tut33_RainbowWallpaper/36-14.jpg)
more?
![Rainbows - making of - Step 15](/content_images/eyeson_images/Effects/VladStudio/tut33_RainbowWallpaper/36-15.jpg)
‘dissolve’ into separate lines, each color flying in separate direction. Here is
how to do it: for each layer with color, select the shape with Path selection
tool(A), then switch to Pen (P) or Rectangle (U) (does not really matter),
change shape mode to Substract, and add a shape that hides part of
the circle.
Repeat with each color of rainbow – it will look nicer if lines are cut in
different locations.
![Rainbows - making of - Step 16](/content_images/eyeson_images/Effects/VladStudio/tut33_RainbowWallpaper/36-16.jpg)
that with Pen tool
only, but unfortunately Photoshop does not have curved lines
with fixed width, or path offset (as Illustrator). And I wanted the lines to
have fixed stroke width. So we will have to add paths and then transform them
into pixels. So, open Paths
palette (from Windows menu), switch to Pen tool,
then on bottom of paths palette, click New button. New path will appear (called
Path 1).
![Rainbows - making of - Step 17](/content_images/eyeson_images/Effects/VladStudio/tut33_RainbowWallpaper/36-17.jpg)
red line is cut, and dragging (and releasing) the mouse continuing red line
direction.
![Rainbows - making of - Step 18](/content_images/eyeson_images/Effects/VladStudio/tut33_RainbowWallpaper/36-18.jpg)
boundaries.
![Rainbows - making of - Step 19](/content_images/eyeson_images/Effects/VladStudio/tut33_RainbowWallpaper/36-19.jpg)
color as the rainbow red, then carefully choose brush size that matches size of
rainbow line (in my case, 3px). Then, hit Stroke button on bottom of Paths
palette (2nd in the row). You can click Stroke button several times
to make line
wider. If line does not match, undo and change brush size. You should be careful
and patient doing that 🙂
![Rainbows - making of - Step 20](/content_images/eyeson_images/Effects/VladStudio/tut33_RainbowWallpaper/36-20.jpg)
our artwork. Turn on Quick
Mask (Q), then switch to Gradient tool (G), select
black-to-white gradient, and apply gradient as shown here.
![Rainbows - making of - Step 21](/content_images/eyeson_images/Effects/VladStudio/tut33_RainbowWallpaper/36-21.jpg)
selection similar to this.
![Rainbows - making of - Step 22](/content_images/eyeson_images/Effects/VladStudio/tut33_RainbowWallpaper/36-22.jpg)
3-5
pixels
blur. You can also try Lens blur – it may look better (or not) but takemuch more time to apply.
![Rainbows - making of - Step 23](/content_images/eyeson_images/Effects/VladStudio/tut33_RainbowWallpaper/36-23.jpg)
each color.
![Rainbows - making of - Step 24](/content_images/eyeson_images/Effects/VladStudio/tut33_RainbowWallpaper/36-24.jpg)
white hard small brush (add some 1px dots, then 2px and 3px)
![Rainbows - making of - Step 25](/content_images/eyeson_images/Effects/VladStudio/tut33_RainbowWallpaper/36-25.jpg)
romantic if the stars glow with horizontal and vertical rays. To do such star,
switch to Shape
tool (U), choose Polygon, set sides = 4, then open Options
dropdown window, check Star, and set Indent sizes to 90-97%.
![Rainbows - making of - Step 26](/content_images/eyeson_images/Effects/VladStudio/tut33_RainbowWallpaper/36-26.jpg)
proportions), then
transform (Ctrl-T) to squeeze horizontally a little bit.
![Rainbows - making of - Step 27](/content_images/eyeson_images/Effects/VladStudio/tut33_RainbowWallpaper/36-27.jpg)
Pen tool! Apply same effects as to hair layer.
![Rainbows - making of - Step 28](/content_images/eyeson_images/Effects/VladStudio/tut33_RainbowWallpaper/36-27.jpg)
add a dot with white soft brush….
![Rainbows - making of - Step 29](/content_images/eyeson_images/Effects/VladStudio/tut33_RainbowWallpaper/36-28.jpg)
each color.
![Rainbows - making of - Step 30](/content_images/eyeson_images/Effects/VladStudio/tut33_RainbowWallpaper/36-28.jpg)
![Rainbows - making of - Step 31](/content_images/eyeson_images/Effects/VladStudio/tut33_RainbowWallpaper/36-29.jpg)
![Rainbows - making of - Step 32](/content_images/eyeson_images/Effects/VladStudio/tut33_RainbowWallpaper/36-30.jpg)
layers, with layer effects applied to each layer. Here is the shape of the body
(made with Pen tool).
![Rainbows - making of - Step 33](/content_images/eyeson_images/Effects/VladStudio/tut33_RainbowWallpaper/36-31.jpg)
Gradient overlay (black-to-white, radial, overlay 30-40%)
![Rainbows - making of - Step 34](/content_images/eyeson_images/Effects/VladStudio/tut33_RainbowWallpaper/36-32.jpg)
![Rainbows - making of - Step 35](/content_images/eyeson_images/Effects/VladStudio/tut33_RainbowWallpaper/36-33.jpg)
another shape in Substract mode, made with Pen). Add the same layer effects as
to body layer.
![Rainbows - making of - Step 36](/content_images/eyeson_images/Effects/VladStudio/tut33_RainbowWallpaper/36-34.jpg)
effects, but change gradient type to Linear.
![Rainbows - making of - Step 37](/content_images/eyeson_images/Effects/VladStudio/tut33_RainbowWallpaper/36-35.jpg)
to Multiply, no layer effects.
![Rainbows - making of - Step 38](/content_images/eyeson_images/Effects/VladStudio/tut33_RainbowWallpaper/36-36.jpg)
View full size Rainbow
Wallpaper
That’s all!
Thanks! I hope you found it
useful.
Author: Vlad Gerasimov
URL: http://www.vladstudio.com
Comments