PhotoshopForums.com Home
Navigate Contact FAQ Search Members
How to create Facebook like icons effect
Post new topic   Reply to topic    PhotoshopForums.com Forum Index -> General Photoshop and Design Discussion
 See a User Guidelines violation? Please contact us.
Author Message

yalc82

Joined: 21 Apr 2012
Posts: 5



PostPosted: Sat Apr 21, 2012 11:01 am    Post subject: How to create Facebook like icons effect Reply with quote

Hello,

I'm new to photoshop, but had the chance to play with it a bit.
I would like to create icons for my iPhone app but I want them to look "inside" the view (CAN SOMEONE PLEASE TELL ME WHAT IS THE WORD I'M LOOKING FOR!)
of course I don't expect anyone will understand this terrible description, so I added a photo of Facebook iPhone app icons for example of what I meant :)



fb_icons.png
 Description:
Facebook icons style
 Filesize:  10.49 KB
 Viewed:  833 Time(s)

fb_icons.png


View user's profile Send private message

Auieos

Joined: 29 Jan 2010
Posts: 2019



PostPosted: Sun Apr 22, 2012 1:40 am    Post subject: Reply with quote

Create a simple gradient layer for the background.
Then make your icon of whatever on a new layer. Make sure it is black.
Set the icon layer fill to 30%.
Add an inner shadow using layer fx.

And you should be done.

You can turn off the background if you want a transparent icon for placement over changing backgrounds.



Untitled-2.png
 Description:
 Filesize:  22.57 KB
 Viewed:  817 Time(s)

Untitled-2.png



Untitled-1.png
 Description:
 Filesize:  1.53 KB
 Viewed:  817 Time(s)

Untitled-1.png


View user's profile Send private message

yalc82

Joined: 21 Apr 2012
Posts: 5



PostPosted: Sun Apr 22, 2012 2:44 am    Post subject: Reply with quote

Wow that is exactly what I wanted and very simple to implemented :)
Thanks a lot
View user's profile Send private message

Patrick
Administrator
Administrator

Joined: 14 Feb 2003
Posts: 11945
Location: Harbinger, NC, U.S.A.


PostPosted: Wed Apr 25, 2012 1:17 pm    Post subject: Reply with quote

Nice little tutorial there, Steve! :) Welcome yalc82.

Patrick

_________________
Patrick O'Keefe - PhotoshopForums.com Administrator
Have a suggestion or a bit of feedback relating to PhotoshopForums.com? Please contact me!
User Guidelines
View user's profile Send private message Send e-mail Visit poster's website AIM Address Yahoo Messenger MSN Messenger
Display posts from previous:   
Post new topic   Reply to topic    PhotoshopForums.com Forum Index -> General Photoshop and Design Discussion All times are GMT - 6 Hours
Page 1 of 1
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
You cannot attach files in this forum
You can download files in this forum


Contact - User Guidelines >

Copyright © 2003-2016. PhotoshopForums.com, iFroggy Network. All Rights Reserved.
Powered by phpBB © phpBB Group. phpBB SEO. Privacy Policy.
We are in no way affiliated with Adobe. Photoshop, Adobe and related marks are registered trademarks of Adobe.
PhotoshopForums.com