|
Splash Button
Some websites require the use of a whimsical or artistic effect to their design. What better way to convey this style than through the use of a button that looks like liquid or a splash. This tutorial will demonstrate how to make a Splash Button that looks like it's made of liquid. You are free to choose the color and fonts as you work your way through this tutorial.
Step-by-Step Instructions:
1. Open a new document in Photoshop.
2. Create a new layer and call it "Splash.
3. With the "Splash" layer active, begin drawing a splash outline using the Polygonal Lasso tool (or if your hands are steady, you can use the regular Lasso Tool).
4. Goto Select > Modify > Smooth. Enter a value in the Smooth pop-up box. Choose a number that will smooth out the jagged edges in your polygonal lasso selection in Step 3, while still retaining the splash look.
5. Use the Paint Bucket tool and fill in your selection with any color you like.
6. Now right click the "Splash" layer, choose "Blending Properties".
7. Click the "Bevel and Emboss" checkbox. Adjust the Depth, Size, and Soften sliders so that the splash has the 3D effect you desire.
8. You should now have a 3D splash background.
9. Next, select the Type Tool and type the text for your button.
10. Finally, right click the Text layer that you just made. Click "Blending Properties".
11. Click the "Bevel and Emboss" checkbox.
12. Under the Bevel and Emboss properties, there is a dropdown box labeled "Styles:". Click this dropdown box and select "Pillow Emboss" from the list. Then click OK to exit "Blending Properties".
13. You should now have your Splash Button!
|
