Home > Features > Photoshop Tutorial: Easy Gel Buttons • Bookmark   • Newsletters   • Register Search Options


Photoshop Tutorial: Easy Gel Buttons

Photoshop Tutorial: Easy Gel Buttons

February 22, 2003
Text size: 
Get XBIZ News
XBIZ Research
Will virtual reality boost the paysite market?
Yes, it will soon
Yes, but in a few years
Out of 168 votes. Results based on votes submitted by members of XBIZ.net social network.

" As an optional added effect you can add a ‘stroke’ and ‘outer glow’ to your object layer to make it stand out more. "

Who wouldn't want to add a little gel to their buttons? It's simple and very appealing; Take a look at this easy step-by-step Photoshop tutorial as I slap together some crazy looking gel buttons!

Step 01 - Create New Image: We’re going to start off by first creating a new image, in our case we’re going to be creating a 150x60 offset banner. Click File > New (ctrl + n), enter in 150 for width & 60 for height, press ‘ok’.

Step 02 - Create Object Base: In my example I’ve created a rounded corner square with a darker blue, the darker the shade of the color the better, not going to dark is important too keep in mind; my tutorial on creating this simple object is available by clicking Here.

Step 03 - Selection Modify: CTRL+Click your object layer name on the layer pallet.

Step 04 - Contract: Now click Select > Modify > Contract, and set the value to 1.

Step 05 - Create New Layer: Create a new layer (click Layer > New > Layer); Or press CTRL+SHIFT+N.

Step 06 - Foreground Color: Now for us to generate the 3d gel look we are going to be using white so set your foreground color to pure white, #FFFFFF.

Step 07 - Tool Setup: Select the gradient tool, and set the gradient to foreground -> transparent. Your selection should still be visible, if not CTRL+Click your object layer name again (make sure you remain on your new layer).

Step 08 - Gradient: Perform a vertical up -> down gradient starting at the top of the selection line down about 1/6th the size of your object.

Step 09 - Create New Layer: Create another new layer (Click Layer > New > Layer; CTRL+N). Make sure you still have your selection! If not, do step 3 and come back here.

Step 10 - Gradient: Perform another gradient, same setup as before this time from down -> up, start at the bottom of the select click and drag straight up about ½ way (Press and hold shift while dragging gradient line to keep it straight).

Step 11 - Layer Bleeding: Change the layer bleed mode for the current layer (the down-> up ½ way gradient) to ‘Soft Light’.

Step 12 - Voila! A simple yet stunning gel button! As an optional added effect you can add a ‘stroke’ and ‘outer glow’ to your object layer to make it stand out more. Also, feel free to play with both layer bleeding modes for both the ‘up -> down’ and ‘down -> up’ gradients, with certain colors you can produce some really crazy looks! Finally, you can play around with other layer effects, such as color overlay and gradient overlay!

I hope that you found this tutorial easy and helpful! If you have any questions, send them to scotty@scotty.cc – until then, stay tuned for more!


E-Stim Basics: Selling Customers on Powerboxes as Pleasure Tools

Electrosex is a commonly misunderstood pleasure practice for good reason: Most of us have negative associations with electricity; maybe we’ve been shocked after rubbing our feet across a carpeted... More »

Search Oftentimes Is Left to Chance

Adult content is frowned upon in search, whether in paid, organic or social. With the big algo updates from the past few years, Google has cleaned up search, trying to get rid of spammy and low-quality... More »

Five Tips to Generate Repeat Business

A $50 sale is great. But what if you could get that same $50 sale to come back four times in the next few months? Here are some ideas how to achieve that. 1) On your receipts, you should have an option... More »
Stay informed of the latest industry developments. Get XBIZ newsletters delivered to your inbox. Subscribe today!
Enter email address:

* To manage existing subscriptions click here.

Submit your press release to
multiple news outlets with 1 click.
Subscribe to RSS news feeds or
add free content to your website.
Access XBIZ news and articles
with your mobile device.
Subscribe to XBIZ Premiere magazine, the industry's leading adult retail trade publications, delivering the most timely and comprehensive business news and information to producers and retailers of adult products.


XBIZ 2017

Jan 09 - Jan 13
Hollywood, CA

XBIZ Awards 2017

Jan 12 - Jan 12
Los Angeles, CA

ANME Founders Show

Jan 14 - Jan 15
Los Angeles Marriott Burbank Airport

Everything To Do With Sex Show

Jan 20 - Jan 22
Montréal, Québec
Everyday thousands of business professionals browse XBIZ's industry directory for quality products and services. Not listed yet? Your company could be losing potential new business. Submit your company today!
Use XBIZ RSS feeds to stay informed of the latest industry developments or as a content syndication tool for your website!