One of the hardest traits designers must master is restraint. Designers are creators, and we want to create as much as we can. We want to display our abilities, our tricks, and our techniques in all the work we do. But the best designers know that simplicity–knowing how to use just the right design elements, and nothing more–is effective in conveying a powerful message. This collection features clean and elegant web designs for your inspiration.
Script fonts are designed to mimic the fluidity, capriciousness and irregularities of handwriting, and thus, they appear to have a congenial and organic aesthetic when juxtaposed against the systematic and precise characteristics of, for example, traditional sans-serifs. The free script fonts in this collection are strong, powerful and ready for professional use, and they’re free.
In this second part of this web design tutorial series, we will convert the vibrant and professional design we designed in Part 1. We will use HTML5 and CSS3, as a proof of concept and as a way for you to learn these upcoming W3C standards through practice. We will also use the 960 Grid System to speed up development time.
Developing a workflow that lets you create web layouts quickly and easily while still satisfying your clients’ needs is crucial. In this Photoshop web design tutorial, I’ll show you a way to create a slick home page layout in the fastest time possible and with minimum web design skills. Let’s go!
This Photoshop tutorial features one of my favorite subjects: sneakers! We will take an awesome vector image created in Illustrator that was imported into Photoshop, and we will turn it into a fresh and modern design using layer styles, blend modes, and more. We will be exploring a few techniques for incorporating brilliant light effects into your artwork.
This free set of icons include items such as in-baskets, a briefcase, and a mug of coffee; items you would see on a professional worker’s workstation. There are 9 icons in various dimensions (32x32px, 48x48px, 128x128px, 256x256px, and 512x512px).
In this Photoshop tutorial, we’ll be using plenty of professional Photoshop techniques to create a scene right out of the fall of the Roman Empire. If you’re a fan of the movie 300 or the TV series Spartacus: Blood and Sand, then you will recognize the style of this image. You can’t ask for a better story than one that includes epic disaster, warriors, and a maiden in distress. Here’s your chance to relive a violent chapter in history — and this time, no one gets hurt.
In this Photoshop web design tutorial, we will create a simple and elegant web layout of a portfolio site. We will create and use patterns throughout the design to give it that extra bit of class. We’ll use a variety of techniques, including creating patterned drop shadows, applying highlights with the Brush Tool, creating a basic button for the navigation bar, and more.
A dark color scheme can work extremely well in a web design. Using primarily dark color tones can produce themes ranging from elegant and modern, to grungy and stylishly retro. In this collection, you will find amazingly beautiful dark-themed web designs from a variety of industries such as design, music, and photography, for your inspiration.
Some common posters I keep seeing on Flickr are reinventions of movie posters, like the ones by Ibraheem Youssef, based on movies such as Scarface and The Big Lebowski. Most of the posters are very iconic in style, with some nice textures to simulate a vintage or minimalist look. Creating artwork inspired by movies is a good practice for creative thinking, and this is what we’ll try to do in this Photoshop tutorial, with the movie, Breakfast at Tiffany’s.
In Greek Mythology, the Centaurs are a wild and barbaric race of creatures — half man, and half horse. They have been described as typifying the struggle between civilization and barbarism. In this tutorial, we will create one of these mythological creatures by blending several images together and adding some dramatic lighting and depth to the scene. Grab your shield and prepare to do battle as we set out to encounter one of the greatest beasts ever known!
In this web design tutorial, I will show you how to create a layout for a web app’s website using Photoshop. We will create all the popular components of a web application website, like a "featured" area for a short description of the app, call-to-action buttons, screenshots/videos presentation areas to show the users how the app looks like and what it can do, a "features" area to present product features, and more.