link to homepage
lbordertop
menu bar icon

1x1
Photoshop Tutorials UK
business card printing icon 5

business card printing icon 6

To Home Page
HomePage

01635 255 552

menuclose

 

 

11-1
392head

Glossy Buttons created in Photoshop
 
spacer
spacer

Glossy Buttons

To Home Page
     
 

Photoshop Tutorials - Glossy Buttons 1

Step 1:

Let's start out by creating a new file. I used a 400x200 pixels canvas set at 72dpi, and I filled my background with a white color. Now create a new layer set and name it 'Glossy Buttons'.

Select the Rectangle Tool and above your screen under the options palette check anti-aliased. Create a new layer and draw a rectangle with 126×27 px dimensions and #B8F416 color shade.

Photoshop Tutorials - Glossy Buttons 2

Step 2:

Under Layer Style (Layer > Layer Style) add an Inner Glow and Stroke blending options to your green rectangle layer.

Photoshop Tutorials - Glossy Buttons 3

Photoshop Tutorials - Glossy Buttons 4

Photoshop Tutorials - Glossy Buttons 5

Step 3:

Now draw a skinny rectangle with 134×12 px dimensions and #B8F416 color shade right above your large rectangle.

Photoshop Tutorials - Glossy Buttons 6

Step 4:

Under Layer Style (Layer > Layer Style) add an Inner Shadow and Gradient Overlay blending options to your skinny rectangle layer.

Photoshop Tutorials - Glossy Buttons 7

Photoshop Tutorials - Glossy Buttons 8

Photoshop Tutorials - Glossy Buttons 9

Step 5:

Now choose the Horizontal Type Tool and set the font family to Arial, bold, 16 pt, strong and #659000 color shade. In a new text layer type the name of your first glossy button.

Photoshop Tutorials - Glossy Buttons 10

Step 6:

Under Layer Style (Layer > Layer Style) add a Gradient Overlay and Stroke blending options to your text layer.

Photoshop Tutorials - Glossy Buttons 11

Photoshop Tutorials - Glossy Buttons 12

Photoshop Tutorials - Glossy Buttons 13

Results:

Glossy Buttons.

Photoshop Tutorials - Glossy Buttons 14

Return to Home page

360div-trans


Do you have a website or blog? Please support this page.

If you've enjoyed reading the above tutorial, or it's been helpful to you I'd really appreciate a link back to it from your blog or website, as every little link helps!
Here are the relevant details to help make the job easier for you . .

Title = Professional Blog Template Design

Description = An easy-to-follow tutorial on creating a Professional Blog Template Design

URL = http://www.castleprint.co.uk/photoshop_blog_template_design.html


360div-trans

Designers! Would you like to write for us?

Are you a designer? If so, would you like to contribute to our site in return for some promotional links back to your site / blog?

Whether it's a tutorial using your favoured software, logo design, web design or you have some useful general design tips, then we'd love to hear from you. Providing your content is unique, i.e. not published elsewhere, then I'm sure we can come to an arrangement whereby we both benefit.

If so, please drop us a line here:- Write For Us Enquiry Form

360div-trans

We Value Your Feedback.

Please help us to provide you the reader with the most relevant content by providing your feedback on the above article/tutorial.

We don't ask for any personal information and it will take less than a minute to leave feedback. Please submit your feedback here:
feedback icon

360div-trans

Other Photoshop Tutorials:

360div-trans

Further design-related info:
How to design a letterhead - An easy-to-follow tutorial taking you through the letterhead design steps.
How to design a folded A4 leaflet - We show you how to get the folds in the right place on an A4 leaflet.
How to Design a Business Card - An easy-to-follow tutorial taking you through the essential steps.
Spot & Process Colours Explained - Spot & Process colours are explained in this thorough article.

360div-trans

Feedback Form

Write For Us

back to top

Hopefully, the above tutorial has been of some help so please let us know how we're doing by leaving a message in the comments section below.

Would you like to see new Photoshop tutorials on a regular basis?

Are you interested in Adobe Illustrator tutorials?

Do you write graphics-related tutorials and would like to see them posted here?
(with links back to your site)

Please let us know!

 
     
 
comments powered by Disqus
 
rbordertop
footer1
footer3
PRODUCTS SITE INFO ARTICLES OTHER SITE INFO TUTORIALS
Business Cards
Brochures & Flyers
Compliment Slips
Continuous Stationery
Digital Printing Service
Envelope Printing
Folder Printing
Invoices - NCR
Letterheads
Printed Envelopes
Specialist Labels
Trade Printing Service
Xmas Card Printing
Contact Us
Delivery
Terms & Conds.
Privacy
Sitemap
Resources

To Home Page HOME

ARTWORK
Artwork & Design
Artwork Help

Booklet / Self Publishing
Business Card Materials/Boards
Branding and your Image
Colour Problems Discussed
Development of Print Technology
Digital or Litho?
Fonts Explained
Free Business Cards - a bargain right?
History of the Business Card
Legal Requirements for Stationery
Logo Design - where do you begin?
Spot & Process Colours Explained
Using QR Codes on your Stationery
Web Design
Web Design to Print Design
When is Black & White Printing Appropriate?
Copyright - who owns it?
FAQ - Business Cards
FAQ - General Questions
FOR SALE - Used Print Equipment
Glossary of Printing Terms
Job Vacancies
Paper Sizes in the UK
Software for Print & Design
Stock Photo Service
Testimonials
Write for Us
Converting Fonts to Outlines
Design a Business Card
Design a Folded A4 Leaflet
Design a Letterhead
Preparing a Print File in InDesign
Preparing Artwork for Spot UV
Rich Black Colour in Artwork

PHOTOSHOP TUTORIALS

- see full list in main menu on left or follow this link: Photoshop Tutorials
footer4
footer2

"Just to let you know I received the business cards and compliment slips yesterday. Thanks for your help. I'm delighted with the quality. If I can pass some business your way in the future I will."

Kenny King
Ixisys - www.ixisys.com

spacer

Castle Print & Design in partnership with:

  •   The Roman Group
  •   Centurion House
  •   Woodside Road
  •   Southbourne
  •   Bournemouth
  •   Dorset BH5 2BA

  •   Tel: 01635 255 552
  •   Fax: 0800 389 7262

 
laminated business cards icon
 

"I don't normally have the time to shop around too much, but was very happy with your prices and service. The logo you designed for us has been very well received. Look forward to many years of continued business."

Steve Thompson
Horizon Electrical

© Copyright 1992 - 2013 Castle Print & Design - All rights reserved

business card iconbusiness card image 4