#1 May 8, 2008 11:46 am

kylgore
Scary Monkey
From: Baltimore, MD
Joined: Mar 27, 2008
Website

[Theme] Jars

http://scarylittlemonkey.com/dropbox/JarsLogo.png

All Stock Icons are included in the zip, third party icons will be posted in this thread as I or others create them. I suggest that you turn off icon labels.

Creating an icon from the template isn't as simple as with most themes, I will outline the steps as best as I can in a new post on this thread (when I get time).

http://scarylittlemonkey.com/dropbox/JarsssiPhone.png
iPhone Screenshot.

http://scarylittlemonkey.com/dropbox/JarsssiPod.png
iPod Touch Screenshot.

Download link: http://scarylittlemonkey.com/dropbox/Jars.zip
Template: http://scarylittlemonkey.com/dropbox/ja … te.psd.zip
Icon Tutorial: http://macthemes2.net/forum/viewtopic.p … 40#p259840

Glyphs are by Tollboy and can be found here: http://macthemes2.net/forum/viewtopic.php?id=16785605

Last edited by kylgore (May 8, 2008 5:01 pm)

Offline

 

#2 May 8, 2008 11:58 am

Jverzier
Member
From: France, Lyon
Joined: Apr 7, 2008
Website

Re: [Theme] Jars

I'll never abandon Agua, but your theme is definitely one of the best. A big bravo again smile_thumbup

Offline

 

#3 May 8, 2008 11:59 am

mreako
Moderator
From: Relocated
Joined: Sep 16, 2007
Website

Re: [Theme] Jars

You certainly come up with some crazy ideas.  Very nice indeed.

Offline

 

#4 May 8, 2008 12:07 pm

chrisdazzo
Member
From: Colo/fornia
Joined: Aug 22, 2007
Website

Re: [Theme] Jars

Really cool, great work! smile_thumbup

Offline

 

#5 May 8, 2008 12:08 pm

AceOhosa
Member
Joined: Mar 20, 2008

Re: [Theme] Jars

Very nice work. This one isn't for me, but thanks a bunch for doing something that isn't just another agua/stock/text variant! wink

Offline

 

#6 May 8, 2008 12:09 pm

tryggvii
Member
From: Keflavik, Iceland
Joined: Apr 1, 2008

Re: [Theme] Jars

woooahh, this theme is weird, but in a really good way!!!
Nice Theme cool

Offline

 

#7 May 8, 2008 12:18 pm

Rdkl
Member
From: Stockholm, Sweden
Joined: Jan 14, 2008

Re: [Theme] Jars

smile_thumbup

Offline

 

#8 May 8, 2008 12:37 pm

Plizzo
Moderator
From: Sweden
Joined: Feb 5, 2008
Website

Re: [Theme] Jars

AWESOME smile_thumbupsmile_thumbup


Rdkl: Visste inte att du var svensk tongue

Offline

 

#9 May 8, 2008 12:40 pm

Niclas
Administrator
From: Sweden
Joined: Sep 5, 2005
Website

Re: [Theme] Jars

beautiful.

Offline

 

#10 May 8, 2008 12:45 pm

Spargett
Member
From: San Francisco, CA
Joined: Apr 19, 2007
Website

Re: [Theme] Jars

Creative concept. smile_thumbup

Offline

 

#11 May 8, 2008 1:13 pm

TURN
Moderator
From: U.S.A.
Joined: Aug 22, 2007
Website

Re: [Theme] Jars

Thank you so much for breaking away from the normal and giving us something different.  very creative. smile_thumbup I'm looking forward to your next theme.

Offline

 

#12 May 8, 2008 1:20 pm

toffeenut
iPhone Themer
From: La La Land
Joined: Dec 26, 2007
Website

Re: [Theme] Jars

Glad to see this finally up. smile Good work and I commend you for taking this risk. smile_thumbup

Offline

 

#13 May 8, 2008 1:41 pm

Tollboy
Member
From: Nashville
Joined: Nov 2, 2007
Website

Re: [Theme] Jars

Man you went a long way with this it looks great!

Offline

 

#14 May 8, 2008 2:17 pm

buffonitaly
Member
Joined: Dec 29, 2007

Re: [Theme] Jars

If I had an iPhone this would be my theme! nice!

Offline

 

#15 May 8, 2008 2:45 pm

Jim
Member
Joined: May 7, 2007

Re: [Theme] Jars

Very original!

Offline

 

#16 May 8, 2008 3:43 pm

sLEUFO
Member
Joined: Feb 29, 2008

Re: [Theme] Jars

very nice one, great work!

could you please release the template with the other colors you used? just changing the color values in PS doesn't look that nice

may i also ask for some custom icons? bluetooth, google

and here's some icons i just did:
http://img107.imageshack.us/img107/6360/customizehg4.png http://img107.imageshack.us/img107/1139/vnoteszf3.png http://img145.imageshack.us/img145/2255/stumblerim1.png http://img177.imageshack.us/img177/7518/gamestg9.png

Last edited by sLEUFO (May 8, 2008 4:02 pm)

Offline

 

#17 May 8, 2008 4:07 pm

Doreen
Member
From: Cali
Joined: Jan 24, 2008

Re: [Theme] Jars

Your ideas always amaze me. I love to see what you will come out w/ next. Great work!

Offline

 

#18 May 8, 2008 4:24 pm

kylgore
Scary Monkey
From: Baltimore, MD
Joined: Mar 27, 2008
Website

Re: [Theme] Jars

very nice one, great work!

could you please release the template with the other colors you used? just changing the color values in PS doesn't look that nice

may i also ask for some custom icons? bluetooth, google

and here's some icons i just did:

I don't change the color values until after i save the icon. All the icons are saved as red, and then i hue shift the liquid portion to whatever color i think fits the icon. I'll list the details in my icon tutorial later tonight.

Just for anyone who decides to make jar icons in the future, the way i lay the glyphs is how they would naturally land if you dropped them into a rounded glass. I want them to "nestle" along the bottom of the icon.

Thanks for making the icons.

Offline

 

#19 May 8, 2008 5:00 pm

kylgore
Scary Monkey
From: Baltimore, MD
Joined: Mar 27, 2008
Website

Re: [Theme] Jars

I'm not the best writer, so try to follow along here. You'll need to have the jars icon template open, and you'll need a glyph. In this tutorial, I will be making an SMBPrefs icon, using Tollboy's glyph. I've already resized the glyph, and colored it white. (Use the brightness/contrast palette, and turn the brightness all the way up).

http://scarylittlemonkey.com/dropbox/Picture1.png

Now, switch to the jars icon template. In the layers palette, open the GLYPHS and Music groups. Select the icon that contains the sample glyph. (Named Layer 26 (sorry for not renaming the layers)).

http://scarylittlemonkey.com/dropbox/Picture2.png

Switch to the document containing your glyph, open it's layer palette, and drag the glyph into the template. It should now be placed one layer above the sample glyph, and should have taken the clipping mask.

http://scarylittlemonkey.com/dropbox/Picture3.png

Now click and drag the word Effects from Layer 26, to the layer containing your new glyph.

http://scarylittlemonkey.com/dropbox/Picture4.png

At this point you can hide or delete the sample glyph.

http://scarylittlemonkey.com/dropbox/Picture5.png

You now need to use the Move Tool to align your image as you see fit. My guidance dictates that you align the glyph in such a way that it would naturally lie if this were a real 3d object. In this demonstration case, the icon (being circle) would settle into the bottom of the jar.

http://scarylittlemonkey.com/dropbox/Picture6.png

Now it's time to save. Click File > Save for Web & Devices.

http://scarylittlemonkey.com/dropbox/Picture7.png

Select the Preset PNG-24, and click Save. Name your file correctly, so that it loads in summerboard or facelift. (SMBPrefs.png for example).

http://scarylittlemonkey.com/dropbox/Picture8.png

If you are making multiple icons, it is easier for me to worry about colors later and make the icons in one batch, so at this point you can move on to your next icon. If you aren't making more than one icon, you can move on to the next step.

Now we will modify the color. Open the icon you just created.

http://scarylittlemonkey.com/dropbox/Picture9.png

Use the Rectangular Marquee Tool to select only the liquid portion of the image.

http://scarylittlemonkey.com/dropbox/Picture10.png

Now open the Hue/Saturation palette and use the Hue and Saturation sliders to adjust the color of the liquid.

http://scarylittlemonkey.com/dropbox/Picture11.png

For SMBPrefs, I decided to go with a granite blue, so I adjusted the sliders as such:

http://scarylittlemonkey.com/dropbox/Picture12.png

Click File, Save... And that's it.

Here is the completed icon:

http://scarylittlemonkey.com/dropbox/Jars/SMBPrefs.png

Last edited by kylgore (May 8, 2008 5:01 pm)

Offline

 

#20 May 8, 2008 6:51 pm

wargames
Member
From: Lima Peru
Joined: Feb 3, 2008

Re: [Theme] Jars

sweet

Offline

 

#21 May 8, 2008 10:18 pm

Tollboy
Member
From: Nashville
Joined: Nov 2, 2007
Website

Re: [Theme] Jars

Here is an idea that makes you wish it could work. I think it would be awesome if you could have some liquid physics applied to the icons so they sloshed around with the glyps via the accelerometer. It would look so cool when you showed it off.

Offline

 

#22 May 9, 2008 12:46 am

ikusage
Member
Joined: Apr 6, 2008

Re: [Theme] Jars

That's fantastic!!smile_thumbup
I've never seen this style before!

Offline

 

#23 May 9, 2008 9:16 am

Makki
Member
Joined: Jan 4, 2005

Re: [Theme] Jars

Now this is worth some praise. Nice original theme i like this one alot.

Offline

 

#24 May 9, 2008 9:46 am

kediashubham
iPhone Themer
From: Bangkok, Thailand
Joined: Jul 28, 2007
Website

Re: [Theme] Jars

Really nice kylgore. Very original and creative. smile

Offline

 

#25 May 9, 2008 11:45 am

toffeenut
iPhone Themer
From: La La Land
Joined: Dec 26, 2007
Website

Re: [Theme] Jars

Tollboy wrote:

Here is an idea that makes you wish it could work. I think it would be awesome if you could have some liquid physics applied to the icons so they sloshed around with the glyps via the accelerometer. It would look so cool when you showed it off.

woah. is that possible? big_smile

Offline

 

Board footer