tutorialbunch.com  
tutorialbunch about tutorialbunch contact tutorialbunch
 

 

Categories
 
line
menu symbol

Photoshop

dark line
 
dark line
menu symbol

Illustrator

dark line
 
dark line
menu symbol

Flash

dark line
 
dark line
menu symbol

Free Stock Images

dark line

Services

Advertise with Us

 
Shop Front Icon
 
  previous button index button next button  
 

Hi Friends

Today, I am going to teach you how to create a shop store front icon to use in the web and your project, I am sure you will able to create your own a different and colorful store front icon as you required by following this example. I have given all step in this example to make it learn easily, you will learn more about Rectangle Tool, Style and gradient. It will sharp your knowledge, hope you like and enjoy.

Take a new document and adjust the size as required, select Rectangle Tool (M key) and create a rectangle shape with any fill color but stroke color should be "#b8bdc0", it follow every shape. Select Direct Selection Tool (A key) and shrink top anchor point by arrow key then open Gradient Panel (Ctrl + F9) and choose color on the sliders as done below.

shop store front icon

In this step I have to draw another one so still selected shape follow this path (Object menu > Path > Offset Path) and make settings then apply only fill color "#444444".

shop store front icon

Selected Rectangle Tool (M key) and draw with same gradient as used upper step, select Type tool (T key) and draw your shop name with any color as you like. Draw again Rectangle shape with same gradient.

shop store front icon

Select Rounded Rectangle Tool and draw little shape with Red and White color then adjust them as sequence. Draw two line on with any color and make them group, Select both shape by hold Shift key and click on the "Divide" button in the Pathfinder Panel (Shift + Ctrl + F9) to cur the par.

shop store front icon

Select upper cur part and press "Del" key, select middle cut part follow this path (Effect menu > Warp > Bulge) and make settings as done below picture.

shop store front icon

Now you have to attach cut part, select cut part and move to make joint. You can also make modification of size as required of the cut part.

shop store front icon

In this step I am going to draw window and gate, select Rectangle Tool (M key) and draw with any fill color, press (Ctrl + [ key) to send back.

shop store front icon

Apply gradient color in the window and gate, follow this path (Window menu > Gradient) and apply same color on the sliders as below.

shop store front icon

Select Pen Tool (P key) and draw a shape with "#cecece" fill color, select Rectangle Tool (M key) and draw shape with "#e5e5e5".

shop store front icon

Draw stairs and board that is the final result.

shop store front icon




Santosh Kumar Web & Graphic designer

Santosh Kumar

This is santosh kumar living in New Delhi (India) and love to work as a Web & Graphic Designing. I like to create sketch, background, illustration and vector graphics. Tutorialbunch.com is a very good place where I express my creativity.

 
  previous button index button next button  
 





 
 
 
 
 
 
 

Home | Photoshop | Illustrator | Flash | Free Stock Images | Contact Us | Sitemap

 
Copyright © 2008-2016 Tutorialbunch.com. All rights reserved
Designed by Utkarsh kashyap
 
shiny-rss-buttonindex