Go Premium for a chance to win a PS4. Enter to Win

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 512
  • Last Modified:

Photoshop Help with Gif File

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
wlyou
Asked:
wlyou
  • 11
  • 8
1 Solution
 
wlyouAuthor Commented:
I attached a screen shot.
help.jpg
0
 
wlyouAuthor Commented:
Top is the ideal pic.  Bottom is what I tried to do.  thanks.
0
 
wlyouAuthor Commented:
Another note, using transparency on gif files.
0
Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

 
jeremyjared74Commented:
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
 
wlyouAuthor Commented:
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
 
jeremyjared74Commented:
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
 
jeremyjared74Commented:
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
 
wlyouAuthor Commented:
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
 
wlyouAuthor Commented:
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
 
jeremyjared74Commented:
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
 
wlyouAuthor Commented:
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
 
jeremyjared74Commented:
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
 
wlyouAuthor Commented:
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
 
jeremyjared74Commented:
Are you on a Mac? You have to do it immediately at startup (right after you click to open Photoshop)
0
 
wlyouAuthor Commented:
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
 
jeremyjared74Commented:
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
 
wlyouAuthor Commented:
Main reason for using transparent gif is I have a logo image in the background of the website.  Thanks.
0
 
wlyouAuthor Commented:
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
 
jeremyjared74Commented:
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

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

  • 11
  • 8
Tackle projects and never again get stuck behind a technical roadblock.
Join Now