• Home
  • WordPress
  • Web Design
  • Restaurants
  • Portfolio
  • Blog
  • Contact Us
  • Home
  • WordPress
  • Web Design
  • Restaurants
  • Portfolio
  • Blog
  • Contact Us

Tutorial: How to Apply Perpective in Adobe Illustrator

Published in Design on May 26, 2009
Tutorial: How to Apply Perpective in Adobe Illustrator
Email

Applying perspective is simple.  However, it is unknown to many – and it shouldn’t be.

Many of my students are stumped when they come across applying perspective to a simple vector object in Adobe Illustrator (in this case, CS3).  Using the “Free Distort” filter seems to be the solution that many use.  However, those of you who have tried this solution before know that it takes a lot of trial and error.  It can also produce unwanted results.  The simple, yet unfamiliar, answer is using the Free Transform tool (E).

Free Transform Tool (E)

Free Transform Tool (E)

The reason that so many designers do not know how to use the Free Transform tool is because of the extra keys that are used with the tool.  The option, command, and shift keys are needed to use the Free Transform tool correctly. Below is a step by step tutorial on how to apply perspective on a logo:

1. Select your vector logo with the Selection tool (V).
**If you are using type, it will need to be outlined  (shift + command + o).
Selection Tool, Adobe Illustrator


2. Choose the Free Transform tool (E).
fig. 2


3. Click and hold on a corner of the vector art.
free transform tool


4. Click and Hold option, command, & shift – move mouse to apply desired perspective.
free transform tool


5. Click out with the selection tool. You have applied perspective to a logo with ease.  Congrats!
free transform tool


There you have it! The important trick to using the Free Transform tool is to:
1. FIRST, click and hold on a corner of your vector art.
2. THEN, hold down option, command, & **shift.
**Note: NOT holding down shift will allow you to apply an unproportional perspective to your vector object.

Below are more examples of using perspective.

Thanks!  I hope this helps fellow designers!

Useful Links:
More on the Free Transform Tool
Warped Perspective
Drawing Perspective
Vectorizing

perspective example 1

perspective example 2

« Blueprint Design listed on Chicago Area Startups
Tutorial: How to add forms to Store-Locator plugin in WordPress »
  • Stay Connected

    • Subscribe via RSS
    • Connect on twitter
    • Connect on facebook
    • Connect on delicious
    • Connect on linkedin
  • Tags

    adobe, Advertising, animation, blog, bluehost, Chicago Events, CMS, cmyk, color, colors, colours, copywriting, Design, Flash, food, godaddy, google, illustrator, images, iphone, layout, logo, marketing, pages, photo gallery, photos, photoshop, plugin, plugins, print, restaurant, rgb, search engines, security, SEO, sites, slideshow, sysco, twitter, upgrade, video, web, webhosts, websites, wordpress
  • Categories

    • Advertising
    • Arts
    • Blueprint News
    • Chicago
    • Chicago Events
    • Clients
    • Design
    • Developer News
    • Humor
    • Inspiration
    • jQuery
    • Links
    • Marketing
    • Mobile
    • Responsive Web Design
    • Restaurants
    • Search Engine Optimization
    • SEO
    • Typography
    • Web 2.0
    • Web Design
    • Web Design
    • Web Design News
    • Web Design Tutorials
    • Web development
    • WordPress
©2012 Blueprint Design. All Rights Reserved.
  • Home
  • WordPress
  • Web Design
  • Restaurants
  • Portfolio
  • Blog
  • Contact Us