Make a Simple and Modern Web UI Button in Photoshop

Make a Simple and Modern Web UI Button in Photoshop

This beginner-level web/user interface design tutorial will walk you through the creation of a popular style of buttons that can be used in a variety of situations, such as in call-to-actions, common user tasks such as submitting a web form, and buying products from your e-store. In addition to the creation of the graphic in Photoshop, we will go over the HTML and CSS needed in order to make the design fully functional.

Continue Reading

Create a Surreal Sci-Fi Movie Poster with Photoshop CS5

Create a Surreal Sci-Fi Movie Poster with Photoshop CS5

Posters play a vital role in marketing and publicizing a movie or an event. In this Photoshop graphic design tutorial, we will be designing a science fiction (sci-fi) inspired movie poster while exploring–and taking advantage of–a few new features in Adobe Photoshop CS5 that will not only save us time, but will also give us awesomely stunning results.

Continue Reading

Create Stunning 3D Text in a Grungy Landscape

Create Stunning 3D Text in a Grungy Landscape

The more you can learn about blending images and different elements together in Photoshop, the more freedom you will have in creating whatever pops up in your imagination. In this Photoshop tutorial, we are going to go over different digital-image-editing techniques in order to create a beautiful grungy and grainy composition that has 3D text (that we will make in Illustrator) as its centerpiece.

Continue Reading

Orb Social Media: Icon Pack

Orb Social Media: Icon Pack

This icon set, perfect for blogs and social-centered sites, has 32 different icons for popular web services such as Digg, StumbleUpon, Facebook, Twitter, and even icons for Apple, Windows, Evernote, and much more. Each icon is 256x256px and in PNG format, which can be resized down to your needs.

Continue Reading

Make a TRON-Inspired Photo Manipulation in Photoshop

Make a TRON-Inspired Photo Manipulation in Photoshop

This Photoshop tutorial goes over the creation of an action scene inspired by the movie, TRON. We will discuss surreal photo manipulation techniques that give the illusion that the subject’s arm and other parts of his body are disintegrating into light. The techniques in this tutorial use different transform tools, filters and adjustment layers to give phenomenal results. Great lighting techniques and atmospheric effects will also be demonstrated in this tutorial.

Continue Reading

Visual Inspiration: 30 Clean and Elegant Web Designs

Visual Inspiration: 30 Clean and Elegant Web Designs

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.

Continue Reading

Font Collection: 10 Free Bold and Beautiful Script Fonts

Font Collection: 10 Free Bold and Beautiful Script Fonts

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.

Continue Reading

Code a Vibrant Professional Web Design with HTML5/CSS3

Code a Vibrant Professional Web Design with HTML5/CSS3

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.

Continue Reading

Create a Vibrant Professional Web Design in Photoshop

Create a Vibrant Professional Web Design in Photoshop

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!

Continue Reading

How to Make Vibrant Cosmic Light Effects in Photoshop

How to Make Vibrant Cosmic Light Effects in Photoshop

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.

Continue Reading

Productivity: Icon Pack

Productivity: Icon Pack

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).

Continue Reading

Create an Epic Roman Empire Photo Manipulation Scene

Create an Epic Roman Empire Photo Manipulation Scene

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.

Continue Reading