Help - Search - Members - Calendar
Full Version: Adidas Logo...
13Dots Forum > Tutorials And Articles > Photoshop/Image Ready/Illustrator
Emil
Hello everyone, and welcome to the adidas logo!
This logo is actually really easy to do, if you know your way around photoshop, or just some.. uhh..
geometry ^^, in real life of course, we dont need rulers to make 90 degrees triangle on computer smile.gif.
So, lets start!
Make a new 500*500 document, and make its background black.
Make a new layer by clicking the layer icon in Layers tab, or just go "layer->new layer...".
Now, what we are going to do is take any color, beside black and white as our forerground, I will just use blue,
take the Polygonal Lasso tool, and make a 90 degress triangle, and paint it in color you choose. You should now have this:
Click to view attachment
Make sure 90 degrees is in the lower right corner, otherwise adidas logo wont be like it should be!
Ok, now lets take the Line Tool:
Click to view attachment
Now lets make a quite big diagonal line, I will choose my size of 50 pixels, but it changes as the logo size.
Now, make a diagonal line so it cuts the lower right part from upside, like this:
Click to view attachment
Now, what we are going to do, is duplicate our line layer, by selecting it, and clicking CTRL+J, or going
"edit->duplicate", to duplicate our layer, now, lets put it about 30 "clicks" left from first line. Select the upper
line layer, and click CTRL+T, or go "edit->free transform", and first what we are going to do is to make our right part of the line is on the left side of the first line, like this:
Click to view attachment
And now click the left arrow for 30 times, your line should be now here:
Click to view attachment
Now, lets repeat this step with the second line smile.gif, and remember if it goes outside the triangle, you can always use
free transform on the triangle to make it wider or bigger, but be sure not to extend the right side!
Ok, when you have repeated this you should now have 3 lines, at the exact same distance:
Click to view attachment
Now comes the easy part.
Ok so lets rasterize all the line layers. You right click on them and click "rasterize layer".
Now merge them all into one by clicking CTRL+E twice while on top one, or just select them all, right click and
"merge layers".
You should now have this:
Click to view attachment
Ok now right click+thumbnail of the blue triangle or select blue triangle layer and go Select->Load Selection...
and click ok, to select the blue triangle.
Ok now while we have our selection, click the lines layer, go Select->Inverse, and click delete!
Two only things left!
First, delete or hide the blue triangle layer, and add a nice "adidas" text!
And now, if you've done everything ok you should have this!
I blurred the text and lines layer with gaussian blur by 0.5 pixels, to smooth the edges bigwink.gif.
Click to view attachment

I hoped you liked this tutorial, if you need any help, or just show your results just post!


-Emil
Eddie_K
Quick and Great tutorial. Well explained. Thanks thumbsup.gif

Eddie
Adrian
Great tutorial. Very well explained. Thanks again emil.
*D*
Great for learning some techniques if your new to photoshop but don't go using this lol the company will sue as this is a trademark logo.

Actually Emil when we pop this into the CMS I'll add a small disclaimer with it K

Thanks very much for adding.
Emil
QUOTE(*D* @ Sep 22 2006, 08:23 PM) *
Great for learning some techniques if your new to photoshop but don't go using this lol the company will sue as this is a trademark logo.

Actually Emil when we pop this into the CMS I'll add a small disclaimer with it K

Thanks very much for adding.


Whats is CMS?
And I guess you meant on those little TM, C, and R icons?
I only know to do ™(trademark) and ®(dunno...), not sure how R (copyright) is writing.

-Emil
*D*
QUOTE(Emil @ Sep 22 2006, 01:03 PM) *
Whats is CMS?
And I guess you meant on those little TM, C, and R icons?
I only know to do ™(trademark) and ®(dunno...), not sure how R (copyright) is writing.

-Emil


CMS is the content management system that runs the other half of this site, with trademark logo's, brands anything with a trademark you have to be careful as they can sue.

I have only ever seen one tutorial site asked to remove a tutorial with a tut done on a trademark logo, was for VW from memory on a dutch website, apperently VW contacted them and asked they removed it from the site. That's why I'll add a disclaimer even though it won't stand up in a court of law it's better to be safe.
Seth66
Great tutorial!
PSgirl
Cool tut and well explained.
Thanks for adding smile.gif
uloewa
thx man... this is very handy for making a caricature shades.gif
njron
Well explained...thanks
AuRoN
Great tutorial. Thanks
Ali Bernabia 25
Very useful and helpful tut there mate. Will be sure to use it in the future, thanks alot.
virusek
Very nice result in this, thankyou
Maya_Karen
fantastic...........nice tutorial
Maha
Very interesting information =))))
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2010 Invision Power Services, Inc.