In this web design tutorial I will show you how to create a web layout with a sleek and modern look using Adobe Photoshop. We will go from finding sources of inspiration to setting up the document in Photoshop and creating design elements that fit with the theme of the web layout. I will also give you some practical examples of how using smart objects in a web design project can improve your workflow and save you some time.
A thin sans serif font can help produce elegant and modern typography designs. However, you have to be careful at smaller font sizes because fonts with narrow widths can become illegible or hard to read when the characters are too small. If you’re on the hunt for thin/light/narrow san serif fonts, check out these 10 free fonts.
In this Photoshop tutorial, we’re going create a dynamic and powerful design with an eagle as the centerpiece. We’ll use Photoshop to bring together our concept by combining various hand-drawn elements with stock photos. If you’re ready to rock, then fire up Photoshop and let’s go!
Lifesavers (also known as lifebuoys) are iconic objects associated with maritime life. In this Illustrator tutorial, I will show you how to create a lifesaver using excellent Illustrator techniques, including the creation of a custom Illustrator art brush (which we will use for the rope around the lifesaver). We’ll end up with an illustration which can be used as an icon or design element in your projects.
Are you looking to add a little spark to you work? At Design Instruct, we’re always looking for ways to electrify your imagination – figuratively of course, but in this case, literally — and in that spirit, we’re providing you with some free stock photos of some power lines to shock your work back into life. We hope the 6 high-resolution photos included in this pack helps you flip the creative switch to the always desirable “on” position.
Using textures in a web design is a popular technique for adding a touch of detail to your work. Textures can be used in backgrounds, user interface elements, imagery, etc. to create visual intricacy. Sometimes, though, using bold textures can be overpowering and can become a distraction. In this visual collection, you’ll see web designs that use textures subtly and elegantly.
After college (about 3 years ago), I bought myself a used camera from a little camera repair shop in London. I paid 40 pounds. It was this manual 35mm film camera from that magical decade, the 80′s. It worked, had a sharp lens, a neck strap, and the old man who sold it to me gave me a free roll of film (which, at the time, sounded like the deal of a lifetime). Come on! Free film!
In this illustration/drawing tutorial, I will show you how to create a fancy gift box using Adobe Illustrator. We will use color gradients, vector shadows and blending in order to achieve a nice and semi-realistic look. For beginners, this tutorial will also be a practical, hands-on lesson on the Blend Tool, one of Illustrator’s most powerful tools.
This collection of fonts features distressed, grungy fonts that are perfect for when you want to make a messy design. The fonts are organic in nature, and often mimic hastily written, scratched or aged handwriting.
In this quick web design/user interface tutorial, I’m going to show you how to design a modern pricing table using Photoshop. Pricing tables can be frequently seen in subscription-based web apps (SaaS). We’ll be using various tools like the Horizontal Type Tool and Rounded Rectangle Tool to get the job done. I’ll show you how to create popular effects associated with current web design trends such as a modern web button.
In this graphic design tutorial, I am going to show you how to draw a realistic Apple MacBook Air. We will be using layer styles to make beautiful surfaces and manual tweaking techniques with the help of the Pen Tool, Convert Point Tool, Free Transform, Brush Tool, etc. to get the details just right. We will also cover how to create a slick reflection that can be used in many graphic design situations.
This is a free set of modern 9 web buttons that you can use in website interfaces, call-to-action buttons, web forms, etc. The PSD file is organized and can be easily modified to suit your needs. Enjoy!