Subscribe to Photoshop,Illustrator,3d and graphic design tutorials at GraphicTutorials.netTuts Feed


Photoshop Button Maker

 
Filed under Photoshop Design

button1 Photoshop Button Maker

In this simple tutorial, we’re going to create a clever little way of making little buttons using a couple of layers and one interchangeable image layer. As always you can download the sample PSD at the bottom of the tutorial to follow along and copy layer styles out of.

Start by drawing in a colored background. I’ve used dark brown/greys here and used a subtle radial gradient. Then in a new layer, draw a circle and fill it with a color. It doesn’t matter what color you use; I’ve used green here.

Next we are going to apply some layer styles. We’re using two types of Inner Shadow (one using Inner shadow and one using Inner glow). Also we have a subtle Gradient Overlay and a Drop Shadow and a bit of Satin. I’ve chosen these to try to make the object look 3D by using shadows at the edges curving away and a radial gradient to make it look like light is hitting the middle

continue

Share on Facebook

social bookmarks
SubscribeDiggdel.icio.usFacebookRedditStumbleUpon



Related Posts :

  • In this tutorial, we’re going to use some super layer effects and a bit of extra magic to make a lettering style that looks transparent and stun ...

  • In this tutorial, we're going to create some really sharp-looking glow effects using a combination of layer styles, the Pen Tool and Color Blend ...

  • Photoshop's layer styles are a great way to create fun and interesting photo effects and text effects without requiring a lot of effort, or even ...

  • Open up a new document (600X300px) and create a new layer called ‘background. Then drag a radial gradient ranging from D2EAFF to 9DCFFB from the ...

  • In this tutorial, we will create this effect using very basic Photoshop tools and layering effects. This tutorial is simple enough for a beginne ...

  • In this tutorial, we are going to make a cool looking sprite signature with an awesome blast effect1. Start off by making a new document. got ...

  • In this tutorial I will show you how to create a smoke typography effect playing with some brushes and adjustment layers. It's a very easy tutot ...

  • In this easy, step-by-step tutorial I’m going to show you how to design an interesting professional menu button by using some simple filters, ...

  • In this tutorial, we’re going to use Photoshop CS3 or Photoshop CS4 to create some really cool-looking effects to decorate our Typography. We ...

  • Without a doubt, digital illustration and art is a big part of any Photoshop oriented community. A great way to get started on that road is to c ...

  • In this photoshop tutorial you will see how to create this colorful photo manipulation using only photoshop. You will learn techniques to colo ...

  • Effects can be added to individual layers in Photoshop that automatically change as a layer is modified. The combination of effects on any given ...

  • Create a new document 400 x 300px and fill it will black. Type the text in "Edwardian Script ITC", font-size 160 pt. Set the anti-aliasing metho ...

  • In this tutorial we're going to make custom 3d artwork in photoshop that we can implement in our logo's, banners, flyers ... any custom design :...

  • The first thing we need to do before we darken any edges is create a copy of our photo so that we don't damage our original pixel information. I ...


Subscribe to our feed for news & updates !

Enter your email address :


Related posts :


Professional Web Navigation Menu Button

In this easy, step-by-step tutorial I’m going to show you how to design an interesting professional menu button by using some simple filters, for example Gaussian Blur & Motion Blur. So, the first step...


Create a Glowing Effect Scene in Photoshop

Open New Document. I use 530 x 438 pixels on this tutorial. Use color #000000 for the background. Move the Image to the Working document using Move Tool (V). Name the image to “Stock...


Create a Highly Detailed Hi-Tech Power Button

With this tutorial we will create a hi-tech style button that can be used in splash pages, applications or Powerpoint presentations. We will use Illustrator to create complex vectors and Photoshop to develop realistic...


Add a Fresh Splash to your Design in photoshop.

In this tutorial, I’ll show you several techniques for enhancing a basic banner design for a product or service. These techniques can be employed to add a fresh splash to many of your designs!...


Create a 3D Glossy Box Logo in Photoshop

Choosing colors for a background is important because it will influence how your image stands out. Since we are going to be creating a vibrant glossy box, let’s use a dark background. Create a...


Snowy Collage Design With Photoshop

In this tutorial, you’ll learn how to create a snow-themed large piece. You’ll learn how to plan the composition of the piece, to add elements into the composition, how to recycle the piece itself...


Blast Sprite Forum Signature Photoshop tutorial

In this tutorial, we are going to make a cool looking sprite signature with an awesome blast effect 1. Start off by making a new document. goto your gradient tool and use a radial...


Create a cool advertisement in photoshop.

Open Photoshop and create a new document. I used 1920×1200. After that select the background layer and go to Layer>Layer Style>Grandient Overlay. Use #150b06 and # 321c0f for the gradient colors, Radial for Style...


Typography Effect

In this tutorial, we’re going to use Photoshop CS3 or Photoshop CS4 to create some really cool-looking effects to decorate our Typography. We will be using a combination of layer styles, color blending, lens...


Design a pill icon in photoshop.

Today I will show you how to create Photoshop tutorial website pill button icon design in photoshop. [1] Take a new file of 400 pixels, 400 pixels, of resolution 72 dpi in the RGB...




« Creating an Old-Collage Effect Poster
How to Create Explosive Flower Fireworks in After Effects »

Vertical1238097 = false; ShowAdHereBanner1238097 = true; RepeatAll1238097 = false; NoFollowAll1238097 = false; BannerStyles1238097 = new Array( "a{display:block;font-size:11px;color:#888;font-family:verdana,sans-serif;margin:0 4px 10px 0;text-align:center;text-decoration:none;overflow:hidden;}", "img{border:0;clear:right;}", "a.adhere{color:#666;font-weight:bold;font-size:12px;border:1px solid #ccc;background:#e7e7e7;text-align:center;}", "a.adhere:hover{border:1px solid #999;background:#ddd;color:#333;}" ); document.write(unescape("%3Cscript src='"+document.location.protocol+"//s3.buysellads.com/1238097/1238097.js?v="+Date.parse(new Date())+"' type='text/javascript'%3E%3C/script%3E"));