Shop Mobile More Submit  Join Login
DropUI (w/ Tutorial!) by xDeepS DropUI (w/ Tutorial!) by xDeepS
Here's how mine is setup: [link]

Update - 13th July 12
The tutorial post is live. You can view and get the other resources here: [link]

XDA Thread: [link]



It has been a while since I made a real homescreen, I had been using Windows Phone for a while before I got my Galaxy S3. You guys have no idea how suffocating those tiles were (But I still love the MetroUI).

So, I call this setup DropUI cause of the raindrops in it. I have this strange fascination about them, they calm me down. You might notice the edges have black spots, they're there so that the screen looks rounded too. Inside the screen is another layer (or I call it a base). The base has the nav, the dock and the folders. I had to include the dock inside the wallpaper and then use blank icons on my launcher cause 7x10 grid was a pain to work with.

I had seen many setups before I created this, the best and the most unique ones used SweeterHome which is a beta launcher and is clunky. I believe in functionality over looks so I chose one of the best launchers out there, Apex Launcher. (You can use GoLauncher too but Apex has some nice gesture controls.) I made most of it, I had to mash up two icon sets and add in some effects to them. (resources are listed below). Unlike most of the complex setups which make it really hard to change wallpapers, each of my homescreen changes its wallpaper automatically. I had to make couple of wallpaper variations but same wallpapers get boring after a while. The folders are made up of Simi Folder widget and the text is made up of Minimalistic Text.

What has been used:

  • Homescreen One Wallpaper [link] by ~electrostat

  • Homescreen Two Wallpaper [link] by ~AnaxOfTheos

  • Homescreen Three Wallpaper [link] by *OanaRayne

  • Homescreen Four Wallpaper [link] by !Stox

  • Homescreen Five Wallpaper [link] by !Stox

  • Lockscreen Wallpaper [link] by ~draftpodium

  • Homescreen Launcher - Apex Launcher

  • Widgets - Minimalistic Text, Simi Folder, Pure Messenger, Pure Grid Calendar, Power Controls, Stock ICS Search and PlayerPro Widget.

  • Icons // I had to mix/mash/customize em. // [link] by ~shanahben and [link] by ~xNiikk

  • Lockscreen uses WidgetLocker with Minimalistic Text and ICS unlock

  • Oh, and Miltipicture Live Wallpaper. Love that app.


Let me know what you guys think! If this gets popular enough I may release my resources/tutorial.
You can tweet me in Twitter @xDeepS too!



*View in full view by clicking Download Image to view in full resolution, you're missing out if you haven't done that!
**I have a Blue S3, looks better on it.
***It's posted on MyColorScreen, you may follow me on there too! [link]
Add a Comment:
 
:iconzeelectric:
Zeelectric Featured By Owner Nov 22, 2013  Student Interface Designer
Damn you
Reply
:iconxdeeps:
xDeepS Featured By Owner Nov 22, 2013  Professional Interface Designer
spam :happybounce: Headbang! :squee: OMG MOAR POEMS! I'm going to slap some sense into you! 
Reply
:iconkimilite:
kimilite Featured By Owner Sep 26, 2012   Interface Designer
Will be featured on androidbeautiful - [link]
Reply
:iconaur0r4:
Aur0r4 Featured By Owner Sep 11, 2012
Hey its me again...still using Drop UI :) is it possible to upload a wallpaper paket? That would be awesome
Reply
:iconxdeeps:
xDeepS Featured By Owner Sep 11, 2012  Professional Interface Designer
Hey there, I have included the PSD so you can create a new Wallpaper pack. Check my setup: [link]


Would you rather have me make a pack?
Reply
:iconaur0r4:
Aur0r4 Featured By Owner Sep 12, 2012
It would be very nice, yes :p
i've saw these amazing wallpapers in your video :)
Reply
:iconxdeeps:
xDeepS Featured By Owner Sep 12, 2012  Professional Interface Designer
I am sorry, which video?
Reply
:iconaur0r4:
Aur0r4 Featured By Owner Sep 12, 2012
[link] this one :)
Reply
:iconkellischwartz:
KelliSchwartz Featured By Owner Aug 20, 2012  Hobbyist Digital Artist
Can you tell me how to change the background, like the pictures, I don't quite know how to use photoshop but I can follow a tutorial on how to change them (just the background not the overlay)
Reply
:iconxdeeps:
xDeepS Featured By Owner Sep 4, 2012  Professional Interface Designer
I will create a screencast and message you the link, I am gonna be changing my wallpapers later tonight so will record it then.
Reply
:iconkellischwartz:
KelliSchwartz Featured By Owner Sep 5, 2012  Hobbyist Digital Artist
Thanks!
Reply
:iconxdeeps:
xDeepS Featured By Owner Sep 8, 2012  Professional Interface Designer
Here ya go: [link]

It's pretty simple, not a tutorial but will give you an idea of how it's being done. Feel free to message me, I can help you through it. Or message me your wallpapers, I'll email you updated walls.
Reply
:iconkellischwartz:
KelliSchwartz Featured By Owner Sep 8, 2012  Hobbyist Digital Artist
Thanks so much!
Reply
:iconxdeeps:
xDeepS Featured By Owner Sep 11, 2012  Professional Interface Designer
If you can, could you post your screenshots when done? Would be cool to see how others set theirs up. Here's my setup :)

I use a modified version with status bar support: [link]
Reply
:iconz438039843:
z438039843 Featured By Owner Aug 19, 2012
it's really pretty!!! love it a lot! can you tell me what theme you use , or what software to apply the theme you use ? i still use the original system but it' really ugly!! by the way , introduce a good theme software to me,thanks!
Reply
:iconxdeeps:
xDeepS Featured By Owner Sep 4, 2012  Professional Interface Designer
Read the description. Everythings there.
Reply
:iconz438039843:
z438039843 Featured By Owner Sep 16, 2012
Hey, I finaly got how do make. But I can not visit the download links of Drop UI PSD and theme, can you give me another link?
Reply
:iconxdeeps:
xDeepS Featured By Owner Sep 19, 2012  Professional Interface Designer
They're on this page. [link]
Reply
:iconz438039843:
z438039843 Featured By Owner Sep 23, 2012
My mail: 438039843@qq.com ,thanks
Reply
:iconz438039843:
z438039843 Featured By Owner Sep 23, 2012
Send me the PSD file, please!! Really love it!! Thanks a lot!!!
Reply
:iconz438039843:
z438039843 Featured By Owner Sep 21, 2012
Oh, what a pity that I can not visit the download links(T_T)...
Reply
:iconkartikpatil17:
Kartikpatil17 Featured By Owner Jul 13, 2012
plzz tell me abt hw to apply MIUI themes (not locker themes) , m usin galaxy tab p1000, android 2.3.3 n its rooted
Reply
:iconxdeeps:
xDeepS Featured By Owner Jul 13, 2012  Professional Interface Designer
Hmm I'll see if I can port it to MIUI, I have the PSD released on my website, you may try to port it. [link]
Reply
:iconkartikpatil17:
Kartikpatil17 Featured By Owner Jul 13, 2012
hey deep really appreciating ur work
still eager 2knw
1.how u managed to keep every screen in black shade (I managed it by keepin brightness very very low)

2.plzz tel me abt those label text (SYSTEM,SOCIAL,HOME,MEDIA) (is it minimal text)

3.plzz giv us the tutorial abt "how to use/apply those icons"



Reply
:iconxdeeps:
xDeepS Featured By Owner Jul 13, 2012  Professional Interface Designer
Here you go: [link] :)
Reply
:iconpacinamac:
pacinamac Featured By Owner Jul 10, 2012
I love your theme! Amazing! I would also love to see a tutorial.
Reply
:iconxdeeps:
xDeepS Featured By Owner Jul 13, 2012  Professional Interface Designer
Tutorial Live: [link] :)
Reply
:iconchillibo:
ChilliBo Featured By Owner Jul 9, 2012
still no tut :/
Reply
:iconxdeeps:
xDeepS Featured By Owner Jul 9, 2012  Professional Interface Designer
writing it right now!
Reply
:iconkartikpatil17:
Kartikpatil17 Featured By Owner Jul 13, 2012
hey deep really appreciating ur work
still eager 2knw
1.how u managed to keep every screen in black shade (I managed it by keepin brightness very very low)

2.plzz tel me abt those label text (SYSTEM,SOCIAL,HOME,MEDIA) (is it minimal text)

3.plzz giv us the tutorial abt "how to use/apply those icons"
Reply
:iconxdeeps:
xDeepS Featured By Owner Jul 13, 2012  Professional Interface Designer
Tutorial Live: [link] :)
Reply
:iconxynle:
Xynle Featured By Owner Jul 8, 2012
I have a few questions when I tried this out.

Firsly, how do you get the titles to saw system panel, social feed etc on the top of the widget? You got them in a row in the 4th screen with playing now, multimedia etc.

Secondly, how do you keep the grey, transparent background blended with the other widgets and the dock? Especially the minimalistic text.

Thirdly is just how you got some of the widgets to look like how they do? For example Power Controls appear in a single 4x1 line, not the way you have it. My Minimalistic Text looks completely different from mine and doesn't even have an option for lockscreen.

Sorry if this sounds a lot, but this all is really bothering me. :<
Reply
:iconxdeeps:
xDeepS Featured By Owner Jul 9, 2012  Professional Interface Designer
Hehe, its all in the background.

A1: Fourth screen has four widgets. One music player and three transparent Desktop Visualizer bars.

A2: Again, the nav was designed as a part of the wallpaper :)

A3: I used Apex launcher and had to enable widget overlap. And I use widgetlocker for the lockscreen.

Tutorial should be out in a few hours, will make it easier for you.
Reply
:iconxynle:
Xynle Featured By Owner Jul 13, 2012
In your tutorial if you havent made it already, or if you have can you include how to change PlayerPro WIDGET themes (not the app's themes, but rather what you have on your homescreen)

I don't know to use Minimalistic Text and Widget Locker AT ALL.
Reply
:iconxdeeps:
xDeepS Featured By Owner Jul 13, 2012  Professional Interface Designer
Tutorial Live: [link] :)

You may have to play with Minimalistic Text before trying this..
Reply
:iconkartikpatil17:
Kartikpatil17 Featured By Owner Jul 13, 2012
plzz tell me abt hw to apply MIUI themes (not locker themes) , m usin galaxy tab p1000, android 2.3.3 n its rooted
Reply
:iconsweetwaterpink:
sweetwaterpink Featured By Owner Jul 2, 2012
Wow! This is amazing work. I hope you release the tutorial.
Reply
:iconxdeeps:
xDeepS Featured By Owner Jul 3, 2012  Professional Interface Designer
This weekend :)

Thank you.
Reply
:iconaur0r4:
Aur0r4 Featured By Owner Jul 7, 2012
Wohoo! :) Can't wait for it!
Reply
:iconxdeeps:
xDeepS Featured By Owner Jul 13, 2012  Professional Interface Designer
Tutorial Live: [link] :)
Reply
:iconyadavthyagaraj:
YadavThyagaraj Featured By Owner Jul 1, 2012  Hobbyist Photographer
Nice work... :)
Reply
:iconxdeeps:
xDeepS Featured By Owner Jul 13, 2012  Professional Interface Designer
Thank you!
Reply
:iconco1r:
co1r Featured By Owner Jun 30, 2012
awesome =) pls release a tutorial!!
Reply
:iconxdeeps:
xDeepS Featured By Owner Jul 13, 2012  Professional Interface Designer
Tutorial Live: [link] :)
Reply
:iconxdeeps:
xDeepS Featured By Owner Jul 3, 2012  Professional Interface Designer
This weekend! :)
Reply
:iconhdderror:
HDDerror Featured By Owner Jun 29, 2012
whats that font you used? looks great
Reply
:iconxdeeps:
xDeepS Featured By Owner Jul 3, 2012  Professional Interface Designer
Fonts used are Optificio and Code Light. :)
Reply
Add a Comment:
 
×




Details

Submitted on
June 29, 2012
Image Size
3.0 MB
Resolution
5000×4518
Link
Thumb
Embed

Stats

Views
12,317
Favourites
46 (who?)
Comments
47
Downloads
232

License

Creative Commons License
Some rights reserved. This work is licensed under a
Creative Commons Attribution-No Derivative Works 3.0 License.
×