Software updates
Lundi, avril 19th, 2010Creating Plastic Buttons can be done fairly easy in Photoshop. In a few easy steps you can create some nice looking Plastic Buttons. These buttons are used a lot on websites. If you are a beginner, don't worry. I will write the first part of this tutorial for beginners and the second part for the Advance users. In this tutorial I will show you how to create the Plastic Buttons in Photoshop. So let's begin.
How to Create Plastic Buttons in Photoshop for Beginners
Open your Photoshop program and let it load. Now you will need to create a new canvas. Go to the top of your Photoshop window and click File > New to create a new canvas. Create your canvas about 300 pixels by 300 pixels. You can crop your button when you are finished. Set your background to white and then click OK.
Now you will need to draw your button. Select the Rounded Rectangle Tool from your toolbar and draw a rectangle on the canvas. You can make what ever size button you want.
Next you will need to Rasterize your layer. Right click on the Shape Layer in the Layers Panel and click Rasterize Layer from the pop up menu. If you do not see your Layers Panel then press F7 on your keyboard.
Right click again on that same layer and select Blending Options from the pop up menu. The Blending Options dialog box will pop up. You will see many options on the left hand side of that box. Below I will tell you which ones to click on and what Values to enter in the fields. Make sure that you click on the word and not just check the box. If you just check the box then you won't see the options for that effect.
Drop Shadow
Blend Mode - Multiply
Color - # 8d8d8d
Opacity - 50%
Angle - 120
Distance - 5
Spread - 0
Size - 5
Contour - Linear
Anti-aliased - Unchecked
Noise - 0
Inner Shadow
Blend Mode - Multiply
Color - # cbcbc9
Opacity - 65%
Angle - 150
Distance - 1
Choke - 0
Size - 5
Contour - Linear
Anti-aliased - Uncheck
Noise - 0
Inner Glow
Blend Mode - Screen
Opacity - 100%
Noise - 0
Color - Black
Technique - Softer
Source - Edge
Choke - 0
Size - 100
Contour - Linear
Anti-aliased - Unchecked
Range -50%
Jitter -0
Bevel and Emboss
Style - Inner Bevel
Technique - Smooth
Depth - 100%
Direction - Up
Size - 6
Soften - 16
Angle - 164
Use Global Light - Checked
Attitude - 58
Gloss Contour - Half Round
Anti-aliased - Unchecked
Highlight Mode - Screen
Color - White
Opacity - 81%
Shadow Mode - Multiply
Color - Black
Opacity - 55%
Gradient Overlay
Blend Mode - Normal
Opacity - 100%
Gradient - # 98def5 > # d9f0f8 > # 9adff0 ( Please see image two if you do not understand this part.)
Reverse - Unchecked
Style - Linear
Align with Layer - Checked
Angle - 90
Scale - 93
Stroke
Size - 1
Position - Outside
Blend Mode - Normal
Opacity - 100%
Fill Type - Color
Color - # d0d3d4
Now click OK on the Blending Options Panel. Now your button should look like mine. You can add text to your button by selecting the type tool and typing on your button. If you have any problems with this tutorial, please feel free to contact me using the contact button at the top of this page.
How to Create Plastic Buttons in Photoshop for the Advance
Create a new canvas. Set your background to white. Next you will need to draw your button using your Rounded Rectangle Tool. Rasterize your Shape Layer. Right click your shape layer and open the blending options panel and enter the following.
Drop Shadow
Blend Mode - Multiply
Color - # 8d8d8d
Opacity - 50%
Angle - 120
Distance - 5
Spread - 0
Size - 5
Contour - Linear
Anti-aliased - Unchecked
Noise - 0
Inner Shadow
Blend Mode - Multiply
Color - # cbcbc9
Opacity - 65%
Angle - 150
Distance - 1
Choke - 0
Size - 5
Contour - Linear
Anti-aliased - Uncheck
Noise - 0
Inner Glow
Blend Mode - Screen
Opacity - 100%
Noise - 0
Color - Black
Technique - Softer
Source - Edge
Choke - 0
Size - 100
Contour - Linear
Anti-aliased - Unchecked
Range -50%
Jitter -0
Bevel and Emboss
Style - Inner Bevel
Technique - Smooth
Depth - 100%
Direction - Up
Size - 6
Soften - 16
Angle - 164
Use Global Light - Checked
Attitude - 58
Gloss Contour - Half Round
Anti-aliased - Unchecked
Highlight Mode - Screen
Color - White
Opacity - 81%
Shadow Mode - Multiply
Color - Black
Opacity - 55%
Gradient Overlay
Blend Mode - Normal
Opacity - 100%
Gradient - # 98def5 > # d9f0f8 > # 9adff0 ( Please see image two if you do not understand this part.)
Reverse - Unchecked
Style - Linear
Align with Layer - Checked
Angle - 90
Scale - 93
Stroke
Size - 1
Position - Outside
Blend Mode - Normal
Opacity - 100%
Fill Type - Color
Color - # d0d3d4
Now click OK on the Blending Options Panel. If you have any problems with this Photoshop tutorial, please feel free to contact me using the contact button at the top of this page.
A Security Advisory has been posted in regards to the upcoming Adobe Reader and Acrobat updates scheduled for April 13, 2010. The updates will address critical security issues in the products. This quarterly security update will be made available for Windows, Macintosh and UNIX.
With this quarterly update, we are enabling the new updater first shipped in a passive state with the October quarterly security update. For more information, please refer to the Adobe Reader blog.
We will continue to provide updates on the upcoming release via the Security Advisory section of the Adobe web site as well as the Adobe PSIRT blog.
This posting is provided “AS IS” with no warranties and confers no rights.
In a future post, I'll focus on how to embed simulations in Adobe FrameMaker during the authoring process in order to avoid any post-processing work, but for now, my focus is on customizing the poster image for an embedded Flash movie directly in Acrobat 9.
Embedding Flash content in Acrobat 9 is quite easy, you use the Flash tool from the Tasks toolbar, double-click where you want to insert the SWF, Browse for it and click OK. That's it.
However, the purpose of the video below is to illustrate how to use one of the slides in Captivate to create a poster image for the embedded simulation, in order to make it obvious to the end user that this is a video simulation and not a simple, static screen shot.
If you are embedding Adobe Captivate simulations in your PDF document, I'd love to check it out. If you are able to share, please send me a tweet @rjacquez.
Click the image below to launch for the video in a new window.

