Designing Personal Web Page Layout
Create a new file having 766x606 px and 72 dpi. Color the layer in black, with the instrument
. Now use the instrument
to draw a grey short stripe. Set the adjustments in Blending Options, like it is demonstrated in the picture.
![Designing Personal Web Page Layout in Photoshop CS](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial56/1.jpg)
![Designing Personal Web Page Layout in Photoshop CS](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial56/2.jpg)
![Designing Personal Web Page Layout in Photoshop CS](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial56/3.jpg)
Copy the stripe then and turn it horizontally, using Free Transform option.
![Designing Personal Web Page Layout in Photoshop CS](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial56/4.jpg)
Copy the lower stripe’s layer and place it the way it is done in the picture. Set out Opacity of 15%.
![Designing Personal Web Page Layout in Photoshop CS](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial56/5.jpg)
Use the brush after that and make a circle with the color 707070. Erase a part of it to be exactly like in the picture.
![Designing Personal Web Page Layout in Photoshop CS](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial56/6.jpg)
Use the instrument
again to represent a black figure , which bounds may be seen in the picture. Click on Blending Options, Stroke on the layer and choose the white color and 2 pcx.
![Designing Personal Web Page Layout in Photoshop CS](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial56/7.jpg)
Use the same instrument
and draw a white figure. Place it the way it is in the picture.
![Designing Personal Web Page Layout in Photoshop CS](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial56/8.jpg)
Copy the layer with the recently created figure. Turn it around using Free Transform and keeping pressed the Shift button, make it smaller, exactly like in the picture.
![Designing Personal Web Page Layout in Photoshop CS](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial56/9.jpg)
Use the instrument
to make a figure of white color. Use Free Transform to turn it on 45 degrees, like in the picture.
![](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/Tools/GradientTool.gif)
![](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/Tools/PenTool.gif)
![Designing Personal Web Page Layout in Photoshop CS](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial56/1.jpg)
![Designing Personal Web Page Layout in Photoshop CS](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial56/2.jpg)
![Designing Personal Web Page Layout in Photoshop CS](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial56/3.jpg)
Copy the stripe then and turn it horizontally, using Free Transform option.
![Designing Personal Web Page Layout in Photoshop CS](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial56/4.jpg)
Copy the lower stripe’s layer and place it the way it is done in the picture. Set out Opacity of 15%.
![Designing Personal Web Page Layout in Photoshop CS](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial56/5.jpg)
Use the brush after that and make a circle with the color 707070. Erase a part of it to be exactly like in the picture.
![Designing Personal Web Page Layout in Photoshop CS](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial56/6.jpg)
Use the instrument
![](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/Tools/PenTool.gif)
![Designing Personal Web Page Layout in Photoshop CS](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial56/7.jpg)
Use the same instrument
![](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/Tools/PenTool.gif)
![Designing Personal Web Page Layout in Photoshop CS](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial56/8.jpg)
Copy the layer with the recently created figure. Turn it around using Free Transform and keeping pressed the Shift button, make it smaller, exactly like in the picture.
![Designing Personal Web Page Layout in Photoshop CS](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial56/9.jpg)
Use the instrument
![](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/Tools/RoundedRectangleTool.gif)
![Designing Personal Web Page Layout in Photoshop CS](http://www.adobetutorialz.com/content_images/AdobePhotoshop/ART-D/tutorial56/10.jpg)
Không có nhận xét nào:
Đăng nhận xét