After crap part of square, style is automaticly applyed to all sides of the square

Posted on 2006-05-22
Last Modified: 2010-04-03
I use Fotoshop CS to make images that i can use in creating websites in CSS +HTML. In this paricular case, i am working on creating a button with an inner glow effect. I like not to be limited by vertical and horizontal expension of the button, so I add part of images on the corners. My goal from the Fotoshop is to get only an corner of my created inner glow botton which i will use in CSS for background-image.  I create an square, apply inner glow effect then I crop the corner. Once i crop the style of inner glow is applied to the all sides of the croped region. But that is not what i am looking for. I wanted to get inner glow of top and left side of the square but not on the right and bottom side. How do I go about this? Can i turn my crop functionality so that it does not apply the style to all of the sides of craped region?
Thank You.
P.s. Idealisticly, I would like to have only inner glow without fill (transparent) in the square, but that is my next thing i would like to learn. In case, you are giving me directions, than making fill transparent would be the best example -directions.
Question by:margotsk
    LVL 26

    Accepted Solution

    open an empty layer underneath the layer that has the layer style applied. Select the layer with the layer style and merge it down to the empty layer. This will flatten the artwork and lock in the layer style. You can now slice it up and reuse it without the layer style changing. The downside of this, of course, it that you cannot edit the style unless you go back in the history pallet and undo your merge.
    LVL 3

    Expert Comment

    YOu need to merge or flatten your image first like D Brugge said.
    LVL 1

    Assisted Solution

    I'd probalby definitely collapse it as suggested above, but copy the uneffected layer first, then past that back ontop of your collapseed layer. Then apply a layer mask to that uneffected layer, and gradiant or paint out the glow back in(which is underneath this layer you are now working on.  so in affect you are just using the original image as a mask to help you show through the effect you want.
    LVL 26

    Expert Comment

    by:David Brugge
    Sounds like a good plan.

    Another, but less effective method is to go to the active layer and right click (cmnd-click) and select "create layer" This will break out the layer styles into separate editable layers. However, hot all layer styles can be converted.

    This is a handy trick for when you want to apply embossing to three side of an object, or manipulate the drop shadow more.

    Author Comment

    Got it!!!
    Thank you a lot. After following D_Brugge i was able to slice without the layer style changing. From toddkeller i got the idea on how to make it transparent(used layer mask) and have only inner glow. I am excited!!!
    I would like to divide the points between toddkeller and D-Brugge. siva350 didn't provide anything new, but gave a valuable assurance.
    LVL 26

    Expert Comment

    by:David Brugge
    thanks! glad that I could help.

    Featured Post

    Enabling OSINT in Activity Based Intelligence

    Activity based intelligence (ABI) requires access to all available sources of data. Recorded Future allows analysts to observe structured data on the open, deep, and dark web.

    Join & Write a Comment

    Introduction When sharing photos, especially via e-mail, the large resolution images that most cameras take today make for extremely large file sizes. The time required to upload these files to forums, send in e-mails, post to blogs or even placi…
    In this article, I'll explain how to change the color of a selection in Photoshop. I'm sure there are a couple different ways to do this in photoshop, but this is my preferred method in Photoshop. I am using Photoshop CS6 and I will be adjusting the…
    In this tutorial viewers will learn how to create a postcard text effect in Photoshop and get an introduction to Layer masks Use magic wand to select the "inner" part of the letters: Create a new layer and fill the selected area with black: Go back …
    In this Micro Tutorial viewers will learn how to create a CSS image sprite (In a later tutorial, viewers will learn how to use CSS and HTML to create a navigation menu using this sprite) Open a new Photoshop document with a width of (Icon width)x(N…

    734 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

    21 Experts available now in Live!

    Get 1:1 Help Now