Website Logo with Adobe Photoshop CS2

Website Logo with Adobe Photoshop CS2
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.

Width: 325
Height: 225
Resolution: 72
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.

Source: Foreground
Mode: Normal
Opacity: 50% (optional)
Tolerance: 32
Anti-alias: checked
Continuous: checked

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.

Next →

Copyright 2018 Adobe Systems Incorporated. All rights reserved. Adobe product screen shot(s) reprinted with permission from Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst and Flash Paper is/are either [a] registered trademark[s] or a trademark[s] of Adobe Systems Incorporated in the United States and/or other countries.

Related Articles
Editor's Picks Articles
Top Ten Articles
Previous Features
Site Map

Content copyright © 2021 by Diane Cipollo. All rights reserved.
This content was written by Diane Cipollo. If you wish to use this content in any manner, you need written permission. Contact Diane Cipollo for details.