Welcome To Signs101.com: Largest Forum for Signmaking Professionals

Signs101.com: Largest Forum for Signmaking Professionals is the LARGEST online community & discussion forum for professional sign-makers and graphic designers.

 


  1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Photoshop CS2 question

Discussion in 'Adobe' started by Brendan, Mar 29, 2009.

  1. Brendan

    Brendan Active Member

    506
    0
    16
    Jan 15, 2007
    new england
    I know this is relatively easy which is precisely why I am struggling with it.

    I design something in PS... when I bring it into Flexi or any other software for that matter, the item has that fringe of white pixels around it. Whats the workaround here?
    Thanks in advance.
     
    Tags:
  2. Fred Weiss

    Fred Weiss Merchant Member

    20,567
    423
    83
    Sep 11, 2003
    Olympia, WA
    A number of programs, including Flexi, do not deal with transparency or unflattened images very well. What is needed is to create a vector of the shape of the image and then use it as a mask in Flexi.

    You can do this in Photoshop by selecting the image and then converting it to a workpath. Export "Paths to Illustrator" and you have the AI vector you need.
     
  3. Brendan

    Brendan Active Member

    506
    0
    16
    Jan 15, 2007
    new england
    Awesome Fred.....thank you much.
     
  4. luggnut

    luggnut Very Active Member

    brendan what are you doing.... bringing in the PSD into flexi and then adding it to other art or over the top of vectors?

    in PS are you seperating something froma background then bringing to flexi?

    the method fred recommended works but on some things such as a subjects hair seperated from the background may be impossible to put a vector around it to mask and it look good. a lot of things like that i start in flexi or illustrator to get the vectors and text the way i want... then export that to PS and add the images.. then save as a jpg, tiff and send to the rip. using this method i still have the vector and text in a very editable format that i can go back to if i need to change something in the PS file.
     
  5. Brendan

    Brendan Active Member

    506
    0
    16
    Jan 15, 2007
    new england
    thanks lug... Ive had issues with both methods. right now im trying to photoshop my logo and save it for the top of each of my webpages... when i bring it into the editing software, it has that crappy jagged edge.
     
  6. Fred Weiss

    Fred Weiss Merchant Member

    20,567
    423
    83
    Sep 11, 2003
    Olympia, WA
    That's a whole different animal.

    If you're trying to create a web image that displays with no background then you have only two choices.

    GIF can be used which is a low quality image that works in many cases. To control the edges, select a black or white fringe mat to compliment blending into your web page background.

    PNG can be used which is a much higher quality image. It works well with current browsers but will fail to display properly with IE 5 and IE 6 browsers.

    Whichever way you go, you're probably best off to bring everything into Photoshop and forget Flexi. When you save the image, make sure to use the Save for Web command and then choose GIF or PNG24.
     
  7. luggnut

    luggnut Very Active Member

    what program are you using for the web stuff?

    here is something copied from the adobe help file about this

    Remove fringe pixels from a selection

    <!--googleoff: index--><!-- END PAGE TITLE --><!-- BEGIN CONTENT WRAPPER --> <!--googleon: index--> When you move or paste an anti-aliased selection, some of the pixels surrounding the selection border are included with the selection. This can result in a fringe or halo around the edges of the pasted selection. These Matting commands let you edit unwanted edge pixels:

    • Defringe replaces the color of any fringe pixels with the color of pixels farther in from the edge of the selection that don’t contain the background color.
    • Remove Black Matte and Remove White Matte are useful when a selection is anti‑aliased against a white or black background and you want to paste it onto a different background. For example, anti‑aliased black text on a white background has gray pixels at the edges, which are visible against a colored background.
      [​IMG]You can also remove fringe areas by using the Advanced Blending sliders in the Layer Styles dialog box to remove, or make transparent, areas from the layer. In this case, you would make the black or white areas transparent. Alt-click (Windows) or Option-click (Mac OS) the sliders to separate them; separating the sliders allows you to remove fringe pixels and retain a smooth edge.
    could also be matting.... go to layer, than all the way done is matting ... chose remove white matting
     
  8. Brendan

    Brendan Active Member

    506
    0
    16
    Jan 15, 2007
    new england
    Thanks guys... by my own admission... I am no webmaster. I am using an end user program called webeasy pro. When I pull in a .gif and preview the site, it totally distorts. I will try the png like you suggested Fred.
     
  9. CherokeeDesign

    CherokeeDesign New Member

    18
    0
    0
    Mar 27, 2009
    Do you have a sample of your logo? Usually I do what luggnut posted, go to Layer > Matting > Defringe. You can adjust the number of pixels it removes.

    If it's a raster image like a photo, I have the best results saving as a .jpg or .png. If I create a simple button etc, saving as a .gif works best. .gif's can be finicky with effects like gradients, drop shadows, complex graphics etc. If you're putting your logo over a solid color area, sometimes you can change the background to the same color if you want to save it as a .jpg.

    I wanted to do these cards as .gif's, so they would have the transparent background and I could layer them over the background: http://www.odcustomtattoo.com/otool-tattoo-artists.html I wasn't happy with the result, so I "cheated" and saved them as .jpg's with the template as the background.
     
Loading...

Share This Page

 


Loading...