PPCGeeks - Riptide9's Glass Icons Exstentions

PPCGeeks (http://forum.ppcgeeks.com/index.php)

- HTC Evo 4G Themes/Mods (http://forum.ppcgeeks.com/forumdisplay.php?f=225)

- - Riptide9's Glass Icons Exstentions (http://forum.ppcgeeks.com/showthread.php?t=139314)

Riptide9's Glass Icons Exstentions

For those of you wearing Riptide9's Glass Icons from over at XDA I received the psd the other night to design icons for other apps not included in his original Icon Pack. Because his icons were included in his theme thread I wanted to create a thread solely for the purpose of creating these unique Icons here at PPCGeeks. I will take request for apps not included in the Original Glas Icon Pack and the Exstentions I create here. Mods if this is the wrong thread, my apologies as I am sure it will be moved to the appropriate place. More coming soon and enjoy! You can get Riptide's original Glass Icon Pack and check out his Themes here over at XDA.

Update 2/13/11 - How to Install Glass Icons Tutorial has now been added. Scroll down for Tutorial.

Edit: Updated 2/5/11 - Scroll down for Tutorial on how to make the Glass Icons.

Update: 1/25/11 - It has come to my attention that many may not know how to install Riptide's and Slayer's icons. You can read the how to install tutorial here over at XDA. You will need the free App Folder Organizer. Hope this helps!

http://img607.imageshack.us/img607/4...glassimage.png

Tutorial For Making Glass Icons

Prerequisites:

Gimp Software (Free)
Your Artwork
Start_Icon File (attached below)

1. Create a folder on your Desktop or where ever you prefer, name it Glass Icons or what ever, and make sure all of your art is in this folder (makes it easier to navigate).
2. Download the Start_Icon File and place it in the Folder where you put all of your Artwork (Note: All artwork including the finished Icon that you create must be in .png file format. For those who don't know what that means, it means the board in Gimp where you are doing your work must have the checkered background (transparent). You can use a .jpg image, but you have to make sure the background has a transparent background before adding it to the Gimp Client. To make this really simple just use all .png files (makes life so much easier).
3. Open your Installed Gimp Software. Once the application launches you will see 3 tabs. ( Main Tab, Tool Box Tab, and Layer Tab). Move the Layer Tab and Tool Box Tab to the left or right of the screen which ever is comfortable for you.
4. In the Main Tab click on File, select Open, and Navigate to the Folder containing your Artwork and select the Start_Icon_128.psd File which you added to the Artwork Folder from below. See images below. Once Start_Icon_128.psd is selected, simply click Open.

http://img716.imageshack.us/img716/5151/tut1q.jpg http://img7.imageshack.us/img7/1696/tut2d.jpg

5. You should now have a Clear Glass Icon with a Checkered Background on the Stage of your Main Tab as shown below.

http://img25.imageshack.us/img25/6785/tut3w.jpg

6. Open your Artwork Folder ontop of the Gimp Main Tab (for drag and drop purposes) and Drag the image you want inside the Clear Glass Icon, drop it onto the Stage on top of the Clear Glass Icon. (Remember all files must be .png format) It doesn't matter if the Artwork is too big and overlaps the Glass Icon because we are going to Scale it to a size that fits inside the Glass Icon. (we'll get to that later) See Image below...

http://img80.imageshack.us/img80/7523/exe3p.png

7. Make sure the Artwork is the top layer. Sometimes if the artwork is to big it is hard to tell if it's on the top. To make sure it's on the top, use your cursor to move the top Layer. In the Tool Box Tab select the move Tool. See below images. Notice how the Second image has the Glass Icon moved and fading off? Now look at the Third image, and notice how the artwork is now moved. Clearly the Third image has the Artwork on top.

http://img225.imageshack.us/img225/6090/tut4u.jpg

http://img832.imageshack.us/img832/9384/exe1.png http://img708.imageshack.us/img708/968/exe2r.png

7b. To Toggle the image Layers do this. With the Move Tool select in the Tool Box, right click on the top image and select Layers in the Drop down Menu, then select Stack, and then select Reverse Layer Order as shown in the image below...

http://img137.imageshack.us/img137/2092/tut8.jpg

8. Once you have your Artwork ontop as the top Layer, you are now ready to scale the image to fit inside of the Glass Icon. To do this, right click on the Artwork image, select Layer from the Drop Down Menu, then select Scale Layer as shown in the image below.

http://img191.imageshack.us/img191/6195/tut5f.jpg

9. A Scale Layer Task Box should now appear. Before imputing your size make sure the Layer size Width and Height are in Pixels. Then put in your size specifications. I use anywhere between 90-110 pixels depending upon the size of the Artwork Image. In this example the Width and Height are 95 pixels. See below images... Notice how the Artwork is now evenly sized in comparison to the Glass Icon? Play with it and adjust the Art to your liking.

http://img684.imageshack.us/img684/9293/tut6.jpg http://img189.imageshack.us/img189/8468/tut7x.jpg

10. Once you have the size of your Artwork properly formated, make sure you reverse the Layer Order as you did in Step 7b. Make sure the artwork is actually on the bottom or underneath the Glass Icon and then save your work. In this example the finish project looks like this before you save it. See below image...

http://img695.imageshack.us/img695/3918/tut9.jpg

11. To save your work click on File and select Save as..

http://img824.imageshack.us/img824/15/tut10x.jpg

12. when the dialogue Box appears make sure you save the file in a .png format, and you can also choose the Folder to save it in...

http://img834.imageshack.us/img834/4220/tut13.jpg

13. After properly naming the file in a .png format and choosing the Folder, simply click Save. A dialogue Box will appear for you to Export the File out of Gimp. Click Export...

http://img189.imageshack.us/img189/2039/tut11v.jpg

14. After exporting the file another .png Dialogue Box appears prompting you to make other modifications. After you make your selections click Save.

http://img828.imageshack.us/img828/5021/tut12.jpg

Enjoy your New Icon Grass Hopper. You did it... Yeeeeeeeeeeeeeeeeeeeeeeeah:thumbleft: Don't forget to thank a Brother...lol!

Tutorial for Installing Icons

Prerequisites:

Folder Organizer App
Icons

1. Download the Free or Paid version of Folder Organizer from the Market.
2. Create a Folder called Glass Icons or whatever you want to name it, and download the Glass Icons into that Folder on your PC.
3. Transfer the Glass Icons Folder on to the SD Card of your Device by Mounting the Storage Disk to your PC.
(Connect your Device via USB Cable to your PC and when prompted, select Disk Drive and Click Done) Your Device should now be mounted.

http://img607.imageshack.us/img607/4...0214015727.png

4. Open the SD Card Folder when prompted on your PC. When the SD Card Folder opens Drag and Drop the Glass Icons Folder you created earlier with your Icons in it to the root of your SD Card. Now unmount your SD Card from your PC.
5. Launcher your installed Folder Organizer App and choose Apps.

http://img815.imageshack.us/img815/7...0214012102.png

6. Folder Organizer should now take you to a List of installed Apps on your Device.

http://img38.imageshack.us/img38/402...0214012114.png

7. Now scroll down to the App that you want to change the Icon for, select the Marker to the right, and when the sub menu appears, select Icon.

http://img7.imageshack.us/img7/6381/...0214012543.png

8. After choosing Icon select Android Image Gallery on the next prompt.

http://img717.imageshack.us/img717/7...0214012841.png

9. Next select Gallery.

http://img815.imageshack.us/img815/1...0214012911.png

10. Next select the Glass Icons Folder or what ever you name the Folder where your Icons are.

http://img511.imageshack.us/img511/7...0214012932.png

11. Finally, just scroll through the Icons Folder and choose the Icon you want for the selected App. Your Done!

Now add it to your home screen:
1. Long press on home screen and select Shortcut
2. Select Folder Organizer item
3. Select Apps
4. Choose the application that you modified

DO THIS FOR EACH ICON THAT YOU WANT TO CHANGE!!

Although I designed roughly 100 additional icons to go with the Original Icon Pack, I must acknowledge Riptide9 and Slayer over at XDA. Rip for a kick a$$ theme concept, and Slayer for the awesome addons.

Re: Riptide9's Glass Icons Exstentions

I have included the Clear Icon png and psd for others to chime in with their own version of the Riptide9 Icon set. let's get it poppin folks!

http://img33.imageshack.us/img33/1919/clearicon.png

Re: Riptide9's Glass Icons Exstentions

thanks for sharing and posting!

Re: Riptide9's Glass Icons Exstentions

I really like the wallpaper too!

Re: Riptide9's Glass Icons Exstentions

Quote:

Originally Posted by keentech (Post 2036362)

I really like the wallpaper too!

Ask and you shall receive...

http://img227.imageshack.us/img227/8...6bc48cf5eo.jpg

Re: Riptide9's Glass Icons Exstentions

I thought for sure by now folks would start adding icons that they made. Just grab and run, no thanks or nothing., huh? I don't care about the thank you part but dang come on guys lets get some icons going. I posted the .psd,.png, and even a clear one already done. Lets get some icons going geesh! lol

Re: Riptide9's Glass Icons Exstentions

Wirelessly posted (Mozilla/5.0 (Linux; U; Android 2.2; en-us; SGH-T959 Build/FROYO) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1)

goddbody I love ur work but can u make glass icon of
Market
Email
messenger live(msn)
Espn Score
Phone icon
web icon
text icon
I know im asking a lot but thanks if u can do it!

Re: Riptide9's Glass Icons Exstentions

Quote:

Originally Posted by argentinito (Post 2045102)

Sure Arge I can do that...lol That's a short list ...lol i think there is a Market and Web (Internet) icon already in the .zip files I have attached. Look and make sure first but if those are not the ones you need let me know. You can even post the image of the Icon if you like.

Edit 1/27/11 - I realize why you don't see the Icons you want Arge. I started this with the understanding that I would design Icons not in Riptide and Syaer's original Icon Pack. Here is Slayer's Icons attached. Look through there first and see if you can find what you need if not let me knoe and I will churn them out for you.

Wirelessly posted (Mozilla/5.0 (Linux; U; Android 2.2; en-us; SGH-T959 Build/FROYO) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1)

great job nice icon!!!
look this is a screenshot of how my home screen look today.. I just flash a rom
http://i987.photobucket.com/albums/a...126_190656.png
I need.the messenger live icon... n the espn score icon... u have an espn but it say football

thanks as soon as.I get to my house I will get on my pc n thanks this thread

Re: Riptide9's Glass Icons Exstentions

Great job Goddbody, thanks for sharing and making these on request! I don't know why it's so hard for someone to hit the thanks button when they use something that someone else has put together, it's not like it costs them anything, come on people at least hit the thanks button!

Re: Riptide9's Glass Icons Exstentions

I would like to request these icons, i looked through all the ones you made but didn't see these so if you could make them great, or if i have overlooked them i'm sorry, great work and it's much appreciated!

quickboot
es file explorer
car panel
discount calc
fm radio
google search
musicbox
places
ringdroid
sprint football
zedge
bejeweled
pacman
tetris
tipnsplit
cache cleaner

Re: Riptide9's Glass Icons Exstentions

Quote:

Originally Posted by argentinito (Post 2045410)

What rom is that, I haven't seen that one around? Does it come stock like that or did you add stuff on to get it to look like that? Thanks.

Re: Riptide9's Glass Icons Exstentions

where do i place the file at on my phone so i can use it and aslo does my pohine have to be rooted inorder for it to work

Re: Riptide9's Glass Icons Exstentions

Quote:

Originally Posted by flow11234 (Post 2045885)

where do i place the file at on my phone so i can use it and aslo does my pohine have to be rooted inorder for it to work

i'll tell you how i did it. i installed the folder organizer program on the phone from the market, easy stuff.

then i came here on my home computer and downloaded all the icon zips and put them on my desktop, then i right clicked on the zip file and unipped them to there own folder and then i went through and found the ones that i wanted and put them all in one folder called glass icons, then i hooked my phone up and clicked to use it as a hard drive and then i moved that folder on my desktop to the sd card, doesn't matter what the name of the folder is or anything when you run the program <just like it says to in the tutorial> you can point the program to any folder that you want to get your icons.

lmfao i feel a little dumb but i made the mistake and thought that i would be able to bluetooth the folder of icons over, didn't work and it prompted me each time on the phone to accept the files, don't do that, like i said just hook the phone up as a hard drive and move them over that way.

i don't think that you need to be rooted to do this, but try it and find out, it's not going to hurt anything to try it, either it works or it doesn't.

Wirelessly posted (Mozilla/5.0 (Linux; U; Android 2.2; en-us; SGH-T959 Build/FROYO) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1)

Quote:

Originally Posted by flow11234

where do i place the file at on my phone so i can use it and aslo does my pohine have to be rooted inorder for it to work

ok I will.tell how I do it
as u can.see those. rar file well with my stock browser I couldn't download so I use opera mini browser to download..
ok then I went to the market n buy the appli. "unrar pro" ok this appli. set all ur icon on ur gallery ..
now im using ADW launcher ex
with that launcher u can long click the icon u want to change n click edit n u can go to the gallery n set the pic u want on the icon
ok hope I was clear
this is my homescreen now
http://i987.photobucket.com/albums/a...127_161045.png

Wirelessly posted (Mozilla/5.0 (Linux; U; Android 2.2; en-us; SGH-T959 Build/FROYO) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1)

Quote:

Originally Posted by KIOWA69

Quote:

Originally Posted by argentinito (Post 2045410)

What rom is that, I haven't seen that one around? Does it come stock like that or did you add stuff on to get it to look like that? Thanks.

I add fancy widget clock n well those icon. come stock... I have a samsung vibrant my rom Bionix-V. from team whisky

Re: Riptide9's Glass Icons Exstentions

Okay folks here are some of the requested Icons. If anyone has a .png image for Car Panel please post it..Enjoy!

http://img14.imageshack.us/img14/406...lassimage4.png

Wirelessly posted (Mozilla/5.0 (Linux; U; Android 2.2; en-us; SGH-T959 Build/FROYO) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1)

Awesomee man thanks a lot

Re: Riptide9's Glass Icons Exstentions

keep the request coming folks.

Re: Riptide9's Glass Icons Exstentions

I believe this is the remainder of Icons requested. If you don't see one that you asked for, try looking in Slayer's original Glass Icon Zip in post #11 in this Thread. Enjoy!

http://img825.imageshack.us/img825/4003/tetris.png http://img806.imageshack.us/img806/9959/ringdroid.png http://img15.imageshack.us/img15/2282/pacmanq.png http://img146.imageshack.us/img146/5...checleaner.png

Re: Riptide9's Glass Icons Exstentions

Hi. these look great! I was wondering if, when you had time, you could do these:

amazonmp3
androzip
beautiful widgets
epicurious
k-9 mail
open table
poynt
urbanspoon
handscent
plume
pulse

I have more, but I feel greedy! Thanks if you can do these! And even if you can't!

Re: Riptide9's Glass Icons Exstentions

These are the Icons Runnin_IT requested. Enjoy folks!

http://img202.imageshack.us/img202/1...lassimage5.png

Re: Riptide9's Glass Icons Exstentions

Any more request folks? Lol
Sent from my PC36100 using Tapatalk

Wirelessly posted (Mozilla/5.0 (Linux; U; Android 2.2; en-us; SGH-T959 Build/FROYO) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1)

yes i have one
can u make an icon of xda n mocospace?? .. if u need mocospace icon go to www.mocospace.com

Re: Riptide9's Glass Icons Exstentions

Goddbody, you effin' rock! I have more, but I think I'll give others a chance, lol!

Re: Riptide9's Glass Icons Exstentions

Quote:

Originally Posted by argentinito (Post 2048980)

Hey Arge there is an XDA Icon in the Original Glass Icon Pack. I posted a zip for it in Post # 11 in this Thread.

Re: Riptide9's Glass Icons Exstentions

Wirelessly posted (Mozilla/5.0 (Linux; U; Android 2.2; en-us; SGH-T959 Build/FROYO) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1)

niice man u r awesome how u can do all this icon

Re: Riptide9's Glass Icons Exstentions

Hi Goddbody. I have a few more requests if it's not a problem.

Foxy Editor
Memento
TV Guide Mobile
Sprint Navigation
Voicemail (the green sprint visual voicemail icon)
Soundhound
Streamfurious
Aldiko

Told you I had more, lol! Also, how do you replace the widget icons? I didn't see it in the tutorial.

Re: Riptide9's Glass Icons Exstentions

Runn_IT these are the Glass Icons you requested minus the Sprint Visual Voicemail Icon. I couldn't find art for this app. Can you direct me to where I can find something, and what are the benefits of this app. I saw a .zip for it over at XDA? Enjoy! Also feel free to request what ever Icon you need!

http://img833.imageshack.us/img833/3...onrequest2.png

Re: Riptide9's Glass Icons Exstentions

How can I go about making my own? Do I need Photoshop skills? I have a bunch I want and Id like to attempt to do thenm myself so Im not taking up your time

Re: Riptide9's Glass Icons Exstentions

Naw Subzero...lol Photoshop skills? lol I made them with the free app Gimp! You should be able to make them with any app that can edit .psd files. However, I made a .png one in Post #2 in this thread. If you know the basics of editing photos you should be able to do it with any Image editor that edits .png files using that method. I have been thinking about posting a tutorial on how to. Give it a try and if not let me know. I will post a tutorial maybe this weekend when I have time.

Wirelessly posted (Mozilla/5.0 (Linux; U; Android 2.2; en-us; SGH-T959 Build/FROYO) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1)

please post a tutorial man :u

Re: Riptide9's Glass Icons Exstentions

Okay Guys per your request a tutorial on how I made the icons has been placed in the First Post at the bottom. I can't wait to see what comes out of this, and now maybe this Thread will take off like a Rocket! Uh can a Brother get a thanks? lol

Re: Riptide9's Glass Icons Exstentions

i thanks in almost all ur comment :) come on people hit the thanks..