Last August, I put together a post called“Design like Apple — Seven Slick tutorials”Where I pointed people to the place where they could score some cool Apple product icon and imagery tutorials. Well since then there has been a lot of tutorials and resources around the web put together for those who want to design like Apple, and I wanted to expand the post to include Photoshop, web, designers, developers and more. So in the name of Steve Jobs, here’s Design like Apple #2 — The Mobile Generation”
In this tutorial we will learn how to make a realistic looking illustration of an Apple iPad using the Rounded Corner Rectangle, Gradient Mesh and Gradient Tool. Don’t let the professional finish fool you; this tutorial is perfect for beginners and experts alike
With the release of the Apple iPad, we all knew it wouldn’t take long for the first tutorial on how to recreate it would appear on the net. In this tutorial, you’ll be learning how to design the Apple iPad in Adobe Photoshop. We’ll be using various different tools, such as shape tools, gradient tools, different blending mode tools and loads of great techniques.
Another great freebie from iconshock, this set contains almost all iPad UI elements, including buttons, tabs, menus, keyboard, balloons, etc etc… very useful for designers and developers, it includes scalable and totally editable vector versions (adobe illustrator), enjoy it and spread the word twitting and stumbling.
This tutorial requires intermediate level skill in Adobe Illustrator. You should already have working knowledge of paths using Pen Tool, creating and manipulating shapes using Pathfinder, gradients, symbols, swatches, and the Mesh Tool. Sorry for newbie Illustrator users. But even if you don’t know much about Illustrator, this tutorial will at least give you an idea how this is done. I’ve seen some basic vector Illustrator tutorial like this around (I saw one from vector tutsplus) but the result is not very impressive, but still gets the job done.
This pack may be useful for mobile developers and front-end designers who need a professional way to show mock-ups to clients or to work out ideas. This set was designed by Renee Rist especially for Smashing Magazine and its readers.
Build a Promotional iPhone App Website Wireframe in Fireworks
Part 1 | Part 2
Fireworks is a great tool for creating a wireframe and while it doesn’t work perfect with Photoshop, you can export over there and then build off your wireframe. We’ll cover the design process of creating a wireframe for an iPhone application website in Fireworks. For those of you not familiar with this program, it will be a good jumping off point for using it to wireframe your web design projects. This is a multi-part series and will be fun!
What if you had a nickle for every time you heard: “I have the perfect idea for a great application!”? It’s the buzz on the street. The iPhone has created unprecedented excitement and innovation from people both inside and outside the software development community. Still for those outside the development world, the process is a bit of a mystery.
Since this is really my first “Brushes Post” and I’m just sorta playing with the whole idea, I wanted to explain a little bit why I’m doing these things. I downloaded the popular iPhone app “Brushes” created by Steve Sprang. I completely fell in love with this, and it gave me some hope that I would renew my promise to be a better classical artist, or at least stay in touch with my artsy side, free of the restrictions of tutorials or any sort of technical step-by-step process. My first creation is called “The Relationship.”
In this work, it was my first time through the program, so I had some stumbling points, and was learning only to work with limited layers, but I ended up being really delighted with the results. I wanted to represent the core parts of human relationships in my opinion. The red representing passion or the concepts of “love” which dominated the majority of the picture, along with the feelings people have for each other off to the left of the love. I started in with gold for trust, and yellow too. The truth is that gold runs through love and also stave’s off the green desire and doubt that we have in our lives. The blue is quite simply experience. Our experiences with each other are meaningful, and they sit next to our ability to trust, and doubt, and serve as the “cap” that helps us be able to determine if we love them or not.