Mobile app version of vmapp.org
Login or Join
Gonzalez368

: How to clone the iPhone Camera app's gradient? I have finished the development of an app. Now I have to worry about the icon ;-) To align with the built-in app, I want the gradient of the

@Gonzalez368

Posted in: #AdobePhotoshop #Icon

I have finished the development of an app. Now I have to worry about the icon ;-)

To align with the built-in app, I want the gradient of the my icon background looks like the built-in Camera app, i.e. a light source form the top.

  

How can I clone the gradient in Photoshop? For example, can I take RGB values from a few reference points (top, middle, button) of the Camera icon to deine the gradient of my icon?

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Gonzalez368

1 Comments

Sorted by latest first Latest Oldest Best

 

@Ravi4787994

Well, you essentially answered the question yourself.


can I take RGB values from a few reference points (top, middle, button) of the Camera icon to deine the gradient of my icon?


That's exactly what you do, but for this one you don't need a middle value for this gradient.

You can make your life easier by first finding a higher resolution version of the icon. I did so by running a reverse image search with Google Images (click the camera icon in the search box).

The RGB value for the top of the gradient is #F8F8F8 , the bottom is #919095 . Set those as your foreground/background, apply a gradient overlay to your layer, and select the Foreground to Background gradient preset. If it comes out upside down, tick the Reverse checkbox.

If you want to re-color the gradient but have it look similar, add a Color Overlay layer effect and set the Blend Mode to something like Overlay (I usually just cycle through them to see which one looks nice)

Here's what I was able to come up with:

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme