Aug
Design a lingerie store layout
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.
Ensure your 100% success with our up-to-dated pass4sure 640-863 test papers and JK0-015 practice guides. You can also get free accessibility to our latest ccie security dumps.
Responses to “Design a lingerie store layout”
Trackbacks
- Design a lingerie ecommerce layout | reADactor
- 190+ Very Useful Articles for Web Designers | tripwire magazine
- ziovex.com
- TOPGFX » Blog Archive » 23 Super High Quality Photoshop Website Layout Tutorials
- Design a lingerie ecommerce layout
- August’s Fresh Photoshop Web Layout Tutorials
- 15+ Useful Psd Template E-Commerce Website Tutorials | webdesign14.com


























































I like it. Very nice.
Thanks for the tutorial. I will try it.
5 star , excellent, beautiful sexiest web layout
with nice step by step detail tutorial
thanks so much brilliant
god bless you
Cool… Nice Tutorial.. Thx For Sharing
Hi
Nice tips about photo shop,tech easy way to create temple ..
Thanks for the tutorial
I like it. Very nice.
Great layout, but I think the model could have been better cutout around the hair. Don’t get me wrong, I understand it’s one of the most difficult things to cut out of a background, but it looks rushed on there. Other than that, excellence results that I expect from Grafpedia!
Thank you so much for submitting your tutorial to Pixel2life, your submission has been accepted
I look forward to more tutorials from your site in the future!
Professional layout, i like so much
Nice lingerie layout … great photos as well … thanks for the tutorial