150 The Best Photoshop Tutorials

I congratulate you with New year. I wish, that in New Year You will always accompanied with success. I wish you stable professional growth, successful fulfillment of all plans and inspiring creativity! It is last time to summarized all works that was completed in last year. Last year were created awesome Photoshop tutorials by many good designers. I am sure those tutorials were very useful to many peoples, who improved design skills thanks to these tutorials. I recheck almost all Photoshop tutorials (this was very time-consuming job, as last year were published hundreds of tutorials) and I create, Top the best Photoshop tutorials . I added the best Photoshop drawing tutorials, text effects tutorials, photo effects tutorials, photo manipulations tutorials, web layouts tutorials and design tutorials. Totally in this chart I added more than 150 the best Photoshop tutorials.

Best Photoshop Photo effects

Create a Pop Art Style Poster with Urban City Background in Photoshop

In this tutorial, you will learn how to create this Pop Art Style Poster with urban city background in Photoshop by using a combination of Photoshop Filter effects. This effect is discovered by accident. Along the way, you will use a lot of filter effects, masking technique, layer blending options, a number of selection techniques including the use of edge refining and magic wand. The steps are quite simple for this tutorial, however the end result looks good.

Pop Art Style Poster

Create a Realistic Break-Apart Effect with Debris Brushset in Photoshop

In this tutorial, you will learn an interesting technique to produce realistic break-apart/disintegration effect in Photoshop by using debris brushes, with a watercolour background attached. There are many tutorials on the web showing techniques about break-aparts but, it never hurts to learn more It will be a bit boring if the whole tut is just to break something apart, so we will also combined a bit of photo retouch techniques along side and hopefully they can be useful to you as well. We will be using layer blending options, masking, the pen tool, adjustment layers and of course, brushsets.

Realistic Break-Apart Effect

How to Turn Humdrum Photos into Cinematic Portraits

There are a plethora of ways to treat a portrait for a myriad of uses, but that is for another feature. Let’s tackle adding drama or a cinematic quality to a regular, humdrum portrait. Let’s even throw in a little bit of faking HDR. That way if you work on a project that requires a stunning shot without the stunning photography, you’ll be able to cobble something together using your mad skillz!

Humdrum Photos into Cinematic Portraits

Sexy Model with Glowing Bubbles Effect

This tutorial will explain the simple and useful techniques to create glowing bubbles that can enhance the image of your model. It covers from Blending Options to Layer Masks and etc.

Sexy Model

Design a Horror Looking, Extreme Grungy Style Poster in Photoshop

In this tutorial, you will learn the processes involved in creating this Horror Looking, Extreme Grungy Style Poster in Photoshop. Along the way, we will be using Photoshop techniques such as the Extract filter, layer blending effects, masking, a variety of photo filtering tools and image adjustment tools.

Design a Horror Looking

The Maiden and Hummingbird Photo Manipulation Photoshop Tutorial

Learn how to create this photo manipulation by Oliver Cereto. Some of the techniques you will learn in this Photoshop tutorial are how to give a person a cute doll-like face, how to extend backgrounds, and how to apply a moody photo effect.

The Maiden and Hummingbird

Create a Glowing Effect Scene in Photoshop

You will learn how to create a Glowing Effect Scene in Photoshop. This tutorial will teach you how to come up a cool glowing effects on your artworks.

Glowing Effect

Frozen and Burnt Face

Using a mixture of simple techniques, you will going to blend 2 different elements to a face. By adding minor details like Icicles and Melting Plastics, we are able to portray an extreme freezing effect on one side, and give a blazing hot effect to the other.

Frozen and Burnt Face

Making a Beautiful Pair of Fantasy Eyes

Some of you may have seen artworks on Fantasy Eyes theme on deviantART, Behance or other design portals. Today let us explore the basics on how to create such effects in Photoshop.

Beautiful Pair of Fantasy Eyes

Create a Quick Vampire Scene in Photoshop

In childhood days we have heard stories of vampires and got scared a lot. Now lets go back to that age try to depict it in Photoshop. We will try to make a scary vampire environment with minimal effort.

Vampire Scene in Photoshop

Poster Girl Photoshop Tutorial

Create a vibrant image using a variation of effects.

Poster Girl

Create breathtaking fantasy light effects

Learn how to combine brushes and blur effects in Photoshop to create a beautiful fantasy scene

fantasy light effects

Create cool neon effects

Tony Ariawan shows you how to use warping, layer masks and simple colour tweaking for an incredible high-tech look that’s out of this world.

neon effects

Master lighting effects

Creative lighting can make all the difference to your photos – this tutorial shows how to jazz up your artwork for an eyecatching effect.

lighting effects

Retro Style illustration in Photoshop

In this photoshop tutorial you will learn how to create retro style illustration effect in Photoshop. As you can see from preview image, you will get really cool result. So if you want learn some color and light techniques, go ahead and read more this tutorial.

Retro Style illustration

Create frozen liquid effects

Sergio Vichique shows how you can bring the coolest of effects to your illustrations

frozen liquid effects

How to Create a Colorful Photo Manipulation in Photoshop

In this tutorial you will learn how to create a colorful photo manipulation using Photoshop brushes, different adjustment layers, and more.

Colorful Photo Manipulation

Making of a Forest Magical Scene

Sometimes, you may wish to create a magical scene as your personal poster. And this tutorial is going to present you how to make a nice one for your image. It mainly includes to teach you adding some special lighting effect and color tuning techniques.

Forest Magical Scene

Light effect wallpaper in Photoshop

In this tutorial you will learn how to create awesome light photo effect. We will work with lights and basics photoshop tools.

Light effect wallpaper

Tron 2.0

In this tutorial you will learn some layer styles and blending modes that allowed us to achieve this effect.

Tron

How to Create a Flaming Photo Manipulation

In this tutorial, we’ll manipulate a picture so it looks like a woman burning in flames. The idea behind this manipulation was to create a nice looking illustration, only by using simple techniques and tools such as the Brush tool and Warp command.

Flaming Photo Manipulation

Design a Futuristic Athlete Graphic

Learn how to create a futuristic athlete graphic using a combination of layer masks, brushes, the pen tool and various blending options.

Futuristic Athlete Graphic

How to Create A Glowing Neon Girl in Photoshop

In Photoshop Tutorial, we will create a Glowing Neon Girl from scratch. Throughout this tutorial, you will simply learn how to make some cool Glowing Effects in Photoshop. This is quite a little long so patience is a virtue.

Glowing Neon Girl

Create A-Smoke Photo Effect

This task we’ll see how to change the eyes’ color and lips’ color, make the colors negative, create a wavy text and a text’s mirror reflection, put over the pictures, download and use substandard brushes.

Smoke Photo Effect

Transform Someone Into a Water Elemental

In this photoshop tutorial you will learn how to take a regular picture with a person in it and make them look like a water elemental.

Water Elemental

Create a Retro Pop Art in Photoshop

This tutorial is going to teach you how to turn the general photo into retro pop art. You can turn whatever image you want. To turn your image in cartoon, just follow this.

Retro Pop Art

Create a Face Paint Dripping Effect

This tutorial is inspired by the artwork “PAINT” of Adnrey. It covers some basic techniques on the masking, brush painting and effects of the blending option.

Paint Dripping Effect

Best Photoshop design tutorials 2009

Make a Cut and Paste Rock Club Flyer

There are many ways to montage stuff together and many applications for the style. Whether editorial art, artwork for bands or, as we’ll be looking at, a promotional flyer. We’ll look at creative use of scanning and montage techniques to create an atmospheric flyer design based on one author did for a Rock night at a club. As with any design it’s best to sketch out a rough layout so you know where the text is going.

Rock Club Flyer

Abstract Design Composition tutorial

In this tutorial we will be making a beautiful abstract composition, starting with a woman with some sort of paint on her face, and using some stock photos to add an abstract feel to it. We will be teaching you an awesome coloring technique with the gradient tool to achieve a unique abstract outcome.

Design Composition

Create a Feathered Crow Illustration

In this tutorial, you’ll be taken through the process of creating this crow illustration. The tools and resources you will be using are just a few so this will be great practice for you to achieve real nice results while using a limited number of resources.

Crow Illustration

How to Create a Hellacious Flaming Skull in Photoshop

In this tutorial, we’ll go through all the steps of creating a flaming skull in Photoshop. We’ll be using some images we shot ourself of flames, and a stock Designious vector skull to get us started. This tutorial covers some relatively simple steps and some clever photo manipulation techniques.

Hellacious Flaming Skull

How to create a stylish mad lady in photoshop

In this photoshop tutorial you will learn how to create a cool dark-style background to emphasize a model. We will use watercolor brushes, filters, the pen tool and a bit of illustrator.

stylish mad lady

How to Create an Imaginative, Magical Painted Scene

In this tutorial, we will be using several basic tools and stock images to create a fantasy artwork where everything seems to come alive from what is being painted on an old piece of paper.

Magical Painted Scene

Creating a Glowing Sphere in An Inverted Image

Learn how you can create an interesting image by adding in some simple Photoshop effects and by inverting its colors! Inverting an image can sometimes produce unexpected results, and in this tutorial, you’ll learn and practice Filters – Liquify, Blur and Lens Flare tools to create additional effects and elements to make it more stunning.

Glowing Sphere

Create a Dramatic Car Speeding Scene

This tutorial show how to create a car traveling at high speed around the corner of a highway. It covers the usage of Liquify and few Blending Options. Also we are going to experiment another effect from Topaz Labs again.

Car Speeding Scene

How to Mold Paint Splatter to a Face in Photoshop

In this tutorial, we’ll learn how to take splattered paint Photoshop brushes and apply them to the contours of a model’s face. This is a relatively simple technique, which yields excellent artistic results.

Paint Splatter

Creating an Abstract Watercolor Wallpaper

Another great contribution from 10steps.sg reader! In this tutorial, we will showing how to use one of the most fascinating and powerful Photoshop method, Layer Masking, in making watercolor designs.

Abstract Watercolor

Manipulate Smoke to Create Hyper-Real Images

Learn to apply the Warp Tool effectively and a few other tricks to make smoke look like a skull. This technique has a variety of outcomes and works well with water, clouds and a whole bunch of other stuff. This is probably more for intermediate users, as author guide you through the process well, but not every Warp Grid point handle move.

Hyper-Real Images

How to Create a Piece of Heaven in Photoshop

In this tutorial you will learn how to create a piece of Heaven in Photoshop. This photo manipulation is inspired by the Metuzalem website.

Piece of Heaven

Universe in hands

Photoshop tutorial Universe in Hands will show you how to create universe: Planets with orbits, stars. In this photoshop trick we will use some filters, blending mods and some other photoshop tools.

Universe in hands

Create a Funky Perspective of a Model Riding Digital Volume

This is a tutorial illustrating perspective techniques and how you can achieve the feeling of depth and motion. We will be doing this in a few steps, such as placing the main character, creating the volume fading away and adding foreground and background images.

Perspective Model Riding Digital Volume

Design A Surreal, Ancient Fantasy Scene In Photoshop

In this tutorial, you will learn how to create this Surreal, Ancient Fantasy Scene in Photoshop. We will take several real world objects and seamlessly blend them together to form this artwork. We will also use a number of Photoshop brushes to spice up the effect.

Surreal Fantasy Scene

Abstract art effect in photoshop

In this photoshop tutorial we will learn how to create amazing abstract art picture with masks. Mainly we will work with images adjustments, brushes. You will see, that this tutorial is very simple, but at the end, you will get really cool abstract picture.

Abstract art effect

Creating the Spoiled Princess Fashion Poster

In this tutorial you will learn how to create a fashion advertisement poster. We’ll be combining multiple images, finding the perfect stock, and unifying it with just the right colors.

Spoiled Princess Fashion Poster

Soul Rebel Poster Tutorial

In this tutorial you will learn how to create an awesome illustration that can be printed as a poster to hang it on your wall. Author broke down step by step from the beginning to the end so you can follow and understand exactly what author went through while making this piece.

Soul Rebel Poster

Design Pontiac G8 wallpaper

Here we will tell you how to make a Pontiac G8 wallpaper in Photoshop CS4.

Pontiac G8 wallpaper

How to Integrate 3D Images into Dynamic Scenes

As the medium of photo manipulation becomes more popular among digital artists, we have to continue to explore new and innovative ways to make our work stand out from the crowd. In this tutorial, we’ll look at one of them. Usually photo manipulation utilizes stock imagery. However, what if you were to create your own sort of background stock, but in 3D How could you make it look good? That is the main topic we’ll look at today.

3D Images into Dynamic Scenes

Abstract Space Tag design tutorial

In this tutorial we will be making this very creative abstract space design tag. It uses various space stocks and some materials to texture the canvas. What’s important is that you don’t want to try to recreate this exact image. Rather learn the techniques used to make this design, then apply your creativity to your own work of art..

Space Tag design

Awesome Fantasy Style Castle Scene Creation in Photoshop

In this tutorial, you will learn how to design this awesome Fantasy style Castle Scene with icy background texture, space and debris brushsets.

Fantasy Style Castle Scene Creation

Create An Amazing Diamond Advertisement Poster in Photoshop

In this tutorial you will learn a few techniques that might be very useful for you and give you some great ideas when you start creating an advertisement.

Diamond Advertisement Poster

How to Create a Slice of Nature Photo Manipulation

In this tutorial you will learn how to put together a complex tree illustration. The idea for this tutorial is to show a workflow from concept to finish, not just so you can copy this illustration, but so that you can take the ideas behind it and use them for any design you have.

Nature Photo Manipulation

How to make a Typographic, Retro, Space Face

In this tutorial, you will learn how to make a typographic face by using simple techniques. Using the Brush Tool and experimenting with light, you will get this amazing Typographic Space Face that looks like it’s created by letters and an amazing explosion.

Typographic Face

Design an Awesome Watercolour Style “City on Cloud” Artwork in Photoshop

In this tutorial, you will learn how to create this really cool, watercolour style “City on Cloud” Artwork in Photoshop. Author was experimenting the new brushsets and textures and thought author could combine them together and see what result they can bring.

Watercolour Style

Design a Surreal Ancient Ruin and Coastal Island Scenery in Photoshop

In this tutorial, author will show you the processes involved in creating this beautiful, fantasy-styled surreal ancient ruin and coastal island scenary in Photoshop.

Surreal Ancient Ruin

Making of the Imaginary Paint Dancers

Found this amazing set of Paint Tossing from Media Militia and thought that author must create something with them. So author visited Mjranum’s stock gallery at deviantART and created this tutorial.

Imaginary Paint Dancers

Making of Predators of Heaven

The artwork was a collaboration between me and Flash. Flash did most of the postwork while author did the composition and effects.

Predators of Heaven

Street Dance Illustration

Apply effects to photos and create a contemporary pattern using a brush. In this Photoshop tutorial, you will practice several techniques to create this Photoshop illustration. This tutorial is recommended for experienced Photoshop users because it uses a wide variety of filters and tools.

Street Dance Illustration

Fantastic Tree

Have you ever seen Tree God in some fantasy movies? Is it very fantastic co do? This tutorial will show you have to make your all Tree God.

Fantastic Tree

How to Create a Digital Illustration Using Birds

This tutorial is all about creating an illustration using just a few stock images of birds. The composition is quite simple, but with a little inspiration you can create something really nice.

Digital Illustration Using Birds

The amazing spiderman

Decorate your desktop with this amazing and colorful spiderman wallpaper concept in Adobe Photoshop.

spiderman

Create Classic Horror Movie Poster – Laura’s Counterplay

In this photoshop tutorial you will learn how to create little bit scary horror movie poster.

Classic Horror Movie Poster

Create Powerball Effect for Movie Poster

This tutorial will cover how to create a powerball (or energy ball) effect. It also shows briefly on the basic layout of a typical movie poster.

Powerball Effect

Creating a Touching Story Scene in Photoshop

In this tutorial, you are going to create a story scene using photo manipulation and a lot of color adjustments.

Touching Story Scene

Best Photoshop Photo manipulations tutorials 2009

Alien Photo Manipulation

Turn a woman into an alien by combining two photos. This tutorial will teach you several photo manipulation techniques for creating scary photo manipulations.

Alien Photo Manipulation

The Warrior Angel

Here’s a walkthrough of the creation of a custom wallpaper featuring a mystical warrior angel

Warrior Angel

Tutorial: Creating “Meditation”

In this tutorial you will learn how to create photo manipulation by adding a lot of light effects, some textures to those light effects, and some nifty colorizing makeup!

Creating Meditation

How to Create a Chilling Photo Manipulation in Photoshop

In this tutorial you will learn how to create a fantasy photo manipulation called “You Can Not Frost The Time” with using several Photoshop tools such as Color Range, different blending modes, and more.

Chilling Photo Manipulation

How to Create a Surreal Photo Manipulation with Twisting Water

In this tutorial, we’re going to create a fantasy photo manipulation mixing different images and learning to use and modify the stock images in a creative way. The idea is to get a compact image that looks absolutely real, and at the same time, absolutely impossible!

Surreal Photo Manipulation

Combine Photo Elements to Create a Surreal Photo Manipulation

This Photoshop tutorial, you will learn how to use a variety of color, lighting, and cut and paste techniques to create a surreal photo manipulation. Combine your creativity with these Photoshop techniques to create your own photo manipulation artworks.

Surreal Photo Manipulation

Photo Montaging – Blending a Human Head to a Tree

This tutorial shows how to montage human heads to a tree and to add in a dramatized effect. In a nutshell, it is done by applying various blend modes on the relevant layers, and simulating the tree texture using a simple combo of filters such as bas relief and zoom blur to achieve that extrusion effect.

Blending a Human Head to a Tree

Create an Abstract Underwater Scene

Create an awesome abstract underwater scene using photo manipulation techniques. Learn how to create a complex abstract composition.

Underwater Scene

Create an Out of Bounds Fantasy Illustration

In this tutorial, we will take you through the process of creating a fantasy scene, make water pour out of a painting, make some sort of a absorption effect and end up with a really nice looking color.

Out of Bounds Fantasy Illustration

Creating Different Elemental Effects

We have seen the beautiful Water Man effect from Nik Ainley. This tutorial will show the basics on how to get close to that effect. Also we will be making a fire and earth version using the same techniques.

Elemental Effects

Dance Photo Manipulation

To create this photoshop effect you’ll produce a stunning piece of art. This will be a two part tutorial and part two will be up within the next few weeks. This is a useful tutorial for users of all levels.

Dance Photo Manipulation

How to Place a Fantasy Creature in a Misty Landscape

We’ll grab several photos and create this fantasy mock-up of an unreal creature. We’ll learn several non-destructive techniques, apply photo filters to adjust the lighting, and of course a little bit of the creative process involved on this piece.

Fantasy Creature

How to Create a Steampunk Style Illustration in Photoshop

Go simultaneously backward and forward in time with this Steampunk tutorial. The main focus, aside from the style of course, is fusing elements from different sources together to create a cohesive whole. There are many tricks to this end and we shall be looking at light sources, shadows, and image grading.

Steampunk Style Illustration

Create a Divine Angel Montage in Photoshop

The final image is an Angel that lights his way in the dark forest. You will create this photo manipulation using stock images provided by some really great artists, which I would also like to thank a lot.

Divine Angel Montage

Midnight Magic

Mystical and fantasy interior scene creation in Adobe Photoshop.

Midnight Magic

Making of a Scary Mental Hospital Scene

This tutorial will show how we can use Channels to blend several types of images and brushes together. Also we will be introducing the fantastic filter, Topaz Adjust, developed by Topaz Labs.

Scary Mental Hospital Scene

How To Create a Post Apocalyptic Photo Manipulation

In this tutorial, author will show you how to create a post apocalyptic manipulation using adjustment layers, vector masks, and some special effects.

Post Apocalyptic

Photo Manipulate a Falling Angel

Learn how to combine several photos to create a dramatic ‘fallen angel’ scene.

Falling Angel

Creative Photoshop Animal King Photo Manipulation Tutorial

In this photoshop tutorial, you’ll learn how to mash up a series of photos in a highly creative poster based on a famous painting from the 1800’s.

Animal King

Create a Catastrophic Tsunami, Impacting the Statue of Liberty

In this tutorial, we will create a catastrophic tsunami crashing into the Statue of Liberty, similar to a scene in The Day After Tomorrow. To achieve this effect, we will be combing and adjusting regular images to form a stormy composition, with a massive tsunami rushing past the Statue of Liberty.

Catastrophic Tsunami

Design an Epic Fantasy Scene with Photoshop

In this tutorial we are going to create a photo manipulation inspired by Valhalla, one of Mariusz Karasiewicz`s works. He is an amazing artist and his work is absolutly stunning.

Epic Fantasy Scene

Photo Manipulation – Creating a Fantasy Scene

This is not a complete walkthrough to create exactly the same image, but you’ll hopefully pick up some useful tips. It is a composition of 4 different photographs. As is normal with Photoshop, there are numerous ways to achieve the same task, so the techniques below are just 1 possible way of going about creating this scene.

Fantasy Scene

How to Create a Photo Manipulation of a Flooded City Scene

In this tutorial, we will learn how to manipulate a simple photo into a flooding torrent of a scene. We’ll use some relatively simple techniques to give this image a semi-realistic, stylized feel.

Flooded City Scene

Gunshot Through a Glass

Learn how to create a suspenseful photo manipulation in Photoshop. You will learn how to create realistic distortions with the displace filter and apply photo effects to give it a cold look.

Gunshot Through a Glass

Best Photoshop drawing tutorials 2009

Sewing a Fabric Badge in Photoshop

This tutorial will show how you can create a sewing on effect by using the Brush Palette Settings and Work Paths. The result can be further enhance by the additional Blending Options.

Fabric Badge

Design a Stylish Mail Icon in Photoshop

In this tutorial you will learn how to create a glossy mail icon that can be used for your apps or websites.

Stylish Mail Icon

Create a Glossy Volt Icon in Photoshop

This is an inspiration from the Bolt movie poster. In this tutorial you will create a glossy thunder logo using a few layers and some white shapes that will make the thunder more interesting and glossy.

Glossy Volt Icon

How to Create a Magician’s Hat in Photoshop

In this tutorial, you’ll learn how a magician’s hat can be designed in Photoshop. The tutorial involves a simple use of the Pen Tool and other Shape Tools. It shows a distinct use of different blending modes and focuses on other lighting techniques. Shadows are also explained in the tutorial and we’ll reveal some great beginner techniques.

Magician Hat

Creating a Set of Digital Painting Icons Part 1 – Sketchbook with Pencil Icon

We will design five icons that depict common tools associated with digital painting: a sketchbook with pencil, a camera for taking reference pictures, a paintbrush, a pen tablet and a large screen with a complete matte painting displayed on it.

Pencil Icon

Bamboo Fun tablet. Photorealistic device drawing from scratch

This is a very detailed Photoshop tutorial that teaches you how to draw Bamboo Fun graphic tablet interface from scratch using simple tools and layer style effects.

Bamboo Fun tablet

Beautiful Credit Card Design

Create nice and realistic Credit Card in Photoshop for presentations.

Credit Card Design

Create Abstract Fake 3D Objects in Photoshop

This tutorial will demonstrate how we can use the Pen tool to create abstract vector shapes that form into a beautiful piece of fake 3D artwork.

Fake 3D Objects

Firefish Photoshop Tutorial

In this Photoshop Tutorial, you’ll learn how to design a mascot based on the Firefox logo, and mimic the fire effect using the pen tool and gradients.

Firefish

How to Draw a Portrait in Photoshop

In this tutorial, we will make a quick sketch, scan the sketch, and convert it into Photoshop. Then the fun will begin. Drawing a portrait is not very simple, but with some knowledge you can achieve a lot. The end result may not look exactly like the person you are trying to draw, but the important thing is to do the best you can and make the eyes, mouth, or nose look similar to your subject.

Portrait in Photoshop

Create a 3D Glossy Box Logo in Photoshop

In this tutorial, it will show you how to create a 3D glossy box logo in Photoshop. Color selection for a background is important because it will influence how your image stands out. Since it is going to be creating a vibrant glossy box, you can have a look how it is.

3D Glossy Box Logo

Draw an Audi car’s sketch

This new tutorial will teach you how to draw an awesome Audi car sketch in Adobe Photoshop

Audi cars sketch

How to Create a Van Icon in Photoshop

We wanted to create an icon that can be used for a game maybe or a Mac app of some sort. Before we started we searched the web for photography with similar vans, then made some ideas, and a quick sketch.

Van Icon

Photoshop Shar Sword Logo Icon

We are going to tell you about How to Create Photoshop Shar Sword Logo Icon. It is all about some basic drawing.

Shar Sword Logo Icon

Use Over 40 Advanced Keyboard Shortcuts to Create a Reflective Timepiece

This tutorial will teach you basic to advanced keyboard shortcuts, all while designing an amazing timepiece! We can’t cover all of the keyboard shortcuts in this tutorial, but there are over 40 essentials here to give you a great start!

40 Advanced Keyboard Shortcuts

Design a Vintage Radio Icon in Photoshop

In this Photoshop Tutorial, you’ll learn how to design an old vintage radio using simple shapes, gradients, patterns and textures.

Vintage Radio Icon

How to Create a Basic House Icon in Photoshop

In this tutorial, you’ll go through easy steps and techniques to design a simple yet attractive house icon. It’s easy to follow and to play with. There are no intricate curves or complex brush work. Just simple shapes along with layer styles will do the complete job. The aim of the tutorial is to get familiar with the correct use of colors and efficient use of layer styles.

Basic House Icon

Create Your Own Social Networking Stitched Fabric Icons

In this tutorial you will learn how to make social networking icons that look like a sewn patch. This tutorial shows you techniques with the pen tool, paths, creating textures, and blending modes.

Social Networking Stitched Fabric Icons

Best Photoshop text effects 2009

Translucent Text Effect with Sky and Cloud

In this tutorial, you will see the processes involved in making this shining and refreshing transparent text effect with sky and cloud textures. We had some really interesting clouds on the sky yesterday. The techniques included in this tutorial are layer styles, gradient fills, clone stamp tools, blur filters and various image adjustment and transformation tools.

Text Effect with Sky

Design a Fragmented Text Effect with Scrap Texture in Photoshop

In this tutorial, you will see the steps to create this really cool, abstract-style fragmented text effect by applying scrap texture in Photoshop. Sometimes, those scrappy wastes do have their uses. Along the way, we will be using some basic selection techniques, image adjustments, layer blending options, and dynamic lighting rendering. Its a very simple tutorial however the result is good.

Text Effect with Scrap Texture

Design a Cool Abstract-Style Shattered Text Effect in Photoshop

In this tutorial, you will learn the steps to create this really cool, abstract style shattered text effect with Broken Glass Texture in Photoshop. Together, we will explore various layer blending options, image adjustment and some basic selection techniques.

Abstract-Style Text Effect

Create a cool 3D text using Photoshop and Illustrator

This Photoshop tutorial will show you how you can design a 3D text.Unfortunately,Photoshop is not enough to create a 3D symbol,but Adobe has another application in which you`re able to do this very easily.It is Adobe Illustrator. So,to create the 3D text,you must have Adobe Photoshop and Illustrator.

3D text

Design a God of War III Inspired Cracked Text Effect in Photoshop

In this tutorial, you will see the processes involved in designing a God of War III Inspired Cracked Text Effect in Photoshop.

God of War III Inspired Cracked Text Effect

Design a Soft and Fluffy Text Effect in Photoshop

In this tutorial, you will see the processes to design a soft and fluffy text effect in Photoshop without using any third party images. Along the way, we will be using techniques such as gradient fill, various layer blending options, dynamic brush settings and filter effect.

Fluffy Text Effect

Design a Golden Flame Text Effect in Photoshop

Photoshop offers one of the most robust graphics editing experiences available. Sometimes, we just cannot stop ourselves applying some nice effects to beautifully designed typefaces. Therefore, we have created our own amazing text effect photoshop tutorial for you. In this tutorial, I will show you the process involved in creating this golden flame text effect with soft smoke texture in Photoshop.

Flame Text Effect

Photoshop tutorial: Rainy text effect

Photoshop tutorial will show you how to step by step create realistic rain text effect. This effect is simple and effective. I am sure it will be helpful for your water themed design works.

Rainy text effect

Create a Deep Grunge Text Effect

In this Tutorial we will make a deep grunge and cracked Text effect. We will also come across how to use textures for creating certain inspiring results in less than 10 steps!

Create a Deep Grunge Text Effect

Create Icy Text with Water Reflection

In this photoshop tutorial you will lear how to create icy text using filters, blending modes, and displacement maps for a water reflection.

Create Icy Text with Water Reflection

Create Smoke Effect on Grungy Wallpaper

This tutorial is written by a young Belgium designer, Arno Van Waeyenberg. We are going to learn how to create simple smoke effect against a grungy background by using the Smudge and Warp tools.

Smoke Effect

Design a Chilling and Icy Text Effect in Photoshop

In this tutorial,you will see the steps to design this chilling and icy text effect in Photoshop. Along the way, we will be practicing a lot of layer blending techniques, applying texture, selection technique, and an interesting method to create snowy/foggy effect.

Icy Text Effect

Creepy bloody text effect in Photoshop

In this Photoshop text effect tutorial we will learn how to create realistic horror, bloody text effect on wood bark texture. At first we will create wood bark texture and than with some filters, blending modes and layers styles we will create pretty realistic text written in blood.

Creepy bloody text effect

Colorful Glow Text Effects

In this Photoshop tutorial, you will learn how to create a glowing text effects form a scratch.

Glow Text Effects

Add Fantastic Color to 3D Text

In this piece you will learn how to bring a simple text to life and place everything in fantastic, colored and glowing 3D space. Some neat techniques covered here will allow you to bring your art to the next level.

Color to 3D Text

How to Create Eroded Metal Text with Photoshop

In this tutorial you will learn how to create an eroded metal text effect. Throughout this tutorial we’ll make use of various drawing techniques, channels, and patterns.

Eroded Metal Text

Create a Stunning Text on Wild Fire Effect

Fire text is one of the most classic technique that you can see in Photoshop tutorials. I am trying out another version here using some real fire images, mix with filters and blending methods.

Text on Wild Fire Effect

How to Create a Richly Ornate Typographic Illustration

When looking for top quality content, you’re usually forced to pay for your resources. They’re generally better and easier to work with, and offer a wider range of use. Sometimes though, you can find the same level of quality at zero cost, and it’s exactly what we’re going to do today.

Richly Ornate Typographic

Create Smokey Typography in 12 Steps

Learn how to create cool smokey typography in 12 simple steps.

Smokey Typography

3D Text On Fire

This tutorial is going to be a little more advanced than the other ones on the website. It shouldnt be a problem if you have been following along with our other tutorials or have a grasp of Photoshop.

3D Text On Fire

Design a Grunge-Style Abstract Typography with Rusted Metal Texture in Photoshop

In this tutorial, you will see the steps to make a Grungy-Style Abstract Typography using rusted metal texture in Photoshop. The inspiration of this tutorial came from a grungy metal image on stockvault.net.

Grunge-Style Abstract Typography

Design a Smooth and Fresh Text Effect with Leaves and Stone Texture in Photoshop

In this tutorial, you will learn how to design this soft and smooth, fresh feeling text effect with leaves and stone texture in Photoshop.

Smooth Text Effect

Create a Steam Powered Typographic Treatment

Whether or not you’re a Steampunk fan, this two part tutorial is sure to test your knowledge on Illustrator, Cinema 4D and Photoshop. In the first half, we’re going to customize a Blackletter font and create 3D text with vector shapes. There’s lots to do, so let’s start with the first part of this two-part series!

Steam Powered Typographic

Create an Ancient Typography with Dry Soil Texture and Floral Brushset in Photoshop

In this tutorial, you will see the steps to create this cool, ancient-style typography using dry soil texture and floral brushset in Photoshop.

Ancient Typography

How to Create an Ice Text Effect with Photoshop

In this tutorial, you’ll learn how to create an ice effect completely from scratch using special Photoshop Brushes. Some time ago playing with Photoshop and trying to make an ice effect I discovered that “dead trees”can simulate very well the ice’s “veins” giving a cool feeling to an image.

Ice Text Effect

Design a Super Delicious, Shining and Glossy Text Effect in Photoshop

In this tutorial, you will see the process to create this super delicious, shining and glossy text effect in Photoshop. Along the way, we will be using techniques such as layer blending options, filter effects, adjustment layers and a few photoshop tools.

Delicious Text Effect

Best Photoshop Web layouts tutorials 2009

Design a Web Template using the “960 Grid System”

Learn how to use the 960 Grid System to design a website template in Photoshop. You will be practicing layer styles to for effects and positioning elements based on the 960 Grid System.

Web Template

Recreating GameSpot’s Website Layout

In this tutorial you will learn how to create a web layout much similar to the famous gamespot.com design in Adobe Photoshop.

GameSpot Website Layout

How to Create a Sleek and Textured Web Layout in Photoshop

In this Photoshop web design tutorial, you’ll learn how to create a full web page layout that combines the sleek and textured look-and-feel using a combination of beginning to intermediate Adobe Photoshop techniques.

Sleek and Textured Web Layout

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.

Clean Modern Website Design

Create a Game layout – Clan Layout

In this tutorial you will learn how to create a nice looking game layout, or a clan layout. If you love playing games and if you want to create a clan website together with your friends, then follow my tutorial and you will see how you can create a website like that.

Game layout – Clan Layout

Create a nature portfolio layout

In this tutorial you will learn how to create a different portfolio layout. It is very important to have a great website for your portfolio. Only in this way you can atract potential clients. If you want to start working as a freelancer I suggest you to create an eye catching layout to start properly in your business.

nature portfolio layout

How to Create a “Worn Paper” Web Layout Using Photoshop

In this tutorial, you’ll learn how to create a textured “worn paper” web design theme using some basic Photoshop techniques. The design incorporates some free stock images to let you create a beautiful layout in a jiffy.

Worn Paper Web Layout

Design a realistic website layout in photoshop

In this tutorial you will see how powerful are stock images and textures. We will try to recreate an office burro with different stationery elements. This time we will show you one more time how easy is to create nice layouts if you have the right images.

realistic website layout

Create a grunge blog layout in Photoshop

In this photoshop web layout tutorial you will learn how to create a nice, grunge blog layout.

grunge blog layout

Create a green/eco friendly/environmental web layout (photoshop template)

In this photoshop web layout tutorial you will create a green/eco friendly/environmental web layout (photoshop template).

Create a green, eco friendly environmental web layout

Create an advanced game or clan layout

The tutorial is for advanced users. In this photoshop web layout tutorial you will learn how to create nice web lyout for game or clan website.

game or clan layout

Create a Fashion Web Layout (PSD Template) Using Photoshop

In this photoshop web layout tutorial you will learn how to create a fashion web layout, (psd template). The end result is not astonishing but it will help you to understand better how you can create a nice and clean web layout (psd template) using Photoshop.

Fashion Web Layout

Create a techno blog theme in Photoshop

In this photoshop web layout tutorial you will learn how to create a super-uber-techno blog theme from a space ship. The theme is from outer space, but it’s perfectly ok to get it coded and rendered on an Earth blog.

techno blog theme

Create a sleek layout with Complete Designer Set

This photoshop template (web layout) can be used to create a movie website, a blog , portfolio, etc…

sleek layout

Create a Watercolor-Themed Website Design with Photoshop

Watercolor in graphic design has become very trendy the last couple of years, many websites and incredible designers are using this style and taking it to another level. Even knowing the technique is important in this kind of design, is more about creativity and experimentation. You will learn how to use the Art History Brush and combine it with watercolor custom brushes to create a nice background header image and more.

Watercolor Themed Website Design

Creative Design Layout Tutorial

In this tutorial you will learn how to create a creative design layout and il be writing a follow up tutorial shortly after expaining step-by-step on how to code it using dreamweaver.

Design Layout

Create a Magic Night Themed Web Design from Scratch in Photoshop

The past days I was looking for inspiration in famous old paintings, and got interested on “Starry Night” of Van Gogh and thought: Can I apply this to web design? And the answer is Yes! Then after several hours of work, here’s photoshop tutorial for you, an artistic web design depicting a “Magic Night” concept.

Magic Night Web Design

Glossy and creative art blog design

If you want a “cool” looking web layout, thi tutorial is a good example.

art blog design

Tutorial Site Blog Design

In this tutorial you will learn how to make a sleek, and professional tutorial blog.

Tutorial Site Blog Design

Design a Sleek Real Estate Website

Learn how to create a sleek, professional real estate theme in just 15 easy steps.

Real Estate Website

Create an ecommerce web layout

In this tutorial you will learn how to create a spare parts ecommerce layout. It can be used for magento, oscommerce, or any e-commerce cms you want.

ecommerce web layout

Watercolored Design Studio Blog Layout

In this tutorial you will learn how to make a clean and simple watercolor design studio layout for a blog.

Watercolored Blog Layout

Designing Complete Web Template

In this Tutorial you will learn how to design complete web template.

Web Template

PSD to HTML Conversion Best Practices

Things to consider when selecting your PSD to HTML Conversion provider

Graphic designers looking to convert their design to HTML face many different kinds of challenges. From grappling with best practices, figuring out what conversion software to use, figuring out the best course of action to take can seem like a minefield. What’s most important to graphic designers is that any conversion method– whether one is looking to simply convert PSD to CSS or even a full-fledged conversion from PSD to HTML– is that a conversion gives accurate renditions of your work in the least amount of time possible. Both conversion speed and faithfulness mean everything when working on a client’s web design.It is important that graphic designers know the current best practices in converting PSD to HTML, because hard work can be hamstrung by using poor HTML coding or inefficient tools. Delivering website designs quickly and efficiently can make the difference between a celebrated web design launch and losing a customer.

Over the past few years, there have been a number of graphic design conversion programs and software that have been introduced to the market. These programs vary greatly in feature sets and capabilities, and be classified under two basic categories: programs that accept entire page layout files created in Adobe Illustrator or Photoshop with a direct export to HTML code, and programs that will only convert a selection of graphical elements into HTML. While both have their uses, they also have significant limitations.These conversions generate code that is completed computer-generated and not vetted by an outside system before export. The most common name for this result is “machine translation”.  So-called machine translations of PSD to HTML is similar to the machine translation results found when using an automated translation of English to Spanish text. Placing a lengthy selection of Spanish text into a language translation program does deliver results, but more often than not, the exported translation output is archaic, unnatural, or otherwise incorrect, with only the most basic of statements surviving translation intact. The same general rule also rings true for machine translation work via graphic design to HTML software: simple designs might translate accurately into HTML, but complex designs will not. Additionally, even when these programs are successful at design conversion, they will often produce bloated web pages that will be slow to load, woefully unoptimized, and have little or no structure for effective search engine optimization (SEO). More often than not, these machine translation programs end up introducing more errors than they purport to solve. This is why it is a best practice to employ such conversion applications sparingly. If you must use them, it is recommended that they be used in a limited manner. Try to do no more than generate an initial draft of the code, and then refine, rewrite, and complete the coding by hand.

That means the best way to faithfully render PSD to CSS or HTML designs is by using hands-on code. HTML, XHTML, and CSS coders have a veritable cornucopia of experience and knowledge to draw upon. In contrast to a software program, an actual human can spot and correct coding mistakes. The more complex a design is, the more knowledgeable and experienced coders are need to deliver accurately designed websites. While some design firms are fortunate enough to have experienced coding teams onsite along with the time and money to invest in skill training, maintaining coding software and the latest hardware, most design firms can not afford a full coding team. In that case, those firms would do well to consider subcontracting website conversions to an outside service as a lower-cost alternative.

You may examine the options available to you and decide to go with a third-party conversion service. If you do, for best results the following areas of examination are recommended:

Experience
How long have the coders at this company performed design conversions? How extensive is the company’s skill sets? Can they handle a wide range of formats such as vector graphics, animations or desktop conversions? Examine their portfolio. In addition to showing a firm’s past work, a portfolio can also offer an idea of whether they can create and convert functional webpage designs similar to the complexity you are looking for. If a firm does not offer a portfolio, beware.

Deadlines
Can the conversion group guarantee it will meet set deadlines or milestones? A guarantee here is crucial because if you have committed to delivering a final design to your client on certain date, any delays from the conversion group could derail your entire design. Whenever possible, you should check prospective groups with outside references. Independently verify their track record, and make sure they have procedures in place for keeping you appraised of the project’s progress. Doing so will make sure that there are no nasty surprise right before your deadline.

Process
Effective coders should always follow a clearly defined process. It is important to make sure that the coder will clearly define the process used for delivering final code. Any such process should aways include open and honest communication between both the designer and coder throughout the coding conversion, as well as clear definitions of deliverables, milestones, deadlines, and outline any satisfaction guarantees.

Confidentiality
Maintaining and respecting the confidentiality of your client’s data during the conversion is as essential as the design itself. Quite often, website design launches or design branding initiatives will also coincide with product launches, business announcements, or company-wide makeovers. Webpage designs can often contain large amounts of sensitive corporate data. Unauthorized disclosure of that data could cause irreversible harm to your client, the company’s clients, or even the entire market sector. You must make absolutely sure that the coders will maintain the strictest possible NDA (non-disclosure agreement), and that it will be guaranteed by that company.

Cost
Coding costs can make the difference between turing a profit or making a loss. Oftentimes, designers will contract a coding or conversion group at an hourly rate, or using a loose estimate, only to discover that the final bill is much greater than they anticipated. Some coding groups keep costs atificially low by sub-contracting in turn to freelancers with less experience. Make sure that whomever you enter into a contract with will give you experienced coders that will work with fixed costs and has a proven track record for confidential, on-time delivery.


PSD to HTML-conversion

PSD to HTML-conversion


40+ The Best Photoshop Tutorials For Stunning Photo Effects

Photoshop is a digital imaging application of the most widely recommended by the graphic designers. This is because these programs have many advantages with the various tools that exist when compared with similar applications. In addition there are also some features that are fairly complete, ease of use, and also compatibility with some special digital imaging plug-in. With so many tools available in Photoshop application allows you to be creative to produce work of high art and artistic. Some applications that exist in Photoshop is capable of producing various kinds of image effects, photo manipulation, image abstract design, 3D, and several other design features with a very satisfactory quality. In this post we gathering together more than 40 different Photoshop tutorials to help you learn amazing features of this graphic design software to create stunning photo effects.

Photoshop Tutorial: How To Create A Fantasy Flower Creature

In this fantasy tutorial, we are going to create a cool flower creature. I will show you exactly how to do it! We will be using Photoshop CS3 to create this image.

Photoshop Tutorial: How To Create A Fantasy Flower Creature

Fantastic Tree

Have you ever seen Tree God in some fantasy movies? Is it very fantastic co do? This tutorial will show you have to make your all Tree God.

Fantastic Tree

Golden Apple Tree

In this tutorial Alexandra shows us how to create a Golden Apple Tree using Photoshop masks, layers, and tools.

Golden apple tree

Create A Realistic Break-Apart Effect With Debris Brushset In Photoshop

In this tutorial, author will show you an interesting technique he use to produce realistic break-apart/disintegration effect in Photoshop by using debris brushes, with a watercolour background attached.

Create a Realistic Break-Apart Effect with Debris Brushset in Photoshop

Amazing Photoshop Light Effect In 10 Steps

Learn how to create an amazing dreamy and fantasy lighting effect in ten steps in Adobe Photoshop.

Amazing Photoshop light effect in 10 Steps

Luxury Retro Car Poster With Paint Splashing Effect

Create a nice photo manipulation with classic Talbot-Lago car, paint splashes and dramatic background.

Luxury retro car poster with paint splashing effect

Achieve Brilliant Lighting Effects In Photoshop

In this tutorial, you’ll learn the essential process of achieving brilliant lighting effects in Photoshop. Using default brushes, blending options and a few stock images, you’ll learn step by step a variety of techniques that you can use in your own digital artworks to achieve professional results.

Achieve Brilliant Lighting Effects in Photoshop

Making A Superhero Movie Teaser Poster

In this tutorial I will give you an example of how to create a movie teaser poster. It will show you how to draw a mask for your character using the pen tool , blend modes and textures.

Making a Superhero Movie Teaser Poster

Create A Light Effect Photomanipulation Using Photoshop

In this tutorial I will teach you how to create a Lighting Photomainpulation using Photoshop. You will learn how to use different settings to fill out your canvas with nice lightnings and blending modes using different stock images to create good lighting effects.

Create A Light Effect Photomanipulation Using Photoshop

Playing With Custom Brushes To Create Magical Scenes

In this tutorial author want to show you some powerful features of brushes. We will start with a musical note shape to create a custom brush and deal with some options like shape dynamics and scattering.

Playing with custom brushes to create magical scenes

Make Your Photos More Intense In 12 Easy Steps

This tutorial aims to show how a few simple steps can add real intensity to your image.

Make Your Photos More Intense in 12 Easy Steps

Cute Flying Hippo

Create humor scene with funny flying hippo in the nest, using simple Photoshop tools.

Cute flying hippo

Create A Refreshing Beer Themed Poster  Design In Photoshop

When you create a print advertisement, it’s important that all the elements of your composition are geared towards selling a product and promoting a brand. In this tutorial we will demonstrate how to create a refreshing beer-themed poster design in Photoshop.

Create a Refreshing Beer Themed Poster  Design in Photoshop

How to Mix Hand Drawing Sketch With Photo

In this Photoshop tutorial we will show you how to create nice unique photo effect from sketch and your photo. We will use many tools in Photoshop and also you will need some skills in drawing as to create this effect you will need to draw sketch.

How to Mix Hand Drawing Sketch With Photo

Make A Divinely Dark Zen Composition In Photoshop

In this Photoshop tutorial, we will photo manipulate different photos, textures and organic elements to produce a mysterious Zen-inspired composition.

Make a Divinely Dark Zen Composition in Photoshop

Honey Leaking Effect On The Delicious Pancake

In this tutorial we will learn how to create a tasty sweet honey leaking pancake text effect in Photoshop and learn how to create realistic sweet honey text effect on the delicious pancake.

Honey leaking effect on the delicious pancake

Create A Fictional Arctic Snow Frog In Photoshop

In this tutorial, we will combine several stock images and effects to create a fictional arctic snow frog in Photoshop. As you can see, some of his unfortunate friends are frozen into the ice behind him and his meal is frozen just out of reach.

Create a Fictional Arctic Snow Frog in Photoshop

Create A Unique Steampunk Photo Manipulation In Photoshop

In this tutorial I will be showing you how to create a composite image using various elements that will come together to make a unique Steampunk design. We will be using the Pen Tool, Layer Masks and Adjustment Layers, and doing quite a bit of Photo Manipulating throughout the tutorial.

Create A Unique Steampunk Photo Manipulation In Photoshop

Create A Funky Urban-Inspired Scene In Photoshop

In this tutorial, we are going to create a colorful scene inspired by breakdancing and the urban lifestyle. We will be using some Photoshop brushes, photo-blending techniques, and advanced lighting techniques to achieve the final result.

Create a Funky Urban-Inspired Scene in Photoshop

Create A Surreal Out Of Bounds Photo Manipulation In Photoshop

In this tutorial we will combine several images of water, animals, and people to create a surreal out of bounds photo manipulation in Photoshop.

Create a Surreal Out of Bounds Photo Manipulation in Photoshop

Create A Striking Nature Scene In Photoshop

In this tutorial I am going to show you how to create a nature inspired design that is both organic and visually arresting. We will be covering some useful tips as we work through the process of creating a striking image that will show a helpless being pulled into the powerful grasp of nature.

Create A Striking Nature Scene In Photoshop

Create Blood and Milk Typography Poster in Photoshop

With this technique you can create interesting flayer for dace club or you can use in advertisements. To create this typography poster we will use some paint splashes, custom fonts and few stocks from Deviantart and of course your knowledge.

Create Blood and Milk Typography Poster in Photoshop

TV Aquarium Digital Drawing

Interface drawing with water and broken glass photo effects.

TV aquarium Digital drawing

Create Dramatic Meteor And Burning City Effect In Photoshop

In this tutorial, I will show the methods I use to create a Dramatic Meteor and Burning City Effect in Photoshop. This is an intermediate level tutorial so some steps can be a little tricky for beginners.

Create Dramatic Meteor and Burning City Effect in Photoshop

Living Paints

Use some brushes and stock photos to create an amazing composition – “Living Paints” . You can add some new objects to your work, match them and create your own unique result.

Living Paints (Exclusive Tutorial)

Creating An Abstract Ecology Scene With 3D Render

This is a walk-through of how author made the New Life artwork. It is a simple and short tutorial that focus on the basic Photoshop tool

Creating an Abstract Ecology Scene with 3D Render

Create A Magic Crystal Ball

In this tutorial we will learn how to create some cool effects, really easy and simple to do it. We will create an Magic Crystal Ball on the hands.

Create a Magic Crystal Ball

Create Beauty Woman Effect in Photoshop

In this Photoshop tutorial you will learn how to add light effects to your photo and create cool photo effect from your usual image. Step by step, we will show you tips how to work with lights in Photoshop.

Create Beauty Woman Effect in Photoshop

How To Break An Egg In Photoshop

Create this amazing broken egg illustration in Photoshop. This in-depth tutorial contains 50 steps to show you how to use shapes, gradients, selections, and more to create this artwork.

How to Break an Egg in Photoshop

Egg Planet Fantastic Globe Photo Manipulation

In this tutorial you’ll learn how to create an Egg Planet. Fantastic globe photo manipulation.

Egg Planet Fantastic globe photo manipulation

Shiny Lock Icon Design Tutorial

Following tutorial can be helpful in creating a good Icon design using Adobe Photoshop. The version author is working with here is CS3. If you follow the following steps you will definitely find your self with the final result

Shiny Lock Icon Design Tutorial

Phone Digital Rendering Photoshop Tutorial

In this tutorial you’ll learn how to create transparent glass and shiny phone in Photoshop.

Phone digital rendering photoshop tutorial

How To Create A Dark Emotional Photo Manipulation

This is a tutorial with a simple idea: to create an emotional photo manipulation. Following this tutorial, you will learn how to blend different images to make a dark atmospheric background, modify the dress of the model, apply makeup, paint hair, blend different objects in the background, and more – all to create a moody illustration.

How to Create a Dark Emotional Photo Manipulation

Creating A Modern, Glossy Mouse Icon In Photoshop

This tutorial is about creating the Apple Magic Mouse in Photoshop, though you could use these techniques to create other mouse icon design styles as well. The new design of this mouse just looks amazing. Creating it and using it as an icon makes it all that more fun and interesting.

Creating a Modern, Glossy Mouse Icon in Photoshop

Photo Manipulate An Explosive Magical Reading Scene

Learn how to create a magical scene, where a girl’s reading book comes to life and explodes with a fantasy world.

Photo Manipulate an Explosive Magical Reading Scene

Glass Yellow Tomatoes

In this design tutorial, you can learn how to create realistic glossy glass tomatoes with liquid in them, make reflections and shadows.

Glass yellow tomatoes

Fruit Bulb

Create Fruit bulb using PhotoShop effects, filters and layers.

Fruit bulb

Create An Incredible Story Coming Alive Fantasy Photomanipulation

In this fantasy photomanipulation tutorial, you’ll learn how to start with just a few stock images and quickly build up an incredible story-based artwork. You’ll see how to manipulate images, add effects and build an amazing artwork in this Photoshop photomanipulation tutorial.

Create an Incredible Story Coming Alive Fantasy Photomanipulation

Combine Photo Elements To Create A Surreal Photo Manipulation

This Photoshop tutorial, you will learn how to use a variety of color, lighting, and cut and paste techniques to create a surreal photo manipulation. Combine your creativity with these Photoshop techniques to create your own photo manipulation artworks.

Combine Photo Elements to Create a Surreal Photo Manipulation

The Creative Process Of “Summoning the Life” Digital Art

In this tutorial, author Valentin Petroff explains the creative process behind ”Summoning the Life” Digital Art in Photoshop.

The Creative Process of Summoning the Life Digital Art

Manipulate A Dancer Illustration In Photoshop

In this Photoshop tutorial, you’ll see how to manipulate a single stock image in Photoshop to create a dance illustration.

Manipulate a Dancer Illustration in Photoshop

Create A Mixed Media Piece Using Photoshop

In this tutorial I will be showing you how to take any drawing and turn it into a mixed media masterpiece using Photoshop. We will be combining some digital painting techniques with textures and light effects to achieve the desired result.

Create A Mixed Media Piece Using Photoshop

Logo Design Process And Walkthrough For BioThemes

The BioThemes logo was pretty different to the majority of logos I’ve worked on in the past, which made it a super interesting project.

Logo Design Process and Walkthrough for BioThemes

Tutorial: How To Design A Realistic Takeout Coffee Icon

In this tutorial we’re going to show you how to design an icon from our popular freebie, the Incredibly Detailed Drinks Icon Pack. We’ll walk you through the process of creating the takeout coffee cup from start to finish, exploring a wide variety of techniques in Photoshop that can be applied to almost any type of design and drawing.

Tutorial: How To Design a Realistic Takeout Coffee Icon

Related posts:

  1. 25 Cool Photoshop Photo Effects Tutorials
  2. 25 Photoshop Light Effects Tutorials
  3. 33 Fabulous Photo Manipulation Photoshop Tutorials

40 Fresh Html5 Tutorials And Cheat Sheets For Web Developer

The development of a web design and need a function that should be developed to make various kinds of programming applications should be used on various platforms. One of the web application programmers are widely used is the HTML 5, where with this application you can create a wide range of variations, such as web design, web design features, flash, JQUERY, and some supporters of other web applications. Ease of application integration with HTML 5 makes similar application as one of program options for those who want to try a variety of features in it. There are so many tutorials and tips that you can make a guide to become familiar with HTML applications.

Making A Beautiful HTML5 Portfolio

In this tutorial you will be making a beautiful HTML5 portfolio powered by jQuery and the Quicksand plugin. You can use it to showcase your latest work and it is fully customizable, so potentially you could expand it to do much more.

Making a Beautiful HTML5 Portfolio

How To Code A Clean Website Template In HTML5 & CSS3

On MediaLoot was posted a tutorial on designing a clean homepage template using Adobe Fireworks, the result was a sleek web page concept that in this tutorial we will now going to imagine that we have shown to our client, and they have just given the go ahead to start coding it up into HTML and CSS!

How to Code a Clean Website Template in HTML5 & CSS3

Fullscreen Slideshow With HTML5 Audio And jQuery

In this tutorial we’ll create a fullscreen photo slideshow to illustrate a New York picture series. We will add sounds with the HTML5 audio element in order to give life to the gallery and try to recreate the ambient of this vibrant city.

Fullscreen Slideshow with HTML5 Audio and jQuery

Creating a HTML5 And CSS3 Single Page Web Layout

In this tutorial you will learn how to create HTML5 web template with combination with CSS3 and jQuery. Current template will contain header area (with logo and navigation menu), promo area (Author will use jQuery Nivo Slider), center area with some content, bottom area (which you can use for footer links as example), and footer itself.

Creating a HTML5 and CSS3 Single Page Web Layout

Build A Neat HTML5 Powered Contact Form

In this tutorial, we are going to learn how to create a swanky HTML5 AJAX powered contact form. The form will use some of the new HTML5 input elements and attributes, and will be validated using the browser’s built-in form validation.

Build a Neat HTML5 Powered Contact Form

Create A Stylish HTML5 Template From Scratch

HTML5 is certainly one of the latest buzzwords in the web community. It isn’t something new anymore and we’ve already seen how cool it is. Features like simplified doctype, more semantic markup, input types and placeholders are just some of the reasons you’d like to use HTML5. In this tutorial we’ll create a HTML5 website template using the full power of CSS3.

Create a stylish HTML5 template from scratch

Understanding HTML5 Content Models

Author want to continue and talk about content models in html5, specifically the new outline algorithm for creating hierarchy. Unfortunately some of what we’ll look at below isn’t yet supported by browsers. Some of it will be, but not all. Still author think what’s here is important to understand with an eye toward the future.

Understanding HTML5 Content Models

Build Your Own HTML5 3D Engine

When Toronto agency Jam3 built www.bjork.com, a site that features an interactive real-time rendered 3D model, they decided to create their own engine to ensure it turned out the way they wanted. Here senior developer Mikko Haapoja explains how you can do the same with a little bit of help of JavaScript and HTML5 Canvas.

Build your own HTML5 3D engine

Create A Page Flip Effect With HTML5 Canvas

Web developer and creative programmer Hakim El Hattab shows us a new take on the ‘Flash page flip’ we all love to hate, using HTML5’s canvas and JavaScript. He explains how Fi built 20thingsilearned.com

Create a page flip effect with HTML5 canvas

Learning The Basics Of HTML5 Canvas

In Chapter 3 of his book, Foundation HTML5 Canvas, Rob Hawkes explains how to use the canvas element, draw basic shapes and text, change the colour, erase the canvas and how to make it fill the browser window

Learning the basics of HTML5 canvas

HTML5’s Microdata, Search, And The Collaboration Of The Search Giants

One of the most overlooked new features of HTML5 is Microdata. Microdata allows us to more specifically categorize and label our web content in a machine-readable way. Why this is important is because it may positively affect your search results.

HTML5’s Microdata, Search, and the Collaboration of the Search Giants

HTML5 & CSS3 – What You Should Know

HTML5, in conjunction with CSS3, will be a major alteration of how web pages are built once it is fully implemented. While the updated or added features in HTML5 and CSS3 are too numerous to list, some of the things many people are excited about.

HTML5 & CSS3 – What You Should Know

Create A Grid Based Web Design In HTML5 & CSS3

Follow this step by step walkthrough of the making of a sleek website design for an eyewear brand in HTML5 and CSS3. We’ll build the HTML structure with the latest elements then style up the appearance of the site with CSS3 affects to match the original Photoshop concept with minimal use of background images.

Create a Grid Based Web Design in HTML5 & CSS3

HTML5 Web Applications

Deep Blue Sky built a free web app to help our fellow web designers/developers find out the current state of browser support for HTML5/CSS3.

HTML5 Web Applications

Structural Tags In HTML5

The HTML5 specification has added quite a few interesting and useful tags for structuring your markup. For a majority of everyday uses, these tags will replace many of our typical div entries from our code. So let’s dig in.

Structural Tags in HTML5

Touch The Future: Create An Elegant Website With HTML 5 And CSS3

Author is sure that who chooses to work as web designer makes a choice of heart, a choice of love. He/she decides to bet any given day on his creativity and his ability of producing an idea and of making it tangible, visible and perceptible for all.

Touch The Future: Create An Elegant Website With HTML 5 And CSS3

An HTML5 Slideshow w/ Canvas & jQuery

You’ve probably heard a lot about the new HTML5 canvas element. As the name implies, this is a special element that allows us to create and modify graphics. In addition, we can also use it like any other element on the page – apply jQuery animations on it, listen for events and integrate it deeply into our layouts.

An HTML5 Slideshow w/ Canvas & jQuery

Simple Website Layout Tutorial Using HTML 5 And CSS 3

HTML 5 is a breakthrough which will improve the sites from design view point, seo etc. It when combined with css3 can make amazing web sites. We will make a very very Simple web page with HTML 5 and styling with CSS 3. This is how the final result will look like below.

Simple Website Layout Tutorial Using HTML 5 and CSS 3

Build Your First Game With HTML5

HTML5 is growing up faster than anyone could have imagined. Powerful and professional solutions are already being developed…even in the gaming world! In this tutorial, you’ll make your first game using Box2D and HTML5′s canvas tag.

Build your First Game with HTML5

How To Build Asteroids With The Impact HTML5 Game Engine

Over the past couple years or so there has been a dramatic rise in the number of HTML5 games around on the Web, thanks in no small part to the HTML5 gaming engines that are making their development much easier.
In this tutorial, author is going to show you how to build a simple space-based asteroids game using the Impact game engine, one of the more robust engines out at the moment.

How to Build Asteroids with the Impact HTML5 Game Engine

Designing Search Boxes With HTML5 And CSS3

A hands-on tutorial demonstrating a few practical techniques for designing cross-browser, standards-compliant functional Search Forms with HTML5 and CSS3 (and a little bit of jQuery).

Designing Search Boxes with HTML5 and CSS3

28 HTML5 Tutorials And Cheat Sheets

HTML5’s popularity is growing. With Adobe’s new Creative Suite 5.5, the owner of Flash has embraced HTML5, which lets developers create the same apps more or less simultaneously for the full range of mobile devices. To keep you at the top of your HTML5 game, here is a list of HTML5 tutorials and cheat sheets.

28 HTML5 Tutorials and Cheat Sheets

Create Modern Web Sites Using HTML5 And CSS3

This tutorial serves as a hands-on introduction to HTML5 and CSS3. It provides information about the functionality and syntax for many of the new elements and APIs that HTML5 has to offer, as well as the new selectors, effects, and features that CSS3 brings to the table. Finally, it will show you how to develop a sample Web page that harnesses many of these new features. By the time you have finished this tutorial, you will be ready to build Web sites or applications of your own that are powered by HTML5 and CSS3.

Create modern Web sites using HTML5 and CSS3

How To Make An HTML5 iPhone App

You’ve been depressed for like a year now.. All the hardcore Objective-C developers have been having a hay-day writing apps for the iPhone. You might have even tried reading a tutorial or two about developing for the iPhone, but its C—or a form of it—and it’s really hard to learn.

How to Make an HTML5 iPhone App

Create Flash Like Animations Using HTML5

The gradual increase of HTML5 customers and wide market of web devices made it clear for tech companies like adobe to deliver the product what web needs at the moment. Adobe Inc wanted to tame the potential of HTML5 market with their new tool that helps developers to create Flash like animations using HTML5,css3 and JavaScript.

Create Flash like animations using HTML5

Preparing For HTML5 With Semantic Class Names

Some time ago author was asked in an interview whether he preferred HTML or CSS. Author chose HTML. It’s the typography of data; the inflection in our voices; the grid of meaning upon which presentation can flourish. Author find it beautiful when done well, and that’s why watching HTML 5 unfold with new and refined elements is fascinating to him.

Preparing for HTML5 with Semantic Class names

Create A Stylish Contact Form With HTML5 & CSS3

Follow this step by step process to create your own stylish contact form completely out of HTML5 and CSS3. We’ll be using a couple of the handy new features in HTML5 to add cool functionality to our form, while making use of cool CSS3 properties to recreate our Photoshop concept purely in code.

Create a Stylish Contact Form with HTML5 & CSS3

How To Create Offline HTML5 Web Apps in 5 Easy Steps

Among all cool new features introduced by HTML5, the possibility of caching web pages for offline use is definitely one of my favorites. Today, author is glad to show you how you can create a page that will be available for offline browsing.

How to create offline HTML5 web apps in 5 easy steps

Mobifying Your HTML5 Site

The “mobile” battlefield is still uncharted waters for a large number of developers. Many folks have existing legacy sites that neglect mobile users altogether. Instead, the site was designed primarily for desktop browsing and degrades poorly in mobile browsers. This site (html5rocks.com) is no exception. At launch, we put little effort into a mobile version of the site.

Mobifying Your HTML5 Site

Link Users To Geolocation Data With HTML5

Christopher Schmitt, author of CSS Cookbook and co-founder of Environments for Humans, explains how to use the HTML5 GeoLocation jQuery Plugin

Link users to geolocation data with HTML5

Create A Posticks (Sticky Notes) App With HTML5, CSS3 And jQuery

Author created application that creates Posticks notes, or sticky notes, in the browsers and save it in the localStorage of the browser. If you want to know what author is talking about you can visit the demo. In addition, author would like to recommend reading about the following topics: HTML5, CSS3, contenteditable, and localStorage.

Create a Posticks (Sticky Notes) app with HTML5, CSS3 and jQuery

Accessibility And HTML5 Block Links

HTML5 has many new elements and features. One of these is block links — we have the ability to wrap a link around block level elements. Here we take a look at the impact that this can have on accessibility.

Accessibility and HTML5 Block Links

HTML5 Body Elements #6 Links

A tutorial covering the creation of hyperlinks using the anchor tag in HTML5

HTML5 Body Elements #6 Links

Create A Basic HTML5 Page With The New Layout Tags

Learn how to build a simple and semantic one-page template with HTML5. In this tutorial, we’re going to build a one-page template using some of the next-generation techniques from HTML5.

Create a basic HTML5 page with the new layout tags

Creating A Minimal Blog Design Using HTML5, CSS3 And jQuery

This post goes through the entire process of designing and writing the front-end code for a modern, minimal blog. The project uses a number of cool technologies including HTML5, CSS3, @font-face and jQuery. The entire project is available as a zip download.

Creating a Minimal Blog Design Using HTML5, CSS3 and jQuery

HTML5: Creating A Base Template

This post will dive deeper into some of the major element updates that the specification brings to the table, specifically those that can be implemented today.

HTML5: Creating a base template

50 Performance Tricks To Make Your HTML5 Web Sites Faster

Learn how you can make your sites faster directly from the Internet Explorer Performance Team. These are the same guys who brought you GPU accelerated graphics and compiled JavaScript with Internet Explorer 9, and they’re going to share their favorite 50 best practices for web developers.

50 Performance Tricks to Make Your HTML5 Web Sites Faster

Creating An HTML5 Form Using The New Form Types

With HTML5 however, some of this pain has been taken away by the introduction of the new form types we can use. Any browser that does not support these new types will just revert to ones they do support. So in this tutorial we will explore what is new, what is supported and what they can do.

Creating an HTML5 Form Using the New Form Types

Simple Tool To Create Free HTML5 Slideshows Of Images

In today’s world where attention spans are less and having your photos shown in a quick slide-show is better as some people might not want to look at all the photos without a preview of sorts.

Simple Tool to Create Free HTML5 Slideshows of Images

Create Vector Masks Using The HTML5 Canvas

The HTML5 canvas can be used to create a lot of cool things, like games, video effects, graphs and more. It can also be used to produce some slightly less complex effects, like manipulating images on the page. In this post we will look at how to use the canvas tag and clipping to create images that aren’t so rectangular.

Create Vector Masks using the HTML5 Canvas

Related posts:

  1. Free Html5 WordPress Theme – Quacker
  2. 30+ Fresh Outstanding Adobe Illustrator Tutorials
  3. 34 Useful jQuery Slider Plugins And Tutorials

30+ Awesome Adobe After Effects Tutorials

When it comes to using visual effects or motion graphics, Adobe After Effects is the software of choice. We’ve scoured the internet, digging up twenty of the best Adobe After Effects Tutorials to help you learn, develop and hone your skills. Below you’ll find a wide range of tutorials for beginners and advanced After Effects users that will put your website on the map with impressive effects that visitors won’t forget.

Beginner After Effects Tutorials

Introduction to Adobe After Effects

For the absolute beginner – get yourself a great introduction to Adobe After Effects.

introduction adobe after effects 30+ Awesome Adobe After Effects Tutorials

Basic Effects

Learn some basic effects with After Effects.

basic effects 30+ Awesome Adobe After Effects Tutorials

Quick Tip – Create the Vintage Old Photo Look

A quick video tutorial from AETuts that will help you to get to grips with adjustment layers and some expressions. At the end of it you’ll have achieved a vintage photograph look.

vintage old photo look 30+ Awesome Adobe After Effects Tutorials

Basic Compositing and Animation in After Effects

7 Part series that will guide you through all every beginner needs to know about After Effects

basic compositing animation after effects 30+ Awesome Adobe After Effects Tutorials

Basic Footage Coloring and Object Removal

Learn how to make your footage look old.

basic footage coloring object removal 30+ Awesome Adobe After Effects Tutorials

Simple Reflection Techniques

Learn how to create reflections for both individuals and for crowds.

simple reflection techniques 30+ Awesome Adobe After Effects Tutorials

Average After Effects Tutorials

Invent Your Own Custom Logo Transformation Template

Create a logo transformation template that you can put to use for your own logo.

invent your own custom logo transformation template 30+ Awesome Adobe After Effects Tutorials

Energy

Create a complex energy scene.

energy 30+ Awesome Adobe After Effects Tutorials

Ink Bleeding Effect in After Effects

Create an inky bleeding effect like in the Gnarls Barkley video.

ink bleeding effect after effects 30+ Awesome Adobe After Effects Tutorials

Heart Rate Monitor Effect

Learn how to make a heart rate monitor effect

heart rate monitor effect 30+ Awesome Adobe After Effects Tutorials

Flaming Chrome Text

Make cool flaming chrome text with this tutorial

flaming chrome text 30+ Awesome Adobe After Effects Tutorials

Tracked Head Wound

Use corner pin tracking to make an effective head wound

tracked head wound 30+ Awesome Adobe After Effects Tutorials

Bessie Potter

Love Harry Potter? Create your own version of the title.

bessie potter 30+ Awesome Adobe After Effects Tutorials

Your Own “Private Ryan” Movie Shot

You don’t need to be Spielberg to create your own war movie scene

private ryan movie shot 30+ Awesome Adobe After Effects Tutorials

Animated Homage to Bruce Lee

Learn how to create an animated homage to Bruce Lee’s “be water” philosophy

animated homage bruce lee 30+ Awesome Adobe After Effects Tutorials

Dancing Can in Adobe After Effects

Animate a dancing can to music

dancing can adobe after effects 30+ Awesome Adobe After Effects Tutorials

Cinematic Opening Title Redux

Create “ready for Hollywood” cinematic opening titles

cinematic ppening title redux 30+ Awesome Adobe After Effects Tutorials

Disintegration

Learn how to make someone or something disintegrate

disintegration 30+ Awesome Adobe After Effects Tutorials

Depth Charge

Combine multiple explosions to create a depth charge

depth charge 30+ Awesome Adobe After Effects Tutorials

Explosive Flower Fireworks

Learn how to create some cute flower fireworks

explosive flower fireworks 30+ Awesome Adobe After Effects Tutorials

Advanced After Effects Tutorials

Create a MoGraph Urban Jungle

In this tutorial Naim Alwan ventures outside of After Effects for a little bit of 3D Matchmoving to create this stunning Urban Jungle effect where vector graphics are perfectly tracked to some city footage.

urban jungle 30+ Awesome Adobe After Effects Tutorials

Energetic Titles

Learn how to create atractive energetic titles using After Effects.

energetic titles 30+ Awesome Adobe After Effects Tutorials

Create a Stormy, Electric Type Reveal

This tutorial gives a different twist on how to use the powerful form plugin.

electric type reveal 30+ Awesome Adobe After Effects Tutorials

Learn to Make a Custom 3D Wall Text Reveal

Using basic AE tools and some expressions you will learn how to create this 3D wall made of custom shapes.

3d wall text 30+ Awesome Adobe After Effects Tutorials

Explosive TV promo graphics

n this screen capture of a recent Adobe After Effects e-seminar learn how Adobe Illustrator used to create explosive TV promo graphics.

tv promo graphics 30+ Awesome Adobe After Effects Tutorials

Hollywood Movie Title Series – Prince of Persia

This tutorial explains how to make a “Prince of Persia” flying logo style, using Cinema 4D and After Effects.

prince persia 30+ Awesome Adobe After Effects Tutorials

Hollywood Movie Title Series – Inception

This tutorial will explain how to make the “Inception” flying logo style, using Cinema 4D 11.5 and After Effects.

inception 30+ Awesome Adobe After Effects Tutorials

Galactic Orb

Learn how to create an infinite galactic zoom through particle energy.

galactic orb 30+ Awesome Adobe After Effects Tutorials

Advanced Car Hit

Learn how to create a realistic vehicle collision with body damage using After Effect.

advanced car hit 30+ Awesome Adobe After Effects Tutorials

Advanced Time Freeze

Composite suspended 3D glass into a live action shot.

advanced time freeze 30+ Awesome Adobe After Effects Tutorials

Graffiti Writing

Learn how to simulate graffiti writing on a wall in 3D and add some paint splatter elements.

graffiti 30+ Awesome Adobe After Effects Tutorials

Dealing With Spontaneous Particle Combustion

In this tutorial I will demonstrate how to build up a procedural dispersion effect using Trapcode Particular.

spontaneous particle combustion 30+ Awesome Adobe After Effects Tutorials

Fancy Title Plate

Create a 3D title plate with growing elements.

fancy title plate 30+ Awesome Adobe After Effects Tutorials

30 Aesthetic Photoshop Text Effect Tutorials

Typography has become one of the most demanding elements in modern design. In order to learn new ways to create awesome logo or text for promotional poster, you should follow up on the latest tutorials (Photoshop or Illustrator), where you’ll find new techniques how to create stunning text effects. And in this article we want to show you our favorite collection with of 30 aesthetic Photoshop text effect tutorials for your pleasure. Go ahead, create something aesthetic.

Create a Richly Typographic Illustration

Typography illustration using photoshop, and illustrator to extract vector elements. This tutorial uses a wide range of textures and layer styles.

create richly typographic illustration 30 Aesthetic Photoshop Text Effect Tutorials

Create a Cloudy Text Effect

In this tutorial, it will show you how to create a text with clouds, using brushes and other few interesting light effects.

create cloudy text effect 30 Aesthetic Photoshop Text Effect Tutorials

Create a Displaced Text Effect

In this Photoshop tutorial, it will show you creative way how to displace the text and get an interesting effect on it.

create displaced text effect 30 Aesthetic Photoshop Text Effect Tutorials

Create a Sweet Chocolate-Coated Text Effect

This Photoshop tutorial is thought for greedy people. Author will create a delicious chocolate-covered text effect. You will create some details on paper, then we will work with layer styles to achieve the nice result.

create sweet chocolate coated text effect 30 Aesthetic Photoshop Text Effect Tutorials

Design a Rocket-Powered Retrofuturistic Design illustration

In this tutorial, author will  go through the steps of recreating my own experiment in this style. After making the 3D typography in Illustrator, you’ll use Photoshop to create an out-of-this-world digital illustration on the topic of space exploration.

rocket powered retrofuturistic design illustration 30 Aesthetic Photoshop Text Effect Tutorials

Create a Distressed Vector Typographic Poster Design

‘Spectrum’ poster.  Starting with custom made type in Illustrator, you’ll move our vector graphics into Photoshop for some serious distressing with Photoshop brushes, blending modes and more.

distressed vector typographic poster design 30 Aesthetic Photoshop Text Effect Tutorials

Create a Stunning Liquid text Effect

Author will look at how to use liquid photostocks to create a gorgeous and stunning liquid text effect in Photoshop.  By using some clever techniques, you can warp liquids into a variety of shapes to meet our needs.  In this case, you’ll learn how to create letters from liquids, and then add in some extra effects for a dynamic composition.

stunning liquid text effect 30 Aesthetic Photoshop Text Effect Tutorials

Easy Neon Text Effect

Neons were invented by accident over 300 years ago when a scientist shook a test tube. At the time though, their discovery was useless because they had no understanding of electricity. It took another 200 years for the concept to be rediscovered, and they called their invention ‘The New Gas’, or, as it was known in Greek, ‘Neon’.

neon text effect 30 Aesthetic Photoshop Text Effect Tutorials

Retro 3D Arcade Text Effect

In this tutorial you’ll make clever use of Illustrators built in 3D capabilities, gradients and opacity masks to design a Retro 3D Type Effect.

retro 3d arcade text effect 30 Aesthetic Photoshop Text Effect Tutorials

Create a Gothic Blackletter Typographic Design

Gothic typographic design, you’ll be modifying the original vector letters in Illustrator before moving over to Photoshop to add a cool distressed and metal effect finish to the artwork.

gothic blackletter typographic design 30 Aesthetic Photoshop Text Effect Tutorials

Create Colorful 3D Text Effect in Photoshop

In this Photoshop tutorial you will learn how to create colorful 3D text effect. Create 3D effect in Photoshop is difficult, therefore to create effect like this, we will use a little bit Xara 3D, but you can use Cinema 4D or 3DsMax, so you will learn also some Xara 3D techniques.

colorful 3d text 30 Aesthetic Photoshop Text Effect Tutorials

Urban Text Effect

London is hip again, and in this tutorial Holland-based designer Bram Vanhaeren shows you how he created a new piece that draws on all that’s great about the city – taking inspiration from the Olympics, underground club scenes and the city vista from up high.

urban text effect 30 Aesthetic Photoshop Text Effect Tutorials

Create and then shatter a Grid, while making a Typographic Poster

Let’s get our own share of typography with this dark and grungy poster. No, this is not your typical design, as we’ll be ‘breaking the grid’ in hope of creating a dynamic and exciting layout. So grab the usual tools of the trade, Photoshop and Illustrator, and follow these steps into creating your own solution.

create then shatter grid while making typographic poster 30 Aesthetic Photoshop Text Effect Tutorials

Old Style Typography Sign

In this tutorial, you will create an old style typographic sign using shadows and textures.

old style typography sign photoshop 30 Aesthetic Photoshop Text Effect Tutorials

Create a Funky Retro Wavy Text Effect

The purpose of this tutorial is to learn how to mask out an image so that it just shows through the editable text, making it friendlier to modifications later on. You will also work with layering textures to create a grungy retro background.

funky retro wavy text effect photoshop 30 Aesthetic Photoshop Text Effect Tutorials

Create a retro Sci-fi Movie Poster

You will learn how to deal in particular with blending options and textures customization. This tutorial can be followed by Photoshop newbie without problems.

retro sci fi movie poster photoshop 30 Aesthetic Photoshop Text Effect Tutorials

Old School Type effect

Following this tutorial you are going to take the base logo and add that cool “line gradient” effect that you see inside the actual letters. This gives the text an old-school or vintage feel to it. This look is prevalent in wood engraving and sign lettering. You can do this effect with any typeface or font because the principle is the same.

old school type line gradients 30 Aesthetic Photoshop Text Effect Tutorials

Retro Text Effect

Retro Text and Video Layers Retro text like this looks great but isn’t easy to create in Photoshop alone so here we use a mix of Photoshop and Illustrator, raster and vector to create some unique text. The second part of this tutorial explains video layers, something which is relatively new to most people. The final result will be an animated image that could be used for a web header.

retro text 30 Aesthetic Photoshop Text Effect Tutorials

3D Text Effect

3D text needs the right depth, lighting and texture. Nik Ainley tells you how to do this without re-rendering nightmares.

new way to create 3d text 30 Aesthetic Photoshop Text Effect Tutorials

Create an Incredible Typographic Illustration

In this two-part tutorial, we’re going to learn how to bring a simple proverb into a complex typographic illustration that achieves a level of realism without actually using any photos. Yes, we’re going to build this idea from the bottom up. In the first part, learn how to model your own objects in Cinema 4D and prepare them for isolation in Photoshop.

incredible typographic illustration part 30 Aesthetic Photoshop Text Effect Tutorials

How to create Eroded Metal Text

In this tutorial I’ll show you how to create an eroded metal text effect. Throughout this tutorial we’ll make use of various drawing techniques, channels, and patterns.

eroded metal text with photoshop 30 Aesthetic Photoshop Text Effect Tutorials

Photoshop Battle Poster Tutorial

In this tutorial, Author will show you the steps Author took to create the Super Sleek, eye-catching text effect with Water Drop Texture. This effect is simple but effective, and would be suitable for any water/rainy/ocean themed designs you’re creating.

photoshop battle poster illustrator 30 Aesthetic Photoshop Text Effect Tutorials

How to make a Typographic, Retro, Space face

In this tutorial, Author will show you how to make a typographic face by using simple techniques. Using the Brush Tool and experimenting with light, you will get this amazing Typographic Space Face that looks like it’s created by letters and an amazing explosion.

typographic retro space face 30 Aesthetic Photoshop Text Effect Tutorials

Text Effect with the Puppet Warp Tool in Photoshop CS5

So in this tutorial author will show you how to create a text effect using a photo of a rope and the Puppet Warp tool. This tutorial will only work with the CS5 version and author  believe it won’t take you too much time.

puppet warp tool photoshop 30 Aesthetic Photoshop Text Effect Tutorials

Creating Retro Folded Typography

Prepare yourself to heavily rely on Photoshop’s Lasso Tool, as well as some other basic tools and simple techniques.

folded typography using photoshop 30 Aesthetic Photoshop Text Effect Tutorials

Lost in Space Typography tutorial

In this tutorial author will show you how to create an easy and super quick text effect in Photoshop. We will play with Brushes, Blend Modes, basic filters like Blur and Liquify, and also text.

lost space typography photoshop 30 Aesthetic Photoshop Text Effect Tutorials

Wet Ink Typography Tutorial

Create an awesome distorted type design. Using a range of Photoshop brushes we’ll create the appearance of printed type that has come into contact with drops of water, breaking up the text with oversaturated drips, runs and splats.

ink typography effect photoshop 30 Aesthetic Photoshop Text Effect Tutorials

Shiny Calligraphy Text Effect

The effect is really simple and we will take a look at how to create patterns and light effects with blend modes.

caligraphy text effect photoshop 30 Aesthetic Photoshop Text Effect Tutorials

Create a Mysterious Poster Design

We will learn together how to realize a marvelous poster design using Photoshop and Illustrator. Author will show you some useful IIlustrator tricks to create the 3D text effect of the piece, then we will switch to Photoshop to complete the scene with textures and color corrections.

mysterious poster design with 3d text 30 Aesthetic Photoshop Text Effect Tutorials

Create Colorful Smoky Text Effect in Photoshop

In this photoshop tutorial you will learn how to create colorful smoky text effect. The process is fun and easy once you get going.

colorful typography effect 30 Aesthetic Photoshop Text Effect Tutorials

Create a Trendy Galactic Poster Design

Galactic space scenes are a popular theme for digital art, they’re packed full of texture and vibrant colour, which are two ingredients of an awesome design! Using Photoshop’s blending modes along with a mix of textures and brushes, let’s get lost in space and create an abstract cosmos poster design.

trendy galactic poster design photoshop 30 Aesthetic Photoshop Text Effect Tutorials

Create a Steam Powered Typographic Treatment

Whether or not you’re a Steampunk fan, this two part tutorial is sure to test your knowledge on Illustrator, Cinema 4D and Photoshop. In the first half, we’re going to customize a Blackletter font and create 3D text with vector shapes.

powered typographic treatment 30 Aesthetic Photoshop Text Effect Tutorials