g Text Version
Beauty & Self
Books & Music
Food & Wine
Health & Fitness
Hobbies & Crafts
Home & Garden
News & Politics
Religion & Spirituality
Travel & Culture
TV & Movies

Bored? Games!
Take a Quiz
Rate My Photo

Folklore and Mythology
Women's Fashion
Holiday/Seasonal Cooking
Hiking & Backpacking
New Age
Weight Loss

All times in EST

Low Carb: 8:00 PM

Full Schedule
g Digital Art and Design Site

BellaOnline's Digital Art and Design Editor


Make a Website Logo with Adobe Photoshop CS2

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.

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 →

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.
Add Make+a+Website+Logo+with+Adobe+Photoshop+CS2 to Twitter Add Make+a+Website+Logo+with+Adobe+Photoshop+CS2 to Facebook Add Make+a+Website+Logo+with+Adobe+Photoshop+CS2 to MySpace Add Make+a+Website+Logo+with+Adobe+Photoshop+CS2 to Del.icio.us Digg Make+a+Website+Logo+with+Adobe+Photoshop+CS2 Add Make+a+Website+Logo+with+Adobe+Photoshop+CS2 to Yahoo My Web Add Make+a+Website+Logo+with+Adobe+Photoshop+CS2 to Google Bookmarks Add Make+a+Website+Logo+with+Adobe+Photoshop+CS2 to Stumbleupon Add Make+a+Website+Logo+with+Adobe+Photoshop+CS2 to Reddit


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

For FREE email updates, subscribe to the Digital Art and Design Newsletter

Past Issues

Printer Friendly
tell friend
Tell a Friend
Email Editor

Content copyright © 2015 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.


g features
Tangled Heart with Illustrator

Saving SVG Files in Illustrator for Silhouette

Piecing the Mygrafico Logo Text for Animation

Archives | Site Map


Past Issues

Less than Monthly

BellaOnline on Facebook

| About BellaOnline | Privacy Policy | Advertising | Become an Editor |
Website copyright © 2015 Minerva WebWorks LLC. All rights reserved.

BellaOnline Editor