 |
|
|
|
| This is the final part of the tutorial to create modern portolfio layout, where we'll be creating the section heading text. Now that 'spot2' has been merged, duplicate the layer and move it down to the content section, to the left. Create some heading text, using the Chracter settings shown below. |
 |
|
|
| |
| |
|
| Make a selection, using the text |
|
| |
|
| |
|
| Expand (select > modify > expand) the selection by 5 pixels, and fill a new layer below with brown (8E766A) |
|
|
|
|
| |
|
| Now we're going to create the curve behind the text, using the pen toolm, so zoom back in to 300%. Select the pen tool (circled in red), create a path (circled in green) and then create anotehr new layer below the brown text outline. |
|
|
|
|
| |
|
| Use the pen tool to create the 1st point, just left to the 'W'. Create the 2nd point right and down, dragging right and up to create the curve. |
|
|
|
|
| |
|
| Change the pen tool to the 'convert point tool', and then use it to drag the right segment of the directional line to the center. |
|
|
|
|
| |
|
| Change back to the pen tool and create a 2nd curve to the right, mirroring the 1st one. |
|
|
|
|
| |
|
| Use the 'convert point tool' again to drag the right segment of the directional line to the center. |
|
|
|
|
| |
|
| Make a straight line to the left. |
|
|
|
|
| |
|
| And then join it back to the 1st point, creating a dip for the last curve. Next, make a selection using the path (image b). |
|
|
|
|
| |
|
| Use the settings shown in image a). Once the selection has been made, fill the layer we made with grey (969591) |
|
|
|
|
| |
|
| Duplciate the shape, and rotate it by 180 degrees (edit > transform > rotate 180). Place it as shwon below. |
|
|
|
|
| |
|
| Zoom out and you should have something like below. |
|
|
|
|
| |
|
| Add the content text, using the settings shown below. |
|
|
|
|
| |
|
| Lastly we need to create the menu bar. Create a new layer above everything else, make a black rectangle, spanning the width of the rounded rectangle. |
|
|
|
|
| |
|
| Add the menu text, and then use the rectangular marquee tool to delete any parts of the decoration showing below. |
|
|
|
|
|
| Once you've finished you should have something like below. |
|
| Enlarge |
|
|
|
| And that brings us to the end of this Photoshop tutorial! :) |
Part: 1 | 2 | 3 | 4 | 5 | 6 |
|
|
|
|
|
|
|
|
 |
