SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Enthusiast
    Join Date
    Jul 2011
    Posts
    34
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question Preserving the blending mode

    I've got a outer glow effect around a logo sitting on a aqua gradient background . The outer glow is white and 70% transparent with a Hard Mix blending mode . The blending mode infuses it with a superb color .

    I want to cut out the logo + the outer glow as a transparent .PNG . I've already separated the outer glow in a layer of it's own .

    My question is how can i preserve the color given by the Hard Mix blending mode so I can later use it for the web ? I plan to recreate the gradient via CSS and use the combination in a responsive website . Since the gradient will oscillate due to different page heights it is important to preserve the logo plus effect as is .

    Please advise .

  2. #2
    Community Advisor silver trophybronze trophy
    dresden_phoenix's Avatar
    Join Date
    Jun 2008
    Location
    Madison, WI
    Posts
    2,734
    Mentioned
    31 Post(s)
    Tagged
    0 Thread(s)
    The thing is that a blend more is just that a BLEND. so you would need all the elements that make that particular mix to be present. instead of cutting out the logo, and glow. you may want to create a layer-mask. for the BG layer.

    1) save a COPY because an accident will BE disastrous
    2) flatten the make your BG to balck
    3) set everything in your logo to WHITE, this includes the outerglow
    4) Flatten
    5) Select all and copy
    6) Open your backup copy of the file , paste into a layer mask in the BG layer. This should make the bg go away, except for under the logo
    7) use contrast and curves to tweak layer mask as need be.


    BTW, remember your color theory, that 'superb color' may only be so stunning against that specific bg, and may not look so stunning ( even if you manage to retain that specific hue) against some other matte color.

    Hope that helps

  3. #3
    SitePoint Wizard bronze trophy conradical's Avatar
    Join Date
    Jan 2005
    Location
    Atlanta
    Posts
    2,354
    Mentioned
    1 Post(s)
    Tagged
    1 Thread(s)
    Or you could
    1. Hide your background layers
    2. Select your topmost layer
    3. Click Command+Shift+E

    This will take a snapshot of all the layers below - preserving your effects etc.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •