Adobe Illustrator or Photoshop for Web Site Design

[Linda_Norgren@adobeforums.com]

Please be patient, but I am totally NEW at this Web site design stuff, but I am TRYING. Anyway, I have an illustration I created in Illustrator 10 (Windows) that I would like to use in my new Web site, but have been told that Photoshop is the software to use for Web design. Is there a way I can use the Illustrator design in Photoshop, or just recreate it in Photoshop. If I CAN use the Illustrator design, how do I import it into Photoshop, what format? Any suggestions would be GREATLY appreciated.

Thank You
Linda N

[LenHewitt@adobeforums.com]

Linda,

You can use Save for web to create web-friendly image files of an
Illustrator document (or even an area within a document).

If you have no gradients, drop shadows or mesh objects, then choose GIF
format (which can also retain transparency - but NOT translucency),
otherwise use JPG

[El_Chico_Gordo@adobeforums.com]

Export your illustrator design as an RGB jpg.

I have used photoshop for 5 years as my only graphics design program for web design.

Recently, I began using illustrator for design of electronic equipment panels. Since I had access to illustrator, I decided to teach myself the ropes. As far as using photoshop for web design, I considered my level of understanding at expert. So my approach to learning illustrator was to learn how to duplicate what I can do in Photoshop, in Illustrator. After spending weeks doing this, I have concluded that Photoshop is the only way to go for web design. Of course, this is only *my* opinion.

[Robert_Oliver@adobeforums.com]

After spending weeks doing this, I have concluded that Photoshop is the
only way to go for web design. Of course, this is only *my* opinion.




Illustrator is perfectly capable of creating graphics for the Web. It all depends on what you are trying to do, and your skill level.

[El_Chico_Gordo@adobeforums.com]

Yea;

I'm sure it's my inexperience with illustrator talking. One of these days I'll learn :-)

[James_Talmage@adobeforums.com]

Photoshop can fulfill all your RASTER image needs for the web.

However, Illustrator can fulfill all (well, most) of your VECTOR image needs for the web. Remember, not everything on the web these days is pixels.

What I'm saying is, don't overlook SWF format as an option for building artwork for web pages; especially if that artwork is vector art to begin with. The same advantages of vector art in print often apply on the web: no jaggies when scaled, and (depending upon the image) potentially less bandwidth. Realize also, SWF files don't HAVE to move. Single-frame SWFs are perfectly acceptable.

See this page:

<http://www.IllustrationETC.com/AIbuds/StaticSWF/AIfish.html>

Note that the fish is one of the default Symbols from AI's default template. No animation, nothing fancy. But no matter how you scale the browser window, it doesn't get jagged. It only weighs 1K, but isn't that better than a .gif or .jpeg?

AICS makes it very easy to export SWFs including, if you wish, an html page containing the necessary SWF tags. If you have the Creative Suite, GoLive has an SWF object in its toolbox which you can drag onto your page and link to your AI-exported SWFs just as easily as you do GIFs and JPGs and PNGs.

JET

[Jacob_Bugge@adobeforums.com]

James,

Last time I saw anything about scaleable vector graphics, SVG, it was stated that so far very few would be able to view it, and it seemed to be a future option, hopefully; I have not seen anything about SWF format, I know it is a Macromedia Flash format. Are you saying that SWF is an option to replace the raster formats for images (background etc) now?

[rrose_selavy@adobeforums.com]

Are you saying that SWF is an option to replace the raster formats for
images (background etc) now?


As active content, Flash will always rise to the top in a browser, it can't
be used as a background where there needs to be anything visible on top of
it.

As James wrote SWF can work nicely for images that need to scale and not
lose integrity at larger/smaller sizes even for photoraphic images saved as
SWF, though they can get larger in terms of KB.

[Michael_Hamm@adobeforums.com]

Hello Linda,

Something else to consider is the ability to cut and paste between open applications. You can easily select all your artwork in Illustrator and use press CTRL/Cmd + C to copy and then open Photoshop with a new document or an existing document in place and press CTRL/CMD + V.

Regards,

Michael Hamm

[Jacob_Bugge@adobeforums.com]

rrose,

Thank you for the prompt answer. I will stick to rastas for web until something else swings.