Design a trendy blog header with a retro styling
05 Text vectors
05 Text vectors
You may also turn the text into outlines so that they are editable vector shapes. In our example we added more points with the Pen tool and elongated the descender of the ‘y’. The cream outline was also drawn with the Pen tool with an Inner Glow effect applied to it (found by following Effect>Stylize>Inner Glow).
06 Plaid pattern
For the tablecloth pattern, we’ve scanned a plaid shirt. In Photoshop, simply crop one swatch and use the Free Transform>Perspective to adjust then trim down to a perfect square. Using Hue/Saturation from the Image>Adjustments menu, we can change the original colour of black and red to more of a pink hue in keeping with our theme.
07 Swatch selection
Next place and embed the plaid swatch into Illustrator and drag it into the pattern swatch window. To apply it to the background, first select the shape and then click on the pattern swatch. We can apply more sheen by adding a layer of subtle gradients underneath in the Appearance window, and by changing its transparency to Overlay.
08 Repeating heart pattern
It is best to set the heart shape into a square because that is the area of one repeating pattern. To make even, seamless repeating patterns, place one heart slightly away from the top left corner, then click Alt+Shift to drag it along a 45-degree angle down toward the bottom right corner.
09 The equation of love
The distance between the top heart to the top left corner and the distance between the bottom heart to the bottom right corner must equal the distance between the two hearts in order for the repetition to be even. This will take time to finesse, and can be aided with grids (View>Show Grid).
10 Give the cakes a frosting pattern
The frosting pattern is organic and therefore has a more random placement. In a square, draw various oval shapes with the Pen tool and alter the shade of their colours slightly. Then select everything, including the square, and drag it into the Pattern Swatches window to turn it into a pattern swatch.
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!!