A Random Package

You Can't Rush (pixel) Perfection

2014-01-03T18:22:00.002-07:00

About a year ago I started digging deeper into design and found one little gem that I shared with my circles a while back, The UsTwo Pixel Perfect Precision Handbook. Check it out, it's a good read and has come in handy on many a project of mine.

So what is pixel perfection and how is it achieved?

Well, the first step is getting those edges sharp. I won't get into such great detail as the iBook, but this is where it begins! It all comes down to crisp, straight edges that fill solid pixels, no half measures here!

Pixel hinting in Photoshop is a task that requires patience, zooming and a lot of nudging those anchor points into place. Check out the video after the break to see what I'm going on and on about.

So there you have it. Grab yourself a free copy of the Pixel Perfect Repression Handbook and get to cranking out those flawless designs.

Influx: A Surprising Addition to the Flood of Long Shadows

2013-12-29T11:00:00.000-07:00

I know what you're thinking. "Not another long shadow icon pack." Well this isn't that. Entirely. What makes Influx different is the love that goes into each pixel. You'll find no scripts or batch operations here. Each shape is in vector format and optimized and aligned to achieve pixel perfection before shining a little light on things. Using a subtle gradient structure and (finally) sticking to a fixed color palette, Influx is slowly proving itself to be my best offering into the world of Android customization.

Android App Icon Template (For Modern Devices) [FREEBIE]

2013-12-03T12:10:00.000-07:00

This template was created to make generating Play Store and app icons a breeze. It comes with three styles and multiple configurations to choose from. Designed with modern Android devices in mind it features a Nexus 5 mock up to see your app's new icon in all it's glory.

Update: Now has options for icon backgrounds that conform to Android guidelines.

So, what do I do with it?

Simply download the .PSD file below and open it with Photoshop.

In the layers panel, find the layer that's titled "Artwork" and double click the layer thumbnail.

What opens is a .PSB smart object, go ahead and choose your style and add your logo, artwork, etc.

Close the .PSB window and make sure to save the changes.

Once it saves all of the scaled icons will automatically render along with it.

Cool, now what?

Use the provided action to export the assets.*

*Using CS6? There is a known bug that saves the files as .html files. Simply rename the extensions to .png and you should be fine.

If you have any questions or something doesn't work, email me. arandompackage@gmail.com

Download the files

Nexus 5 Concept Lock Screen

2013-10-06T15:36:00.000-06:00

I saw a Nexus 5 concept by @TechyTee and knew I had to have the lock screen immediately......

So I went ahead and used a couple handy apps to create the sumbitch. First off, this is a Widgetlocker theme, however, the Zooper skins can (obviously) be used wherever.

I also threw together a handy installer app for the skins and the slider. Get it HERE

Need a dark wallpaper? Get one HERE

Use an image editor (Photoshop, GIMP, etc...) to personalize the widget. 225x225 pixels is a good size. ;)

It's French For Timeless

2013-09-17T11:09:00.001-06:00

Éternel

Influenced by modern design and inspired by minimalism, Éternel is an attempt to beautify your Android device. Paired with Apex launcher take the experience further with a themed application drawer. Enjoy wallpapers personally curated from brilliant artists like Merek Davis, Kyle Gray and others.

With 277 skinned icons at launch this theme should take care of your most used apps. If not, use the built-in request feature.

A New Hybrid Dash

Over the past couple of months, in my spare time, I have been mixing up a new theme dashboard. Using the1dyanasty's template, features from BigDx's source and a new upgraded Widgetlocker section, I've picked only the features that you guys have been most vocal about. As such, wallpapers are now back in the dash. I have also been working with Zooper widgets and plan to make the switch and include some skins down the road.

All of your favorite themes will be updated to the new hybrid dash in due time. I'm also trying to figure out how to package up all versions of FlatCons into one dashboard. Wish me luck on that one ;)

Demo

Full Version

365 Days of Random: A Year In Review (Sort Of)

2013-08-20T09:56:00.001-06:00

Wow, an entire year has passed since I started sharing my themes and icons with the world. When I look back, it all really got started when I was rocking a Blackberry Storm 1. However, I didn't really get into making high quality icons and themes for Android until August of 2012. With nowhere near enough thanks to the minds behind MyColorScreen and r/androidthemes for creating awesome communities full of helpful people and great artists that were just a little bit ahead of their time.

Back then I was in between careers because of a bad back and just being basically fed up with the industry I was in. I was doing everything I could to learn Android development on my own. Staying up all night studying the sample projects included in the sdk, spending countless hours on thenewboston.org, learning about the Android kernel and even compiling my own for my Evo. I was having too much fun and decided that, after tons of research, I could possibly make a career out of this.

So I set off to make an app. I was going to call it "Geo Tasks"(1)..you can imagine what the app would do. It would have been a location based reminder app. Sounded so simple to me at the time. There were one or two apps like this in the Android Market but they didn't work. So I thought that I, with my limited knowledge of java, would set out to solve that problem. Kind of naive, yet I pushed on.

Eventually I needed some graphic assets for the app. I fired up my girlfriends MacBook and went to town in Photoshop. Only problem was my skills were lacking. That's when I found TutVid and other helpful design sites and suddenly realized that if developing for Android was going to be a fun career, then DESIGNING for Android would be, just, pure bliss.

So I started a project, lets call them Greycons. :) And released them on XDA as a zip file to some success. Hell I figured one dowload would be a success so in that regard, I knocked it out of the park so to speak. I had multiple requests to make them into an apk. But I wasn't quite sure how to do that. I took it as a challenge and quickly found the Apex Theme Guide on XDA. Even more helpful developers and designers were to be found there. With their input I was able to put together the apk and release it. The real task was compatibility. Scouring the tutorial I found so many tips and tricks for handling other launchers.

I then even put together a repo on Github hosting the template that I had put together using all those tips and tricks.(2)

But after a while that just wasn't enough. I had used other designers icon packs that used the dashboard style UI and I wanted in. I had the honor of being offered the chance to be part of a project that included new source code that I could study. (Thanks Addie)

Since then I have gotten an invitation to dribbble and recognition from devs and designers alike that I look up to. I don't know if you can imagine how cool that is to me. And more work just keeps coming. I love it and never want it to stop!

Anyway, I've rambled on long enough. Flash forward to today and all I can say is WOW. I never thought I had it in me to be a designer but that is one huge life lesson to anyone reading this. Sometimes it can take 25 years for one to find their true passion or calling in life. I thought that I would be running an asphalt company for the rest of my life five years ago. That was such a depressing thought. Now when I look to the future I get nervous, but in the good way. Ya know, when you're excited about the unknown and what may come. Priceless.

1. Obviously I was in way over my head with this project so I scrapped it. Since then there have been more efforts to get this kind of app off the ground.

2. I also started a tutorial channel on YouTube to try and give back some of the things I've learned. Check it out.

The Future of FlatCons

2013-07-26T15:48:00.000-06:00

I'm sure everyone thinks that I have abandoned Flatcons, don't fret because I haven't. As I learn more about automation and batch operations with PhotoShop, I'm going to try to get more updates like this out there. This update, which includes 100 icons, was not done using automation (it still looks bad IMO and I'm still ironing that out). Look for more flatcon updates throughout the week and a new color or two just may join the mix.

Download Version 1.8

Update: Screw batch operations. I'll still make each Flatcon individually.

Google Play Badge (FREEBIE)

2013-07-11T15:35:00.002-06:00

Google Play Badge

Download the PSD

A new kind of Jive

2013-06-07T15:00:00.003-06:00

Jive Icons are compatible with most third party replacement launchers (Apex, Nova, Holo, ADW, GO, TSF and Next). Optimized for high resolution devices and look amazing on tablets and phones alike. At 144x144 these vector icons also scale down to look just as sharp on smaller screens.

Features

-Over 200 handcrafted icons to get started
-Compatible with Apex, Nova, Holo, ADW, Go, TSF Shell and Next Launcher. May work on other launchers, I just haven't tested them.
-Five wallpapers using the flatui color palette
-Font included is Suisse BP
-Analog clock widget
-Wallpaper chooser
-Icon request feature by Big DX

Download them from Google Play

I have also just put together a demo version. It includes fifty five icons and five wallpapers so you can get a feel for the theme. Some features were removed, i.e the clock widget and the icon request feature.

Try the demo version

WidgetLocker Theme Collection

2013-05-20T11:29:00.002-06:00

WidgetLocker Themes

Download MNML iPhone Here

Download Jive Slider One

Download Jive Slider Two

Download Jive Slider Three

Download JB MNML (small)

Download RNDM SNSE

Personal Mark 4

2013-05-02T05:48:00.000-06:00

Final draft of personal mark 2013

Battery Bar Three

2013-05-01T14:18:00.002-06:00

Available on Google Play as a donation apk
Download

Or get the .uzip's for free
Download

Nova Launcher Wallapers

2013-04-30T10:03:00.000-06:00

To apply these wallpapers in Nova Launcher, first download them to your sdcard, then open your gallery app of choice and navigate to desired wall. In the options menu, select "Set as Nova Wallpaper". Easy.

Dark Blue

Minimo Wall One

Stock'd One

Stock'd two

Stock'd three

Flatcon Walls

The color palette used for Flatcon Wallpapers can be found here

Clean Desk Clock

2013-04-28T20:41:00.001-06:00

Clean Desk Clock

uccw skin

Download .uzip here

Download app from Google Play

Save The Date

2013-04-28T09:25:00.000-06:00

Tweak the Apex Theme Sample For Ultimate Compatibility

2013-04-26T17:55:00.001-06:00

A Quick Tutorial

First of all, here are the links I mention in the video.

Original tutorial(to be examined thoroughly)

If you have questions, read ALL the posts before asking.

The blank template repo (git)

If you don't know Github, just click download as .zip, however, feel free to clone and fork if you do.

The ADW theme repo (git)

Useful information is never wasted. ;)

And finally, the video.

Because sometimes, it's just easier to watch someone else do it first.

Thanks to Dennisxl, Kovdev, Blackbearblanc, Sammycakes, Pooley :), Bagarwa and more...

Stock'd Icon Pack

2013-04-24T15:10:00.000-06:00

Available on Google Play.

Download them now.

Compatible with the following launchers: Apex, Nova, Holo, ADW, Launcher Pro

How to apply icons

Apex Launcher

Menu> Apex settings> Theme settings> Choose Icons> apply

Nova Launcher

Menu> Nova settings> Look and feel> icon theme> select icons

ADW Launcher

Menu> ADW Settings> Themes> Select Icons> Apply

Holo Launcher

Menu> Launcher Settings> Appearance Settings> Select Icons

To change icons on your homescreen:

Long press app icon then select edit, then tap the icon and select the icon pack from the menu that pops up.

If the theme or skin does not show up in the theme/skin selection list, shoot me an email and I will send you the fix. It's easy and takes only minutes as I can reply with the fix from anywhere. Please don't just ask for a refund or leave a bad review. That's just in poor taste. Happy theming!

All of my icon packs will be updated regularly based on request sent via email.

EOS 4.0 Review {Galaxy Nexus}

2013-04-11T09:30:00.000-06:00

When I purchased my shiny new Galaxy Nexus, the first thing I did, obviously was unlock, get root, and search for the best ROM/Kernel combo. After many a flash session I stumbled across Team EOS ROM over on XDA. It already featured the kernel that i’d come to love, LeanKernel by Imoseyon, and they boasted of the EOS control center so I took it for a spin. After three weeks on the ROM, I like it so much that I think I’ll stick with it, and I’m an admitted flashaholic. With a constant flow of stable nightlies, I still get my fix every few days.

The breakdown

Features

EOS Control Center

The EOS control center is much like AOKP’s ROM control. It’s built into the system settings and from there you can customize the interface, performance, and device settings.. It has everything you’d expect in this area. However, I would love to see more customization options, especially in the navbar and quick settings.

NX Gesture Bar

This feature is really cool, if you’re into swipe gestures. What it does is disables the softkeys in the navbar, and enables swipe control. Swipe left for “back”, up for “home” and right for “recents”. It’s extremely responsive as well.

Battery Life

Without so much as changing the governor, I was able to squeeze out at least eighteen hours of use with a screen on time of roughly three hours. That’s impressive, at least for my Galaxy Nexus. With some simple modifications to the kernel through EOS Coontrol Center and some changes made in ROM Toolbox, I’m currently at 47% and twelve hours. Some simple math tells me that I’ll be getting close to a full day on one charge, so I was able to gain a few hours of juice. Nice.

Development

The EOS ROM is available on multiple devices, and the team is obviously working hard to deliver those nightlies I spoke of earlier. Support is good, but their website needs an update. According to the devices page, EOS is available for the Moto Xoom, Asus Transformer tablets and the Galaxy Nexus, however I’m sure I saw a video for EOS running on the Nexus 4. So far the only bug I’ve noticed is when the kill all button is enabled in the recents window, killing all apps creates a noticeable lag, nothing major. Of course I haven’t flashed the ROM on any of the other devices, you’ll have to check out those threads for bugs.

Details

EOS 4 is based off AOSP and uses some Cyanogenmod branches so it can run on some legacy devices.

Daily Driver?

Most definitely. There are plenty of custom ROMs available for flashing. What I dig about this one is that it’s lightweight, comes bundled with a great kernel, has a steady flow of nightlies and an awesome team of dev’s backing it up.

Check out team EOS and download builds via the links below.

Source: Android Dissected

FlatCons

2013-04-05T17:01:00.000-06:00

FlatCons for Android

Now available free of charge!

Flatcons White on Google Play

Flatcons Blue on Google Play

Flatcons Red on Google Play

Flatcons Purple on Google Play

Download Black for free!

Donate a buck. :)

Flatcons by Alex Miller is licensed under a Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International License.

Personal Mark

2013-04-03T15:23:00.002-06:00

Freebie! Android Devices [Flat+Wireframe]

2013-04-02T11:23:00.003-06:00

(Requsted) Note II Titanium

Galaxy Nexus

HTC One

Note II

Galaxy S IV

Nexus 4

Xperia Z

Wire Frame Devices

I was practicing in Illustrator the other morning, with the pen tool among other things, and these just kinda came to life. Get 'em for free at the link below, use 'em for whatever.

Download the .PSD, .AI's &.PNG's here

Adobe Illustrator CS6 for Windows - Download 65186176 (Google Affiliate Ad)

Adobe Illustrator CS6 for Mac - Download 65186175 (Google Affiliate Ad)

Random Studio Logo Concept

2013-03-30T09:27:00.003-06:00

Playing with logo ideas. I don't think the superuser logo will be used so I tried it out on my brand.

Digital Slab Uccw Clock

2013-03-29T10:24:00.002-06:00

Digital Slab is a responsive clock for UCCW

Set using a 4X3 Uccw widget

Update 4.02.13: Now more centered

Free download

Donate version

WidgetLocker slider can be found here

Google Nexus 7 32GB Tablet (Google Affiliate Ad)

[App Concept] Dribbble for Android

2013-03-15T22:49:00.001-06:00

There's something missing from Google Play....an official Dribbble app.
Here's a concept of what it might look like.

Click here for a full view of all the screens.

(when you get there zoom in) :D

[Tutorial] How To Make A Custom Google Maps Icon Using Photoshop

2013-03-11T11:00:00.000-06:00

Let me start by saying that I used Photoshop CS6 to make this but you can use almost any design software to create it. The base we will be creating can be used for an icon set using the mask we’ll be making as well as stock images or your own. I’ve included the PSD file for easy reference so download it and fire up Photoshop, let’s get started! (Here's the video tutorial if you hate to read. :D)

THE BASE

Step 1: Open a new document. Name it whatever you like, set the size to 512x512 pixels and the ppi to 300. Set the color mode to RGB.

Step 2: Grab your rounded rectangle tool,(It’s hiding below the rectangle tool). Now click somewhere near the center of your artboard and set the dimensions to 490x490 with a corner radius of 66 pixels. Hit enter, now double click the layer in the layers panel and rename the layer “base”.

Now hold ctrl+a to select everything, switch to your move tool (v) and up in th etop toolbar click the indicators to center the square. Hit ctrl+d to deselect. You should now have something that looks like this.

Step 3: Make a copy of the square by holding down ctrl and tapping J on the keyboard. Hide that layer for now by clicking on the eye next to the thumbnail in the layers panel.

Step 4: It’s time to add a gradient to the base. With the base layer selected, click on the “fx” icon at the bottom of the layers panel and select “gradient overlay”. In the new dialog box that pops up click on the actual gradient to open up the color picker. Double click the color stops and type in C5C5C5 for the hex code on the first color, and E4E4E4 for the second. Leave everything else set to default and click ok until you are back at your artboard. You should now see something like this. (without the shadow)

THE ICON

Step 5: Now draw out a long skinny rectangle using the regular rectangle tool making sure to draw it all the way across your artboard. Like this:

Hold ctrl+T to bring up the transform tool and, holding shift, rotate the rectangle over the top right corner of the base. Rename this layer to “One”. Copy that layer using cntrl+J and rotate it across the right side of the base, a little lower than the corner. Repeat the process until you have something like this:

Step 6: Arrange the rectangles in this order in the layers panel: Two>One>Five>Three>Four. Now select both One and Two using cntrl+left click. With the rectangle tool selected change the fill of the shapes to D7D253. Now select the remaining shapes and color them AEAEAE.

Now draw a brown rectangle to add some color. Use the color code A6917D and place it below all of the “street” layers. You should now have something like this:

Step 7: Group all the rectangles together by selecting them all and hitting ctrl+G. Then right click on the group in the layers panel and select “merge”. Now select the base layer, right click it in the layers panel and select “rasterize layer style”. Reselect the group of shapes and right click, select “create clipping mask”.

Step 8: Next up on our to do list is the little blue location indicator. Grab your ellipse tool and, while holding shift, click then hold down alt as well and drag out a circle. Place it over the number three layer. Let’s give our circle a subtle blue gradient. Go to fx>gradient overlay and set the gradient colors to 88adc5 and 84b1d1. While you've got the fx box open, give it a drop shadow and lower the shadows opacity to 75% with a distance of 7 pixels and a size of 13 pixels. Set the angle to 90 degrees. Click ok. It should now look like this:

THE MASK

Step 9: Make one last copy of the base layer. Right click on it and select “clear layer style”, then move that bad boy to the top of the list. Up in the navigation panel go to filter>noise>add noise and make sure uniform is selected and give it 4% noise, click OK.

Step 10: Let’s add a gradient to the mask. Set the foreground color to eeeeee. And go to fx>gradient overlay. Once in the fx box, select foreground to transparent gradient. Set the style to radial, the angle to 90 degrees and the scale to 150%. It should now look like this:

Now just decrease the opacity of the mask layer to 29%.

Step 11: Next we will give it a nice subtle drop shadow. Re select the base layer. Go to fx>drop shadow. Set the color of the shadow to 595957. Set the opacity to 48%, angle to 90 degrees and both the distance and size to 5. It should now look like this:

Finally, save it as a .png image file. If you’re going to be making an icon set, be sure to place your themed icons in-between the base and mask and save them individually. Thanks for reading, I hope you had fun and learned a thing or two along the way.