Hello. In this tutorial you will learn how to create a lingerie shopping cart or you can use this layout for any online shop for fashion, or special clothes.
Because i will use some great stock images with girls the whole layout will look very nice. Your users will not even notice the layout. I am sure they will look at the images.
Want to download this PSD layout ? Register for a VIP account
For start you can create a new document. the size should be bigger than 960 pixels.
On top of the website i will create a big red shape.
I will create a new layer ( press on CTRL+SHIFT+ALT+N ) and with Brush Tool, i will create a nice round white point. Please use a smooth brush with a size of over 500 pixels.
Then change the opacity value for this layer to 40%
On the top left side i will write some text ” Lingerie Boutique “. As you can see i have two different types of text. the first one is written in bold and the second one is normal.
With Rectangle Tool i will create two shapes. The one from left was made with white color #FFFFFF, and the small one was made with: #E3E3E3.
On the right side i will create an other shape with Rounded Rectangle Tool.
I will do the same on the left side
With Pen Tool i will create a shape like in the following image.
Under the navigation menu i will create a dark shape with Ellipse Tool.
Then i will go to Filter > blur > gaussian Blur, and i will use a value of 30. This is my result so far.
On the grey shape i will create another round shape with Rounded Rectangle Tool
I will add the following layer style
On the left side i will add a image with a nice looking girl
On the body of the layout i will create another round shape. You can use Rounded Rectangle Tool to create this shape. Then you can lower the opacity to 90 %.
I will add some placeholders for each product, and later in this tutorial we will add some images.
With Rectangle Tool i will create some buttons.
I will use the Pen Tool to create some small triangles. I will position these small triangles like in the following image.
Then i will add some text over each button
On top of the website i will add another images with the most representative images.Here you can create a nice slideshow if you want.
Then i will duplicate each image ( select the layer with image in your layer palette, and then go to Edit > Transform > Flip Vertically. The bottom part of the image you can erase it with Eraser Tool, but please make sure you will select a round smooth brush
Do the same with the other two images.
The next step is to add there a piece of text. the same you can use some different sizes, if you wan tot make this layout nicer.
I will add some text over the navigation bar.
In the footer of the layout i will add also some text
This is my final result.
If you want to download this layered e-commerce psd layout for online clothes, or for lingerie shops you need to apply for a VIP account. One account will allow you to download all resources, and of course you will download the next releases.
Tidak ada komentar:
Posting Komentar