Solved

Photoshop Help with Gif File

Posted on 2010-09-20
19
500 Views
Last Modified: 2012-05-10
I'm trying to copy the same pattern as the attached gif file but I can't seem to copy pattern.  My gif is very choppy on edges (not smooth).  I tried high resolution and played with output setting "save for web" in photoshop.  Using a gray background.   contact us gif
0
Comment
Question by:wlyou
  • 11
  • 8
19 Comments
 

Author Comment

by:wlyou
ID: 33717955
I attached a screen shot.
help.jpg
0
 

Author Comment

by:wlyou
ID: 33717965
Top is the ideal pic.  Bottom is what I tried to do.  thanks.
0
 

Author Comment

by:wlyou
ID: 33718023
Another note, using transparency on gif files.
0
 
LVL 23

Expert Comment

by:jeremyjared74
ID: 33718661
To edit a gif in Photoshop, you have to change the mode from indexed color to RGB. To do this you go to image>mode>RGB from the top toolbar. If you edit it using Photoshop, you will loose any functions that the GIF has. If it is an animated gif, it will loose the animation once you save it. The best thing would be to just re-create it inside of Photoshop, or open it and edit it using Fireworks. Let me know if you have any questions.
0
 

Author Comment

by:wlyou
ID: 33718899
The gif file that I got from a internet site is not editable.  I changed from indexed color to RGB.  That would be great if I can edit the gif file that I got from a site.  How can I create a photo file similiar to the gif file I attached.  
0
 
LVL 23

Expert Comment

by:jeremyjared74
ID: 33718985
Yeah, the only thing that becomes editable by changing from indexed to RGB would be color, effects etc. None of these are accessible as indexed. It may be editable using Fireworks if you have it. The file you attached is only the text or image of the text contact us. If you could send the entire file, I might be able to help you.

A link to the site would help, so I could see if any functions are added to the GIF. To recreate your own, just open a file in Photoshop using the same dimentsions. You could also open the gif image as one layer, lower the opacity. Then add another layer above the original layer. Now you can use the bottom layer as a guide for placement of type, and use the eyedropper tool to select the colors. It looks as though the text has a stroke. To put a stroke on the text you create, go to styles in the bottom of your Photoshop layers palette, and choose stroke. Select the color you want and the stroke size (probably 1px).

I will open the gif you sent inside of Fireworks and see if it is editable.
0
 
LVL 23

Expert Comment

by:jeremyjared74
ID: 33719257
Photoshop seems to have trouble when downsizing the GIF. When I create a new file using Fireworks it doesn't become Distorted, or Pixelated like it does in Photoshop. I reset my Photoshop Preferences, tried all different GIF choices, and different Photoshop preference types like best for downsizing, best for smooth gradients, best for enlarging etc. None of them seemed to matter, while Fireworks did it with no problem. I will send the GIF created from Fireworks. Let me know if you need seperate images for each contact us, and I will help you out.

help-1.gif
help-1.psd
0
 

Author Comment

by:wlyou
ID: 33719259
That is the only file I have of "contact us" I don't remember which website I got it from.  I played with strokes in photoshop but I still get images like (screen shot above #33717955).  My "contact us" file looks very choppy?  I don't know why when I place the transparent gif over a gray background?
0
 

Author Comment

by:wlyou
ID: 33719874
If you're having the same problem, I guess it's just not me.  I'll try some other graphic software since I dont have copy of fireworks.  Or I can use a set background color instead of using transparent background.  
0
Maximize Your Threat Intelligence Reporting

Reporting is one of the most important and least talked about aspects of a world-class threat intelligence program. Here’s how to do it right.

 
LVL 23

Expert Comment

by:jeremyjared74
ID: 33720199
I was able to make the file look better in Photoshop by changing the setting:
Go to edit>Preferences>General and change Image Interpolation to Bilinear. This seems to have fixed the distortion. I would change it back when you are finished.
0
 

Author Comment

by:wlyou
ID: 33725842
I didn't get any better results, default was "bicubic", I changed it to bilinear, created new file, transparent background, typed some words, saved it as gif.  Any other suggestions on photoshop?
0
 
LVL 23

Expert Comment

by:jeremyjared74
ID: 33726539
That is strange, I had noticeable improvements when I switched. I will look into it a little more and get back with you.

Q. Did you delete the preferences? To do so hold Ctrl + Shift + Alt while starting Photoshop.If you do it correctly it will ask you if you are sure you want to remove the Preferences. Click yes and then set the image interpolation ans suggested.
0
 

Author Comment

by:wlyou
ID: 33727286
Im using photoshop version 6,  when I swithch the interpolation setting, nothing shows up about deleting preferences setting? I tried Ctrl + Shift + Alt while starting Photoshop, does nothing for me.  
0
 
LVL 23

Expert Comment

by:jeremyjared74
ID: 33727402
Are you on a Mac? You have to do it immediately at startup (right after you click to open Photoshop)
0
 

Author Comment

by:wlyou
ID: 33727442
Ctrl + Shift + Alt while starting Photoshopk, I deleted prefernces, set the preference to bilinear.  I really don't see any difference in transparent gif with colored background. Thanks.
0
 
LVL 23

Expert Comment

by:jeremyjared74
ID: 33727468
OK, I will see if there is another way. I have a few free graphic editors, I will see if any of them work better and send a link.
0
 

Author Comment

by:wlyou
ID: 33727555
Main reason for using transparent gif is I have a logo image in the background of the website.  Thanks.
0
 

Accepted Solution

by:
wlyou earned 0 total points
ID: 33728382
I figured out. The matte setting color has to match the background color and it blends really nice.

Matte is the color against which the edges of the transparent GIF will blend. The default for this in Photoshop is white, which accounts for the white "fringe" when the image is placed against a dark background.  Thanks for your help anyways.
0
 
LVL 23

Expert Comment

by:jeremyjared74
ID: 33728416
No problem. It must be an old setting. My Photoshop CS4 defaults as Transparent. This is why I always suggest to reset the Prefs. I'm glad you found a fix.
0

Featured Post

Do You Know the 4 Main Threat Actor Types?

Do you know the main threat actor types? Most attackers fall into one of four categories, each with their own favored tactics, techniques, and procedures.

Join & Write a Comment

Suggested Solutions

During the review/publication process for one of my previous articles, How to Embed Screenshots in Posts (http://www.experts-exchange.com/Other/Miscellaneous/A_11952-How-to-Embed-Screenshots-in-Posts.html), the Page Editor, lherrou (http://www.exper…
I. Introduction In a previous article (http://www.experts-exchange.com/Web_Development/Document_Imaging/A_6537-PaperPort-Upgrade-How-to-download-and-install-updated-versions-of-PaperPort-11-and-12.html) (now deprecated), I discussed how to upgrad…
The goal of the tutorial is to teach the user what gradient filters are and how to use them. When you have a photo and some part of the photo is either over exposed or under exposed, you use a gradient filter to help mask the need to touch up th…
The goal of the tutorial is to teach the user how to remove a natural vignette your photos and how to add vignette to your photos.

747 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

11 Experts available now in Live!

Get 1:1 Help Now