Hi there. In this tutorial you can learn to create the Toyota logo. It is all about circles and the Pathfinder panel. You will have to create a series of circles of exact dimensions. Regarding that,the grid and the snap to grid option will ease your work.
Difficulty: Intermediate
Estimated Completion Time: 45 minutes
Number of Steps: 20
This is what you’ll be creating:
Step 01:
Create a 700 by 700px document. In these first steps you’ll have to create several circles of various sizes. To ease your work turn on the Grids (View > Show Grid) and the Snap to Grid (Vierw > Snap to Grid). You’ll need a grid every 5px. Go to Edit > Preferences > Guides&Grids, enter “5″ in the “Gridline every” box and “1″ in the “Subdivisions” box. Also, open the Info pallete for a live preview with the size and position of each shape. Finally, to change your document’s measurement units turn on the Rulers (Ctrl + R). Right click on the Rulers and select pixels.
Step 02:
Select the Ellipse Tool(L) and create a 600 by 370px shape. Continue with the Ellipse Tool(L) and create two new shapes. Follow the dimensions shown inside each shape. I filled them with red and lower the opacity so that you can distinguish them easier. You should also try it so that you can see the grids. If you can’t understand the exact positioning for these shapes you can go to step #5 where you can find a zoomed image.
Step 03:
Reselect the Ellipse Tool(L) and create four new circles as shown in the following images. Follow the dimensions shown inside each shape. Duplicate the shape shown in image #3 (Ctrl+C > Ctrl+V). Name this copy “vvv” move it in the bottom of the Layers panel and make it invisible (you’ll neeed it later).
Step 04:
Once again, with the Ellipse Tool, create four new circles. Follow the dimensions shown inside each shape.
Step 05:
Let’s have another look at all the shapes created so far. You can take a closer look at the grids to understand the exact positioning for each shape.
Step 06:
Select the shapes created in step #1 and click on the Divide button from the Pathfinder panel. Keep only the two shapes shown in image #2 (delete the rest) and name them “1″ and “2″.
Step 07:
Select the shapes created in step #2 and click on the Divide button from the Pathfinder panel. Keep only the two shapes shown in image #2 (delete the rest) and name them “3″, “4″ and “5″. Select shape “3″ select the top anchor point (with the Direct Selection Tool) and move it a few pixels down. Also, move the handles inwards.
Step 08:
Select the shapes created in step #4 and click on the Divide button from the Pathfinder panel. Keep only the four shapes shown in image #2 (delete the rest) and name them “6″, “7″, “8″ and “9″.
Step 09:
Once again, let’s have a closer look at the shapes created so far.
Step 10:
Select “1″, “3″ and “7″ and click on the Unite button from the Pathfinder panel. Name the resulting shape “Front”, move it in the top of the Layers pallete and fill it with R=241 G=241 B=243. Now, reselect this shape, go to the Appearance panel, add five new fills (from the flyout menu) and use the gradients shown below.
Step 11:
Select shape “2″ rename it “Back”, move it below “Front” and fill it with R=210 G=216 B=219. Next, add four new fills (from the flyout menu of the Appearance pallete) and use the gradients shown below.
Step 12:
First, create a copy of “Front”. Next, select “4″, “5″, “6″, “8″ and “9″ and click on the Unite button from the Pathfinder panel. Select the resulting shape along with the copy of “Front” and click on the Minus Front button from the Pathfinder panel. Name these new shapes from “1″ to “6″ (as shown in image #3).
Step 13:
Fill “1″ and “2″ with the following gradients.
Step 14:
Next, you need to slice “5″ and “6″ in four relatively equal shapes. Select the Pen Tool(P) and create two vertical paths (like the red ones shown in image #1). Select these new paths along with “5″ and “6″ and click on the Divide button from the Pathfinder panel. Select the resulting group and ungroup it (Ctrl + Shift + G). Fill the top shapes with the gradients shown below images #2 and #3. Next, select the other two shapes and group them. Select this group, add a new fill (from the flyout menu of the Appearance pallete) and use the gradient shown below image #4.
Step 15:
Reselect the Pen Tool(P) and create three new paths (like the red ones shown in image #1). Select these paths along with “3″ and “4″ and click on the Divide button from the Pathfinder panel. Fill the resulting shapes with the gradients shown in the following images.
Step 16:
Select “Back” and hit Shift + Ctrl + [ (to move it in the bottom of the Layers panel). Create a copy of this shape then select the Ellipse Tool(L) and create a circle like the one shown in image #1. Select this new shape along with the copy of “Back” and click on the Intersect button from the Pathfinder panel. Fill the resulting shape with R=83 G=91 B=99 lower its opacity to 60% then move it above “Back”.
Step 17:
Create two copies of “Back”. Select the top one and move it a few pixels up. Next, reselect these copies and click on the Minus Front button from the Pathfinder panel. Keep only the shape shown in image #2, fill it with white and move it in the top of the Layers panel.
Step 18:
Create two copies of “1″. Select the top one and move it a few pixels up down. Next reselect these copies and click on the Minus Front button from the Pathfinder panel. Keep only the shape shown in image #2, fill it white and move it in the top of the Layers panel. Create two copies of “2″. Select the bottom one and move it a few pixels down. Next reselect these copies and click on the Minus Front button from the Pathfinder panel. Keep only the shape shown in image #4, fill it white then move it in the top of the Layers panel.
Step 19:
Turn back on the visibility of “vvv” and duplicate it. Select this copy and move it a few pixels down. Next, select both shapes and click on the Minus Front button from the Pathfinder panel. Fill the resulting shape with white and move it in the top of the Layers panel.
Step 20:
Duplicate all the shapes created so far. Select these copies and click on the Unite button from the Pathfinder panel. Name the resulting shape “Shadow” and move it in the bottom of the Layers panel. Fill it with white and add a 1px aligned to outsite stroke (R=140 G=150 B=157). Select the fill of this shapes and add the Drop Shadow effect shown below image #1. If you want to enlighten this logo, create a copy of “Shadow” and move it in the top of the Layer panel. Fill it with R=41 G=171 B=226, change its blending mode to Overlay and lower its opacity to 5% (do not forget to erase the drop shadow effect of this copy). Finally, for the background, pick the Rectangle Tool(M) create a 700×700px shape and fill it with the gradient shown above image #4.
Final:
Now your logo is done. Here is how it should look like:

Taken from vforvectors




















It’s always nice to stumble onto a new website this great! I will be back for sure.
I truly value all of the hard labor that you’ve devoted to keeping this place here. I truly hope this is around for a nice long while.
gr8 work
I never would have thought to look at things this way. This will make my morning a lot easier.
It looks like you’ve attracted a nice little following nowadays. I’m glad!
@Markus I get your drift on where you were going there. I often think of my past and use it as a means to analyze where I am and where I want to get to. Where I struggel is balancing it all out. How do you guys balance things out?
Wow, that was a great read. Finally, someone who really thinks and is familiar with what they are writing about. Incredibly uncommon lately, particularly on the internet. I saved your website and will make sure to keep coming back here if this is how you usually post. Thanks, keep it up!
The Word of God is my lifes path chart
I’m just Ill of listening to that The usa isn’t really a Christian usa
I never in a million years would’ve gotten the notion at things in that light. This should make my afternoon a lot easier.
This thread looks a bit dead, think it’s good to spice it ! Let’s play a little game: each one of you write the first three words that go through your brain ! Let the games begin ! I’ll go first: game, red, house !
The first thing that goes through my mind each and every time school begins is how much I want for high school to end. When vacation finally begins, I go home. I’m happy for some time then I’m getting tired and I want university to start again. When university begins then I’m counting the days until vacation begins again. My relatives says I’m crazy and I should ask for help so I thought it would be a good idea to ask here: Do you people think I’m lunatic ? Looking forward for an answer, I didn’t really know or wanna ask somewhere else.
I hope flickr possessed trains.!!!.keep in mind how myspace acquired the trains in which everybody grew to become pals with all people different?
Gracias!
Fantastic blog! I really love how it’s easy on my eyes and also the information are well written. I am wondering how I can be notified whenever a new post has been made. I have subscribed to your rss feed which ought to do the trick! Have a nice day!
Thanks so much…
Is it alright to post part of this on my website if I include a link to this web page?
I just added this website to my favorites. I really enjoy reading your posts. Thank you!
Keep working, nice job! Exactly what I needed.
You’re awesome thanks for the post friend.
Keep it up, great job! Exactly the info I needed to get.
I have been meaning to write something like this on my website and you gave me an idea. Thank you.
Just thought I would comment and say awesome theme, did you design it on your own? Really looks awesome!
I just added this web site to my bookmarks. I really enjoy reading your posts. Tyvm!
I really enjoyed the post, I’ll be back!
Nice, very nice, thanks for the share.
Wonderful post, thanks for the great read.
Thought I would comment and say great theme, did you design it on your own? Looks great!
Thank you for the useful info! I would not have discovered this by myself!
Just thought I would comment and say awesome theme, did you design it yourself? Looks really good!
I’m having a little issue I can’t seem to be able to subscribe your feed, I’m using google reader fyi.
Keep it up, great job! This was the information I had to have.
I agree, ty for posting this..
Can I post part of this on my blog if I post a link back to this webpage?
Is this a blog? Where did you get the theme from?
Is this a blog? Where did you get the theme from?
This website is viewing funny on my iphone just though would let you know.
TY for blogging this, it was unbelieveably informative and told a lot
Just thought I would comment and say great theme, did you code it for yourself? Really looks superb!
I agree, thanks for sharing this..
Me too, thanks for posting this..
TY for posting, it was unbelieveably informative and told immensely
Straight to the point and written well, thank you for the post
I’m having a tiny problem I can’t seem to be able to subscribe your feed, I’m using google reader by the way.
I’m having a tiny issue I can’t subscribe your rss feed, I’m using google reader by the way.
Thanks for putting this up, it was very informative and told a lot
Do you care if I put part of this on my webpage if I post a link to this webpage?
I have wanted to post about something like this on my webpage and this gave me an idea. Thanks.
I agree, ty for posting this..
Thank you for posting this, it was very informative and helped tons