GRAFPEDIA 70.000+ resources graphics & tutorials for only $49

05
Aug

Design a lingerie store layout

Psd Themes, Templates, Tutorials, Web layouts
17 Comments

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.

Download

Responses to “Design a lingerie store layout”

Trackbacks

  1. Design a lingerie ecommerce layout | reADactor
  2. 190+ Very Useful Articles for Web Designers | tripwire magazine
  3. ziovex.com
  4. TOPGFX » Blog Archive » 23 Super High Quality Photoshop Website Layout Tutorials
  5. Design a lingerie ecommerce layout
  6. August’s Fresh Photoshop Web Layout Tutorials
  7. 15+ Useful Psd Template E-Commerce Website Tutorials | webdesign14.com

Leave a reply

.