Hey, XDA,
After several tries and fails at getting transparency in my avatar to work, I've finally discovered how. Follow this guide, and you'll have transparency in no time!
1a. Make or edit your image in an image editing program that supports transparency. Your image must be square, preferably larger than 100x100 (the higher the resolution, the better the quality), and when you save it, it needs to be saved either as a .png or a .gif.
1b. Kind of obvious, put some transparency into your image. If you're using Paint.NET like me, transparency looks like a gray-and-white checkerboard.
2. Important step! Resize your image inside of your editing program to be 80x80 pixels. If you let XDA do the resizing for you, the transparency will be eliminated!
3. Upload your 80x80 .png or .gif image to XDA as your avatar.
Enjoy your avatar with transparency!
Works like a charm!
Thanks @ИΘΘK¡€ . I've always tried to get a transparent avatar, but failed so many times that I thought XDA doesn't have support for transparency. It's when I found this guide that I realized what I did wrong: my avatar image was bigger than 80x80! So, I used Inkscape to convert the source svg image to a png of exactly 80x80 size. This time it worked!
But there's still a slight problem: avatar pic on profile page isn't transparent. For example, see my profile - HEXcube's profile. XDA replaces transparency with a white background on the profile page's avatar pic. However, the avatar pic shown along with my posts still have transparency. Wierd! Isn't it?
HEXcube said:
Thanks @ИΘΘK¡€ . I've always tried to get a transparent avatar, but failed so many times that I thought XDA doesn't have support for transparency. It's when I found this guide that I realized what I did wrong: my avatar image was bigger than 80x80! So, I used Inkscape to convert the source svg image to a png of exactly 80x80 size. This time it worked!
But there's still a slight problem: avatar pic on profile page isn't transparent. For example, see my profile - HEXcube's profile. XDA replaces transparency with a white background on the profile page's avatar pic. However, the avatar pic shown along with my posts still have transparency. Wierd! Isn't it?
Click to expand...
Click to collapse
Yes, it is rather odd, but I can tell you that the avatar section in your profile does not support transparency. No matter what you try, it simply does not have that functionality (yet).
Related
(Click the image to download)
Donations are much appreciated!
Introduction:
This is based on my previous "Shadowsong" skin (which no longer exists).
Many people found that too gloomy and dark, so I adapted and made it... happier!
In the process I tried to preserve the balance between tech (glow, embossed) and
nature (background, colors) which I also tried to approach in Shadowsong.
This skin uses a lot newer code, with some neat features. Enjoy!
Changelog:
* None yet! *
Upcoming features:
- Improved start menu
- Inside menu's graphic tweaks
- Improved media player layout.
Features:
- Fully skinned TF3D2 with files from Rhodium build 1.19.
- Panoramic Background modification
- Improved Slider modification.
- Sprint clock modification
- Complete skin, including submenu's.
Acknowledgements:
- Guap: Sprint clock mode9 files.
- Rotastrain: Slider and panoramic background mode9 files.
Installation:
- Download the .cab file
- Copy the file to your device or memory card
- Run the .cab and install it to main memory
- Restart your phone
* If your TF3D becomes white after installation, your ROM or TF3D2 installation does not support CFC (Chainfire's compression). Download the compatibility cab and install that instead. (can be done on top of the previous install) *
Compatibility:
- Should be compatible with all TF3D2 Rhodium builds.
- WM6.1 confirmed.
- WM6.5 unconfirmed, but should work.
Related Links:
- AnX1 Actionscreen v1.2
- AnX1 Ethahetso Taskbar v2.2
Donations are much appreciated!
hey angelusz,
I always thought that the background you used was a very beautiful pano background and was gona ask u for it and then i saw this!!
its really nice !!im installing it right away!!
wow really nice theme, I like it thanks m8, but would u mind to say me the size of the background? and the name, to edit it cheers m8 !
wazaaappp said:
wow really nice theme, I like it thanks m8, but would u mind to say me the size of the background? and the name, to edit it cheers m8 !
Click to expand...
Click to collapse
Rotastrain made small tutorial on how to make backgrounds for this. (It's his panoramic code). Search for it, in this forum.
While I really appreciate the scenic background, I must say that reading white text on the light background is really not comfortable. Either the text will have to be made darker or that beautiful background has to change!
Yes, Rota made a nice tutorial to make panoramic backgrounds, but for those of us who have no IT skills, is there some place where panoramic backgrounds are available that we could just dump into a folder ... easy and simple?
The background is 01253_silence_1280x800.jpg from interfacelift.com (maybe the source is another size then 1280x800).
Paparasee said:
While I really appreciate the scenic background, I must say that reading white text on the light background is really not comfortable. Either the text will have to be made darker or that beautiful background has to change!
Yes, Rota made a nice tutorial to make panoramic backgrounds, but for those of us who have no IT skills, is there some place where panoramic backgrounds are available that we could just dump into a folder ... easy and simple?
Click to expand...
Click to collapse
Seek and you shall find. In Rotastrain's thread about panosidetoside, users have posted over 50 wallpapers, all panoramic. =]
de Wolfe said:
The background is 01253_silence_1280x800.jpg from interfacelift.com (maybe the source is another size then 1280x800).
Click to expand...
Click to collapse
Actually, that is not my source. It's a wallpaper that is available at several sites all over the internet.
I've received quite some feedback on the TP2 forum, regarding some issues and suggestions.
Does everyone in here think it's just fine as it is? I'm not getting many replies, so I'm actively asking for 'em now.
Really nice, great job guy.
After installed, there is a part of white color on the "moving tab", even when I move it to anywhere , it still nothing change, but the backgroud of the tab such as home , message, mail ,etc, which is no problem
On this solution, is that mean's "If your TF3D becomes white after installation" ?
Beacuse I have also tried install 'compatibility cab' but there is nothing change, thx
hawk1114 said:
After installed, there is a part of white color on the "moving tab", even when I move it to anywhere , it still nothing change, but the backgroud of the tab such as home , message, mail ,etc, which is no problem
On this solution, is that mean's "If your TF3D becomes white after installation" ?
Beacuse I have also tried install 'compatibility cab' but there is nothing change, thx
Click to expand...
Click to collapse
No, that's not the same bug. With the white, I mean entire manila.
Please post a screencapture of the bug, so I can better understand what the problem is.
it's look like this ( I used your screen shot )
I am using X1 firmware R3AA010 , TouchFLO 3D 3.0.38196.3 B3
hawk1114 said:
it's look like this ( I used your screen shot )
I am using X1 firmware R3AA010 , TouchFLO 3D 3.0.38196.3 B3
Click to expand...
Click to collapse
I see. I haven't seen this problem before. I think it's because Rotastrain's crystal slider isn't compatible with the CAB TF3D2. Rotastrain is the only one I know who can fix this. You had best ask him, so he can tell you which files he needs from you to be able to patch it.
help with stock icon
Hi Angelusz. This is a really great theme. I am having a problem with the stock preview icon. The 174ba15d_manila contains the correct image (see cfc gui screenshot), but displays the old stock icon (see other screenshot). I think this might have to do with the manila name. 174ba15d_manila is named stock_preview.qtc, while all of the other preview icons are named filename-hero.qtc (ie home-hero.qtc). The stock preview icon is the only one not listed under manila\icon preview. However, I do not know how to change the manila file name, so I cannot test it. Would you be able to test this to see if it corrects the issue? Thanks.
mwalt2 said:
Hi Angelusz. This is a really great theme. I am having a problem with the stock preview icon. The 174ba15d_manila contains the correct image (see cfc gui screenshot), but displays the old stock icon (see other screenshot). I think this might have to do with the manila name. 174ba15d_manila is named stock_preview.qtc, while all of the other preview icons are named filename-hero.qtc (ie home-hero.qtc). The stock preview icon is the only one not listed under manila\icon preview. However, I do not know how to change the manila file name, so I cannot test it. Would you be able to test this to see if it corrects the issue? Thanks.
Click to expand...
Click to collapse
I'll track down and replace the file... somehow.
Angelusz said:
I'll track down and replace the file... somehow.
Click to expand...
Click to collapse
Thanks!
10thanks
bow chicka wow wow
who's the lady? lolol
figurine said:
bow chicka wow wow
who's the lady? lolol
Click to expand...
Click to collapse
That would be my girlfriend.
Wait, so how do you get the background image to move when going through the tf3d tabs, and is it possible to add own background that moves like that?
kappo78 said:
Wait, so how do you get the background image to move when going through the tf3d tabs, and is it possible to add own background that moves like that?
Click to expand...
Click to collapse
That moving background is Rotastrain's Panosidetoside. You can modify it, as it's just normal manila image files (QTC).
I have been wanting this for wuite some time. To specify, I want the wallpaper in Rosie to be real fullscreen 640x480, instead of only 455 in heigth. Similar behaviour can be seen in Launcher2. The reason for wanting this, is that it will be possible to have a transparent/opaque status bar like it's possible in Launcher2.
My problem now is that I'm stuck. I have been looking through all smali and xml files within Rosie. I cannot seem to find anything related to the physical size of the wallpaper. Any help is extremely welcome.
you could try wallpaper set and save from market
hope this helps
Sent from my aHero using the XDA mobile application powered by Tapatalk
I had a look and it seems to be using
getDesiredMinimumWidth
and
getDesiredMinimumHeight
from android/app/WallpaperManager (framework.jar).
EDIT: Made some changes. Actually, nevermind. It only gets the minimum size, not the maximum.
EDIT2: If you have a look at the resulting png (in /data/data/com.htc.launcher/files) you can see that the width and height actually is 640x480.
HomerSp said:
I had a look and it seems to be using
getDesiredMinimumWidth
and
getDesiredMinimumHeight
from android/app/WallpaperManager (framework.jar).
EDIT: Made some changes. Actually, nevermind. It only gets the minimum size, not the maximum.
EDIT2: If you have a look at the resulting png (in /data/data/com.htc.launcher/files) you can see that the width and height actually is 640x480.
Click to expand...
Click to collapse
I'm not sure it is in the framework, as Launcher2 is able to use wallpaper fullscreen. If you put a opaque statusbar in framework-res.apk, you will have wallpaper behind it in Launcher2. That's what I want to achieve in Rosie. I'm 99% it has to be found in the smali or xml's of Rosie.apk.
Edit: What I am trying to say is, that if Launcher2 can do it, then Rosie should do it to, if it is the framework that is controlling the wallpaper.
I don't think it has anything to do with the height of the background, more like the blending of the statusbar. Because the top pixels of the background are actually behind the statusbar. Could also be that it does some clipping before displaying the background.
I know it doesn't has to do with the blending. If I apply a transparent statusbar, it will just turn black when in Rosie, with no wallpaper behind. In Launcher2 the wallpaper will show.
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
I was getting pretty frustrated with how our phones crop the wallpaper these days.
I was looking and looking for a wallpaper template, but couldn't find one. So I made one.
It's in Paint.net's PDN, Gimp's XCF, and Photoshop PSD
The wallpaper I made in the screenshot was using the PDN.
I only made the XCF and PSD for those of you who do not like using Paint.net, I assume they work just as well, but haven't tested them.
If they don't work properly, let me know and I'll try to fix them.
In the Templates.7z package you'll find the blank E4GT-Template.xxx which is 960x800 @ 206ppi
I had read that the stock wallpapers were 960x800, which seems to be the size of the cropping block when you set a wallpaper.
480x800 is the screen size, you'll notice there are (2) 240x800 black bars on the sides, these get truncated.
All you have to so is add whatever image you want as a layer behind the "Box" layer.
What you can see is what you'll get when you set the wallpaper on your phone.
I've attached a screenshot of my phone with a Borderlands 2 style wallpaper I made.
Just for you, I've included the template for it as well: BL2-Blank.pdn
You'll notice a solid red background on the this one, this is to check for gaps.
If there are no gaps, you won't see it when you flatten the image, or just delete it.
If you have more than 5 pages of stuff, you'll need to change the size of the top box for the page indication thing.
This is for people who are stock, or don't have scrolling wallpaper as an option.
Feedback is appreciated.
Enjoy!
If you're running stock, one of Samsung's updates actually disabled the scrolling wallpaper feature - originally, you would in fact make wallpapers 960x800. It's actually one of the reasons I went and rooted my phone - I loved that feature, and I thought it was lame that they took it out.
That being said, this is very useful, especially for those running a single screen setup, or running stock. I haven't made a wallpaper in such a long time - I'll edit one into this post for anyone interested. Maybe a Fallout inspired one?
IceCatraz said:
If you're running stock, one of Samsung's updates actually disabled the scrolling wallpaper feature - originally, you would in fact make wallpapers 960x800. It's actually one of the reasons I went and rooted my phone - I loved that feature, and I thought it was lame that they took it out.
That being said, this is very useful, especially for those running a single screen setup, or running stock. I haven't made a wallpaper in such a long time - I'll edit one into this post for anyone interested. Maybe a Fallout inspired one?
Click to expand...
Click to collapse
This reminds me that I forgot to mention a few things in the original post.
Something Fallout/Pip-boy inspired could be cool!
Best game ever!! Can't stop playing.
Sent from my SPH-D710 using xda app-developers app
The wallpapers are extremely annoying. I never uses scrolling before, but when they took it away it messed up everything.
Sent from my SPH-D710 using xda premium
I got the Nova Launcher from Play while it was on sale, made a background for it using the same template and made some folder backgrounds
The regular grey bar was ripped from the site same as the yellow one I used on the Maya background.
The regular box is made from it.
The Modified images I smoothed the coloring out, and made the orange a little darker, preserving the highlights.
I'm including the background if anyone wants it, and a screenshot of how I used it.
You need to make the dock margins Large.
-
Hey guys. I've used Irfanview to resize the attached PNGs (they are zoom buttons, to be placed in framework-res.apk) but I haven't been able to resize them without messing up the transparency. Technically, I'm upsampling them, which seems to be ok. My only problem is that I don't know how to change the settings such that I can keep the transparency base, but have the "-" and "+" opaque. It ends up being completely transparent and impossible to see on a bright background.
Could anyone upsample them for me? They are 64x64 and it'd be nice to have 128x128. Also, could you provide me some details on what settings you used to save them?
I got it done much more easily than I assumed, using pixlr. I attached the images in another post, if you care to use them in your own ROM. Just replace the identically named files in your framework-res.apk/res/drawable-xhdpi, clear the dalvik and general cache, and you should be good.