logo
g Text Version
Beauty & Self
Books & Music
Career
Computers
Education
Family
Food & Wine
Health & Fitness
Hobbies & Crafts
Home & Garden
Money
News & Politics
Relationships
Religion & Spirituality
Sports
Travel & Culture
TV & Movies

dailyclick
Bored? Games!
Nutrition
Postcards
Take a Quiz
Rate My Photo

new
European Travel
Action Movies
Bible Basics
Houseplants
Romance Movies
Creativity
Family Travel


dailyclick
All times in EST

Clairvoyance: 08:00 PM

Full Schedule
g
g Digital Art and Design Site

BellaOnline's Digital Art and Design Editor

g

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


print
Printer Friendly
bookmark
Bookmark
tell friend
Tell a Friend
forum
Forum
email
Email Editor


Content copyright © 2014 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


g features
Pixelmator 3 for the Mac

Pixelmator 3 Photoshop Alternative

Pixelmator 3 Review

Archives | Site Map

forum
Forum
email
Contact

Past Issues
memberscenter


vote
Poetry
Daily
Weekly
Monthly
Less than Monthly



BellaOnline on Facebook
g


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


BellaOnline Editor