Start learning with our library of video tutorials taught by experts. Get started
Viewed by members. in countries. members currently watching.
This course reveals how designers can create vibrant web graphics, wireframes, and complete web site mockups with the strong layout and color management tools in Adobe Illustrator. Author and Adobe Certified Expert Justin Seeley covers topics such as building responsive layouts with artboards, producing custom color palettes and swatches for web graphics, and making vector shapes and text that seamlessly scale. The course also explores adding drop shadows and other live effects, setting up interface elements such as forms and tabbed interfaces, optimizing and exporting different types of graphics, and speeding up your workflow with reusable image sprites and Smart Objects.
If you are someone or know someone who works inside of Adobe Fireworks, you can share your Illustrator artwork with them with very little problem, simply by sending it to them and allowing them to open up the .ai file inside of Adobe Fireworks. Once you're inside of Fireworks, in order to open up an Illustrator document, all you have to do is go to the File menu and choose Open. Then navigate to the document that you want-- in this case, color_share.ai. Hit Open. You'll get Vector File Options for this file: the Scale at 100%, the Width and Height values, you'll need to know that going in.
You will need to know Resolution because it does rasterize these objects upon import. You can tell it to remember layers or convert layers to states or ignore the layers. In this case, I want it to remember the layers. Then you can say render as images, any groups that contain over 30 objects or Tiled Fills over 30 objects. And so I'm just going to leave all the defaults and hit OK. Once you do that, it's going to open up, and inside of the Layers panel inside of Fireworks, you'll notice that all of your stuff comes in just as it did before. So, you've got your Header, your Content, and your Footer, as well as your Background, all there, and also your Guides layers. Anything that was locked inside of Illustrator will be locked inside of Fireworks as well.
So, I can unlock these layers to make them editable so I can actually grab a hold of these things, and it's actually a pretty decent way of working. You'll also notice that a lot of the stuff coming in will maintain its scalability, which is nice. The things that don't maintain scalability of course will be raster graphics and things like that. But all in all, it's a pretty decent conversion from Illustrator over to Fireworks. If I zoom in quite a bit, you can see that the design looks pretty good. When I zoom in here on the logo though, it gets a little bit choppy. Same thing for some of these other elements here, and that's because those were rasterized upon input.
Most of the things that were editable before, like text, are still editable inside of Fireworks though. So, take some time and open up your documents inside of Fireworks and see exactly if you like it or if you don't. Try handing this out to somebody who works in Fireworks and see if this is a usable scenario for you. I tend to think that most people who start in Fireworks tend to stay in Fireworks. That's one of the unsung heroes of the Adobe Creative Suite, especially when it comes to creating web graphics. But I do understand that other people use other applications like Illustrator and Photoshop and need to share them with Fireworks.
Lucky for us, Fireworks plays nice with most of the applications in the Creative Suite. So, the next time you have some artwork that needs to be sent over to a Fireworks person, just send it over in the .ai format. Let them open it, take a look at it, see if it works. Hopefully it will, and you'll both be able to work in harmony with your respective applications.
Find answers to the most frequently asked questions about Illustrator for Web Design.
Here are the FAQs that matched your search "":
Sorry, there are no matches for your search ""—to search again, type in another word or phrase and click search.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.