Graphic Design Forum and Web Design Forum  

Go Back   Graphic Design Forum and Web Design Forum »General »Graphic Design and Web Design Help

Notices

Graphic Design and Web Design Help Get Graphic Design and Web Design related help here


Reply
 
LinkBack Thread Tools Display Modes
  #1 (permalink)  
Old 23-07-2008, 07:29 PM
Junior Member
 
Join Date: Jul 2008
Gender: Female
Posts: 8
Default Please help; Blurry Images!

Hi All,

I am working on the clarity of an image (web banner) that was designed for me using Photoshop. Some of the elements used in the graphic where from Illustrator. I think the designer did not integrate the elements from Illustrator correctly and thus one of the reasons the file may be blurry. I really need this file to be correct, crisp, and clear as it is on my front page.

I need to know:

-When designing in Photoshop and using images designed in Illustrator what is the best way to integrate those images from Illustrator without losing clarity?
-What's the best way to save an Illustrator file to a jpeg or similar file?

I am new to both Illustrator and Photoshop, but am ready to make the changes with your suggestions/help.

Thanks & God Bless,

Tyra
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
Reply With Quote

  #2 (permalink)  
Old 23-07-2008, 07:57 PM
james's Avatar
Sleepy Member
 
Join Date: Jan 2007
Location: Oxfordshire
Gender: Male
Posts: 761
Default

Can you post images of this work, so we can see what is happening please?
__________________
www.newco81.co.uk
Effective Graphic Design, based in Aylesbury, Buckinghamshire.
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
Reply With Quote
  #3 (permalink)  
Old 23-07-2008, 08:24 PM
Junior Member
 
Join Date: Jul 2008
Gender: Female
Posts: 8
Default

Sure James. I attached the jpeg file. You can see the actual image also on my site (not launched yet) www.principlecornerstoneprops.com. Can you see the blurriness of the graphic online?

Thanks,

Tyra
Attached Images
File Type: jpg title.jpg (107.9 KB, 27 views)
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
Reply With Quote
  #4 (permalink)  
Old 23-07-2008, 08:26 PM
Toon's Avatar
Netvibes is an Addiction™
 
Join Date: Jan 2007
Location: Sheffield, UK
Gender: Male
Posts: 19,824
Default

It looks like the text is already compressed so when you compress the full image it's double compressed so looks blurred. Export from Illy as a PSD then open it in photoshop then you will be saving for web the whole thing at top quality

What is the jpg?r=90 doing to the image. I know q=100 is quality what is r?
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
Reply With Quote
  #5 (permalink)  
Old 23-07-2008, 08:43 PM
likethegoddess's Avatar
Idiosyncratic Member ;)
 
Join Date: May 2008
Location: San Francisco, Calif.
Gender: Female
Posts: 339
Default

Try opening the AI file directly in Photoshop and exporting it as a gif instead of a jpg.

Hope this helps.

Diana
__________________
Print, Web & Email Design for Creatives and Non-Profits
likethegoddess.com | On Twitter | On Facebook
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
Reply With Quote
  #6 (permalink)  
Old 23-07-2008, 08:47 PM
james's Avatar
Sleepy Member
 
Join Date: Jan 2007
Location: Oxfordshire
Gender: Male
Posts: 761
Default

Its definitely down to compression, try what the others have said. Hope you can crack it
__________________
www.newco81.co.uk
Effective Graphic Design, based in Aylesbury, Buckinghamshire.
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
Reply With Quote
  #7 (permalink)  
Old 23-07-2008, 09:32 PM
Junior Member
 
Join Date: Jul 2008
Gender: Female
Posts: 8
Default

For the Export Options I selected the following:
Resolution: High 300 dpi
Export as Photoshop CS2
Write Layers
Maximum Editability
Anti-alias

Are these selections correct? I exported both the ai and eps files. Which one is best to work from?

It mentioned that some containers in the AI document had been flattened.
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
Reply With Quote
  #8 (permalink)  
Old 23-07-2008, 11:04 PM
Junior Member
 
Join Date: Jul 2008
Gender: Female
Posts: 8
Default

Thanks Diana, I tried opening the file directly in Photoshop, but it was blurry. When exporting from Illustrator to Photoshop, I don't see an option to export as a gif.

Quote:
Originally Posted by likethegoddess View Post
Try opening the AI file directly in Photoshop and exporting it as a gif instead of a jpg.

Hope this helps.

Diana
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
Reply With Quote
  #9 (permalink)  
Old 24-07-2008, 01:19 AM
tr0y's Avatar
Experienced Member
 
Join Date: Jul 2008
Location: Seattle, Wa
Gender: Male
Posts: 181
Default

Go to save for web and devices
__________________
consider: open, llc - seattle web design | web development | internet marketing
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
Reply With Quote
  #10 (permalink)  
Old 25-07-2008, 08:32 PM
ZariaZ's Avatar
Graphic Designer
 
Join Date: Jul 2008
Location: UK
Gender: Female
Posts: 26
Default

I'd recommend you using the Sharp effect in Photoshop though I don't think the pic you have attached here seems blurry.
__________________
Simplicity is the center of the Universe! ...:::zaria-z.com:::...
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
Reply With Quote
Reply


Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is On
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
images to pdf PolarBear General Web Design Forum 3 28-06-2008 10:27 AM
First images... Waz00t Graphic Design & Web Design Critique 4 11-06-2008 04:33 PM
My images links have X's over them in IE...why? Zealot Of Lux CSS Forum 53 24-05-2008 09:42 PM
sliding images? SidekickWD Graphic Design and Web Design Help 21 22-05-2008 03:51 PM
Images in Flash LeadMagnet Flash Forum 4 15-09-2007 07:34 AM


All times are GMT. The time now is 05:02 PM.



Estetica Design Forum's Privacy Policy
Powered by vBulletin® Version 3.7.4
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0