Apple,Microsoft,Internet,Business Tech,Security,Mobile,Games

Photoshop Tutorials,Photoshop Essentials

Home > 3D >

Design a Multimedia Website Layout in Photoshop (4)

Posted:2011-09-12 14:01From:未知 Writer:photoshop1 Click:
Step 30 Make a few rainbow variations. Here are some samples. Step 31 To make the brush, select a rainbow cluster, drag and drop it into your Brushes Panel. Select New Art Brush. Name your Art Brush Rainbow1 and keep the default setting wit

Step 30

Make a few rainbow variations. Here are some samples.


 

Step 31

To make the brush, select a rainbow cluster, drag and drop it into your Brushes Panel. Select New Art Brush. Name your Art Brush “Rainbow1″ and keep the default setting with a horizontal right direction.


 

Step 32

Now apply your rainbow brushes to the different lines.


 

Step 33

Copy and paste each rainbow wire(line) individually in Photoshop. Paste the layers in front of the buildings but behind your props and the letter “M”. Apply a Layer Mask on the wire layers and use the Cloud brushes to make part of the wires transparent.


 

Step 34

To give the wires a 3D look and make them shinier, apply a Bevel & Emboss Layer Style with similar settings as shown below. Each wire requires some slight settings tweaking to achieve the desired look.


 

Step 35

Copy and paste the 3D boxes from Illustrator into individual layers.


 

Step 36

Apply texture “metal_plaque_bump_seam.jpg” from Armored Metal Textures, using the same techniques as in Step 10 and Step 17. Set the texture layer’s Blending Mode to Hard Light with Opacity 26%.


 

Step 37

Add text to the boxes. Use Heritage Extra Bold, 14px, black. Rotate the text where needed to follow the angle of the boxes.


 

Step 38

Clean up your layers and organize the buttons into folders, if you haven’t already done so.


 

Step 39

The last step!! Add the footer and you’re done! Use Verdana, 10px, #cccccc for the first line and #999999 for the bottom line. These are safe web colors.


 

Conclusion

I hope you found this tutorial helpful. Do share your opinions, ideas, and I will be glad to help you if you have questions.

(editor:photoshop1)
------分隔线----------------------------