Web_Designer_UK__May_2018

Tutorials
Design isometric typography
7. Work on the letters
The isometric letters are going to have to have one side
that predominantly faces forwards. Work out where the
curves are on each of the letters by reducing the
opacities. This might take some time to figure out, and
you may need to redraw some letters.
9. Colour and build bridges
Create new Overlay layers above each of the letters
and fill with one of your colours. Add Colour layers,
clip, and brush in another colour to flesh it out. Next,
create bridges between some of the letters. Colour
this with another colour.
12. Plant some trees
Trees are easy to create with the Pen; create a triangle
with the two bottom sides lining up along the isometric
guide and then darken one side. Repeat this twice, then
add a stump. Colour with an Overlay layer.
8. Shade the letters
Group each set of layers for each letter. Create clipping
masks for each, and add either light or shade to the
letters so that they appear 3D. Work out where the light
is in the image and judge accordingly.
10. Create a speaker
Now, we’re going to add objects to the scene. Create a
box using the isometric guide, lightening and darkening
either side of the box to create perspective. Create two
circles, and Transform these to fit into the box along the
guide; add a Stroke to the circles using Layer Styles.
13. Escalators and map planning
We’ve created escalators using the same methods we
used to create the other objects, using the isometric
guide to draw over. After that, we’ve used a real map of
London to roughly trace the Thames and draw a white
outline for some water to fill.
11. Add a flag
Next, we’re going to create a flag. Again, use the Pen tool
to draw along the guide, and then fill with white. Clip
layers to this, and touch soft black brushstrokes over
one side of the flag to add shade.
14. Curve the edges
Use the Pen tool to curve the edges of the white structure
that you’ve just created, and fill with #808080. Use a soft,
black brush to create the illusion of a curved space for the
water to sit in.
Grouping and merging
Group a set of layers that you may still want to edit
individually; merge a set of layers that you want to
start editing as one
Above
Create a circle with the Elliptical Marquee and Ctrl/
right-click to choose Stroke to draw your main circle.
Draw lines within it, and draw a structure to hold it up.
Transform this to the grid
Right
With your London Eye in place, draw the round brush
strokes around the outside of the wheel. Make them
smaller the further away they are in perspective.
58 __________________________________________________tutorial