Create diagonal guidelines in Illustrator

18 May 2010

I was working on a logo in illustrator today and thought I'll post a little preview on Dribbble. Not much later a question popped up in the comments about something that I assumed as common knowledge. Surprised that some people didn't know about it. I thought if it is that helpful I'll turn it into a little Illustrator post…

The question about guides in Illustrator

The question was trigged by the screenshot you see here. The screenshot shows diagonal guides in Illustrator. When Ahmed Chergaoui saw this he asked:

Illustrator Make Guides

"(maybe) a stupid question if you mind : are these guides? Is it possible to have diagonal guides in Illustrator? :)"

You can turn a line, a path or any kind of shape into a guide in Illustrator, simply by selecting it and hitting command/control + 5. I took the above screenshot when I was working on this logo design proposal. I first drew the skewed rectangle shapes and then I added the guides afterwards to correct the depth a bit. I simply drew these lines using the Line tool and then used the shortcut. You can also access this via View > Guides > Make Guides. It's been there for ages, but it seems a lot of people don't know this.

Comments

  1. 1 Skhot 18 May 2010

    Great Tip! I didn’t know about this either. Very helpful. Also, I dig the redesign. Nice work.

  2. 2 Tuhin Kumar 18 May 2010

    Is the same possible in Photoshop? I had been wondering about this for weeks now and questioning myself if I was the first designer who needed this feature.

  3. 3 Veerle Pieters 18 May 2010

    @Tuhin Kumar

    Is the same possible in Photoshop? I had been wondering about this for weeks now and questioning myself if I was the first designer who needed this feature.

    No this isn’t possible in Photoshop. I wish it was.

  4. 4 Deborah 18 May 2010

    You can also just select a guide a rotate it.

  5. 5 Tuhin Kumar 18 May 2010

    @Deborah

    You can also just select a guide a rotate it.

    Really! How is that done? Sorry about being so ignorant.

  6. 6 Deborah 18 May 2010

    @Tuhin Kumar

    Really! How is that done? Sorry about being so ignorant.

    Make sure your guide is not locked, select it, object->rotate.

    Presto -

  7. 7 Matthias 19 May 2010

    Very neat feature, didn’t know about it as well. Thanks for sharing!

  8. 8 Olivia 19 May 2010

    Thanks for sharing this! I’ve been wondering for ages if this is possible, but actually never intensively tried to find out!

  9. 9 Cavell Blood 19 May 2010

    Wow! This is a great tip! Thanks for sharing!

  10. 10 Glenn Van Bogaert 19 May 2010

    Amazing tip. Thanks for sharing this one. This is a really good time saver! Again, thanks.

  11. 11 namik_pasha 20 May 2010

    Hi. Nice tips. By the way, i wanna to ask is that possible i can get previous tutorial from this website.

  12. 12 Veerle Pieters 20 May 2010

    @namik_pasha

    Hi. Nice tips. By the way, i wanna to ask is that possible i can get previous tutorial from this website.

    All previous tutorials for Photoshop and Illustrator are found on my old archived site.

  13. 13 Pickels 21 May 2010

    An other usefull shortcut is: Ctrl + Shift + double click to turn it back into a normal line.

  14. 14 Jill C. 22 May 2010

    Thank you for this tip, I too didn’t realize this was possible in Illustrator. I’ll be using this all the time now!

  15. 15 namik_pasha 22 May 2010

  16. 16 Sam 25 May 2010

    I’ve been wondering how to do this for a while!  Thanks for another great tip - it will really help with my designs! I’m learning - slowly!

  17. 17 Dwayne 25 May 2010

    Thanks,  its little tips like these that can make a huge difference over time.  I think I learn web andgraphic design, or anything for that matter, better this way.  BTW looked in Indesign to see if it had similar tool.  But it didnt.

  18. 18 Tony 26 May 2010

    WOW, thanks for the tip, I did not know about this until now :) Stupid me

  19. 19 Litos 31 May 2010

    Thanks!!!  Really helpful!!! ^_^

  20. 20 Carson Samson 01 Jun 2010

    Completely blew me away. Been using Illustrator for years, and totally missed this. Too bad this isn’t a CS-wide feature, but given most logo work and illustration is done here anyway, I won’t complain.

    Thanks for uncovering this little gem for me!

  21. 21 Mr. Blonde 02 Jun 2010

    You can turn any shape in illustrator into a guide. It makes life a lot easier when working on page proportions or setting up grids.

  22. 22 Ken 03 Jun 2010

    Beautiful blog and thx for the great tip!

  23. 23 Jacob F. 04 Jun 2010

    Aww MAN!!! I used to check back here for all the awesome tutorials you would post and now they’re all gone!! is there a way that you could put them all back?

  24. 24 Veerle Pieters 04 Jun 2010

    @Jacob F.

    Aww MAN!!! I used to check back here for all the awesome tutorials you would post and now they’re all gone!! is there a way that you could put them all back?

    I already answered that question here.

  25. 25 Jacob F. 07 Jun 2010

    Awesome! Thanks a lot!

  26. 26 pattie 20 Jun 2010

    Thank you for this info. I was just wondering about this! Yeah, there are so many short cuts that we don’t now about yet, just gotta keep sharing the knowledge, thanx!

  27. 27 Benjy 21 Jul 2010

    Thanks for sharing this. I’ve been wondering whether it was possible for ages. It will definitely help me out on design projects.

The Deck

Ads via The Deck