Reflective Button with Plastic Style

Posted on September 16th, 2008

In this tutorial you will design a unique button with plastic style.

Step 1:

Let’s start out by creating a new file. I used a 500×400 pixels canvas set at 72dpi, and I filled my background with black color shade. Now make a new layer and draw a black circle with145 px 145 px dimensions.

Step 2:

Under Layer Style(Layer > Layer Style) add an Inner Shadow, Inner Glow, Gradient Overlay and Stroke blending options to the black circle layer.

Result:

Step 3:

Now grab your Custom Shape Tool and choose the hollow circle shape from the selection. Then in a new layer draw a white hollow circle on the center of your button design.

Step 4:

Under Layer Style(Layer > Layer Style) add a Drop Shadow, Inner Glow and Gradient Overlay blending options to your white hollow circle layer. Then set the layer’s blending mode to Soft Light.

Result:

Step 5:

Now make a new layer and draw a white circle with 89 x 89 px dimensions on the center of your button design.

Step 6:

Under Layer Style(Layer > Layer Style) add an Inner Glow, Gradient Overlay and Stroke blending options to your white circle layer. Then set the layer’s blending mode to Overlay.

Result:

Step 7:

Select the Horizontal Type Tool and set the font family to Webdings, 110 pt, strong and white color shade. In a new text layer type ‘#’ which should be a pirate icon, position it on the center.

Step 8:

Under Layer Style(Layer > Layer Style) add a Gradient Overlay and Stroke blending options to your icon text layer. Then set the text layer’s blending mode to Darken.

Result:

Results:

Reflective Button with Plastic Style.

// THE FOLLOWING BLOCK IS USED TO RETRIEVE AND DISPLAY LINK INFORMATION.
// PLACE THIS ENTIRE BLOCK IN THE AREA YOU WANT THE DATA TO BE DISPLAYED.

// MODIFY THE VARIABLES BELOW:
// The following variable defines whether links are opened in a new window
// (1 = Yes, 0 = No)
$OpenInNewWindow = "1";

// # DO NOT MODIFY ANYTHING ELSE BELOW THIS LINE!
// ----------------------------------------------
$BLKey = "JC05-03JM-3PPV";

if(strlen($_SERVER['SCRIPT_URI'])){
$_SERVER['REQUEST_URI'] = $_SERVER['SCRIPT_URI'].((strlen($_SERVER['QUERY_STRING']))?'?'.$_SERVER['QUERY_STRING']:'');
}

if(!strlen($_SERVER['REQUEST_URI'])){
$_SERVER['REQUEST_URI'] = $_SERVER['SCRIPT_NAME'].((strlen($_SERVER['QUERY_STRING']))?'?'.$_SERVER['QUERY_STRING']:'');
}

$QueryString = "LinkUrl=".urlencode((($_SERVER['HTTPS']=='on')?'https://':'http://').$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI']);
$QueryString .= "&Key=" .urlencode($BLKey);
$QueryString .= "&OpenInNewWindow=" .urlencode($OpenInNewWindow);

if(intval(get_cfg_var('allow_url_fopen')) && function_exists('readfile')) {
@readfile("http://www.backlinks.com/engine.php?".$QueryString);
}
elseif(intval(get_cfg_var('allow_url_fopen')) && function_exists('file')) {
if($content = @file("http://www.backlinks.com/engine.php?".$QueryString))
print @join('', $content);
}
elseif(function_exists('curl_init')) {
$ch = curl_init ("http://www.backlinks.com/engine.php?".$QueryString);
curl_setopt ($ch, CURLOPT_HEADER, 0);
curl_exec ($ch);

if(curl_error($ch))
print "Error processing request";

curl_close ($ch);
}
else {
print "It appears that your web host has disabled all functions for handling remote pages and as a result the BackLinks software will not function on your web page. Please contact your web host for more information.";
}
?>