|
Logo Corner Piece
In this tutorial, we'll take a look at how to create a neat little corner piece element for your website. I find that these are great for holding your logo or title of your website in the upper left corner where your website Header is. In addition to looking flashy, they are also a great way to bring attention to your product name and identity.
Step-by-Step Instructions:
1. Open a new document in Photoshop. Create a new layer called "Corner Piece" on top of the Background layer.
2. Use the Polygonal Lasso tool and create the shape for your Corner Piece. When you close your shape, it will convert to a selection. (I use the Polygonal Lasso tool just for making this tutorial easier. Feel free to substitute and use the pen tool to make your shape if you know how.)
3. Goto Select > Modify > Smooth from the main menu.
4. The Smooth box appears for you to enter a value. Depending on how smooth you want your Corner Piece shape, enter the value here and click OK. I used 30 to make sure the shape was smooth.
5. Next, fill in the selection with a color of your choice using the Paint Bucket tool.
6. Use the Polygonal Lasso tool to create another selection within your colored Corner Piece shape. Follow the procedure in Steps 3 and 4 to smooth out the selection.
7. Now hit the Delete key to erase the color from the center of the object.
8. Next, right click the "Corner Piece" layer from the layers palette and select "Blending Options".
9. The Blending Options box will open. Click the checkbox next to Bevel and Emboss. Adjust the Depth, Size, and Soften sliders under the Bevel & Emboss section so that you give the Corner Piece a 3D effect.
10. Now, with the Blending Options box still open, click the checkbox next to Shadow and give the Corner piece a shadow. Adjust the Opacity, Angle, Distance, Spread, and Size sliders until you are happy with the appearance. Click OK to accept changes and exit out of the Blending Options box. Your image should look something like below:
11. Lastly, we should bring in our logo to place inside. To do this, create a new layer, but make sure the layer is below the "Corner Piece" layer. Call this new layer "Logo".
12. Simply paste your logo and position it in a good spot inside the Corner Piece.
13. To erase any excess image that is coming out from behind the Corner Piece, you can use the eraser tool to erase it. Then you will have your final "Logo Corner Piece" image.
14. I added some text to fill in the top right area. This is the final result.
|
