Kyle and his mad design skills have been making things look good for nearly a decade now. While often being referred to as ‘one of the best kept secret in the design industry,’ the word is getting out. Based in Middle America, his skills have been remotely molded by professionals all across the nation. A master of ‘Web Design and New Media,’ Kyle specializes in user interface design, web design, graphic design, and pretty much anything else ending in design. See more, learn more and collaborate (more) at http://www.khdesigngraphics.com.
We’ve gone through a lot already in this series. I would like to think that from what we’ve covered so far you could start to design some pretty cool stuff! For this tutorial on buttons, I’m going to show you how to make an icon using just four circles. Yep, that’s it, just four! While four circles will get you something pretty cool, I’ll give you even more bang for the buck by showing you how to enhance the graphic by adding two more circles. Let’s get drawing!
(Continue)
Shapes have come a long way in Photoshop and knowing how to utilize them in your application can mean the difference between success and failure. Shapes can bring depth, balance and unity to your apps. This tutorial will introduce to you the Photoshop shape tool and teach you to draw basic custom shapes. In the process, you will be prepared for the next tutorial in this series: creating buttons.
(Continue)
Well, if you’ve read the first five articles in this series, you may be asking yourself: “How does all of this relate to Mobile Design?” The purpose of this introductory series is for you to add some new tools and ideas to your mobile design arsenal. This article is no different. Colors can make your application look professional and beautiful, but on the flip side, they can also make it look like your app was made by my five-year-old nephew.
(Continue)
Now that we have been introduced Photoshop and a couple of the most essential tools, let’s put the first four tutorials in this series to good use and make a nice background for a mobile application. Designing app backgrounds differs from designing desktop backgrounds in at least one fundamental way: you have to strip out all unnecessary clutter and only provide the user with what is absolutely necessary. Read on to learn more!
(Continue)
Welcome to the fourth tutorial in our series on Photoshop for developers! In this Quick Tip, I’ll introduce you to the Gradient Tool and demonstrate the fundamentals of how to use it.
(Continue)
Welcome to the third tutorial in our series on Photoshop for developers! In this Quick Tip, I’ll introduce you to the fundamentals of painting with the Bucket Tool.
(Continue)
Welcome to the second tutorial in our series on Photoshop for developers. In this quick tip, I’ll introduce you to the fundamentals of making selections with the Marquee Tool.
(Continue)
As a developer, you may have bought into the myth that Photoshop is a tool only comprehensible to the artsy folk. The goal of this series is to shatter that lie by showing just how easy it can be to begin to add aesthetically appealing touches to your mobile web sites and applications. You may not become Raphael overnight, but hopefully you will find the tips and tricks presented here as a fitting complement to your programming prowess. Ready to start learning the tool that can make apps “pop”? Let’s get started.
(Continue)
Have something to teach the world? Want to earn money doing it? Tutorials, screencasts, and articles published here on Mobiletuts+ are largely contributed by readers just like you! We'll pay you great money for good content. Find Out More
Follow Mobiletuts+ and Tuts+ on Twitter