The smallest, yet very important part of a graphical user interface is the icon. We have curated a large collection of hundreds of symbols in 50 sets. Only two sets are limited to private usage only, the rest is free for commercial use. From minimalistic and flat to photo-realistic and three-dimensional, any shape and color is represented. In between the sets, look for additional Photoshop tips on how to manipulate and extend the sets professionally…
Photoshop Tip #1: Changing Colors in 2 Easy Steps
Say you’d want to make the colors of an icon reflect the colors of your brand. Let’s start with selecting the relevant areas. Via the menu choose Select > Color Range. Using the eyedropper tool select the color to be changed. Pull the slider on Fuzziness to include similar colors into the selection (if needed). Click OK.
Selection is done. Now navigate to Image > Adjustments > Hue/Saturation. Push the Hue slider, until you see the desired color. Click OK and press Ctrl+D to deselect.
Photoshop Tip #2: Extending Icon Sets
Especially collections of social media icons always lack some services. Networks such as Xing are oftentimes not included, other countries see other missing services. If the icons are created in the modern flat style, extending a set is fairly easy. Look at our example. Choose the Rounded Rectangle Tool to create a basic shape in the desired color and drop the logo on it. Complex 3D icons need a lot more effort, though.
Dirk Metzmacher is a professional Photoshop trainer, book author and designed with over 10 years of experience. He is also a creative mind behind Photoshop Weblog, a blog about techniques, tutorials and resources related to Adobe Photoshop.