IllustrationClass.com

Creating a logo for a company that thrives on creativity seems like it would be a no-brainer project. Well that isn’t always the case. This illustrative logo for an italian animation studio will show you a very quick turnaround and the design politics we sometimes have to deal with in our artistic pursuit to create the best work we can.

(Tutorial Includes Notes in both ‘English’ and ‘Español’.)

Keywords: Bocca, Cat, Big, Character

File Size: 10.2 MB

1. erika wrote: January 7, 2007 at 5:39 pm

   another excellent tutorial. i can’t believe that after all that, they chose the one without the dot of life. i think that added so much to the illustration.

   beautiful work. thank you!

2. jmoore wrote: March 14, 2007 at 10:10 pm

   at step 31, how did you round off all those vertices? This is great, being able to see the process is so valuable.

3. admin wrote: March 14, 2007 at 10:59 pm

   There are a few ways to do this.

   In CS2 Illustrator:
   - First off change measurement rules to points (Easier)
   - Select Vector Shape
   - Go to Effects/Stylize/Round Corners
   - Plug in radius you want (10 pts. etc.)
   - Adjust until you like what you see and click OK

   In CS2 Illustrator:
   - First off change measurement rules to points (Easier)
   - Begin drawing a few points of your vector shape
   - Go to Effects/Stylize/Round Corners
   - Plug in radius you want and click OK
   - Continue drawing to see rounding as you create on the fly

   Warning: Illustrator handles most angles well but on severe angles it just can’t handle it well and on those areas you’ll have to go in and do it manually using a circle shape and the pathfinder pallette.

   In FreeHand MX
   - First off change measurement rules to points (Easier)
   - Select vector shape
   - Open Inset Path Tool
   - Punch in positive number (5 pts.) to inset shape and click OK
   - Re-select shape and Open Inset Path Tool again
   - In ‘Join’ menu select ‘Rounded’ corner
   - Punch in the same number but negative (-5 pts.) and click OK
   - You shape will now be rounded off

   FreeHand handles severe vertices better then CS2 on this but still on some extreme angles it just cannot do it mathematically so you’ll still have to build some content by hand.

   For more on this type ‘Round Off Technique’ in the search pane and you can download a tutorial specifically covering all of this.

   Thanks.

   Von

4. TopDig.net » 博客文章 » TOP50:50个最好的logo设计教程 wrote: May 22, 2007 at 8:04 am

   [...] Big Bocca – Illustrative Logo»» [...]

5. 50 tutoriais de criação de Logo « Blog do kraudio wrote: June 10, 2007 at 10:20 am

   [...] Big Bocca – Illustrative Logo»» [...]

6. 70 Excellent Logo Design Tutorials and Resources wrote: March 25, 2009 at 5:52 am

   [...] Big Bocca – Illustrative Logo [...]

7. 70 Excellent Logo Design Tutorials and Resources | Blog YODspica Ltd wrote: March 25, 2009 at 11:09 am

   [...] Big Bocca – Illustrative Logo [...]

8. 70 Excellent Logo Design Tutorials and Resources | The Muliati.Com goBlog wrote: March 25, 2009 at 6:02 pm

   [...] Big Bocca – Illustrative Logo This downloadable tutorial goes through the process of designing an illustrative logo. [...]

9. 70 Excellent Logo Design Tutorials and Resources | Programming Blog wrote: March 27, 2009 at 9:24 am

   [...] Big Bocca – Illustrative Logo [...]

10. Designfeed.me » 70 Excellent Logo Design Tutorials and Resources wrote: March 31, 2009 at 4:32 pm

    [...] Big Bocca – Illustrative Logo [...]

11. 80+ Logo Designers Huge Essential Toolbox | tripwire magazine wrote: April 29, 2009 at 3:07 pm

    [...] Big Bocca – Illustrative Logo [...]

12. 70 Excellent Logo Design Tutorials and Resources | The Web Design Source wrote: February 2, 2010 at 4:45 am

    [...] Big Bocca – Illustrative Logo [...]

13. 30+ מדריכים לעיצוב לוגואים | Dizzy Blog wrote: February 15, 2010 at 6:05 am

    [...] Illustrative Logo [...]

14. 20 Brilliant Adobe Logo Tutorials | Theme Today wrote: May 21, 2010 at 9:10 pm

    [...] A very detailed tutorial on how to make a logo that looks like it has been crafted using paper.Illustrative Logo – A nice tutorial on how Big Bocca was created.3D Glossy Box Logo – Photoshop tutorial [...]

15. 130+ Logo Tutorials, Tips and Inspiration to Get You Started Designing | LearnersTutorials wrote: May 24, 2010 at 11:33 pm

    [...] Big Bocca – Illustrative Logo [...]

16. 130+ Logo Tutorials, Tips and Inspiration to Get You Started Designing | tripwire magazine wrote: August 8, 2010 at 11:58 am

    [...] Big Bocca – Illustrative Logo [...]

17. Useful Logo Design Tutorials for Photoshop and Illustrator | egimirando.com wrote: February 1, 2011 at 7:21 pm

    [...] Illustrative Logo [...]

18. Outstanding Collection of Logo Design Tutorials « justfordesigners wrote: February 8, 2011 at 9:15 pm

    [...] Big Bocca – Illustrative Logo [...]

19. Outstanding Collection of Logo Design Tutorials « Magnetikmind wrote: February 18, 2011 at 3:45 am

    [...] Big Bocca – Illustrative Logo [...]

20. 英文教程:汇总70个Logo制作教程和资源 – 离恨天文库 wrote: April 1, 2011 at 3:02 am

    [...] Big Bocca – Illustrative Logo [...]

21. Great Collection Of Logo Tutorials, Tips and Inspiration wrote: May 15, 2011 at 12:40 pm

    [...] Big Bocca – Illustrative Logo [...]

22. 70 Excellent Logo Design Tutorials and Resources | Graphic Techniques wrote: July 6, 2011 at 10:40 pm

    [...] Big Bocca – Illustrative Logo [...]

23. 70 Tutorial Mendesain Logo dan Sumber Inpirasi « Belajar Desain wrote: July 23, 2011 at 2:49 am

    [...] Big Bocca – Logo Ilustrasi [...]

24. Guide to Designing Memorable Logo - Articles - Fenster Media wrote: October 3, 2011 at 11:10 am

    [...] Big Bocca – Illustrative Logo [...]

25. Bangladesh Web Lab | Bangladeshi Web Designer and Developer Blogs – Outstanding Collection of Logo Design Tutorials wrote: December 14, 2011 at 12:32 am

    [...] Big Bocca – Illustrative Logo [...]

You must be logged in to post a comment.