Tips and Tricks | August 24th, 2010
The Perspective Grid Feature is a nice addition to Illustrator CS5. With any new feature, it’s a good idea to get familiar with keyboard shortcuts so you can use the new feature more efficiently and cut down the learning curve. One tip that is helpful when using a perspective grid is to quickly toggle a perspective grid’s visibility.Toggle a Perspective Grid’s Visibility
When using the Perspective Grid Tool (Shift P) or the Perspective Selection Tool (Shift V), hold down the Alt / Option key, and click the one of the any of grid plane widgets to toggle between line, solid, and invisible. Take a look at the images below to get an idea of where the grid planes are and the difference between line, solid, and invisible.Grid Planes
Line, Solid, Invisible
These icons link to social bookmarking sites where readers can share and discover new web pages.
- Quick Tip: Quickly Navigate Artboards
- Quick Tip: Quickly Preview Graphic Styles
- Distort Linear Gradients in Envelope Distorts
- Quick Tip: Quickly Switch Between Open Tabbed Documents
I’ve just started using Illustrator CS5. The Perspective Grid is a nice new feature. This article really helps wrap my head around it.
Jonathan Goldford is a partner at JG Visual, an Internet strategy company that works with organizations to develop and implement their online presence. You can connect with Jonathan on the JG Visual Facebook Page.
Right now Facebook Pages and custom landing pages are bigger than bottled water was on December 31, 1999. Michael Jackson, Lady Gaga, Starbucks, and the TV show House each have more than fifteen million “Likes” and are growing rapidly.
While there are an enormous number of articles that talk vaguely about how to create a custom landing page, very few discuss the nuances of actually designing and programming one. Here we will discuss the subtleties of designing a Facebook landing page and FBML programming. To make this discussion more concrete, we’ll use the creation of our own JG Visual landing page as an example.Designing Your Company’s Facebook Page
Actually designing a Facebook Page is very similar to designing any website, except for a few considerations:
- Design for a 520px Width — Facebook Pages must fit within a width of 520px. Since we can’t use a
bodytag in our Facebook Page, we’re going build our entire page in a container div set to a width of 520px.
- Design for Any Height — We can make our Facebook Page any height, but we have to remember that most people interact above the fold and at the time of writing this, our Facebook landing page will start 135px from the top if the person viewing is logged in. If they aren’t logged in to Facebook, that increases to roughly 250px from the top of the page to allow space to log in or sign up.
- Account for the Width of the Company’s Name -– Since we’re interested in creating a call to action for our Like button, we must take into account our company’s name. The Like button appears just right of the company name at the top of the landing page. If we’re going to point to the Like button, we need to figure out the pixel width from the left of our landing page to the start of our Facebook Like button.