Lily Of The Valley Designs

Web Designer / E-Commerce Consultant
  • Subscribe in a reader
  • Home
  • About
  • Portfolio
  • Services
  • Contact
  • Blog

Call To Action Buttons With Photoshop

Esther | August 10, 2008

There are two buttons that I like to make they are: The starburst and the shop now buttons.

The starburst is a very popular web 2.0 button that is an eye catcher. First I start of with my image and add a starburst with the custom shape tool.

Starburst

Then I draw the starburst and make a gradient overlay. Layer > Layer Style > Gradient.

Starburst with Gradient

Then give the star three dimension with a drop shadow. Layer > Layer Style > Drop Shadaw.

Starburst with Drop Shaodow

Then I write SALE on the starburst and walah!

Starburst Button

To create a shop now button I first get the rulers to help me make a box (Ctrl + R). Then I drag the grid lines to make the perfect square.

box in photoshop

Second use the grid to make my lines with the line tool.

Grid lines in photoshop

Next I type in the words Shop Now in all Caps. One more finishing touch I create an arrow with a custom shape tool (Note I use Arrow 6)

Arrow 6 in Photoshop

And Wallah there you have it.

Shop Now Button

Comments
No Comments »
Categories
Website Design
Tags
buttons, call to action, E-commerce, graphics, Photoshop, tutorial
Trackback Trackback

Tags

buttons call to action customer experience dropped carts E-commerce free shipping graphics holiday shopping Photoshop questionaire shopping experience small business survey tutorial Usability Usabilty testing web design website website maintenance

Enter your email address:

Delivered by FeedBurner

Recent Posts

  • The 4 Second Test
  • Free Shipping for the Holiday Season
  • Blown Away By my Shopping Experience at American Eagle
  • E-commerce Conference Contest
  • Call To Action Buttons With Photoshop
  • Stale Websites
  • Customer Experience
  • Dropped Carts Today?
  • E-Commerce Experience
  • E-Commerce Do’s and Don’ts

Archives

  • December 2008
  • November 2008
  • August 2008
  • July 2008
  • June 2008

Categories

  • Customer Experience (3)
  • E-commerce (5)
  • Shopping Carts (1)
  • Small Business (2)
  • Uncategorized (1)
  • Usability (4)
  • Website Design (3)
  • website maintenance (1)

Blogroll

  • buySAFE blog
  • Development Blog
  • Get Elastic
  • mr.garylee.com
  • Palmer Web Marketing
  • Pro Blogger


View Esther Curtis's profile on LinkedIn


follow esthergennett at http://twitter.com


Lily of The Valley Designs @ 2008