Design a trendy blog header with a retro styling
11 Starburst effect
11 Starburst effect
The starburst adds glamour to the banner. First draw a circle to use as a visual guide. Then use the Pen tool and draw a starburst shape within the circle. Once completed, I adjusted it to a comfortable size. Last of all, reduce the Opacity down to 60 per cent in order for it not to be too distracting.
12 Simple button set
Adding a lined-paper pattern to the buttons creates a more textured quality. First, make rectangular shapes with the Rectangle tool, and click Alt+Shift to drag it across and duplicate it four times. Then rotate each rectangle slightly and apply a slight Drop Shadow (Effect>Stylize>Drop Shadow).
13 Lined-paper pattern
For the pattern, evenly place three lines inside a square and take away the square’s appearance, then drag the lines and square into the Pattern Swatches window. Finally add a new fill to the rectangles in the Appearance window and apply the lined-paper pattern at Multiply with 50 per cent Opacity.
14 Apply the lace trim
In Photoshop, the lace trim is drawn with a tablet using the Brush tool with Sensitivity turned on. This truly creates a tactile look and feel for lace, which is handmade in reality. The lace trim is then saved on its own layer as a PSD file and placed into Illustrator.
Project files available here
Article originally appeared in Web Designer issue 153, by Wendy Ding
to find out about all the latest web development, news, reviews, previews, interviews, features and a whole more.
Great tutorial, and the header looks great. I’m a big fan of the retro trend, and it’s cool to hear how why you chose certain colors, fonts, etc. Thanks!
Good tip with the pen tool, quite easy to do when yoiu know how!
Very nice site and very good tutorials.
What font is the logo layer using?
Old fashioned but very good. I NEVER such kind of work any but the old movies!!