business cardsAbout usRequest a quotationFAQsContact usSearch siteLinksbusiness cards
link to homepage
lbordertop
menu bar icon

1x1

Photoshop Tutorials UK

menutop

menudiv

To quickly find the product, article, tutorial or other site info you require, please use the search facility below.



menudiv

If your enquiry is urgent, we can quickly be contacted on:

01635 255 552

menuclose
11-1
392head

Glossy Buttons created in Photoshop

1x1

Glossy Buttons

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

 

Other Photoshop Tutorials

Hopefully, the above tutorials have 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? Please let us know!

Designers!

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

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 me a private message here: PM to Paul

HTML Comment Box is loading comments...

 

 

Add to Google
Add to My Yahoo!
AddThis Social Bookmark Button


Creating glossy buttons in Photoshop

General Enquiry Form
If you experience any difficulty in submitting this form, please contact us on:
01635 255 552 or email us at: sales@castleprint.co.uk and we will respond asap.


Required items indicated with *
Email: *
Name: *
Tel. Number: *
Subject: *

I would like more information. Contact me on the above telephone number to discuss my enquiry
  Telephone me on the above number

My enquiry relates to:
  General printed products   Artwork & Design

I wish to receive samples of the following products. Please note: if you need to select more than one option, please enter the extra product you require in the message box further down this form.
Samples:
Laminated / Plain Business Cards
Letterheads / Compliment Slips
Printed Envelopes - 1, 2, 3 or 4 colours
Full Colour Brochures & Flyers
My address details:

Any other details not covered above:

Attach Files - 5Mb max
 
Attach Files - 5Mb max
 
If your file(s) are over 5Mb, please contact us and we will supply an alternative email address.  
Please check that you have entered all details correctly, to ensure we deal with your enquiry in an efficient manner.

Castle Print & Design
in partnership with The Roman Group, Centurion House, Woodside Road, Southbourne, Bournemouth, Dorset, BH5 2BA

Tel: 01635 255 552 / FreeFax: 0800 389 7262
 
   
     

 

1x1
11-2
176head1

1x1

Photoshop Tutorials

1x1
1x1   1x1
Checklist

Remember, if designing for print, set your workspace to 300dpi and at actual size to be used, or larger. Many people use higher resolutions, 600dpi for instance, but this is not necessary, and will not improve the final print quality.

If designing just for the web, then a 72dpi workspace is fine.

Another thing to consider - if designing for print, then make sure 'Mode' is set for CMYK.

Insert > Mode > CMYK

Only use RGB mode if designing for the web.

 
rbordertop
footer1
footer3

visa-sm spacerTelephone: 01635 255 552spacerrorinfospacerFreeFax: 0800 389 7262 spacermastercard-sm

footer4
footer2