: Photoshop - unkown effect applied (facebook and linkedin) I am trying to understand what is the effect that is applied in the dashboard icons of Facebook and LinkedIn android application. They

Posted in: #AdobePhotoshop #PhotoshopEffects

I am trying to understand what is the effect that is applied in the dashboard icons of Facebook and LinkedIn android application. They change the icon when the user press it, replacing to another darker icon. In the following links you can see the original icons.

LinkedIn:

Facebook:

I am not a photoshop expert so I can't figure out what is the effect that was created in the hover icon. It seems to be a gray transparent mask over the original image. I am thankful for any answer to this question that can lead me to the same effect.

Also, what is the best approach to have the same border lines in my icons. They have smooth borders using a lighter color.

10.01% popularity Vote Up Vote Down

: How to draw a precise circular arc in Adobe Illustrator? Say, an arc with radius r centered at o, from angle a to angle b. I don't see how to use Arc tool in Adobe Illustrator this way.

@Kristi927

Posted in: #AdobeIllustrator

6 Comments

: Where can I find a customizable arrow button? I'm implementing an up/down voting system, and I want to find a standard but sleek button with an arrow inside it that you can customize by color,

@Kristi927

Posted in: #Icon #WebsiteDesign

1 Comments

: What are the responsibilities of a web designer HI All - I am a Coldfusion developer with over 2 and half years of experience. I have some experience with Javascript, jquery and sql. I was

@Kristi927

Posted in: #Designers #WebsiteDesign

3 Comments

: As Alan Gilbertson say in his answer, this is probably problems related to display the vector information well on screen. If you try to print on paper, it will look perfect. If the PDF you

@Kristi927

0 Comments

Login to post a comment!

1 Comments

Sorted by latest first Latest Oldest Best

@Berumen635

dear thaigo this answer is based on what I understood:

Normal and hover icon effects can be achieved with CSS.
Normal images have less fill in photoshop and hover images full fill

A 1 px stroke has been applied to the hover icons. You can reduce their opacity or fill to gain a clean stroke, take a look at this image, I tried to let you know whats happening within Photoshop, hope this gives you some clues...

10% popularity Vote Up Vote Down

Feed

: Photoshop - unkown effect applied (facebook and linkedin) I am trying to understand what is the effect that is applied in the dashboard icons of Facebook and LinkedIn android application. They

More posts by @Kristi927

: How to draw a precise circular arc in Adobe Illustrator? Say, an arc with radius r centered at o, from angle a to angle b. I don't see how to use Arc tool in Adobe Illustrator this way.

: Where can I find a customizable arrow button? I'm implementing an up/down voting system, and I want to find a standard but sleek button with an arrow inside it that you can customize by color,

: What are the responsibilities of a web designer HI All - I am a Coldfusion developer with over 2 and half years of experience. I have some experience with Javascript, jquery and sql. I was

: As Alan Gilbertson say in his answer, this is probably problems related to display the vector information well on screen. If you try to print on paper, it will look perfect. If the PDF you

Login to post a comment!

1 Comments

Back to top | Use Dark Theme