Tutorials Adobe Photoshop Designing picture gallery web template - Designing a cool picture gallery style web template
Partners
Help us by Donating
Learn and Earn
| Designing picture gallery web template - Designing a cool picture gallery style web template |
Page 2 of 2
Create a new layer. From filter menu select filter>filter gallery>diffuse glow andincrease all settings to their maximum amount.
Change the layer mode to softlight. From bottom of the layer palette click on "Add vector mask". Press D to reset the foreground and background colors to default B&W. Select gradient tool. Apply in linear mode to create a soft blend.
Place website logo on top left corner.
Create a new layer. Create a rectangular selection using rectangle marquee tool and fill with black color. Again create a rectangular selection using rectangle marquee tool, press Ctrl+Alt+D to feather it.
Press Delete to remove the area under selection.
Using rectangular shape tool create a rectangle as shown below.
Double click the layer to open layer style window. Apply settings as shown.
Press Ctrl+J to duplicate the layer. Move a few pixels downwards. Reduce opacity to 30%.
Place a small image as shown below.
Double click the layer to open layer style window. Apply settings as shown.
Apply same layer style on a few more images and place together at equal distance from each other so as to create a thumbnail gallery view.
Press Ctrl+J to create duplicate of an image.Press ctrl+T, right click and select flip vertical.
From bottom of the layer palette click on "Add vector mask". Press D to reset the foreground and background colors to default B&W. Select gradient tool. Apply in linear mode to create a soft blend. Double click the layer to open layer style window. Apply settings as shown.
Decrease opacity from the layer palette.
Repeat the steps for other images.
Insert a large image similar to other images. Place it above the thumbnails strip.
Double click the layer to open layer style window. Apply settings as shown.
Apply the layer settings above on thumbnails as well as large image. Also add arrow buttons using webdings or wingdings fonts. Place it on both sides of the thumbnails.
Type navigation links with a nice and readable font.
Insert a search bar on top right.
using any third party ornamental brush, apply it with navigation links. Reduce opacity.
And that's it. This is how our template will look like.
Add this page to your favorite Social Bookmarking websites          |
