Hi, can somebody please advise me on how to make icons from a .psd file? I have CS6 and GIMP, (but no experience with either) and have been floundering around for the last hour or so trying to make even a single icon from the template, which is attached.
As a sidenote, I think it would be pretty cool (and useful) if somebody were to make a thread about this, as I am sure there are many people who would like to make their own icons, but don't have the know-how to do it.
Are you making a PNG icon? What I did was using a custom launcher (I use Apex in my case) so that you can change the icons on the homescreen using just transparent 96x96 PNG files.
To create PNG icons on CS6, CTRL+SHIFT+S to save as .PNG and transfer it to phone.
SomeFormOFhuman said:
Are you making a PNG icon? What I did was using a custom launcher (I use Apex in my case) so that you can change the icons on the homescreen using just transparent 96x96 PNG files.
To create PNG icons on CS6, CTRL+SHIFT+S to save as .PNG and transfer it to phone.
Click to expand...
Click to collapse
Yep, a .png icon. I'm already using a theme which has a number of themed icons, the problem is getting other nonthemed icons to look similar to the themed icons. For that, there is a .psd template included, but I don't know how to use it to create icons.
[First comment]
benjamingdelacruz said:
Yep, a .png icon. I'm already using a theme which has a number of themed icons, the problem is getting other nonthemed icons to look similar to the themed icons. For that, there is a .psd template included, but I don't know how to use it to create icons.
Click to expand...
Click to collapse
A piece of cake! Lemme explain it to you:
1. First of all, open the .PSD file you attached above.
2. Hide ("close the eye") of the layer that has the text on it (the one that says "Drag your image UN...")
3. Drag-drop the image you want to transform into icon onto the working .PSD canvas (not where the layers are as it'll open a new project)
4. Move the image generated UNDER the layer you hid on step number 2... Your icon will be created.
Then, you just have to save your image as a .PNG file by selecting this option in the drop-down menu after doing CTRL+Shift+S ("Save as a .PSD" is by default)
And that's all! Hope it's clear now!
PS: Additionally, you may change the base colour of each icon by unlocking the "Base for icon" layer and then applying a color overlay under the "Blending options" as well as hide/delete the background.
Morrissex said:
A piece of cake! Lemme explain it to you:
1. First of all, open the .PSD file you attached above.
2. Hide ("close the eye") of the layer that has the text on it (the one that says "Drag your image UN...")
3. Drag-drop the image you want to transform into icon onto the working .PSD canvas (not where the layers are as it'll open a new project)
4. Move the image generated UNDER the layer you hid on step number 2... Your icon will be created.
Then, you just have to save your image as a .PNG file by selecting this option in the drop-down menu after doing CTRL+Shift+S ("Save as a .PSD" is by default)
And that's all! Hope it's clear now!
PS: Additionally, you may change the base colour of each icon by unlocking the "Base for icon" layer and then applying a color overlay under the "Blending options" as well as hide/delete the background.
Click to expand...
Click to collapse
Thanks a ton, just a few questions.
1. After dragging and dropping the imageimage I want to change to an icon I have to "place" it, right?
2. After doing as told, what do I do if the image does not fit the base of the icon? For example, if it is too small?
3. After saving the file as a .png, the background still remains in the .png image. Is this normal?
Thanks again!
Sent from my GT-I9100 using xda app-developers app
benjamingdelacruz said:
1. After dragging and dropping the imageimage I want to change to an icon I have to "place" it, right?
2. After doing as told, what do I do if the image does not fit the base of the icon? For example, if it is too small?
3. After saving the file as a .png, the background still remains in the .png image. Is this normal?
Click to expand...
Click to collapse
First off, if you speak Spanish (I think you do because of your name), you can ask me anything using that language. My mother tongue is Spanish, but I know some English as I studied English Teaching and Translation.
Concerning your questions, here you are the answers:
1. As I said before, you have to drag-drop the picture you want as an icon FROM a folder ON the canvas/working space (where how the icon will look like is). Then, you can modify it.
2. If the image is too short/large, you have to resize it. Simply, press Ctrl+T (assuming you're using Windows. If not, CommandKey+T), hold the shift button down (in order to mantain proportions) and drag the corners of the picture to resize it. When you're done, press Enter.
3. Which background? The one with the wood texture? If so, it is quite normal if you haven't hidden the background layer. As it is locked, you have to select the background layer, press the "padlock" on the layer section of PS and then you can hide it.
As I said before, feel free to PM me any question. If it sounds confusing in English (and if it happens you know Spanish), I can explain it to you (or make a screen cast if you have some time).
~Morrissex
Thanks, I'll contact you by pm.
Sent from my GT-I9100 using xda app-developers app
Related
I searched and couldn't find anything. I'm not using a theme, just a bunch of metamorphs and i want to make my notification pull down window transparent without having to flash a theme. how can i do this
mgorman said:
I searched and couldn't find anything. I'm not using a theme, just a bunch of metamorphs and i want to make my notification pull down window transparent without having to flash a theme. how can i do this
Click to expand...
Click to collapse
extract /system/framework/framework-res.apk, go to res/drawable/ find the background (can't remember the exact name ATM, statusbar_background.png or something like that) open up some pic editor like gimp, put the eraser strength to whatever you want (e.g. 50%) put on the biggest size pencil, scale it to ten, and click the center of the image. save and rezip, copy back to phone and you're good to go
It's "status_bar_background.png" inside /system/framework/framework-res.apk while inside there it's under /res/drawable/status_bar_background.png
theres a transparency pack in the "Post Your Metamorph" thread
The notifications will still have a nontransparent background afaik.
I made some icons for the Go Launcher and Launcher Pro so as to match as it possible with the ICS Themes and to show uniformity.
Will be continuously updated and added more.
Also You can ask the icons that interests. Of course I can't create icon for each application of the Market but I will try to do my best.
No need to change icons in the App Drawer or these are inside a folder.
We are interested only what we can see.
For any icon you want to make for you, please send me a screenshot of the icon in black background.
Uploaded with ImageShack.us
Instructions
Just download and unzip the file. Save the folder at your extrenal SD Card.
Press and hold the icon you want to change and select "Replace/Custom icon".
Select the folder with my icons and press on that you want.
ATTENTION: at the next step you have to click on the "No Crop" and then "Save"
Some icons they have at them title the word DOCK. For example PHONE_DOCK.png These are for using like Dock Icons.
Thats all.
Thanks to the OP... but how about this one
http://forum.xda-developers.com/showpost.php?p=11687207&postcount=654
jaytana said:
Thanks to the OP... but how about this one
http://forum.xda-developers.com/showpost.php?p=11687207&postcount=654
Click to expand...
Click to collapse
Sorry but I didn't understand the meaning of your post.
I write at my post: I try to make some icons so as to match with the GoLauncher icons (icon Folder).
Sorry if i offended you... it was never my intention... great to have some themer here... Thanks...
i have maanged to input customised icons for supreme shotcuts
basically the xap , u unzip it into a folder to view its contents
then navigate to icons folder within it
u will see icons there for every shortcut, just replace them with yr own
but there is a problem l with it.
they dont match the standard size icon within the tile on the homescreens . it looks oversized inside the tile
so u need to have an image bigger than 50x50 px and u need an border it into a 64x64
so yr entire image will be a smaller image within a 64x64 border but the theme colour will not match the phone and u cant change themes to reflect it
a program called batch pro can do this
i would appreciate if anyone can show me a easier way to do this
of course the whole thing is easier if the tile colour is black, which unfortunately we cant choose black in themes
Why not just use the icon switcher that's already built into the app?
/me bangs head on desk.
Why do people not read the post before doing silly things
Thread closed
Read the supreme shortcuts thread properly before you start posting!
Let's say I have a theme I really love except that the background for apps/widgets icon screens is plain black and I want background to be the same as the wallpaper. Given that there is no setting for this, I assume I will need to learn how to open theme, replace plain background with wallpaper and reassemble theme. Yes?
What are the likely names of the home screen and app/widget backgrounds and where in res would they be? They're going to be a png file, yes?
I assume with this information and Photoshop I can follow instructions in how to theme thread to actually accomplish this task.
Is there any other way to accomplish this task?
A lot of apps don't actually have a plain background. It's written in the code to draw every pixel black. So it mostly really comes down to the app developer. If it's not written in the code, then it certainly would be possible to replace the background
Sent from a galaxy far far away.
luc.highwalker said:
A lot of apps don't actually have a plain background. It's written in the code to draw every pixel black. So it mostly really comes down to the app developer. If it's not written in the code, then it certainly would be possible to replace the background
Sent from a galaxy far far away.
Click to expand...
Click to collapse
I wasn't being clear. I meant the background on the screens with apps/widgets icons.
Given that wallpaper png is already in apk, I'm thinking changing xml settings for background of apps/widgets screens to wallpaper.png would work...if I knew what these settings were and in which xml file they would be. The other issue is there are several versions of the wallpaper png files in the apk, with different sizes and, I think, resolutions.
It sounds like your talking about the APP DRAWER? If so then you would need to check in the xxxxLauncher.apk (this depends on anything like what firmware/ROM your using. So it could be SecLauncher.apk, ApexLauncher.apk, NovaLauncher.apk, Etc....
So depending on the launcher you would need to see if it has an option already in it or extract the .apk and look for whatever file it uses for the background and replace it with whatever you want to.
For example: Apex Launcher has a setting in Apex Settings/Drawer Settings/Drawer Background Transparency/ popup with moveable bar that will allow it to see through to whichever wallpaper you have on your home screen.
Once you figure out how/where it is located inside the .apk then make sure the wallpaper you want to use is the same pixel size. Now open 7zip and find the launcher.apk and hit OPEN ARCHIVE. Next navigate to where the background.PNG or background.jog file is. Now drag the WALLPAPER you want onto the screen of 7zip. Hit okay when it ask if you want to add it. Now take that .apk and put it back on your phone, use a root explorer and move it to system and paste it there. Now long press on it and choose permissions and set it to rw-r-r. Next long press and hit move. Move to system/app and paste. It should ask to overwrite the .apk so hit yes. Reboot phone and it should be done.
These are just BASIC HOW TOs but should help guide you in the right direction .
Sent from my SAMSUNG-SGH-I747 using xda premium
RockRatt said:
It sounds like your talking about the APP DRAWER?
These are just BASIC HOW TOs but should help guide you in the right direction .
Sent from my SAMSUNG-SGH-I747 using xda premium
Click to expand...
Click to collapse
Yes, it is the app drawer. I'll go over your reply and parse out the details. I'm running LiquidSmooth on one S3 and Vanilla Rootbox on other one. LS came with Nova, which I disabled and installed Android stock launcher. I don't know what Rootbox is, but it seems like stock. Same theme on both. Thanks for reply.
RockRatt said:
It sounds like your talking about the APP DRAWER? If so then you would need to check in the xxxxLauncher.apk (this depends on anything like what firmware/ROM your using. So it could be SecLauncher.apk, ApexLauncher.apk, NovaLauncher.apk, Etc....
Click to expand...
Click to collapse
I checked with several of the launcher devs, and they said that while their app drawer has variably background transparency, they don't support separate wallpaper background. Is that not your experience?
Hey fellow themers out there! So one of the things that's preventing me to call my theme complete is this gray background image on my themed MusicPlayerWT.apk (see picture). It shows up under the track info and only in landscape mode. I looked and looked for a png file that makes up that image but I just can't find it. There ain't many png files in the drawable folders for me to keep missing so it just leads to conclude that is not a png file I'm after. It's similar to the grey notification bar on the notifications dropdown in the SystemUI.apk or the white dialer background in the Phone.apk. They are not png files that you could swap or edit. I really want to either make it completely transparent or black. If anyone out there could give me a hand with this I would appreciate it (link to apk file below). Thx ahead.
mrrobc97 said:
Hey fellow themers out there! So one of the things that's preventing me to call my theme complete is this gray background image on my themed MusicPlayerWT.apk (see picture). It shows up under the track info and only in landscape mode. I looked and looked for a png file that makes up that image but I just can't find it. There ain't many png files in the drawable folders for me to keep missing so it just leads to conclude that is not a png file I'm after. It's similar to the grey notification bar on the notifications dropdown in the SystemUI.apk or the white dialer background in the Phone.apk. They are not png files that you could swap or edit. I really want to either make it completely transparent or black. If anyone out there could give me a hand with this I would appreciate it (link to apk file below). Thx ahead.
...
Click to expand...
Click to collapse
It's <color name="music_player_header_bg">#ff191919</color> in res/values-land/colors.xml my friend.
Tip: When you are looking for some background to change look what's on the foreground. In your case it took me 1 min to find it - first found that allshare button icon in drawables, then searched for the png name in /res -> found the button xml, then searched in layouts for the button xml name and found that head layout which has the background color I gave you. Simple, right...?
nijel8 said:
It's #ff191919 in res/values-land/colors.xml my friend.
Tip: When you are looking for some background to change look what's on the foreground. In your case it took me 1 min to find it - first found that allshare button icon in drawables, then searched for the png name in /res -> found the button xml, then searched in layouts for the button xml name and found that head layout which has the background color I gave you. Simple, right...?
Click to expand...
Click to collapse
Wow thx!:thumbup: It shows how much there is still to learn. Thx for the tip. I wish I could give u more thank yous but you know how that goes...
...anyways...why now do we have background images generated from xml files? Unless I'm mistaken, I don't remember running into that on previous Android releases.
Sent from my Blutiful Note3