misaClean Theme - Tutorial
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
Video below
http://youtu.be/sVGO_NuJAmw
To start things off, this is going to be my first tutorial on making a theme. This is actually my first theme I've really made. To be honest, I was actually quite surprised at how many people were interested in my theme and how I created it. Since I had quite a bit of response to it, and people wanting to create theirs, I decided to create a tutorial so that anyone could either copy what I did, or use my idea as a base to create their own unique theme. Before I get started, I would like to thank Deusex74 for creating the theme that inspired me to create my own. So without much further ado, let's begin the tutorial! =)
Apps needed:
Weather: Eye In The Sky
Home Calendar: Jorte
Church Calendar: Simple Calendar
Clocks: Zooper
Launcher: Apex Launcher or Nova Launcher, or any other launcher that will allow you to resize the grid, and have shortcuts that will allow you to go to certain pages.
Icons: Desktop VisualizeR
Wallpaper: MultiPicture Live Wallpaper
Programs:
Photoshop, or something similar would be great. I guess you could also make this in paint, but the editing program is up to you.
First thing I did was decide on how many spaces would be in my grid to fit everything I wanted and not look too crowded. I created an empty screen, removed the dock, and took an icon and placed it on the screen. After holding it, a grid with crosshairs pop up, once that popped up, I took a screen shot.
Next step is to take that screenshot and open it in Photoshop. You then have the correct resolution for the screen, and the grid for the layout. Open the rulers (Cmd+R or Ctrl+R), and drag out guideline from the ruler to each of the cross hairs. Once it's completed, it should look like this.
You now have the basic grid on how icons will fit on your screen.
From here, you can choose how big you want the picture to be to fit on the screen. After determining that, and placing it on your screen, it should look like this:.
Determine how many tabs you want, and how big you want them to be. For me, I wanted only 3 tabs to have 3 pages. If you want more, you might need to tweak the amount of your grid size so that the icons you will use to direct to each page, will fit. Remember, we still need to have icons that will direct you to the right page.
So since I only had 3 tabs, I wanted to make the home tab the largest and in the center, taking up 3 spaces, while the others only took 2 spaces.
After setting those up and creating your dividers, you can create the colored bar to span across the page just above your tabs. It should now look like this with the guide lines turned off
That's all there is to making your first page. After that, just copy that and repeat for your next pages. Your layout should look like this when completed with the layers all the same for each page.
Save your wallpapers as a png for a higher quality image.
Now, unless you want to create your own icons, you're done with Photoshop and on the computer. You can skip down below on how to make it work on your tablet.
If you want icons, it's quite simple. Since you already have the grid and guide line in place, you already know how big each icon will be. With your guide lines turned on, take your marquee tool
and draw out the square indicating how big one icon will be. You will need to create at least one of these in this size to create a blank icon.
After selecting this shape, fill it with a color on a new layer. It doesn't matter the color. After filling it, copy it (Cmd+C or Ctrl+C). Go to file and create a new file with your clipboard as your preset. Then change the resolution to 150, just so it can look cleaner on a higher res screen. Your height and width may vary depending on your grid size you set up in the beginning.
With this new file, you can create your icons. You can either find pictures, create icons with Illustrator or any other vector based program. The first thing we will make though, is your blank icon. This blank icon will go over the tabs we created on your homescreen which will act as screen shortcuts. So what you will do is simply turn off the layer(s) so that nothing is on, and you will see a checker board indicating that it is transparent.
Save as a png since jpgs aren't able to save transparencies.
After you are done with your icons, you are finished with your computer, and now we move to the tablet. Of course, make sure you transfer all your pictures to your tablet, via usb, Google Drive, or whatever you choose.
Tablet:
When saving these images onto your tablet, there's kind of a special way on how and where to save them. Create a folder named misaClean Theme in the root folder if your internal memory. In that folder, you will create several folders. First folder you will create is Wallpapers. Within the wallpapers folder, you will create several folders for each tab you want. So for example, for mine, within the Wallpapers folder, I created a folder named Church, Home, and Media. Within these folders, you will insert the corresponding wallpaper you created. Be sure that no other picture is insider there besides the wallpaper for that page.
*After saving the wallpaper, be sure to crop out the area where the Home, Back, and Multi tab are using the default gallery. When cropping, on the bottom left, you'll see a box that says Original. Press there and be sure to press on None so that there are no cropping dimensions when cropping your wallpaper. You want to make sure you crop out just the wallpaper. So if you had an area for the nav-bar buttons, and the notification panel, be sure to crop that, so that all you have left is just the wallpaper you created.*
Go to your home screen and for wallpaper, click on Live Wallpapers. Choose MultiPicture Live Wallpaper, and click settings. Here you will see Common settings and Screen 1 settings and Add individual settings. Go ahead and add more individual screen settings depending on how many tabs you created. Screen 1 will be your leftmost screen. Even if you want your main page to be something in the center or right, so keep that in mind when setting up which wallpaper will be on each screen.
Click on Screen 1 settings.
Click on Picture source, then click on Picture Folder. (I guess you could also use Single Picture, but for some reason, I had problems, so that's the reason why I'm doing it this way)
Click on Folder Path at the top
Locate where the wallpaper folder is, and press OK.
Repeat for the next screens.
After you are done setting up your wallpaper, set it up as your wallpaper. Now you can go ahead and place all your icons/widgets on your page. Over the tabs you created, I'm not sure if other launchers have this capability, long press and click "Apex Actions." Down at the bottom, you will see Screen 1, 2, etc.
Place those shortcuts over each of the tabs indicating which shortcut goes to which page. It should now look something like this:
Now, it looks a little messy. This is the reason why we created those blank icons. Long press on each of the icons, and press edit. Click on the icon, and replace it with the blank one you created. Repeat that for all the icons.
When you're done, it should look nice and clean, and when you click over each tab, it should direct you to the corresponding page. You now completed the the tutorial, and have a nice clean theme for your home screen. Hope you enjoyed that tutorial.
Thank you for your interest in this tutorial and theme. If you would like to donate, and buy me an ice cream, click the button below. Thanks again!!
Download:
If you want to download the psd I created and just swap out the words and images, feel free. Enjoy!
https://www.dropbox.com/s/zvoiwamotfqhhva/misaClean.psd
Special thanks to those who donate(and let me know if you did)
kraamerica
******RESERVED********
*************RESERVED**************
Thanks for the guide.
I tried something similar in the past, but not as detailed as you posted.
I mostly arranged my screens with the icons and widgets I wanted to use, made a screenschot of that and used this as a background layer with 30% opacity. Then tried to fit the rest together ^_^
Just out of curiosity. What transmission effect are you using?
Anrikus said:
Thanks for the guide.
I tried something similar in the past, but not as detailed as you posted.
I mostly arranged my screens with the icons and widgets I wanted to use, made a screenschot of that and used this as a background layer with 30% opacity. Then tried to fit the rest together ^_^
Just out of curiosity. What transmission effect are you using?
Click to expand...
Click to collapse
That sounds like an interesting thing. Do you have any pictures of what that looks like? I'd like to see how that was accomplished.
As for the transitions, I'm uploading a video to YouTube so you can see. For Apex, I am using the Scale effect with no infinite scrolling, and for the MultiPicture Live Wallpaper, I am using the 3D Slide.
pnyboy27 said:
That sounds like an interesting thing. Do you have any pictures of what that looks like? I'd like to see how that was accomplished.
As for the transitions, I'm uploading a video to YouTube so you can see. For Apex, I am using the Scale effect with no infinite scrolling, and for the MultiPicture Live Wallpaper, I am using the 3D Slide.
Click to expand...
Click to collapse
Well I don't think it's very interesting as it sounds.
I basically skipped the part with the grid and used my screenshot as pseudo grid.
Then I started to arrange the images I wanted to use. With the Background I could always crosscheck if everything was in order.
I also used the dockbar to jump to several pages.
So I was able to add more pages without altering the background.
As I said it was the lazy way to create an Background with several pages
For the labels in the dockbar I later used "Simple Text-Text Icon Creator" from the market.
Anrikus said:
Well I don't think it's very interesting as it sounds.
I basically skipped the part with the grid and used my screenshot as pseudo grid.
Then I started to arrange the images I wanted to use. With the Background I could always crosscheck if everything was in order.
I also used the dockbar to jump to several pages.
So I was able to add more pages without altering the background.
As I said it was the lazy way to create an Background with several pages
For the labels in the dockbar I later used "Simple Text-Text Icon Creator" from the market.
Click to expand...
Click to collapse
Oh okay, I see what you did there. Yea, I usually get picky on how things look, haha. If one thing doesn't work, I scrap it all and change plans completely, haha.
oh goodness. THANKS FOR THIS TUTORIAL.
such a clean and simple look. LOVE IT.
Blank Icon .png
Here is a "blank" icon for your use. Or here: https://dl.dropbox.com/u/46958507/Blank.png
It's in there, trust me.
excellent howto, just one thing can you share the screenshot with the crosses on it, as I use Nova and for some reason it won't display these and let me do a screen grab as well?
I am not able to get the transitions look smooth/slow like in your video...any other trick on that?
spthacker said:
excellent howto, just one thing can you share the screenshot with the crosses on it, as I use Nova and for some reason it won't display these and let me do a screen grab as well?
Click to expand...
Click to collapse
If you download my psd, you should be able to just turn on the guidelines under the view menu and select view guidelines. Either that or you can just save the pic I have with the guidelines on the tutorial and create the guidelines. Using my screen shot as a template.
Sent from my SGH-T999 using xda app-developers app
ExilHh said:
I am not able to get the transitions look smooth/slow like in your video...any other trick on that?
Click to expand...
Click to collapse
There are several things you could check. I'm not too familiar with Nova if they have the same settings, but in Apex, if you go to the Apex settings and under home screen settings, you can mess around with the minimum scrolling time, and transition effects. I have mine set at 0 and effect is scale.
For the multi picture wallpaper app, my transition type is 3d slide. I don't see anything here for speed.
And last, if you go to your settings, and down to developer options, you can adjust the transition animation scale as well as the others. You can mess with those until you come up with the right speed you like. Mine is just set to 1x on all 3 of them (window, transition, and animator).
Sent from my SGH-T999 using xda app-developers app
pnyboy27 said:
There are several things you could check. I'm not too familiar with Nova if they have the same settings, but in Apex, if you go to the Apex settings and under home screen settings, you can mess around with the minimum scrolling time, and transition effects. I have mine set at 0 and effect is scale.
For the multi picture wallpaper app, my transition type is 3d slide. I don't see anything here for speed.
And last, if you go to your settings, and down to developer options, you can adjust the transition animation scale as well as the others. You can mess with those until you come up with the right speed you like. Mine is just set to 1x on all 3 of them (window, transition, and animator).
Sent from my SGH-T999 using xda app-developers app
Click to expand...
Click to collapse
That are the exact settings i used (running Apex) but transitions looks really ugly here...may be its because i use some more screens than only 3. So Apex has to jump from page 2 to 6 for example. Never mind, i will try harder to get a solution! ;o))
Thanx for giving me some inspiration and for your help of course!
Mike
How did you create the icons on the media tab?
ExilHh said:
That are the exact settings i used (running Apex) but transitions looks really ugly here...may be its because i use some more screens than only 3. So Apex has to jump from page 2 to 6 for example. Never mind, i will try harder to get a solution! ;o))
Thanx for giving me some inspiration and for your help of course!
Mike
Click to expand...
Click to collapse
Yea, having more pages might make things want to move quicker, therefore not really showing much of the animation. If you slow down the animations, you might be able to see them flow a little more. But then again, reaching to another page, might take a while, and make it seem like your tablet's running a little slow. Glad to have helped!
infi.krantz said:
How did you create the icons on the media tab?
Click to expand...
Click to collapse
For those icons, it's very similar to the Windows 7 icons others have posted in the past. To do them, I used the same grid that I set up for the wallpaper, and used the marquee tool to select the amount of space I wanted my icon to take up. After selecting it, I filled it with a random color, copied it, opened up a new file using the clipboard preset, and pasted the picture I wanted to represent that app. After creating the image for the icon, and saving it to my tablet, I used Desktop VisualizeR to create the icon.
For example, if I made my image to be 1x3, I used the 1x3 template in DVR. From there you click on the "Select Icon" and locate the image you created. For "Select Action," you choose the corresponding app. If you want a label to go with your icon, you can leave it in, or rename it. Choose your colors for the text and the background, and the touch effect, and you should be good. Click "OK" and you're done.
NICE
spthacker said:
excellent howto, just one thing can you share the screenshot with the crosses on it, as I use Nova and for some reason it won't display these and let me do a screen grab as well?
Click to expand...
Click to collapse
WOW....nice!!!:good:
Hello guys,
Thanks for this tutorial it's huge!!!!
I've made my own theme but i only have one problem left
I use 3 screen the default one (number 2, the one in the middle ) is OK, but when i scroll let or right (it's the same) i see my other wallpapers but they seems to be part of the screen number too because in the screen 1 and 3 i only have black wallpapers It looks like the size is not good or something like that....
I don't know where can be the problem.... The size of the wallpaper? Parameters in Apex (i've selected Multi screen with scrolling and i use a 10x7 grid) ? Parameteres in Multiple pictures (I've selected "fit to fullscreen" for every screen)?
Is there someone who can help me? Thanks in advance.
Best regards.
I've found the solution if it can help someone
Click to: WORKAROUND FOR SOME APPLICATION in multipicture live and then set it to NONE
I love this theme
Related
After seeing various wallpapers with docks on G1's, I noticed how good they looked and how they made the phone simply seem more comfortable and nice. Since then, I have been looking for ways to add a dock to my own wallpapers, but I never knew how. After lots of experimenting, I have finally found out a way to add docks in a very simple way that would only take a few minutes. You will need the a program called GIMP, an advanced image editing program very close to Photoshop, except its free! An example is at the bottom of this post.
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
- - -
Download it here:http://www.gimp.org
I recommend that you have your G1 on hand and your wallpaper already in 640 x 480 format.
1. Open up GIMP, and drag and drop your picture into the GIMP window, it should now open up.
2. Click on the Rectangle Select Tool, in the top left corner of the toolbar.
3. Select a region about half an inch above the bottom of the picture that touches the left and right sides of the picture. It should look like a rectangle spanning the full length of your picture, make the rectangle about one inch thick. (This is assuming your picture is in 640 x 480 / VGA format) This rectangle will be where your dock will be.
4. On the toolbar, select the Blend tool, it looks like a square with the color black fading into white. Set Mode to Normal, Opacity to 20, Gradient to
Flare Sizefac 101, Offset to 10, Shape to Linear, Repeat to None, and check Dithering.
(NOTE: READ GUIDE PART 2 FOR EVEN MORE GRADIENTS, IT IS 2 POSTS DOWN.)
You are now ready to create your dock!
5. Using your hand, hold down the Ctr button on your keyboard (This will enable angle correction) and click near the bottom of the inside of the rectangle and draw the line to the top of the rectangle, try to stay inside the rectangle. Repeat this a few times until you have reached a dock with the gradient that you would like. If you are to mess up at all, GIMP has a history window which you can revert ANY actions you do. Alternatively, you can use Edit> Undo (action).
6. Hit Select in the window with your wallpaper and hit None. This will remove the rectangle, leaving only your gradient dock.
7. Hit File>Save, and save the wallpaper. Check the file extension to make sure the image is being saved in .jpg format, not .xcf. If it is in .xcf, simple erase that and change it to .jpg, you will receive a dialogue box asking to confirm your choice, hit Export. You will now have a final window with additional save options. Move the quality slider all the way to 100, and hit save to save the wallpaper.
8. Finally, transfer the wallpaper to your G1 and apply it. NOTE: Due to the G1's wallpaper compression, it is extremely likely that once the wallpaper has been applied, the wallpaper will have very poor quality. This is because the image was exported in 100% quality, and now Android is trying to compress it. In order to get around this, go to the Market and download and application called Wallpaper Set and Save. Using this program, re-apply your wallpaper. With that, it allows your wallpaper to not have to go under data compression, allowing very good image quality.
- Note, if the Dock doesn't seem to be in the right place, it is because you applied the gradient in the wrong place. Simply see where the icons are on your G1 and recreate your dock in the right location.
Tried this out? Questions? Wanna show off your wallpaper or something new you have discovered? Please, post! Sticky please?
Before
After
Guide Version 1.3.5
Recent Updates:
-Added guide part 2! Look 2 posts down.
-Added Screenshots for step by step help
-Added Before and After
looks good, and you posteed this with time to spare for our new theme devs to add something before competition deadline
Thanks! And I have screen shots up now, and will be continually updating this as I find more and more things to do. Right now im working on making a glass like transparent dock.
Guide Part 2
After fiddling around with GIMP. I have realized the potential of this program. However, for now, here are several new dock types possible! There are actually over 20 or so, the only limit is the amount of gradients GIMP has, which is really a lot. So here are a few of my favorite gradients that work as great wallpaper docks! In order to do these, the steps are pretty much identical as before, except you simply select a different gradient. The names of the gradients are below each of the pictures below. Also, for some gradients, you may simply need to drag the mouse up to down rather than down to up based on the way the gradient was set up. So here they are!
thats sick.. keep up the good work
I have used GIMP and it cant do all the things PSCS3 does,if you can use CS3 or better to make themes its much easier. There are also free apps that can be used to create grafix like paint.net which is the program i learned with. This gives a real basic knowledge of using tools.
Well, I tried to download the paint program you showed me, but all three download mirrors don't seem to be working. Do you have any suggestions on themes or designs or anything about GIMP that I don't know about that would help?
Well GIMP has great font designs to mess with,really if you want to learn photoshop i am setting up a site where i give tutorial videos on how to create themes for the G1 and icons ect...."give me time". But if you need advice a.s.a.p p.m me.
Haha im in no rush, its just Photoshop isn't available to me. As image editing isn't a big thing for me, I really can't afford to be buying that kind of advanced software
SolemnWishing said:
Haha im in no rush, its just Photoshop isn't available to me. As image editing isn't a big thing for me, I really can't afford to be buying that kind of advanced software
Click to expand...
Click to collapse
...and neither can anyone else
i don't actually know anyone who has bought a legal copy of Photoshop.
but anyway, GIMP is very limited compared to photoshop. just download the trail and see for yourself.
God. I tried using GIMP last night because I have linux on my laptop. I honestly don't see how anyone can use that software after using Photoshop for a while. Not only because it's more limited, but it just seems to be a million times less intuitive to use. It's like they went out of their way to make it completely different than photoshop... It took me almost an hour to figure out how to cut and paste a section of an image to a new layer. In photoshop it's literally select, copy, paste.
Oh, and if you feel like tweaking on a wallpaper template for photoshop, check out my signature. I need to fix it for when you use WSS with it though.
Well, actually, GIMP is able to open up the wallpaper template you have! (I actually tried it out a few days ago and to my surprise it actually opened) As to the others, I've really become accustomed to GIMP and find it relatively easy to use. I really can't compare it to Photoshop or anything, as I have never used that kind of advanced software- I've always been locked into freeware.
EDIT: I just looked up more information on Photoshop CS4... and it says:
Starting from: $699.00
That costs twice the amount of my computer, and over 4 times the amount of my G1. I made a vow to never download software illegally without paying for it, so I will just have to keep waiting.
SolemnWishing said:
I made a vow to never download software illegally without paying for it, so I will just have to keep waiting.
Click to expand...
Click to collapse
So did I, but I gave up my vow for lent. In 1996.
I'm fairly certain that Adobe knows that the average person isn't paying $700 for photoshop and that they're pirating it. If they care about the person that uses it once or twice a month, they'd lower the price. Their target is schools and businesses who would never use pirated software for fear of being audited. (That's my justification... )
LOL nicee. Well, I just gave Paint.net a try (download servers were finally working today) And I feel that it is a pretty nice program, very stable and barebones - enough to get the job done. It doesn't have nearly as many features as GIMP. However, one caught my attention and that was the transparency gradient - which I am still playing around with.
I run a dual boot ubuntu/xp system and I have a very hard time using GIMP after first learning on photoshop the basics. But it is a good system if you don't have access to PS
Yeah, and as a user with fairly limited experience and not a lot of interest in image editing - just enough to get around- GIMP is all I will need for now Actually, I am taking Computer Graphics in next year in highschool, and we will be using Photoshop, so perhaps I will gain some interest there.
Hmm, is anyone here familiar with basic programming that would be able to write a program to automatically make these docks?
MOD EDIT: Please don't offer advice on where to find warez.
Thanks
Dave
If anyone has a Mac you can give Pixelmator a shot too. Like Photoshop but probably with more features you're more likely to use, and less features you're not.
I haven't used it (use Photoshop) but I've followed it's development for a while and it's looking really good.
Also: CHEAP!!! LOL. US$59
Blog - worth a quick read.
I recently saw images in the themes section, that I loved and subsequently now use for my phone. Shown:
http://forum.xda-developers.com/showthread.php?t=781455
and
http://forum.xda-developers.com/showthread.php?t=783946
Now, how do I resize the images properly? Scale, resize? Differences? What program to use (free, I'd prefer)? How to add that black bar so lovely at the bottom of the images and the text there? I tried figuring it out, but I couldn't figure out how to search how to do that specific thing.
Any help would be great! I want to start making images in that fashion for other applications, as those are very limited.
When I had my Hero, you could download Desktop Visualizer - this will allow you to associate certain pictures to the icons you want. It will also allow you yo resize them....my suggestion is start with a big icon and resize it smaller - smaller to big makes it look grainy...as for the dock bar....I used (use) LauncherPro - under LauncherPro setting you can change the dockbar....hope this helps!!
The black bar at the bottom looks to be a custom dock for LauncherPro. I've seen it in collections of LP Docks before (I'm unfortunately not immediately able to find it, but google it and spend a few minutes, and you ought to find it no prob).
As for the icons, Simi Folder would be one way to do it if what you're linking to is a folder. Not sure for just an icon that links directly to an app -- you can certainly resize icons in LPP, but I'm not sure off the top of my head how to do it and maintain the scale. You could probably compress it using Photoshop such that when it gets stretched, it looks correct? I dunno, someone else may have better ideas...
I believe people are misunderstanding what I'm asking.
I know how to get it all set up on my homescreen and such. I have the setup like that currently, no problem, using DesktopVisualizer and LPP.
I'm more asking about how they placed those bars on the image and the writing. See, they have an image that they got from wherever on the internet, put that minimalistic black transparent bar on the bottom and wrote "Texts" there, so that one would use it as a tile of sorts (as the theme they're going for is an "Android Phone 7" sort of thing"). I want to basically get images from wherever in the internet as well and use them for other applications. Like, create a, say, "Market" one, where the image I found will represent in some form, a market, and then put that black transparent bar in the image and type "Market" in some font in the corner like they did so that I can then use DesktopVisualizer to use the image as the icon in the manner shown in those posts. I'm assuming you can't just go and place a huge image (####x###) as the icon and hope it fits right. They resized theirs down to like 355x115 or something. Every time I try to resize something like that, though, it does not like it in the least. So, I'm wondering how they did that, too.
In a sense, they're like icon sets, if you will, and I want to then expand their offerings, as they only offer "icons" for a few applications or needs.
God, what a text wall. Sorry!
I wouldn't mind knowing myself, I'm all for customizing my Evo, and the more I learn the better I can do so.
I'm sure it's a relatively simple process, I just simply don't know how and wouldn't even know how to search for it. Like, what, "black bar on image?" Ha!
Hundreds of views, hardly any replies! You'd think this wise community would know!
totalanonymity said:
I believe people are misunderstanding what I'm asking.
I know how to get it all set up on my homescreen and such. I have the setup like that currently, no problem, using DesktopVisualizer and LPP.
I'm more asking about how they placed those bars on the image and the writing. See, they have an image that they got from wherever on the internet, put that minimalistic black transparent bar on the bottom and wrote "Texts" there, so that one would use it as a tile of sorts (as the theme they're going for is an "Android Phone 7" sort of thing"). I want to basically get images from wherever in the internet as well and use them for other applications. Like, create a, say, "Market" one, where the image I found will represent in some form, a market, and then put that black transparent bar in the image and type "Market" in some font in the corner like they did so that I can then use DesktopVisualizer to use the image as the icon in the manner shown in those posts. I'm assuming you can't just go and place a huge image (####x###) as the icon and hope it fits right. They resized theirs down to like 355x115 or something. Every time I try to resize something like that, though, it does not like it in the least. So, I'm wondering how they did that, too.
In a sense, they're like icon sets, if you will, and I want to then expand their offerings, as they only offer "icons" for a few applications or needs.
God, what a text wall. Sorry!
Click to expand...
Click to collapse
The text is just in the image, it isn't some magical add-on. It is probably just a black rectangle and then transparency adjusted to taste.
There are a handful of win7 style icon packs like that. You could use one of those as a template (for size) and use your own images and text. Minimal PS or GIMP experience needed. Just keep the aspect ratio of the images when you are resizing them and provided they aren't absurdly larger than the ~355x115 or whatever size you are aiming for they should still look fine.
The second link says it comes with photoshop templates. You could always just download the 30 day free trial of photoshop.
looks like a simple photoshop job to me, just add a second layer above the background, rectangle marquee the section you want to be the transparent bar, then paint bucket the area with a black (or any color) at 50% opacity, then add text.
jstalford said:
The second link says it comes with photoshop templates. You could always just download the 30 day free trial of photoshop.
Click to expand...
Click to collapse
Wow, can't believe I missed that. Oops!
Those are pretty cool looking layouts nice find.
Tired of searching for themes on your phones?
Tired of using Desktop Visualizer eating up all your RAM and being a pain in the back with all those widget sizes?
Tired of not being able to make the phone look the way YOU want it?
THEN USE SS LAUNCHER!
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
This pretty unknown launcher could be considered as the evolution of Lightning Launcher. The Stock Layout sucks but who cares - if you are into theming, this is the launcher for you!
Features:
- LIGHT (1MB!!!) and blazing fast
- App Drawer Page on Homescreen
- Freely customizable Icons on Homescreen AND App Drawer
- Scrolling vertically on every page if you want it!
- No more Desktop Visualizer - easily resize your Icons and make awesome tiles!
- NO MORE GRIDS! Freely align widgets and shortcuts, even with Overlapping!
- Pretty much every feature you could ask for!
I barely see any themers using this launcher as it is pretty unknown (100.000 Downloads only), but on screenlicious you get a glimpse of what can be done:
TUTORIALS:
0. Preparations
1. Creating Tiles
2. Icons, Wallpapers and Background
3. Creating Previews
4. Rounded Tiles
0. Preparations
There is some unneccessary stuff on SSLauncher. First, you should get rid of all the homescreens except for one, because the given templates are - sorry - horrible. You will most likely only use a Homescreen-Page and an Apps-Page.
To Delete a page, simply tap on your "Menu"-Button, select "Pages" and then "delete page".
Afterwards, you might want to get rid of the labels. They are handy if you use a lot of pages, but for really minimal results you should hide them.
To hide labels on top (only free-version - paid version has an option for it), hit the "Menu"-Button again, select "Pages" and choose "Label Fonts&Style".
Set the Font size to "10", then disable shadows if neccessary (set Shadow "Radius" to 0) and change the opacity of Active/Inactive Color to zero as well - simply
tap on the arrows on the right side in the "Active Color" / "Inactive Color" and set the Value "opacity" to zero.
To hide the status bar, tap on "Menu"-Button, "Preferences" and "Fullscreen". There you can also choose "Ignore page background" to get rid of the layer on the background page.
1. How to create your own Tiles
Needed:
GIMP 2.0
SSLauncher
TypoClock Free Widget
Weather Eye
Let's face it - it really sucks if your UI depends on the Wallpaper too much and if you have to build UI-elements into it. Every time you want to change your wallpaper, you have to
edit the PSD again too and this can be very annoying - not to mention the issue with Live-Wallpapers.
SSLauncher has 2 very unique features to avoid this: First, you can resize any widgets/icons FREELY, as there is NO GRID. Second, you can even let widgets/icons OVERLAP.
Basically, you only need a Tile and (optional) some content.
I want to give you a quick tutorial on how to use GIMP 2.0 for this purpose - I am a total noob by myself but this stuff is REALLY easy to learn.
Working with layers makes your life a lot easier. The awesome thing about customizing is, that you can get templates and lot of PSDs for free in the
internet, so you won't need to have epic-editing-skills but can edit the files as you need them. So download GIMP 2.0, and install it (it's free of course).
So here is how I create my tiles:
These 2 Guys are going to be your best friends and you wont be using much except for some tools. I will be referring to "Toolbox" for the left one and "Layerbox"
to the right one.
Step 1: Create a new Image with the size of your screen (most likely for SGS2-Users: 480x800). This will help you to determine the actual size of your tiles.
Step 2: Choose your wallpaper. This makes it easier to imagine, how everything will look like later on. Simply drag the Image into GIMP and it will appear as a new Layer.
Step 3: Scale/Move your wallpaper as you wish and when you are satisfied with the look, rightclick on your wallpaper in the Layerbox and choose "Merge Down".
Step 4: Create a new layer - this is going to be your tile. For the one as the picture above, I used 460x160 as dimensions, so I have some space on the sides. Fill the
Layer with some color so you can easily drag it around.
Step 5: Choose the background of your tile. Basically works the same as Step 2, but you might want to open a second GIMP-window for this purpose as it makes scaling easier. Make sure to drag it into your first window while you selected the tile in the Layerbox, so the picture will be cut off to the right size.
Step 6: Create another layer for the fontbackground. Width is the same as the tile, height should be according to the size of your font (I chose 20 as height). Fill it up with
some color again (I used grey) and drag it to the right place
Step 7: Add a font by using the tool from your toolbox. This might be a little bit tricky at first, you will have to type your desired text, then mark it and THEN you will be able to change fontsize etc. . I used Geosanslight, white font, Size is 18p.
Step 8: The last thing to do is to export the tile (to use it on your phone) and add some shadow. To cut out multiple layers, simply click on the eye in the layerbox so that you can ONLY see the layers you want to edit. In our case, just remove the eye on the "Wallpaper" Layer and only the tile with the text etc. will be left. Afterwards, hit SHIFT+CTRL+C so your tile will be copied completely. Now create a new file sized the same as your tile (460x160) in our case) and insert the tile.
Step 9: Now we gonna add some shadow. Click on "Filter", "Light and Shadows" and select "Drop Shadow". A menu will popup where you can set some values. I recommend to use a smaller Radius (I use 4, but it depends on the size of your image) and less offset too (I use 2 for both X-Offset and Y-Offset), so it will look cleaner.
Step 10: The last thing you have to do is to export your file - hit CTRL+E and export is as a PNG file to your desired location. FINISHED!
If you are able to do this stuff you can do a lot of theming already with little effort!
Adding the tile to SSLauncher is pretty easy once you got used to it.
Simply hold down your finger on the homescreen till the "New Object" screen shows up. Select "Shortcut" and choose a "target", the App that should be opening when you click on the tile. Then, select a "Style" - a lot of layouts are going to pop up. As we want a pure tile you should select the Icon without any text or backgrounds. Next, click on "Icon (Change styles of icon)" , then on "Icon (Select an icon Image)" , then click on "Add an Image" and choose the tile you want. Afterwards, click on "Icon Size" and resize it.
The actual size of the tile (460x160) might be too big, but you can rescale the tile on the homescreen anyways. I experimented a bit (the "Scale" tool from GIMP 2.0 really helps with getting the right size in the right aspect ration too!) and 375x114 should be the right size for our tile. This is essential to know if you want to add a lot of tiles and want them to look
the same!
Remember to ALWAYS scroll down and click on "Apply settings", otherwise ... well, the settings won't apply. You will have to do this twice. Now the tile will appear on your homescreen and you can rescale and move it around as you wish - the arrows will help you to align the tile perfectly!
To achieve the look from above, just add the widgets to your homescreen, rescale them and move them above the tile. There you go!
2. Icons and Appdrawer
Needed:
Simple Text Icon Creator
Multi-Picture-Livewallpaper
Wallbase HD
There are a lot of different Icon-Styls with SSLauncher and you should figure out yourself what suits you best - plain Text, a Tile, Icons only, Icons and text... I just want to point out some things I noticed.
First of all, you should decide what kind of icons you want to use. I highly recommend the Jaku Icons, it's probably the easiest way to get your hands on a full set of icons. Many Icon packs lack images for certain Apps and this can be really annoying. There isn't an icon for everything on Jaku, but there is a lot of them.
Another way is to create your own Icons with Simple Text Creator. This way you can make simple Text-Icons for all of your apps, but some might not like the look.
With SSLauncher, you can edit/hide every single App manually and also hide Apps you don't have an icon for or which you don't use. There is no other launcher AFAIK where you can change the Icons in the App-Drawer manually. You can also rename, change Font-Color (at "Menu"-Button, "Theme", change the "Medium" Font") and also change the common settings for all Apps at once if you hit the "Menu"-Button, "Preferences" and scroll down to the Preferences for the "Apps" Page.
If you don't want to have the same wallpaper on your app drawer as on your homescreen, you should try Multi-Picture-Wallpaper. It allow you to set a different wallpaper for every screen. There is also an option for this in SSLauncher, but I prefer this way because it's easier. You can even decrease saturation and brightness, which looks pretty nice - I use the same wallpaper on my app drawer, but set the saturation to 40 percent.
You need to pay attention here because SSLauncher always uses 2 additional screens (one more on the left and one more on the right) which you can't see nor access. Still they are count by Multi-Picture-Wallpaper, so you need set a wallpaper for those screens too.
Finding the right wallpaper can be kind of an issue too but hey, there's an app for that. I like Wallbase HD the most, cause the wallpapers suit my taste. The App-Design is marvelous too, so it's definetly worth a try.
3. Creating a preview
Needed:
GIMP 2.0
Samsung Galaxy S2 template for the screenshots (Download attached), big thanks to Pethey, give him some credit! I just scaled it down to fit my needs.
So you got your homescreen finished and want to present it to everybody else? No Problem, just make sure to use a SGS 2 template and be proud of your phone too
There are a lot of PSDs for the SGS2 but for this purpose, I recommend mine because it is very very noob friendly and easy to edit. I basically merged all layers you wont touch anyways.
Step 1: Make some screenshots. 2 or 3 should do the work, better to have a few big screens than dozen small ones. On my ROM (Sensation Rom 3.5) you need to Hold down Power+Volumedown for a few secs. This might trigger your volume if you don't press the Powerbutton first.
Step 2: Open the Samsung Galaxy S2 - xcf which you downloaded in GIMP 2.0 and look at the Layerbox. There is a layer called "INSERT SCREEN HERE". Just DRAG your screenshot into that layer and it will fit in perfectly, I resized it to match the screenshot resolution.
Step 3: Open your desired background for your preview in GIMP 2.0. Now go back to your screenshot, click on "Edit" and then on "Copy visible layers" (or something like that, my GIMP is in german...). This will cause GIMP to copy the whole thing without having to merge the layers.
Step 4: Copy the SGS 2 with your screenshot onto your chosen background. You might need to rescale the image a bit - I chose 1280x800 as my Preview-Wallpaper and scale down the Device with the screenshot to an height of 780. Add some fonts if you want (dafont.com is a good place for getting fonts! Just download the ttf and install it like a program).
Step 5: Repeat Step 1-4 for every screenshot you want to include.
NOTICE: .XCF files are GIMP-Files. They arent pictures, cause the include layers and other informations to further edit the "project". You need to click on "File", "export to" and export it as jpeg or png to view it as an image.
4. Rounded Tiles (WebOS-Style)
Needed:
GIMP 2.0
Widgets on Screen:
Minimal Reader
Weather Eye
ACWidgets: Your Calendar
Not sure if anyone is interested but I like to experiment with different tile-styles. So here is how I create rounded ones:
Step 1: Create a new GIMP File with the size of your tile - I choose 460x160 again.
Step 2: Drag the Wallpaper for the tile into the layerbox, rightclick on the wallpaperlayer and click on "Add Alpha" -
this will be the transparent background. Delete the white background-layer, you dont need it anymore.
Step 3: Now click on "Edit" and then "Rounded corners". Reduce the radius to 14, as you only want it to be rounded a little bit.
Step 4: Click on "Edit" again, then "downsize" (or shrink or whatever) - this is the space which is left around your tile. 2-4 px will do the job.
Step 5: Hit "Edit" again, then "invert" and then on Delete or CTRL+X. This will remove the edges so you only have your rounded tile left.
Step 6: Hit SHIFT+CTRL+C to copy all visible layers. Create a new layer sized "460x160" and hit CTRL+V to paste your tile into that layer.
This is important, because if you don't do this, the actual size of the Image will be the size of your wallpaper, messing up the shadow.
Step 6: Rightclick on your Tile in the layerbox and make it to a new layer. Add some shadow - "Filter", "Light and Shadow", "Drop Shadow".
Set the offset to zero, as you want to get the shadow all around the tile.
Finished! Now export your tile and have some fun
I tried it out a while back but wasn't a fan. Interesting launcher though.
Sent from my GT-I9100 using xda app-developers app
I'm theming my home screen every day with desktop visualizer etc. I'll try this now
Sent from my GT-I9100 using xda premium
very good launcher! and some people made good themes I tried but unless. I wish they would share their themes
Sent from my GT-I9100 using Tapatalk 2
I added a quick tutorial how I do my tiles. I wish some dev would take this launcher and make a kickass minimalistic ROM... we got dozens of Sammys and AOKP/CM9/MIUI stuff but not a single minimalistic and elegant ROM
Greetings
Awesome tutorial! Thanks! This is gonna be fun
Sent from my GT-I9100 using xda premium
it is quite surprising that many people did not know about this launcher.
It's awesome. But... lol is there an option to have an app drawer that isn't on the home screens?
Sent from my GT-I9100 using xda premium
kyleforge said:
It's awesome. But... lol is there an option to have an app drawer that isn't on the home screens?
Sent from my GT-I9100 using xda premium
Click to expand...
Click to collapse
I don't think so, but I think having the Icons on your homescreen is better anyways for accessability. You can create a Shortcut to link to your App Drawer, but you must have an App Drawer Page.
Greetings
Nice launcher....just installed n used it. Will be stickin wid it for a while
Sent from my GT-I9100 using xda app-developers app
I installed a free app called App Drawer.
https://play.google.com/store/apps/...1bGwsMSwyLDIxMiwiSmFrZWRVcC5BcHBEcmF3ZXIiXQ..
Then on my home screen I put a shortcut to it.
Sent from my GT-I9100 using xda premium
kyleforge said:
I installed a free app called App Drawer.
https://play.google.com/store/apps/...1bGwsMSwyLDIxMiwiSmFrZWRVcC5BcHBEcmF3ZXIiXQ..
Then on my home screen I put a shortcut to it.
Sent from my GT-I9100 using xda premium
Click to expand...
Click to collapse
I've never seen that app before, nice. Still I stick to the Meego Style (everything on the homescreen) but it's personal preference.
Adding some more hints and tips atm ~
Greetings
I had a play around and came up with this in about 20 minutes
Sent from my GT-I9100 using xda premium
I am working on a tutorial and a PSD so you can easily create your own theme previews Stay tuned
I am going to use this one from now on, but will crop it as it is really big...
http://pethey.deviantart.com/art/Samsung-Galaxy-S2-PSD-294811877
Greetinsg
Ok after some troubles with the speaker on the PSD I finally managed to create and upload a XCF-Template to create a preview. Feel free to use it, screenshots look way more awesome like that
Greetings
I agree this is the best launcher out there right now. Its still relatively new but given time, I believe it will get the attention it deserves Right now when people Google best launcher for Android, its not surprising that the mature established ones pop up the most. I love detailed theming so when I stumbled upon sslauncher by accident, it was like wow why didn't I hear about this before?? After that it was bye-bye Go Launcher...
Aaand another quick tutorial (lol they are getting shorter and shorter), this time for round tiles. Any hints and tips (espec. from Pro's) are highly appreciated! Searching for a way to replicate the White-Gradient which can be seen on iOS a lot...
Check my tumblr for inspirational UI-Designs I only choose the best of the best...
Greetings
this is the best thing ever
but it doesn't look like Multiple Wallpapers work on the Epic 4G Touch
i've looked high and low but i guess it just doesn't work right now
doc_hardware said:
but it doesn't look like Multiple Wallpapers work on the Epic 4G Touch
i've looked high and low but i guess it just doesn't work right now
Click to expand...
Click to collapse
It should work with the App "Multi-Picture-Live-Wallpaper". Look for it in the Play store, here
is a link: http://goo.gl/1MWqw
How do you get this to work with Multi-Picture-Live Wallpaper? Do I have to turn anything on or off with settings? I'm liking this launcher, just need to get the wallpaper to change when swiping to each new screen. I like "5" screens (which I currently have GO set with MPL wallpaper). What should I change? All I am getting is the home screen (that is my home on GO and default), it's not scrolling or changing, just "dimming".
edit: Nevermind, don't need MPLWP, app does everything I want without it. Fantastic launcher! One of the few apps I actually "paid" for. GO is now gone.
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
Marco Agas from the mycoloroscreen youtube channel did a really good overview video over my app. Check it out:
https://www.youtube.com/watch?v=xOqusfGqUsM
COLOR:
The new way to manage colors for your Zooper Widgets is here. Add as many variables as you like, use the whole color spectrum with transparency and then export your set. Using the color tags defined through this app, you can make the whole look of your widgets be changed in a matter of seconds.
Instead of spending time to do different color combinations of all your widgets and manage all those templates, make your widgets once and let the user make the color version they want! All you as the designer have to do, is to define the tags in your app, use them as advanced parameters with the appropriate tags in your widgets, then export your collection and share the file with your users to import. Easy as that
EXTRA VARIABLES:
Zooper has a lot of build in variables to represent the different states of your device. But some of them like bluetooth, ringer and airplane mode are not included. ZW Utilities fixes this by making three new variables available to you:
#TZWU_BLUETOOTH_STATE# (0-off. 1-on, 2-connected)
#TZWU_RINGER_STATE# (0-silent. 1-vibration, 2-normal)
#TZWU_AIRPLANE_STATE# (0-off, 1-on)
These will be automatically updated, when the system state changes. Apart from having the app installed, you don't need to do configure anything else. They are just there for you to use
I tested this app with a small group of people and while it should be fairly stable, it's still software. So if something doesn't work as expected, the app crashes, etc. please tell me about it and include as much information as you can (at least device, system, rom and app version). You can either post to this thread or if you are also on G+, join the app community http://goo.gl/qGQVn1. I also appreciate any and all ideas you have for the app or what additional functions you would like to see.
Happy theming everyone!
Get it for free on the play store
Text Link: http://goo.gl/HihS2s
Changelog
0.5.2 Initial public release
0.5.3 Fixed crash when editing hex color, fixed bug where fully transparent color was not correctly send to Zooper
Changelog 0.6.0
[NEW] Standout window mode
[NEW] Registered file intent for profile export files
0.6.2
[NEW] Closing the standout mode window now returns to the main app
[FIX] Standout mode window size based on device density
This should fix display problems on devices with a different density than xhdpi
0.6.3
[NEW] Tapping the tile strip below the action bar copies the variable name to the clipboard
This makes it easier to just paste the variable in it's intended form into Zooper
[FIX] Import/Export file path is created on app start or file import
0.7.0
[NEW] Shortcuts
You can now use ZW Utilities shortcuts to toggle certain system settings, let your widget react to user interactions (View toggles) and open Pop-out color dialogs without opening the app first.
!IMPORTANT! Setting toggles were tested on different devices but are not guaranteed to work everywhere. If you notice a problem with any of the new shortcuts please report them here. Thank you
How to use
Colors:
You need to enclose the variables you created in the appropriate tags. Which tags depends on where you want to change the color. For text and rect modules it's [c][/c], for progress bars it's [cf][/cf] (foreground), [cb][/cb] (background) and [cl][/cl] (additional fill color). So to change the color of a text module whit a variable named #TKWER_COLOR# you would put [c]#TKWER_COLOR#[/c] in the advanced parameter section of the that module.
Extended Variables:
Still to come...
... and a last one
kwerdenker said:
... and a last one
Click to expand...
Click to collapse
If you could please add an apk in the OP cz not all of us use the Play Store.
Just a request. Or I'll have to wait until it's uploaded in any third party market.
sent from my BatPhone.
karanrajkapur said:
If you could please add an apk in the OP cz not all of us use the Play Store.
Just a request. Or I'll have to wait until it's uploaded in any third party market.
sent from my BatPhone.
Click to expand...
Click to collapse
Sure, I will attach the APK as soon as I get the chance
Send from my secret moonbase via space carrier pigeons
@karanrajkapur File has been added to the first post
Magnificent work mate!
Sent from my E151
Idk if this problem with zooper or app. I can't copy variable created with this app from one item to another. Other variables copying works. I made text with variable in advanced parameters that works and I want to copy it to other text elements. I went to items list, selected text1 and in scrollable list selected copy advanced parameters. I selected other text elements and clicked paste. Zooper said Paste successfully but there was nothing in advanced parameters of other text elements. I had to copy them manually which taken too much time.
typed from dark room
ewa12321 said:
Idk if this problem with zooper or app. I can't copy variable created with this app from one item to another. Other variables copying works. I made text with variable in advanced parameters that works and I want to copy it to other text elements. I went to items list, selected text1 and in scrollable list selected copy advanced parameters. I selected other text elements and clicked paste. Zooper said Paste successfully but there was nothing in advanced parameters of other text elements. I had to copy them manually which taken too much time.
typed from dark room
Click to expand...
Click to collapse
I have this problem with Zooper and other Advanced Parameters too. Judging from your description this seems to be an internal bug from Zooper and I'll try to raise it with the devs. Maybe they can get it fixed because as you say, this can get very cumbersome.
I've only been on Zooper for a week now, so forgive the newb-ness here. I'm running a minimal home screen, where I have several links to apps as just plan white text.
Depending on the background I'm using that day, the text shows clearly...to not so much.
This app will let me use some sort of variable for the text color so I can change all the app links in 1 shot (ie, change to a light backgroup, go into app & change all my links to black) ?
Edit: Saw this on the G+ Group:
You need to enclose the variables in the appropriate tags. Which tags depends on where you want to change the color. For text and rect modules it's [c][/c], for progress bars it's [cf][/cf] (foreground), [cb][/cb] (background) and [cl][/cl] (additional fill color). So to change the color of a text module whit a variable named #TKWER_COLOR# you would put [c]#TKWER_COLOR#[/c] in the advanced parameter section of the text module.
Works perfectly!!!
Funny part is I was considering changing my text "icons" to small all-white pictures. Wondering if I can do an icon fill the same way.
polstein said:
I've only been on Zooper for a week now, so forgive the newb-ness here. I'm running a minimal home screen, where I have several links to apps as just plan white text.
Depending on the background I'm using that day, the text shows clearly...to not so much.
This app will let me use some sort of variable for the text color so I can change all the app links in 1 shot (ie, change to a light backgroup, go into app & change all my links to black) ?
Edit: Saw this on the G+ Group:
You need to enclose the variables in the appropriate tags. Which tags depends on where you want to change the color. For text and rect modules it's [c][/c], for progress bars it's [cf][/cf] (foreground), [cb][/cb] (background) and [cl][/cl] (additional fill color). So to change the color of a text module whit a variable named #TKWER_COLOR# you would put [c]#TKWER_COLOR#[/c] in the advanced parameter section of the text module.
Works perfectly!!!
Funny part is I was considering changing my text "icons" to small all-white pictures. Wondering if I can do an icon fill the same way.
Click to expand...
Click to collapse
Oh yeah, I meant to post that info here too. Will do so immediately, thanks for reminding me.
As to your icon question: it's possible to do, if you use icon fonts (something like this for instance http://www.spiderflyapps.com/downloads/android-developer-icons-the-font/ ). Then icons are just another Text layer and their color can be changed just the same
kwerdenker said:
As to your icon question: it's possible to do, if you use icon fonts (something like this for instance http://www.spiderflyapps.com/downloads/android-developer-icons-the-font/ ). Then icons are just another Text layer and their color can be changed just the same
Click to expand...
Click to collapse
Was about to post a simple example (cropping pix from a home screen thread). In this example, I'm able to change the top row, the line itself, but not the icons at the moment. (or the cell signal bars in another simple widget).
I've never heard of icon fonts - do you mean like Wingdings for Windows where the font is loaded with app icons instead? Hmm - that would work in theory. Checking your link now!!
Edit - found a site called Fontastic that lets you pick from their pre-done icon packs & makes you your own files to download on the fly. Only bad part is not having exact icons for what you want (like no Waze icon). I did a quick test using it, and works exactly as op described!
Now to see how hard it is to take generic icons & make a ttf from it. I'm guessing poorly because of resizing, but don't know.
Brilliant idea!! Thank you so much for this!!
Please add checkered background for selected color, so we can better see what opacity is set
geekon said:
Please add checkered background for selected color, so we can better see what opacity is set
Click to expand...
Click to collapse
This is something on my personal DoWant list too but I need to modify the library for the color wheel for it. This will need some time so I can't give you an ETA on it. But it will be implemented at some point
The best utility for zooper I must say. Helps changing the accent colors of my zoopers on the fly without having to enter the widget setup every time. Should be a must have app for anybody who's designing widgets. @kwerdenker You've made our lives so easy.
Sent from my Xperia Neo V using XDA Premium 4 mobile app
Update 0.6.0
First, let me take this chance to say thank you to all of you! Especially to all who rated or reviewed the app on the play store! The response to the app has been very encouraging and I hope I can keep this up for the future releases. If you have anything you want to see in those, please feel free to post them to this thread or join the community on G+: http://goo.gl/qGQVn1
And now for the main event of the evening:
The latest version of the app has been pushed to the store and should be live any minute. This update contains one of the most requested features: a more responsive way to see the effect of the color changes. Thanks to the fabulous Standout library, it is now possible to pop a variable into a floating window. This enables you to change colors and see the effects immediately on your homescreen. Currently this is limited to one variable at a time but I hope to improve that over time.
*IMPORTANT*If you use the sliders to change the color, you have to tap (just tap, no movement necessary) the ring color selector. This is a limitation of the HoloColorSelector library. I hope this will be fixed in one of their next versions.*IMPORTANT END*
You can see a video of it in action here: https://plus.google.com/u/1/109987884687615789406/posts/gRiNgL7NWPB
It is also now possible to import and apply color profiles exported from the app by opening them in your file browser. It worked with the ones i tested but if it doesn't with the one you use, please report it.
And now, have fun wit it. Happy theming!
Changelog 0.6.0
[NEW] Standout window mode
[NEW] Registered file intent for profile export files
New version is up. I forgot to upload the one before that here, so here is the combined changelog:
0.6.2
[NEW] Closing the standout mode window now returns to the main app
[FIX] Standout mode window size based on device density
This should fix display problems on devices with a different density than xhdpi
0.6.3
[NEW] Tapping the tile strip below the action bar copies the variable name to the clipboard
This makes it easier to just paste the variable in it's intended form into Zooper
[FIX] Import/Export file path is created on app start or file import
Marco Agas from the mycoloroscreen youtube channel did a really good overview video over my app. Check it out:
https://www.youtube.com/watch?v=xOqusfGqUsM
Hello, i'm new here and in the android world (came from iphone) and i bought my new LG G4 and he is awesome.
but i wanted to change the home screen because he is boring.. can someone have good tips for me? i don't have root and for now i prefer not to root. sorry about my english and thx for helping
Hey, 2 more questions:
1) whats the name of this icon pack?
http://iandroid.co.il/forum/download/file.php?id=23272&mode=view/rokbox.jpg
2) how can i do my folders like that?
{
"lightbox_close": "Close",
"lightbox_next": "Next",
"lightbox_previous": "Previous",
"lightbox_error": "The requested content cannot be loaded. Please try again later.",
"lightbox_start_slideshow": "Start slideshow",
"lightbox_stop_slideshow": "Stop slideshow",
"lightbox_full_screen": "Full screen",
"lightbox_thumbnails": "Thumbnails",
"lightbox_download": "Download",
"lightbox_share": "Share",
"lightbox_zoom": "Zoom",
"lightbox_new_window": "New window",
"lightbox_toggle_sidebar": "Toggle sidebar"
}
as you can see i looking for something familiar or close to make better good looking folders.
and also if you have a good tutorial to how customize my phone will be great.. thx for helping
I would install Nova Launcher and look through the icon packs on Android Market. It is very easy to use.
Jonathan-H said:
I would install Nova Launcher and look through the icon packs on Android Market. It is very easy to use.
Click to expand...
Click to collapse
That's what i going to do, but expat to install Nove what can else can i do?
YuvalShs said:
That's what i going to do, but expat to install Nove what can else can i do?
Click to expand...
Click to collapse
Dude the customizations are endless with android....you just gotta explore....to many things for me to explain lol
mlock420 said:
Dude the customizations are endless with android....you just gotta explore....to many things for me to explain lol
Click to expand...
Click to collapse
LOL I know but I explore a lot but still didn't find something I looking for.
So I asking if someone can recommend me about things to do
There are 2 different icon packs. The ones on the first screen look like "Twint" icons. The second in not so sure about.
As posted above, Nova Launcher is a great one though there are dozens to chose from. I have been using Nova for years and the customizations are endless.
To place icons on your home screen, go to the app drawer and long press the ones you want and they will carry over to your default home screen. Once they are there you can long press them again and drag them into one another to make them appear in folders. You can add as many as you like as there is no limit to the number of icons you can place in each folder. If you want to name the folder simply long press them again and choose "edit" from the pop up menu and type a name. If you want to customize the way the folder appears (like stacked or fanned) click the menu button on your phone and select "Nova Settings", then "Folder" and choose one you like. To set Nova as your default launcher, press the Home button on your phone them select "Nova" and "Always" and it becomes your default launcher. To add widgets (like a clock) to the home screen, long press the actual desktop (not the icons themselves) and select "widgets"at the bottom and (just like adding icons to the homescreen) hold them down and they will show up on your default homepage.
There are dozens of threads to learn from, just Google how to customize Nova launcher and look for one from XDA. And once you learn there are threads to show off your work where you can post screenshots like the one I made here. Have fun and enjoy!
Tom 2.0
Purerawenergy said:
There are 2 different icon packs. The ones on the first screen look like "Twint" icons. The second in not so sure about.
As posted above, Nova Launcher is a great one though there are dozens to chose from. I have been using Nova for years and the customizations are endless.
To place icons on your home screen, go to the app drawer and long press the ones you want and they will carry over to your default home screen. Once they are there you can long press them again and drag them into one another to make them appear in folders. You can add as many as you like as there is no limit to the number of icons you can place in each folder. If you want to name the folder simply long press them again and choose "edit" from the pop up menu and type a name. If you want to customize the way the folder appears (like stacked or fanned) click the menu button on your phone and select "Nova Settings", then "Folder" and choose one you like. To set Nova as your default launcher, press the Home button on your phone them select "Nova" and "Always" and it becomes your default launcher. To add widgets (like a clock) to the home screen, long press the actual desktop (not the icons themselves) and select "widgets"at the bottom and (just like adding icons to the homescreen) hold them down and they will show up on your default homepage.
There are dozens of threads to learn from, just Google how to customize Nova launcher and look for one from XDA. And once you learn there are threads to show off your work where you can post screenshots like the one I made here. Have fun and enjoy!
Tom 2.0
Click to expand...
Click to collapse
I found the first icon pack its called Marvak
about making a folders, that i know to do but i searching to make them better, look at this pic of smart launcher 3:
https://lh3.googleusercontent.com/EkO481ktQj-2mIsGtTvlbWCr9qq_Xn6ACr3XOHBgBW7ZhnObdzSV4rVPzNDThgYKeSE=h900-rw
i looking to do something like that, and if you have good tips for good customize i would like to hear because i look all over youtube and other website and didn't find something i like.
YuvalShs said:
I found the first icon pack its called Marvak
about making a folders, that i know to do but i searching to make them better, look at this pic of smart launcher 3:
https://lh3.googleusercontent.com/E...6ACr3XOHBgBW7ZhnObdzSV4rVPzNDThgYKeSE=h900-rw
i looking to do something like that, and if you have good tips for good customize i would like to hear because i look all over youtube and other website and didn't find something i like.
Click to expand...
Click to collapse
Yeah it's a pretty similar icon pack. Anyway, what that screenshot shows is called an app bar, it's not a folder. I don't use Smart Launcher, been with Nova Prime for a long time so know my way around it pretty well. Here's some shots of some of the folder layouts you can use with Nova though it looks like you're headed in a different direction now. If you're gonna use Smart Launcher it's gonna have to be trial by fire cuz i I'm not familiar with it. But to your initial question about folders see here:
Tom 2.0
Purerawenergy said:
Yeah it's a pretty similar icon pack. Anyway, what that screenshot shows is called an app bar, it's not a folder. I don't use Smart Launcher, been with Nova Prime for a long time so know my way around it pretty well. Here's some shots of some of the folder layouts you can use with Nova though it looks like you're headed in a different direction now. If you're gonna use Smart Launcher it's gonna have to be trial by fire cuz i I'm not familiar with it. But to your initial question about folders see here:
Tom 2.0
Click to expand...
Click to collapse
First of all thanks a lot for your help I really appreciate it.
Your theme for nova looks great but I want to organize folder somehow similar like I show you how can I do something like that?
You're welcome. And you will have to find a launcher or program to support that sty type of layout.
Tom 2.0
Purerawenergy said:
There are 2 different icon packs. The ones on the first screen look like "Twint" icons. The second in not so sure about.
As posted above, Nova Launcher is a great one though there are dozens to chose from. I have been using Nova for years and the customizations are endless.
To place icons on your home screen, go to the app drawer and long press the ones you want and they will carry over to your default home screen. Once they are there you can long press them again and drag them into one another to make them appear in folders. You can add as many as you like as there is no limit to the number of icons you can place in each folder. If you want to name the folder simply long press them again and choose "edit" from the pop up menu and type a name. If you want to customize the way the folder appears (like stacked or fanned) click the menu button on your phone and select "Nova Settings", then "Folder" and choose one you like. To set Nova as your default launcher, press the Home button on your phone them select "Nova" and "Always" and it becomes your default launcher. To add widgets (like a clock) to the home screen, long press the actual desktop (not the icons themselves) and select "widgets"at the bottom and (just like adding icons to the homescreen) hold them down and they will show up on your default homepage.
There are dozens of threads to learn from, just Google how to customize Nova launcher and look for one from XDA. And once you learn there are threads to show off your work where you can post screenshots like the one I made here. Have fun and enjoy!
Tom 2.0
Click to expand...
Click to collapse
Purerawenergy said:
You're welcome. And you will have to find a launcher or program to support that sty type of layout.
Tom 2.0
Click to expand...
Click to collapse
its called a layout? do you know some app that can do it?
I've only used the ones that were built into custom ROMs, but you can try this one.
https://play.google.com/store/apps/details?id=infamous.apps.appsbarfree
It's amazing what you can find when you Google it...
Tom 2.0
Purerawenergy said:
I've only used the ones that were built into custom ROMs, but you can try this one.
https://play.google.com/store/apps/details?id=infamous.apps.appsbarfree
It's amazing what you can find when you Google it...
Tom 2.0
Click to expand...
Click to collapse
thanks its looks good but can i do folders in this app or it is just a quick launcher? there is another way to do something like that in nova? i looking to do something like the pics i posted here