Scrolling Wallpaper 2.0
Instructions and files after the break!
Please consider a small donation, to help me fund my caffeine addiction. More caffeine = less sleep = more themes!!
This is a follow up from my original scrolling wallpaper tutorial posted on XDA.
Download the source files, they contain all the images and Photoshop files for you to create your own.
Again I have this set up for 6 screens, it is possible with less, all you have to do is move the icons on the wallpapers proportional to how many screen you have. For example if I were to want 5 screen my icons would have to be placed 120px apart, not the 96px I’ve used here.
Some of these settings may only be available to LauncherPro Plus users. I highly recommend purchasing it to support the developer. It is very themer-friendly.
Tutorial
Step 1.
Download and extract the source files to your sdcard, leave out the “PSDs” folder and “screenshots.png”.
Please note, the included wallpapers are only for 800*480 screen resolution. For alternate wallpapers and docks please get them here.
Step 2.
With ‘Wallpaper Set and Save’, set the wallpaper. It should be in \sdcard\Wallpapers\. This eliminates the gradient banding.
Step 3.
Set up Launcher Pro with the following settings
Homescreen Settings
Number of screens = 6
Default Screen = 1
Number of Columns = 5
Number of Rows = 5
Auto-fit Items = Ticked
Appearance Settings
Dock Background – Custom – set included dock
Hide Notification bar = ticked
Hide icon labels = ticked
Disable wallpaper scrolling = unticked
Step 4.
On screen 1 add transparent icons over the left hand bar, to do this;
Long press home screen > Shortcuts > LauncherPro Shortcuts > Screen 6 > Remove Label > Tap the icon and change it to “blank.png”. Move the shortcut above “Settings” (top left). (Edit – forgot to include the Blank.png. Find it here)
If you are getting a black screen and can’t select the shortcut, verify the *.lps files are in folder “lpshortcuts”, “download” or “downloads”. This should fix the issue. More info here.
Repeat this for screens 2-5
Step 5.
Add dock icons to dock. This is my setup.
Position 1 – Links to home page, swipe for App Drawer, blank.png
Position 2 – DialerOne, swipe for Missed Calls popup, dial.png
Position 3 – Browser, web.png
Position 4 – Messaging, swipe for Unread SMS popup, text.png
Position 5 – K-9 Mail, Swipe to show notification bar, mail.png
That gives you the basis of the theme. More grey text icons are here.
Banners and Icons
Icons are a mix of mine and CHRFB’s ‘ecqlipse 2‘ with the reflections removed, I’ve been given permission to share these here. I highly recommend checking out his work, it is very nice!
I’ve added banner icons to each page with Desktop Visualiser and linked them to a Folder Organizer Label. The icons along the bottom are added with desktop visualiser. Banners are ‘3×1’ and icons are ‘Small’, be sure to remove the label before you add it
Widgets
Analog Clock – Own Mod
Genie Widget – Own Mod
Beautiful Widgets – “Beautiful Weather 4×1” – FlatWhite skin by Simen Opsahl
I hope you have fun with re-interpreting this one too.
Credit
Thanks to teejaymarx at XDA for testing this HVGA devices.
Thanks to CHRFB’s for his icons and graciously sharing them.
Google and HTC for the phone.
Hey ClassyGas,
Could you provide me (us?) with the wallpapers without the icons and text?
For use with WidgetLocker so I can make a clean lockscreen with the same background?
Personally I’m thinking of using the pink/orange wallpaper.
Thanks
The pink/orange wallpaper is in the dropbox, the blue wallpaper was from pa.pn2′s dropbox
thanks
For step 5, position one, what does “links to home page” mean? Thanks.
It means it is linked to Screen 1. Use the .lps file for screen 1. This means that hitting position 1 will bring you back to the “home screen” where you can then quickly jump to other screens. Hope that makes sense…
Gas
Yes, that makes sense, got it, thanks!
Do we need root to install the clock?
Yeah you do. A standard APK mod which doesn’t require root is on my (very long!) to do list!
Hi
2 questions:
When I set the wallpaper on my desire HD it doesnt fit it all onscreen, is this supposed to happen?
How would I install this using ADW launcher ex?
Thanks
It should fit on the Desire HD if you have followed the instructions correctly. Be sure to use the correct number of screens.
ADW Ex is unknown territory for me. All you need is custom Dock and the ability to have shortcuts to different screens. If ADW Ex can do this then this should work.
Gas
Hi
Great look. Tried implementing it but have come stuck upon banners.
“The icons along the bottom are added with desktop visualiser. Banners are ‘3×1’ and icons are ‘Small’, be sure to remove the label before you add it”
Using the 5 banner icons, i have added them with desktop visualiser. But mine do not fit like above on my DHD.
I have rotated the supplied banners and added them 1×3, and then tried to resize. Im sure this is wrong, but cant see why?
Why is 3×1 being used instead of 1×3 ie 1 horizontal, 3 vertical, given they are vertical icons. Adding a 3×1 produces a horizontal banner. How would I resize and rotate these to fit without gaps? Finally, where is ‘Small’, I have not seen this anywhere?
Sorry for the longness..hope you can help
The 3×1 is from the way Desktop Visualized (DV) creates their widgets. I agree that 3×1 would usually produce a vertical banner but DV measures columns then rows. You should not need to rotate anything.
“Small” is now known as 1×1
DV adds a 5px buffer around the images so you can never get them in without gaps unfortunately.
Gas
Hello and thx for this great tut!
When i go trough i’ve got a problem.
How can i delete or disable the standard icons on the bottom of the screen like the telephone handset icon?
I’m using CyanogenMod 7 2.3 Gingerbread on an htc desire HD
If using Launcher Pro as your launcher long Press the icon you want to change. You should get a menu which is fairly self explanatory.
If you want an action with a blank icon be sure to select blank.png as the icon.
Hope that helps
Gas
[...] In letzter Zeit empfand ich das Aussehen meiner Homescreens zunehmend als langweilig. Zwar war es stets aufgeräumt und dank Folder Organizer alles schnell und übersichtlich im Zugriff… aber glücklich war ich damit nicht so recht. Es musste also ein neues Theme her. Der Weg führte über Launcher Pro, in Verbindung mit ein paar neuen Widgets zu einem für mich völlig neuen Aussehen der Oberfläche. Schade ist nur, dass mir das nicht selbst eingefallen ist. Daher ein dickes Lob an den Vater dieser Idee. [...]
Awesome work! I’ve translated your Tutorial into german on my blog and linked to your site.
Just donated! Go on developing such stuff. You are a real inspiration.
[...] Der Diskussionsthread zu: Zeigt her Eure Desire HD Homescreens – die zweite (Teil Scrolling Wallpaper 2.0 | themeDROID hab jetzt diese Anleitung befolgt, alle 5 Steps befolgt! Aber das mit den Banner check ich nicht! [...]
Absolutely brilliant work! I don’t supposed anybody knows what font was used to create the wallpaper? I’m trying to replace some of the words but can’t quite find a match.
I should have just searched the previous comments. Unfortunately it’s not a free font but I replaced all of the text with Arial. Don’t like it as much, but at least it works.
Nice work mate, donated!
[...] [...]
[...] 1 van jullie dat? Die lijkt me namelijk wel lekker snel. Ik gebruikt nu ook scrolling wallpaper, Hier kan je zien wat het inhoud en de tutorial. Werkt goed en ziet er mooi uit. En als ik dan een [...]
I have a question with respect of changing the text on the left and on the bottom. I don’t mind using another font (saw that the one you used was not free).
For now i want to change “WEB” into “Contacts” and “social” into “news”.
Not asking if you would like to do it for me, cause understand that you are very busy. But how can i do it myself? If i open your standard files, can i adjust the text easily or do i have to modify the complete picture, which is more difficult?
Hi.
Awesome tut. Trying to get it setup for my hero. How do i change the text and icons in the bars? Looked at psd file, but i can’t change anything there. Where are the icons i the “bar” underlaying the dock from?
Great work man
Ahh, sorry for beeing a tard, just found out that i can’t edit the text in the psd files with GIMP
That sucks, I thought GIMP could read and edit PSDs
[...] This post was mentioned on Twitter by eror24, eror24. eror24 said: @BuBBleB_Aon @iTouchz amazing launcher pro http://bit.ly/eHiHHv ทำแล้วเมื่อวานโครตสวยครับ [...]
Thx for the tut,
i’m using sony x8 and 6 screens doesn’t suit to my droid. i want to make 5 screen.
what icon you mean with this “For example if I were to want 5 screen my icons would have to be placed 120px apart, not the 96px I’ve used here”
I was referring to the icon spacing.
If you were to want 5 screens the centre of each icon would need to be spaced at 120px. I hope that clarifies it.
Hi again.
Sorry for “spamming”, but once i got started i got a lot of questions. Where is the icons that you is saved onto the wallpaper from? Got an icon pack or something?
No icon pack, I made them myself!
[...] [...]
hi i wish to use my own wallpaper but how do i get the Settings/multimedia/etc tabs on the left hand side of the screen. I tried messing around with Desktop visualizer but what should the action be?
You need to put one of the overlays over your wallpaper in ps/gimp then save as jpeg/png. You then need to use a transparent icon and link it to the desired screen sad in the tute.
Gas