Developing Webs logo
Google
Web DW-Main DW-Photoshop
Visit the message board for solutions or post a question Check out the Classes offered for free at Developing Webs Voice Chat submit a tutorial, resources, article, font for publication consideration and earn a one way link back to your site Get more specifics about the Developing Webs Voice chat room and its room members View the current news at Developing Webs alternative sites which are resources for your d3evelopment needs Join Developing Webs Chat Link to us on your web page to help support this resource! Check out Developing Webs At yahoo groups! Developing Webs Home Adobe Photoshop Tutorials Macromedia Flash Tutorials Jasc Paint Shop Pro Tutorials Adobe Illustrator Animation basics Some Basic PHP tutorials Perl Tutorials HTML Tutorials Cascading Style Sheets javascript Front Page Tutorials Macromedia Dream Weaver Tutorials dreamweaver Publishing your site, FTP, ChMod, Promotions Tools to help you create your site Free and shareware fonts to download Photographs to use in your projects Shop for your site needs Free Online classes REcommend this site to others Log in or edit your information when logged in Developingwebs Log Out Change My Account details and preferences
RSS Newsfeed
for your site
DW News
Calendar
DW Forum
Right click on button and copy shortcut

Add to My Yahoo!

Reminder
Remember to book mark this site!



Request a Tutorial

Nintendo Game Cube Logo

by: S t a t i c

This design is a copy of Nintendo's Game Cube Logo, and is intended as a study for Photoshop users only.

In this tutorial, I will show you how you can create this logo very easily in Photoshop 7.0. You may not get the same result as I did here, It will be up to the designer to fine tune the design. I recommend that you are fairly familar with Photoshops interface before attempting this tutorial.

Click to enlarge

1 Create a new image 1000 x 1000 72 dpi with a white background.

  • Then hit the Alt + Back Space keys on your background laye to fill it in blackr.
  • Next create a new layer.

2 Now add 2 guides in the center of your canvas as shown in the example below.

 

3 Next, you want to create a new layer and select your Rectangular Marquee Tool.

  • Create a selection on the bottom left corner, following your guides and fill them in gray.
  • Now do the same on the top left side but filing it with a lighter gray and the bottom right side with a darker gray.

 

4 Now on your bottom left side box layer you need to select a fixed size for your Rectangular Marquee Tool. Set the width to 520 px and height to 100 px. Delete the horizontal areas that are not needed by using the image below to help guide you.

  • Keeping your selection, click Select + Tranform Selection and adjust the selections vertical and delete your shapes.
  • Do the same for the next to layers.
  • Adding guides as I did below, will help you in being a lot more accurate.

 

5 On each layer you want to click Edit + Tranform and Distort to transform your selections.

  • The bottom left box is set to X: 231.0px and Y: 647.1px.
  • The bottom right box is set to X: 751.0px and Y: 647.1px.
  • The top left box is at X: 501.0 and Y: 276.3px.
  • (You may need to make minor adjustments to your shapes to get a similar effect as shown below).

 

6 These next steps will test your lighting skills. You want to add your lighting effects by clicking Filter + Render + Lighting Effects.

  • In this first example I used 5 different lights, some of which were tinted blue.
  • To add more lights you need to click and drag the light bulb icon located on the bottom of the lighting effects window .
  • Use the example below to help placing the lights. I also recommend looking at my finished logo here when adjusting your lights.

 

7 Next step is to select the bottom left box and add your lights. I use 3 lights to get the effect I wanted.

8 For the top left side box you may want to use my example here for reference when applying your lighting effects.

  • When adding the bevels it's just a matter of duplicating each shape underneath their layers.
  • After you have done this you need to cut out the areas where there should not be a bevel.
  • From here you just have to adjust the Brightness and Contrast. Tip: (Selecting an area of a shape will centralize it so it may be adjusted in that part of the shape only. For example: brightness, levels, curves and transformations).

 

9 Now you want to resize the logo by linking the layers together. Bring it down enough to allow room for the type.

  • I was not able to find the correct fonts for this tutorial so I just made do with the Arial font and modified them.

Copyright of this tutorial 2003© Lyle E.S. Trush
Published with permission of Author



"Building The Web Into a Nicer Place -- One Site At A Time"
Developing Webs Group Copyright © 2001-2008 All Rights Reserved
Privacy and Legal