Photoshop is often used to design websites, but there are many reasons that make its vector-based cousin, Adobe Illustrator, a tool of choice. In this session, we’ll cover the differences between working with Photoshop and Illustrator. We’ll explain what vector art is and the advantages of a vector-first mindset when it comes to the ability to iterate quickly, provide multiple design options, design responsively and to keep visuals consistent across a variety of media. We’ll also cover some basic how-to items.
14. ADOBE ILLUSTRATOR
▸ First released for the Mac in 1987
▸ Now available for Mac and Windows as a standalone
application or as part of Adobe’s Creative Cloud
▸ http://www.adobe.com/illustrator
25. The ability to scale items quickly and
easily makes vector art a great tool
use when taking a mobile-first
approach or when considering
responsive design in general.
29. PLAYS WELL WITH RASTER FILES
▸ You can include links to your raster images
(including layered PSD files).
▸ When you update an image that is linked,
it will update in Illustrator as well.
30. It’s nice to be able to use the same tool that I use
for other media and use it for the web as well.
It helps keep everything consistent, and…
I could use it in my sleep.
39. WORKS WITH YOUR FONTS
▸ Typekit
sync to your computer as part of Adobe’s Creative Cloud
https://typekit.com
▸ Google Fonts
sync to your computer with the SkyFonts app https://skyfonts.com
▸ Icon fonts - Font Awesome, Genericons, etc.
download font and view in the Glyphs panel
40. How to use icon fonts
https://github.com/FortAwesome/Font-Awesome/blob/master/
fonts/FontAwesome.otf?raw=true