andrewharrington Posted January 12, 2007 Share Posted January 12, 2007 With the technology of helmet templates spinning wildly out of control, I'm offering this short tutorial on warping helmet logos to a more realistic, spherical shape using Adobe Illustrator and your favorite vector helmet template.1. The first things you need, of course, are Adobe Illustrator and your favorite helmet template.2. Next, you need your logo and you need a square. See the image for the size relationship and approximate placement (Logo is about 1/4 the box and placed somewhere in the upper left). 3. First, select just the logo and group it together [Apple-G]. Then, select both the logo and the box and group them together. After that, select [Effect > Warp > Fisheye] from the menu.4. I usually set the Fisheye effect to 80% bend, 10% horizontal distortion, and 10% vertical distortion, but it depends on the template, I suppose.5. Press OK. Now, you want to use the white arrow (direct selection) tool and select just the logo, and not the box.5a. With the logo selected, you can move it around in the box and get different spherical perspectives until you find the best one for your particular template. You'll have to eyeball it, so it may take a little practice.6. After you find the best position, select the logo and the box again, and in the menu, select [Object > Expand Appearance]. 7. Now, select just the box with the white arrow tool and delete the box. Resize your logo to fit your helmet. You'll probably also have to rotate it a little to get it to look right.8. You're done. On a helmet with a steeper side, like the one in the center, you can do the fisheye transformation again, or move the logo all the way to the left edge of the sphere before you use the [Expand Appearance] command, or both. Do whatever makes it look most real. Then, save it for the web and show it to us! I still don't have a website, but I have a dribbble now! http://dribbble.com/andyharry [The postings on this site are my own and do not necessarily represent the position, strategy or opinions of adidas and/or its brands.] Link to comment Share on other sites More sharing options...
Cooleyvol Posted January 12, 2007 Share Posted January 12, 2007 Great work!Could anyone offer a tutorial such as this for Photoshop? Link to comment Share on other sites More sharing options...
andrewharrington Posted January 12, 2007 Author Share Posted January 12, 2007 I'm sure you could do it in very much the same way, since the PS and AI interfaces are so alike. It might even be easier in PS, but you won't have the benefit of vector, of course. I still don't have a website, but I have a dribbble now! http://dribbble.com/andyharry [The postings on this site are my own and do not necessarily represent the position, strategy or opinions of adidas and/or its brands.] Link to comment Share on other sites More sharing options...
Bearcats Posted January 12, 2007 Share Posted January 12, 2007 Wow, great tutorial. Good to see you posting on the boards again tempest. Link to comment Share on other sites More sharing options...
cyandlux Posted January 12, 2007 Share Posted January 12, 2007 Thanks for the help on this. Its great to see someone sharing some of the secrets the rest of us cant figure out! Its good to share! Link to comment Share on other sites More sharing options...
baseballking99 Posted January 12, 2007 Share Posted January 12, 2007 This is awesome. I was going to ask about this eventully. Really clear and easy to use. Nice Job Tempest Link to comment Share on other sites More sharing options...
Football-Fan Posted January 13, 2007 Share Posted January 13, 2007 tempest,Excellent Tutorial.Thanks for sharing it with us.- Link to comment Share on other sites More sharing options...
kalbearz Posted January 13, 2007 Share Posted January 13, 2007 Right on!! Thanx 4 sharing your knowledge:) Link to comment Share on other sites More sharing options...
LMU Posted January 13, 2007 Share Posted January 13, 2007 Fantastic resource there. Much obliged! Link to comment Share on other sites More sharing options...
andrewharrington Posted January 13, 2007 Author Share Posted January 13, 2007 I've been going a little less on the warp lately, to about 70% 5% 5%. I think it looks better. I still don't have a website, but I have a dribbble now! http://dribbble.com/andyharry [The postings on this site are my own and do not necessarily represent the position, strategy or opinions of adidas and/or its brands.] Link to comment Share on other sites More sharing options...
baseballking99 Posted February 19, 2007 Share Posted February 19, 2007 Does anyone know of a free program that has the fisheye feature or something similar that I can use to warp the logos. I don't have illustrator on my new computer but I still would like to use some of the features it had. I have Inkscape but i not aware of it having this feature. Can anyone help me out? Thanks Link to comment Share on other sites More sharing options...
PWG44 Posted February 19, 2007 Share Posted February 19, 2007 Excellent tutorial... now, how do I get my hands on those helmet templates? Please may I have them??? Link to comment Share on other sites More sharing options...
LEWJ Posted February 19, 2007 Share Posted February 19, 2007 Great tutorial. I wish I had illustrator. | BROWNS | BUCKEYES | CAVALIERS | INDIANS | Link to comment Share on other sites More sharing options...
leggman01 Posted February 19, 2007 Share Posted February 19, 2007 tempest...outstanding stuff...i was just applying the fisheye effect without the box or the horizontal and vertical distortion (or the box)...the little things really make a huge difference - thanks! Link to comment Share on other sites More sharing options...
buckeyes1 Posted February 19, 2007 Share Posted February 19, 2007 Wow great work. Thanks man. Link to comment Share on other sites More sharing options...
baseballking99 Posted October 2, 2008 Share Posted October 2, 2008 I only have Inkscape now any way to do this on a free program? Link to comment Share on other sites More sharing options...
Cooleyvol Posted October 3, 2008 Share Posted October 3, 2008 Is that far right template available somewhere that I'm unaware of? Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.