15 unknown users

 Word :   Username :  
 
 Page :  1  2  3  4  5  6  7  8  9  10
Author
 Thread :

[WIP]iPhone Icon Pack

 
n°8066
Tanshin
Profil: Penguin Pro
Avatar
profil
Posted on 08-29-2008 at 03:22:04 PM  
 

Last message on previous page:
Wow, I really like the settings one. It looks exact. How do you do the dotted background?

answer
mood
GoogleAds
profil
Posted on 08-29-2008 at 03:22:04 PM  
 

answer
n°8067
ghostnatyphon
Who Dares Wins
Profil: Penguin Pro
Avatar
profil
Posted on 08-29-2008 at 03:33:11 PM  
 

I'm going to take another stab in the dark...:

 

He made a small file (Zpx by Zpx) and then made a small black circle, with a white highlight, saved it as a pattern, and then filled a layer on the icon with that pattern!

answer
n°8068
uttaresh
The Penguin Master
Profil: Penguin Pro
Avatar
profil
Posted on 08-29-2008 at 03:35:41 PM  
 

Quote :

Wow, I really like the settings one. It looks exact. How do you do the dotted background?

 

Well, I created a new Photoshop document of 200x200px

 

Then, I created one single black circle in the center. Went to Edit>>Define Pattern and saved it as "dots".

 

After that, I went back to my icon document, created a new layer, filled it with a colour. Reduced the Fill to 0% and then, in the Blending Options, used the Pattern tab to select my predefined pattern "dots" and adjusted the scale till I got the right size. This should fill the area with the dots.

 

Then, under the Layer, right click on the Pattern effect and select "Create Layer". There you have it, the dots!

 

For the 3D look, just mess around with the Bevel and Emboss till you get it right. :wink:

 

EDIT: Just read above post. Right as always, Ghost! :biggrin:

answer
n°8069
ghostnatyphon
Who Dares Wins
Profil: Penguin Pro
Avatar
profil
Posted on 08-29-2008 at 03:58:06 PM  
 

uttaresh wrote :

EDIT: Just read above post. Right as always, Ghost! :biggrin:

 

Ah, guesswork reigns supreme :tongue: Though I wasn't quite right, you used scale and bevel and emboss.

 

Still no luck on the safari icon :frown: I'll have to wait for the whole pack :err:

answer
n°8070
Tanshin
Profil: Penguin Pro
Avatar
profil
Posted on 08-29-2008 at 04:24:16 PM  
 

uttaresh wrote :

Well, I created a new Photoshop document of 200x200px

 

Then, I created one single black circle in the center. Went to Edit>>Define Pattern and saved it as "dots".

 

After that, I went back to my icon document, created a new layer, filled it with a colour. Reduced the Fill to 0% and then, in the Blending Options, used the Pattern tab to select my predefined pattern "dots" and adjusted the scale till I got the right size. This should fill the area with the dots.

 

Then, under the Layer, right click on the Pattern effect and select "Create Layer". There you have it, the dots!

 

For the 3D look, just mess around with the Bevel and Emboss till you get it right. :wink:

 

EDIT: Just read above post. Right as always, Ghost! :biggrin:

 

Ah, makes sense. I'll have to try that

answer
n°8071
uttaresh
The Penguin Master
Profil: Penguin Pro
Avatar
profil
Posted on 08-29-2008 at 04:36:05 PM  
 

OK, I am now ATTACHING the Safari icon. This should work for you. :tongue:

answer
n°8072
truth
-------------------------
Profil: Top Penguin
Avatar
profil
Posted on 08-29-2008 at 04:43:45 PM  
 

uttaresh wrote :

Thank you, Gandolf!  :cool:

 

Finally made the Settings/Control Panel icon:

 

http://img364.imageshack.us/img364/5923/settingsev4.png

 

The settings icon looks great.  :great:

 

However, you should reduce the shine in middle of the top border.

answer
n°8073
uttaresh
The Penguin Master
Profil: Penguin Pro
Avatar
profil
Posted on 08-29-2008 at 05:19:05 PM  
 

Thanks, truth.

 
Quote :

However, you should reduce the shine in middle of the top border.

 

Yeah, I thought so, too - but then I figured maybe it ought to be stronger at the top because that's where the light is falling. Anyway, here's the lighter version:

 

http://img512.imageshack.us/img512/6601/settingsfg6.png

answer
n°8074
Gruzz
Profil: Moderator
Avatar
profil
Posted on 08-29-2008 at 05:19:28 PM  
 

Did you make the graphics of the Safari icon and system settings icon yourself, or did you just did the border, shadow and gloss? :neutral:

answer
n°8075
uttaresh
The Penguin Master
Profil: Penguin Pro
Avatar
profil
Posted on 08-29-2008 at 05:27:29 PM  
 

Nope, I made it myself. :wink:

 

If you take a closer look, you can notice that there are some differences between my icons and the original iPhone icons.

 

For example, in the original Safari icon, there are these light markings like those of a compass which circumscribe the needle. Not in mine. Then, the portion of the map covered in the BG my Safari icon is also slightly different. Even the center of the needle isn't exactly the same.

 

For the Settings icon, the differences are a little difficult to spot. You can probably see differences in the shines and reflections after taking a closer look. The dots probably won't be exactly the same. The shadows are a bit different too.

 

Then of course, there's the fact that the original icons are only 64x64 pixels or 128x128 pixels in size at most. Mine are 512x512... that would create some heavy aliasing and pixelisation. :wink:

 

If you're still unconvinced, I can send you the PSD via PM. :smile:

answer
n°8076
Gruzz
Profil: Moderator
Avatar
profil
Posted on 08-29-2008 at 06:24:21 PM  
 

I just wanted to ask you that. :oui: Then the work on the icons is more then most people would expect. :smile: That icon work is done very well. The more simple gloss and shadow might be making your icon looking not as good though.

answer
n°8077
uttaresh
The Penguin Master
Profil: Penguin Pro
Avatar
profil
Posted on 08-29-2008 at 06:38:33 PM  
 

The gloss look OK to me, but tell me exactly what you mean and I'll try to improve it. :wink:

 

Not too concerned about the shadow, you don't really even see it in RocketDock.

 

Anyway, I am now creating a set of icons for the different messengers. Here's the Yahoo one. Again, I made it myself entirely, did not copy anything. Not the logo, not the smiley.

 

http://img129.imageshack.us/img129/7213/yahoout0.png http://img49.imageshack.us/img49/7286/liveju2.png

 

Just made the icon for MSN Live! Took me quite a while to make the MSN Buddy, phew! :yipi:

 

Don't know any more popular messengers. Anyone know any popular ones?

answer
n°8078
uttaresh
The Penguin Master
Profil: Penguin Pro
Avatar
profil
Posted on 08-29-2008 at 09:38:53 PM  
 

For AOL, I admit... I did not create the weird running guy logo thing... just copied it from AOL's site.

 

http://img294.imageshack.us/img294/804/aolrt1.png

answer
n°8079
EmmaBlack
Profil: Penguin
Avatar
profil
Posted on 08-29-2008 at 09:44:14 PM  
 

Why for MSN the white thing (je ne sais pas comment on appel le dégradé en anglais :ouch:) is behind the guy and for AIM the guy is behind the white thing?

answer
n°8080
uttaresh
The Penguin Master
Profil: Penguin Pro
Avatar
profil
Posted on 08-29-2008 at 09:59:00 PM  
 

Oh sorry, my mistake. Fixed it! :biggrin:

 

Here's the last messenger icon: Google Talk.

 

http://img523.imageshack.us/img523/2281/googleuw2.png

answer
n°8081
EmmaBlack
Profil: Penguin
Avatar
profil
Posted on 08-29-2008 at 10:12:13 PM  
 

Nice one for Google Talk :wink:

 

About AIM, the white part is in the 'AIM' part when it isn't in th 'Y!' for Yahoo.
After this I promise I stop complaining ^^

answer
n°8082
uttaresh
The Penguin Master
Profil: Penguin Pro
Avatar
profil
Posted on 08-29-2008 at 10:15:43 PM  
 

Quote :

About AIM, the white part is in the 'AIM' part when it isn't in th 'Y!' for Yahoo.

 

I had first tried to put the Y! under the white shine, but it didn't look as nice as it does on top. :wink:

 

For the AIM, it's actually a mask (it's a cut-out from the white speech bubble). You can't put Layer masks on top of other layers.

answer
n°8083
pspgamer
Profil: Top Penguin
Avatar
profil
Posted on 08-29-2008 at 11:29:58 PM  
 

Good new icons :biggrin: I think yo must either use colored logo in the bubble (e.g. MSN) or just cutting it from the bubble it (e.g. Yahoo)

 

What font did you use to type "Google"? :smile:

answer
n°8084
uttaresh
The Penguin Master
Profil: Penguin Pro
Avatar
profil
Posted on 08-30-2008 at 11:39:14 AM  
 

*sneaks up from behind couch*

 

I didn't type Google, just copied it from the Google website. :oups:

 
Quote :

I think yo must either use colored logo in the bubble (e.g. MSN) or just cutting it from the bubble it (e.g. Yahoo)

 

I'm afraid I don't understand. Do you mean the AIM icon or the Google one?

answer
n°8085
pspgamer
Profil: Top Penguin
Avatar
profil
Posted on 08-30-2008 at 01:58:52 PM  
 

Quote :

I'm afraid I don't understand. Do you mean the AIM icon or the Google one?

 

http://se4m.up4arb.com/uploads/f2aa9b6c74.jpg

 

answer
n°8086
uttaresh
The Penguin Master
Profil: Penguin Pro
Avatar
profil
Posted on 08-30-2008 at 02:01:43 PM  
 

Actually, they're all coloured logos. It's just that Yahoo is officially all purple, and AIM is officially all red. Google and Live, however, are officially multi-coloured.

 

I wouldn't know which one to change. :frown:

answer
n°8092
ghostnatyphon
Who Dares Wins
Profil: Penguin Pro
Avatar
profil
Posted on 08-31-2008 at 06:22:10 PM  
 

I wouldn't change them to make them more similar, if one is officialy one colour, and one has lots of colors leave them as they are officialy.

 

And finally saw the Safari icon! Thanks for the attach, looks great :great:

 

But on the topic of the chat icons, if you aren't keeping them below the shine because they look better above it, then these becom less like the iPhone app icons, since they all have the gloss over the top :err:

answer
n°8093
uttaresh
The Penguin Master
Profil: Penguin Pro
Avatar
profil
Posted on 08-31-2008 at 06:50:43 PM  
 

I know, but it wouldn't be practical to keep it below the shine. :frown:

answer
n°8095
Asher
Genius is not born , it is made....
Profil: Moderator
Avatar
profil
Posted on 08-31-2008 at 07:06:27 PM  
 

Nice icons :oui: I like 'settings' icon the most , here's a lil tip for you , try giving a light-dark gradient and keep the light color on top , also on the reflection , try to keep the white color on top :wink: I think this will make icons t look bolder :wink:

answer
n°8099
uttaresh
The Penguin Master
Profil: Penguin Pro
Avatar
profil
Posted on 08-31-2008 at 11:47:18 PM  
 

Quote :

here's a lil tip for you , try giving a light-dark gradient and keep the light color on top

 

Ummm... which icon are you referring to? And do you mean as a gradient on top of all the foreground layers or below them? :neutral:

 
Quote :

try to keep the white color on top

 

You mean the messenger icons, right?

answer
n°8100
Asher
Genius is not born , it is made....
Profil: Moderator
Avatar
profil
Posted on 09-01-2008 at 08:42:59 AM  
 

I am not good at explaining icons :he: I think this will explain better :wink:

 

http://img171.imageshack.us/img171/3039/flcp6.png

answer
 Page :  1  2  3  4  5  6  7  8  9  10
Top 

Go to:
Add a reply