|Project Information-- • Skill level-Beginner • AdobeR Photoshop R CS2 • General Tips|
If you can click and drag your mouse, you can create this simple website logo with Adobe Photoshop CS2. As you make the logo in this tutorial, you will learn how to use the Rectangle Marquee Tool, Paint Bucket Tool, Horizontal Type Tool and how to add a border. Let's get started.
Step 1. Start a new project. To start, click File > New to open the New dialog box. The logo will be 325 pixels wide and 225 pixels high. Set the following values.
Color Mode: RGB Color
Background Contents: Transparent
Now we are ready to add a small, simple design to the logo which will add interest and set the color scheme.
Rectangle Marquee Tool Paint Bucket Tool
Step 2. Draw the first rectangle. The design will consist of two overlapping rectangles. Let's draw the design in the upper left corner. You can use the checked background of the image area window (which represents a transparent background) as a grid. Click on the Rectangle Marquee Tool. In the Options bar, set the Feather to zero pixels and the Style to Normal. Click and drag to draw a rectangle in the corner. Now that we have an area selected, we will use the Paint Bucket Tool to fill the selected area with color. In the example, I used a light green color (c42f9b). Click on the Paint Bucket Tool and then click on a color swatch of your choice from the Swatches Palette. In the Options bar, set the following values.
Opacity: 50% (optional)
Now, click on the selected area to color the rectangle. Click Select > Deselect. Repeat this step for a second rectangle. Select another rectangular area just slightly down and to the right of the first. You will want the rectangles to overlap. Choose another color swatch from the Swatches Palette. In the example, I used a darker green color (598527). When you fill the rectangle with color, click on an empty area (not on the overlapping area). This will fill only the empty area of the second rectangle and leave the overlapping area unchanged. It will give the appearance that the first rectangle is on top of the second.
AdobeR product screen shot(s) reprinted with permission from Adobe Systems Incorporated. AdobeR, BridgeR, IllustratorR, PhotoshopR, PhotoshopR AlbumTM and FlashR are either registered trademarks or trademarks of Adobe Systems Incorporated in the United States and/or other countries.