Modern Photoshop Tutorials
Create a Clean Modern Website Design in Photoshop
Build a complete website design mockup for a fictional design studio, starting with the creation of the initial layout then moving on to designing the individual page elements. The result is a modern, crisp and clean webpage layout ready for coding. ... Read More
Design a Sleek and Modern Hosting Layout
Seeing numerous host startups around the web, we decided it was time for a hosting layout tutorial. This layout features dark elements with bright text and cool buttons. As always, don’t forget to download the free PSD that comes along with the tutorial! ... Read More
Design a Minimal and Modern Portfolio Layout with Photoshop
In this Photoshop web design tutorial, we’re going to create a mock-up of a clean and modern-looking website. This is Part 1 of a tutorial series that will show you how to create the design, and then convert it to an HTML/CSS template. ... Read More
Design a simple, modern web template
Today, we present a tutorial by Dedrick Payne on how to create a simple, but modern web site template from scratch in Photoshop. In this tutorial we will create a modern web page design in photoshop. ... Read More
Create a Dark Modern Contact Form in Photoshop
In this tutorial, we'll be creating a dark, modern contact form in Photoshop. We'll use some layer styles and some basic effects to give a metal cut-out look. Nothing too fancy but some pretty effective styles. ... Read More
Create a Modern Lab Theme Web Design in Photoshop
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 w ... Read More
Design a Slick Modern Pricing Table UI in Photoshop
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 ... Read More
Learn How To Create Modern Dark Wordpress Layout In Photoshop
This time you will be learning how to create a simple dark WordPress style layout with really detailed step by step instructions and a lot easy to follow and understand screenshots. ... Read More
Modern 3D Text Effect
In this Photoshop tutorial we're going to step outside my usual Photoshop Only philosophy and use the 3D rendering power of Adobe Illustrator to create a cool little 3D text effect. Don't worry noobs, you don't need to know anything about Illustrator, as usual I'll coach you through the whole process. ... Read More
Design a unique header for your website with Photoshop
In this photoshop tutorial, you will learn about some great techniques about making header, buttons and some more web graphics. easy to follow tutorial with a lot of images! ... Read More
Design Studio Header
In this tutorial you will learn how to create a design studio header for your website. If you have any questions about this tutorial be sure to ask in the comments. Also, remember with all the tutorials, the psd is available for download. ... Read More
Creating an Interface Slider Graphic in Photoshop
Slider graphics have become a widely used trend in web design. They come in all shapes and sizes, and are only limited by your imagination in how they look and perform. Creating these sliders in Photoshop is extremely easy to do. In this short tutorial I will run through my process for creating a slider graphic using layer styles. ... Read More
How To Create a Stunning Vista Inspired Menu
This tutorial will show you how to make a semi-transparent Vista-inspired menu using gradients, shadows, and blurring to produce a stunning modern effect. ... Read More
Create a Grungy, Translucent Web Portfolio Design
Not only have watercolor brush strokes become a popular trend in modern web design, but so have advanced layers of transparency (or what I call, translucence). The new Envato design has received a lot of kudos for using this effect, and this tutorial will show you how to create a similar effect, while combining it with other popular web trends. ... Read More
Create a Slick External Hard Disk in Photoshop
In this tutorial, he walks us through the creation of a simple, yet modern looking hard disk. ... Read More
Create a Mixed Media Style Design In Photoshop
Learn how to create this creative mixed-media composition in Photoshop! You will learn how to combine different graphic elements with extensive use of layer masks. This is a great tutorial for designers who want to experiment with a more modern approach to digital collages.
... Read More
Create a 3D Typographic Illustration
Modern artists often use more than one application to create their work. This often means working outside of Photoshop much of the time. In this tutorial, João Oliveira will create a 3D typographic illustration using Cinema 4D to build the 3D and Photoshop for the post-production. Let's get started!
... Read More
Create beautiful lighting effects
In this tutorial, Toronto-based Murilo Maciel will reveal how he used Photoshop to create a fashion illustration with lighting effects, based around themes of beauty and light. He describes this artwork and the techniques behind it as a more contemporary version of the first piece he ever created for us, back in 2007 (read it at here). Murilo will d ... Read More