In this tutorial we are going to create a minimal login interface using Adobe Photoshop. With some simple techniques we will create a beautiful login interface. We will be using some variations of the color gray to help keep the interface as simple, elegant and minimal as possible.
While anyone can follow this tutorial, it is ideal for beginners.Read More
Gadgets such as mp3 players, usb devices, iPhones, iPads, and other tablets and so on have now become an important part of our lives and these are also one of the most favorite subjects for the designing community. This is the reason why you see loads of gadgets being incorporated into web designs. This can be best achieved by using Adobe Photoshop; and there are heaps of Photoshop tutorials to help you improve your skills and techniques. We have compiled 40 gadget design tutorials that will help you create sensible gadget designs using Adobe Photoshop!
In this round up, we’ll showcase 40 of the most excellent gadget design tutorials from different sources. Look into these high quality tutorials and make learning experience more satisfying.Read More
Google Plus fans out there all know that Google+ got a redesign that makes it prettier and simpler to navigate. We are going to recreate the whole design. Imitating a design is a way to learn new things and apply it to future projects. What beginner’s will learn from this are how useful Direct Selection Tool(A), Pen Tool(P) and Shape Tool(U) can be in making a website design in Photoshop. If you haven’t added yet 1stwebdesigner into your Google+ circles add it now!.Read More
I’m back once again with another cool web interface tutorial. Today we’ll be making this sexy file downloader with crisp and clean details. This can be used for web and mobile applications, perfectly cool for smartphones and tablets too!
As you will see there are quite a lot details in here, the whole point and also the hardest part of adding details is to make them noticeable, but not TOO obvious. Make them soft, clean and smooth. Pick colors with not too much contrast and especially play around with the opacity until it feels right.
You’ll also learn how to create a simple pattern in your design with the use of the pen tool. Patterns can be a key to perfection in your designs. Use them wisely, too many patterns can destroy a design.Read More
In this tutorial we will be creating a small user-interface element. Most of the attention will be given to the slider, however we will do our best to improve the over-all look of the interface element. We will focus on the creation of a “filter” slider and a call to action button. We will try to achieve a nice color contrast by using a few tones of blue with a few gray tones. By adding really small details, we will improve the overall quality and look of our user interface piece. This tutorial is meant for designer of all levels, especially for beginners and intermediate level users with an approximate completion time of 20 to 40 minutes.Read More
Font! The word has a whole lot of science involved with it. Fonts are everywhere and those who don’t understand fonts use Comic Sans! Don’t worry, I am not diving into the never-ending debate of “Comic Sans in not a font” and related stuff. We are here to learn how we can create our own personal font. A point comes in everyone’s life when we want to see our own handwriting in the form of font. Also, one may just want to experiment with fonts and want to see something different in the fonts list in their personal computers. This is when you feel the need to create your own font. This article will try to dig into two different perspectives of this issue and find a solution in both cases.Read More
Howdy, today we will be creating a nice design for your online portfolio. What we will learn here is how you can use a combination of textures and patterns to create a nice old-school look and how to use guides in a smart way. Here is what we will be making:Read More