Saving line drawing for web and custom canvas size

Hi,
In illustrator 10, I used to save line drawings for web and the resulting gif contained only the data of the drawing. Now it contains a clear background the size of the canvas.
Two questions:
1) how do I make gif without the clear canvas size?
2) how do I make a custom canvas size ( I often work on 7 x 8.5)
thanks,
Garrett

Garrett,
Scott and I have assumed CS5. Is it SC4, or?
Canvas is not Illy speak. Artboard and Artboard Tool are, along with Workspace.
Have you tried the Index in the Helpfile?
In search, you may try custom size.

Similar Messages

Photoshop CC closes or freezes when saving in save for web and devices

Hello,
Since I have a new laptop with Windows 8, I couldn't get Photoshop CS6 anymore, so I downloaded PS CC.
It's working great the last days, but since yesterday PS freezes or closes everytime I try to save a .gif in save for web and devices.
It drives me insane...
I hope someone can help me.
Thanks in advance.

Trash the Save for Web prefs in the respective folder (C:\Progrom Files\Common Files\Adobe or your user home directory).
Mylenium

Cs3 Problems with saving for web and devices

Lately, I have had a problem saving my files for Web and Devices and the problem I am having is that when I save the file it saves as a very pixelated version of the very crisp illustration I have created. I can easily copy and paste the file from Illustrator into Photoshop and save it that way but I would much rather just save it in Illustrator.
I am going to get the CS5 package shortly, however I wasn't sure if this problem would also continue in CS5.

It should not be a problem in CS 3 either, definitely not in CS5.
Try this
PC
1. Quit Illustrator.
2. Rename the AIPrefs file (for example, to AIPrefs.old) in the Users/(user)/AppData/Roaming/Adobe/Adobe Illustrator CS3 Settings folder.
3. Start Illustrator. Illustrator creates a new preferences file.
Also here should be a Save for the Web folder as well trash that also should be in the same directory.
Mac
1. Quit Illustrator.
2.Go to User/username/Library/Preferences/ Adobe illustrator CS4 Settings and trash the settings folder, the whole folder not just the contents of the folder..
3. Start Illustrator. Illustrator creates a new preferences file.
Also here should be a Save for the Web folder as well trash that also should be in the same directory

Strange white lines sometimes occur when saving 'for web and devices' in Illustrator?

Hi
Strange white lines sometimes occur across my documents, when saving 'for web and devices' in Illustrator CS5 (on the right side of the black logo below). Does anyone know how to avoid this please??
Thank you so much.

LSM,
The link seems broken.

Photoshop crashes when saving for web and devices

When hitting saving for web and devices, Photoshop starts to render images but before it's done, it crashes. I get an error-popup with no text and the screen where normally the animation is shown is red. Then Windows comes with a crash report and I can only quit Photoshop.
I have an animation of over 150 frames, but just some black and white lines, no color.
I'm using Photoshop CS 5.5 on Win7.
I tried deleting the preferences in AppData/Roaming etc, but no result, still crashes.
My Photoshop is also updated to the latest version.
Help?

Ok, here's a crash report from Windows (not sure which I should post so just gonna post them both..)
Naam van toepassing met fout: Photoshop.exe, versie: 12.1.0.0, tijdstempel: 0x4d90cf71
Naam van module met fout: Save for Web.8BE, versie: 12.0.0.1, tijdstempel: 0x4d90d758
Uitzonderingscode: 0xc0000005
Foutoffset: 0x002d2e96
Id van proces met fout: 0x1f4c
Starttijd van toepassing met fout: 0x01cdb1fca2dd8dcb
Pad naar toepassing met fout: C:\Program Files\Adobe\Adobe Photoshop CS5.1\Photoshop.exe
Pad naar module met fout: C:\Program Files\Adobe\Adobe Photoshop CS5.1\Plug-ins\Import-Export\Save for Web.8BE
Rapport-id: fa9784f8-1def-11e2-a242-00238bb26d31
Photoshop.exe
12.1.0.0
4d90cf71
Save for Web.8BE
12.0.0.1
4d90d758
c0000005
002d2e96
1f4c
01cdb1fca2dd8dcb
C:\Program Files\Adobe\Adobe Photoshop CS5.1\Photoshop.exe
C:\Program Files\Adobe\Adobe Photoshop CS5.1\Plug-ins\Import-Export\Save for Web.8BE
fa9784f8-1def-11e2-a242-00238bb26d31
Where can I find a Photoshop Crash Report?

PSD files saved for web and devices show up as broken when opened Dreamweaver. How can this be fixed?

PSD layouts saved for web and devices show up as broken links in dreamweaver. Previews in browsers are fine, but I keep getting and error message that says the files have been blocked. What is the fix for this?

You can also try out Project Parfait. It's a new experiment from Adobe that’s currently online and free to try out and use.
It allows easy PSD comps-to code workflows.
Project Parfait (Beta) - PSD CSS Extraction, Measurements and Image Optimization Service for the Web
-Subhadeep

Saving for web and devices scaling problem

Hello,
Whenever I try and save a 'larger' PSD by slicing it, and saving it for web and devices It always seems to 're-size' it and limit me to a certain percentage such as 70%.
For the projects I'm working on - I NEED the width to remain at 750 pixels - rather then 70% or even 40% of that - and it won't allow me to change it back to 100%.
I understand the JPG image will be large - but is there anyway I can turn this setting off? It only seems to be happening since I got Photoshop for creative cloud...
Thanks!
Andy

Because you are slicing, the remaining portion could be a spacer image(s). If you don't need slicing which is used for creating multiple images cut out of the original to allow for clicking to a URL. Then I would advise finding another route.
Even though you can get a warning the image is too big, there is a possiblity that save for web will still work just fine for that image.
If not then you can do the work your self, by duplicating the image then either reduce the size of the image with image>Image Size... or crop the image using the crop tool. (the reason for the duplicate file is a precaution to make sure you don't accidently save the reduced file to the original and therefore throwing out data.)
That said, you could also use the image processor which can save in psd, jpg, and tiff. It can also be used to reduce the image size. The beauty of image processor is that it can work on single files or a folder of images. The new images will be placed in a new folder with the name of the format and will be located in the same folder as those it is processing.
Another option is to use camera raw. Since camera raw can load tiff and jpg images (Photoshop CC can also load png files) you can use camera raw to crop images the crop is stored in the metadata therefore the crop is non-destructive. Allowing you to uncrop at any time you choose. If you have photoshop CC you can also use camera raw as a filter which means any layer or all layers in your photoshop file can be edited in camera raw allowing non-destructive crops.
As you can see with photoshop there are multiple ways to accomplish the same thing, some easier, some quicker some more accurate and they will fall into either a destructructive or non-destructive process.
So hopefully all this information does not confuse you any as it is meant to help provide alternative approaches to your issue.

Issue with pasting text when saving for web and resizing

This seems to be a very specific problem in PS CC 14.2.1 Mac.
I have text in the clipboard.
I go "SAVE FOR WEB" then "SAVE . . ."
I can then paste my name into the "Save As" name dialog.
BUT
If I I go "SAVE FOR WEB" then change the size of the file in the Image Size Box before I "SAVE . . ." I can no longer paste text in the naming dialog box.
I haven't tried this for every permutation in the Save For Web dialog, but saving optimized as JPEG is what I'm having trouble with.
I believe this is a bug.

What might be happening is after you change the image size in the save for web dialog, one of the size fields is still highlighted, so when you paste
in the save as dialog, the name is actually being pasted in one of the size fields in the main save for web dialog.
After you change the size in the save for web dialog press the enter/return key and then see if pasting into the name field of the save dialog in save for web works.

Error message when saving for web and devices

I cannot save for web and devices for some reason. I get the error message shown in the screen shot below.
I'm using CS5 extended, version 12.1, 64 bit. My OS is windows 7.
It doesn't matter whether it's a JPG file or a PSD, I get the same error message, and I am unable to find a solution so far.

Hi,
See if this solution works (from this post):
regards,
steve
26. leonty16,
Jun 26, 2010 11:17 AM    in reply to turtle_
Report
FIXED .....
OK guys....I had this problem for the longest time & Whenever I tried to use "save to web" feature, I would get the same error.... after a lot of research & finally found a resolution.....
I wanted to take this opportunity to share the resolution why this feature was not working properly....
Here is the link where you will find what the problem was...
http://www.techsupportforum.com/microsoft-support/windows-vista-window s-7-support/235245-solved-error-1324-when-installing-applications.html
Basically, go to this registry location:
HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Explorer\U ser Shell Folders
& make sure that your current "my documents" sub folders are set to:
My Music       REG_EXPAND_SZ         %USERPROFILE%\Music My Pictures    REG_EXPAND_SZ         %USERPROFILE%\Pictures
My Videos      REG_EXPAND_SZ         %USERPROFILE%\Videos
Personal         REG_EXPAND_SZ         %USERPROFILE%\Documents
etc...etc...etc....
When I fixed my registry...this error went away & I had no problems with it anymore...please post this resolution on the website for others!

Saving Sliced files in Illustrator CS6 like it was in CS5 "Save for web and devices" gone?

Hello,
I used to save all my slices in CS5 and it would give me the option to save for web and devices, then when I was in there it would let me choose the option at the bottom Other... then I could go in and save it as a html and images and then it would automatically make div's for me when I brought it in to dreamweaver. Where did this option go in CS6? Can someone help I am on a big deadline, and I lost all my work transfering it back into cs5 to try it there like I used to. Attached is a .png to show what I mean.
Thank you,
DariusB
These options are not here in CS6 and I cant find it. I would really appreciate the help.
Thanks again.

Hi,
There have been some other changes too - here is the link to the article that describes the changes: http://blogs.adobe.com/ivandavid/illustrator_cs6_save_for_web/.
Cheers,
David

Slice and 'saving for web and devices' not saving all images in selected area

Ive designed my site in illustrator and now im using slices and save for web and devices.
When I save a slice as a jpeg or gif it saves the text and but not the background image behind it. I haven't locked the background image and all the content is on the same layer in illustrator so why is it doing this and how can I stop it?
Thanks
James

Thanks for your reply. Yes, my Photoshop CS5 is updated to 12.1. I'm running OSX 10.5.8 and have tried viewing in Safari, Firefox, and Chrome with no improved success.
I have been reading these forums for about 3 hours trying to find the answer to this question but am still at a loss. I have found one article here:
http://stackoverflow.com/questions/7974006/overlapping-image-in-photoshop-splice-how-to-fl oat-with-css
which explains using an "absolute" value in CSS to lock images in place. I'm currently working in Dreamweaver to see if it's a common error in Photoshop when resizing browser but is easily fixed on the CSS side.
Any help would be appreciated
Thanks!

Saving GIFs for web and devices

We are wanting to see if the Creative Cloud version of Photoshop will make animated GIFs any smaller when you "save for web and devices" than previous versions like CS6 or CS5. Does anyone know? !

These articles may also provide some inspiration for further optimization:
http://www.smashingmagazine.com/2009/07/15/clever-png-optimization-techniques/
http://www.smashingmagazine.com/2009/07/25/png-optimization-guide-more-clever-techniques/
Although meant for PNGs, the article mentions a number of colour reduction techniques and workflow methods that may be useful for GIF animation optimization as well.

Strange quality issues when saving for web and devices.

Im a UI designer and spend lots of time working with illustrator and photohop. When I design I normally create vector mockps of my work and then export slices using artboards and save for web and devices. Yesterday Illustrator started having problems exporting files. The files look good on my computer, when viewed with pixel preview mode but when i export they look really bad. here is an example:
This is a screen shot of a part of a mobile app im working on at 100 % and 200 %
here is the same area when exported using "save for web and devices" at 100% and 200%:
as you can see there is a dramatic loss in quality. the icons look almost like a low color gif...
Here is what I have tried already:
I have tried changing the settings in the exporter. I normally use png 24 but I have tried all the different settings and they all do about the same thing. the only one that seems to look ok are swf and svg.
I have copied my files over to photoshop and exported from there. that works fine but it is a pain.
any help would be great.
Eli
www.elilang.com

Here is a screen shot with transparence off and art optimized... still not working.

I have a line drawing (black on white paper) i have scanned and need to make the white paper transparent, maintaining the line drawing, can i and then HOW can i do this in PS?

i have a line drawing (black on white paper) i have scanned and need to make the white paper transparent, maintaining the line drawing, can i and then HOW can i do this in PS? this is for my business logo. ive used it for years but with a solid background. id like to have it just be the drawing over my photos with a transparent background.

First let me apologize for posting a reply that was only suitable for advanced users. Photoshop is broad and powerful therefore has a huge learning curve. In fact I would state no one knows and uses all of Photoshop. When we first get Photoshop it intimidate us and we're very uncomfortable using it. Many thing are not intuitive there in much learning involved. After some time we begin to know something and we are able to do some thing. Learning become rapid and we start playing in Photoshop. It is very important to play with Photoshop. Playing with Photoshop and asking for help with in forums like this IMO is the best way to learn.
Photoshop Power lies in layers, selection and automation. However it takes knowledge to use photoshop well so most powerful tool you have ins Photoshop is the gray matter between your ears. Most at one time or another want to watermark or put a logo on their image. So its best to automate this process. All run into a problem in the process. "Size" We find our assets vary in size and aspect ratios. Landscape, Portraits, Panoramas and others. This complicates automation. Vector graphics works best when size vary greatly. If you can not work out how to create a vector solution like a custom shape. Create your Logo and watermark large thing scale down better the up. Text scale well for text uses vectors graphics however if you rasterize text it will not scale well.
I do not type or do English well so let me do some screen captures. I can not stress enough how important Black, White, Grays and Blending is when it come to image processing. Become friends with Multiply, Screen, Overlay and Luminosity blending.....
However when there is a white or black background though you can blend them you can not add a style like a drop shadow, emboss or make it invisible setting fill to 0 so only the style is visible. When there is contrast between the logo and background it is easy to separate the two. To select the background and delet it to have the logo with a transparent background. Many tools can be used to create the selection hee I use my action kill white.
Vector Shape would work better for scaling However it would be best to create the logo from scratch in a vector program like illustrator but I never had the resources to justify the Creative suite. I only had Photoshop. Recently Adobe gave me and other a year subscription to the creative suite for our participation here. I still have not installed anything but Photoshop, A while back I found a program that can create vector patf for black and white art work. It will not be as good as using something like illustrator. However vector paths can be edited in Photoshop and cleaned up some. Here is the PSD it 13MB because od the gradient http://www.mouseprints.net/old/dpr/AmPm24-7.psd

Adobe Save for Web and Devices Error

I had a problem with Save for Web and Devices in Photoshop CS4 - and am posting the solution for anyone else that might encounter this (posted previously for Mac but not Windows). This problem suddenly occurred - and I'm not sure why. I had the most updated Photoshop CS4 version: 11.0.2.
Issue: When I tried to overwrite an existing image using Save for Web and Devices, I received an "Adobe Save for Web & Devices Error": "Could not write the file. A file system error has occurred"
This error prevented any file (originally created using Save for Web &Devices) from being saved again with the same name. I figured out the solution by finding the resolution for Mac Photoshop and adapting it for the PC version. The solution for me was to delete the following files: "Default Settings.iros" and "Recently Used Optimizations.irs" (the only two files present) in the following directory:
C:\Documents and Settings\[user profile name]\Application Data\Adobe\Adobe Illustrator CS4 Settings\en_US\Save for Web Settings\
Note that there were other sub-directories of the "Save for Web Settings" folder - I didn't touch any of those. The problem is now resolved and Photoshop seems to function normally.

Honestly, I haven't had problems with reading/writing files to/from network drives, but I have read on this forum that there are times when it causes problems for people.
And yes, if you used the command line NET USE (or the Explorer Map Network Drive) function to create the drive, it is actually using Windows Networking behind the scenes.
-Noel

Saving line drawing for web and custom canvas size

Similar Messages

Maybe you are looking for