Web layouts are crucial for every web design. Whether it is a simple design or an advanced one, Photoshop can often come handy in creating such layouts. We have collected some really creative and helpful recent tutorials that display the process behind creating web layouts in Photoshop.

Photoshop Web Design Layouts

How to Create a Trendy Colorful WordPress Layout in Photoshop
In this tutorial author will create a trendy and colorful wordpress layout in Photoshop. If you’re thinking to redesign your blog, you can follow this tutorial.

Underwater Content Box Design in Photoshop
In this tutorial author will teach you how to create an underwater content box. It will appear as if the content box fell into the water using stock photos and different techniques.

Design a Minimalist Website layout in Photoshop
In this tutorial, author will show you how to create a minimalist layout for your personal site. Through this tutorial, you will be able to design a professional, clean, elegant and simple minimalist web layout.

Create a Bright and Sleek Web Design in Photoshop
In this web design tutorial author will create a clean, professional, and modern web layout in Photoshop using the 960 Grid System as our layout guide by using light and bright colors, subtle gradients, thin lines.

How to create a clean blue web layout using Photoshop
In this tutorial author will show you how create a clean blue web layout in Photoshop.

Photo Gallery Website Layout in Photoshop
In this tutorial you will learn how to create a photo gallery website in Photoshop.

Create a Wooden Grunge Portfolio Web Layout in Photoshop
In this tutorial, author will show you how to construct a portfolio web layout that has a fixed wooden background with Photoshop.

Deep in Space Portfolio Layout Design in Photoshop
In this tutorial author will teach you how to create an outer space website layout that could be used for a portfolio design.

How to Make a Vibrant Portfolio Web Design in Photoshop
In this web design tutorial, author will create a beautiful and colorful portfolio layout using Photoshop.

Create a Chalkboard Style WordPress Layout in Photoshop
In this tutorial you will learn how to create a unique and original WordPress style layout that looks like a chalkboard.

Create a Clean and Classy Web Design in Photoshop
In this web design tutorial, you will learn how to create an elegant and professional web layout that can be used as a web portfolio site.

How to create a distinguishable textured web layout in Photoshop
In this tutorial author will show you how to create a textured web layout, starting from the concept on paper to Photoshop design. Author will discuss about site structure and will use the 960 grid to organize our contents.

Create an awesome soft portfolio layout in photoshop
In this tutorial, Author will create a soft portfolio template using some warm colors. This psd layout can be used not only for a portfolio, but in the same time can be used to showcase your product (an ebook, a script, a software, etc)

Light and Colorful Grunge Portfolio Layout in Photoshop
In this tutorial you will learn how to create a light and colorful grungy portfolio layout in Photoshop.

Design a Modern Blog Layout in Photoshop
In this tutorial, author will show you how to design a modern blog layout in Photoshop.

Make an Elegant and Simple Blog Web Layout Using Photoshop
This web design tutorial will show you the process of developing a PSD mockup of a clean and simple blog layout. Author will be creating the design of the front page of the blog.

Create A Green Energy Website in Photoshop
In this tutorial, author will show you, how you can create a web layout for a non conventional energy website. It can be used to create a web layout/template for a green energy website such as solar power, wind power, wave power, geothermal power or tidal power projects.

Create an Elegant Photography Web Layout in Photoshop
This simple tutorial aims to illustrate some great techniques to adapt into your current web design workflow by creating an Elegant Photography Web Layout in Photoshop.

How to Create an Automotive Web Template using Photoshop
In this tutorial author will explain how you can create an automotive web template using photoshop

Create a Colorful Candy Store Website Layout in Photoshop
In this tutorial author will teach you how to create a bright and colorful candy store layout with a unique and creative background and header.

How to Design a Clean Business Website with Photoshop
The focus of this template is on a design agency that offers a range of web-based services and to promote what the business does and what services they provide.

How to Create an Artistic Layout in Photoshop
In this tutorial, author will create an artistic layout which can be used as a static website (simple HTML page) but in the same time can be integrated with one of the popular CMS platforms such as WordPress, Joomla or Drupal.

Simple Portfolio Gallery Layout in Photoshop
In this tutorial we will learn how to create a simple yet colorful portfolio gallery in Photoshop.

How to Create a Website Layout in Photoshop
In this tutorial, author will create a website layout in photoshop which can be used for technology website, for a business company, or a hosting website, to showcase your script (software).

How To Create a Clean and Colorful Web Layout – Photoshop Tutorial
In this tutorial author is going to show you how to create a clean corporate layout in Photoshop.

Simple iPhone Application Website Layout in Photoshop
In this tutorial you will learn how to make a simple and clean layout for your iPhone application.

Create a Clean and Modern Web Design in Photoshop
In this web design tutorial, author will tell how to create a clean-looking and modern website layout with the help of some fundamental techniques and tools — such as custom shape tools, selection tools, and clipping masks

Design a Clean Web Layout with the 960 Grid
In this tutorial, author will be designing a clean website layout using the 960 Grid System. You’ll see how working with this system can streamline web development workflow, and how to work with a grid system.

Simple Business Style Portfolio Layout in Photoshop
In this tutorial you will learn how to make a minimal and simple web layout for a business, or portfolio website.

Create a Real Estate Web Layout in Photoshop
In this tutorial author will show you how to create a Real Estate website layout in Photoshop.

Design a Modern Portfolio Web Layout in Photoshop
In this tutorial author will show you creation of a contemporary web page layout that’s perfect for a personal or agency portfolio site with the help of simple Photoshop tools such as layer styles, selection tools, and custom shape tools.

Beautiful and Clean Portfolio Layout in Photoshop
In this tutorial you will learn how to make a beautiful and clean portfolio layout in Photoshop.

Learn How to Create an Ecommerce Theme for Magento or Prestashop Using Photoshop
In this tutorial author will teach you how to create a nice theme for an ecommerce website (Magento or Prestashop) using Photoshop. This psd template can be used to create a women clothing shop.

Create a Kids Oriented Web Layout Using Photoshop
In this tutorial author will create a simple, easy to use and colorful web design layout in Photoshop that is primarily aimed at children. The simple navigation, bright colors and limited content is something that would really appeal to the youngsters.

Create a Theme Store Website Layout in Photoshop
In this tutorial you will learn how to create a simple and beautiful theme store layout in Photoshop.

Make a Dark Blog Web Design Layout with Photoshop
Author will show you a quick and easy way to develop a simple dark-themed blog layout with the use of Photoshop by basic Photoshop tools such as the marquee selection tools and layer styles. The outcome will be a professional-level website design mockup that can be converted to a blog theme or HTML web page.

Create an iPhone App Website in Photoshop
In this tutorial you will learn how to create a simple, yet beautiful application page for your iPhone app.

Marketing SEO Web Layout in Photoshop
In this tutorial author will create a nice weblayout, related to a marketing/seo website which can also be integrated pretty easy with any popular CMS platform, such as WordPress, Joomla, Drupal, etc.

Simple & Cloudy Portfolio Layout in Photoshop
In this tutorial you will learn how to create a simplistic portfolio page design with a cloudy header.

Learn how to create a stylish/elegant web layout in Photoshop
Author will create a stylish web layout which can fit pretty well for a furniture website

Clean Textured WordPress Style Layout in Photoshop
In this tutorial you will learn how to create a textured and clean WordPress style layout in Photoshop.

How to Create a Nice Brown Layout in Photoshop
In this tutorial author will shoe you how to create a nice – brown – website layout using Photoshop.

Clean and Minimalistic Portfolio Layout in Photoshop
In this tutorial you will learn how to create a clean and minimalistic portfolio layout in Photoshop.

Create a Clean and Professional Web Design in Photoshop
In this Photoshop web design tutorial author will design a smashing, clean, and professional website layout in Photoshop which can be used as personal or corporate website design.

Simplistic Black and White Portfolio Layout in Photoshop
n this tutorial you will learn how to create a beautiful and clean portfolio in black and white using Photoshop.

Clean and Creative WordPress Style Theme in Photoshop
In this tutorial you will learn how to create a clean and creative WordPress style layout in Photoshop.

Create a Slick and Minimalist Web Layout in Photoshop
In this Photoshop web design tutorial, you will learn how to create a slick and minimal-looking website layout by using the 960 Grid System as a template to make it easy to align the design elements on the layout.

Beautiful Music Streaming Website Design in Photoshop
In this tutorial you will learn how to create a beautiful and clean music streaming website in Photoshop.

Create a minimalist web site design in Photoshop
In this tutorial, author will create a minimalist web site design in Photoshop.

  

Photoshop needs no introduction; everyone knows it — even those who do not have any design background. Knowing your tools inside out really counts. If you really know Photoshop, you can do almost everything with it — be it photo retouching, photo manipulation, creating fantasy scenes or creating wild and wicked text effects. And in this post we have collected some fresh Photoshop tutorials that will help you learning it inside out. Browse through this collection and polish your Photoshop skills!

Fresh Photoshop Tutorials

Create a Medieval Fantasy Castle Gate in Photoshop
Photoshop’s wide variety of tools enable you to perform complex photo manipulations with relative ease. In this tutorial, artist will demonstrate how to combine Photoshop’s tools with photo manipulation techniques to create a medieval fantasy castle gate. Let’s get started!

Create a fantasy-horror scene in Photoshop
In this tutorial artis will show you how the liquify filter can be used to modify face lineaments. Inspiration derives from horror movie posters design. Are you ready to enter in the dark horror world?

Recreating Magnifying Glass in Photoshop
In this Photoshop tutorial artist is going to show you how to draw a magnifying glass and do the right thing reflected in it.

Create Abstract Landscape Art From a Photograph
In this tutorial artist would like to demonstrate an alternative way to create abstract artistic pieces using a photo merely as inspiration. We will start by choosing and simplifying its components and then proceed to apply a retro-futuristic look. Let’s get started!

Design a Beautiful Cosmic Space Scene in Photoshop
Follow this step by step walkthrough of its creation in Photoshop, from the making of the planets, to the vibrant nebula and bright lens flares.

Create Photoshop Stencil Art – Psd Premium Tutorial

Maze in my Mind
This Photoshop tutorial will show you how to combine and manipulate photos to create a surreal photo manipulation.

Create a Realistic Pencil Illustration in Adobe Photoshop
In this tutorial, I will take you step-by-step on how I created this pencil and paper scene. This tutorial is written for advanced users who already have a general understanding of the tools and techniques commonly used in Photoshop. Enjoy!

Designing Realistic Interfaces
In this tutorial you will learn how to creace a beautiulf and realistic interface.

How To Create The Expendables Winged Skull Poster Art
Follow this step by step guide on how to create the menacing winged skull design for yourself, complete with an overkill of weaponry surrounding a sinister looking skull face.

Create an Abstract Cloud Jumper in Photoshop
In this tutorial, we’ll manipulate a photo with abstract elements to make it more interesting and active.

How to create a spattered photomontage in Photoshop
In this tutorial, we’ll learn how to make a spattered photomontage in Photoshop using brushes and some filters. Layered PSD file included. Let’s get started!

How to Paint a Fantasy Portrait From Scratch With Photoshop
In this tutorial we will demonstrate how to paint a fantasy portrait from scratch without any references. We will begin with a sketch then demonstrate how to paint in color, skin, texture, and shading. Let’s get started!

Creating Football Fan from Orc
In this tutorial, artist would like to show you how to turn any character into a football fan.

The Effect of Music Notes on Flowers
This tutorial shows how to apply any design on flower petals in Photoshop. As an example we can use the design of a stave for applying it on the tulip-petals.

Create Beautiful Abstract Female Art in Photoshop
In this tutorial artist will demonstrate how to create a piece of art that he created titled, “Beauty of Gold.” Let’s get started!

Breathtaking Underwater Apartment Photo Manipulation
In this Photoshop tutorial, you’ll learn how to create this magical underwater room. This tutorial covers techniques such as blending images, color correction, adding photo effects.

Design a Multimedia Website Layout in Photoshop
In this tutorial we will demonstrate how to use photos, brushes, and textures, and 3D objects to design a creative multimedia website layout in Photoshop. Let’s get started!

Na’vi Avatar Photo Manipulation
This Photoshop tutorial showing you all the steps you need to take in order to photo-manipulate yourself into a Na’vi (based on the characters in James Cameron’s movie “Avatar”). Artist used Photoshop CS2 in order to create this,

Create a Still Life Candle in Photoshop
Still life compositions are like photographs in that they portray the details of objects as moments frozen in time. Still life images don’t tell a story, they simply depict the objects themselves. In today’s tutorial we will explore this style of art by creating a still life candle in Photoshop.

Create a Cosmic Sci-fi Poster Design in Photoshop
This tutorial is for intermediate users who know how mask and selection tools work. We will use also a bit of Illustrator and Cinema4D. Have a try!

Angelina Jolie as a Na’vi from Avatar Movie
This is a VERY advanced tutorial. Artis does go through every step… but good Photoshop skills are going to be needed if you want a high quality result.

How to create Retro-style Photoshop illustration
In this tutorial we’ll create some textures for background using brushes, manipulate some stock photos to give them a retro-style look, and make some color variations. Layered PSD file included. Let’s get started!

Stylish Surreal Portrait
In this tutorial we will combine surrealism and fashion effortlessly to create a state of art portrait. Artist will show you how to achieve this essentially through a combination of photos, filters and brushes. You can then translate these techniques into your designs to add an artistic edge to them!

How to Create Bamboo in Adobe Photoshop
In this tutorial you will learn how to draw semi-realistic bamboo in Adobe Photoshop—perfect for textures and backgrounds.

Master dynamic manipulation
Patrick Monkel shows how careful use of just a handful of tools can make your images leap from the canvas.

Fake a studio shoot in Photoshop
If you don’t have the budget for studio photography, fake it. Shotopop shows you how

Create a Dark and Rainy Crime Scene in Photoshop
In this tutorial we will learn how to use different tools and techniques to create a scene of our own in Photoshop.

Create a Dramatic and Surreal illustration in Photoshop
In this tutorial, we will learn how to blend fashion photography with custom brushes into dramatic and surreal illustration using Photoshop CS5 techniques. Layered PSD file included. Let’s get started!

Create an iPhone 4 in Photoshop

How to create retro aesthetic poster in Photoshop
In this tutorial, artist is going to show you how to blend a stock image with shapes and pattern, add lightness and color to get a nice retro poster in Adobe Photoshop CS4. Layered PSD file included. Let’s get started!

Hexagon Bokeh Effect in Photoshop
In this tutorial artist will show you how to create a digital bokeh effect with hexagons. We will use the brush engine, patterns, blend modes and basic filters to achieve this effect.

Create a Dark and Surreal Geometric Space Poster using Photoshop
In this tutorial artist will show you how to create an abstract space poster using geometrical shapes, masks and apply some filters in Photoshop. Layered PSD file included. Let’s get started!

Create an Iconic Retro-Modern Ball Chair in Photoshop
The ball chair, popularized by Finnish interior designer Eero Aarnio was the cornerstone of any mid-century or 1960’s living area. Today, we will learn how to create this iconic piece of furniture from scratch in Photoshop. Let’s get started!

How to Create a Retro Sci-Fi Computer Game Poster
Combine stock photos and design resources to create an awesome retro sci-fi themed game poster that takes inspiration from Atari games of the 80s. By mixing up bright and vibrant cosmic designs with old, distressed and grungey textures we’ll create a retro futuristic poster design for ‘Galactic Attack’.

  

Adobe Photoshop CS5 is a new, but experienced kid on the block. With its new powerful features, it provides designers with a flexible tool for printing, making a video or designing for the Web. Some of the features added in Photoshop CS5 are Puppet Warp, 3D extrusions with Adobe Repoussé, smart radius feature, Content-Aware Fill and Raw Image Processing, to name a few. In this post we showcase Adobe Photoshop CS5 tutorials from which you will learn a lot about different features of Adobe Photoshop CS5.

Photoshop CS5 Tutorials

Create a Cosmic Love Goddess With Photoshop CS5
In this tutorial author demonstrates how to create a cosmic love goddess using some of Photoshop CS5′s new tools including the Refine Edge Feature which really helps to streamline the process of masking and removing objects from the background.

Quick HDR Effect Photoshop CS5 Tutorial
In this Photoshop tutorial you will learn how to create HDR from a single image. This technique will make the bright portions of the image darker, and dark portions of the image lighter. This also gives the image a more realistic look.

Create an Abstract Light Streaks poster in Photoshop CS5
In this tutorial you will learn how to create an abstract light streaks poster from scratch using Lighting effects, Noise, and Wave Photoshop CS5 filters. Layered PSD file included.

New Techniques for Cutting Outbhair in Photoshop CS5
In this tutorial author will be replacing a dull background with a very cool sunset, and use different new features in CS5

CutOut Painting Effect Photoshop CS5 Tutorial
In this Photoshop tutorial, you will learn how to turn a photo into an CutOut painting, using a few filters with a very simple technique.

Create a Dramatic and Surreal illustration in Photoshop CS5
In this tutorial, author will tell how to blend fashion photography with custom brushes into dramatic and surreal illustration using Photoshop CS5 techniques. Layered PSD file included.

Photoshop CS5: Camera RAW
In this video tutorial, author shows you how to use Photoshop CS5′s updated features to make extracting part of an image easier.

New in PS CS5: Refine Edge and Smart Radius
The brand new Smart Radius feature in Photoshop CS5 allows you to do more complex selections a lot quicker than previously.

Remove a Person From a Photo With Photoshop CS5’s Content Aware Feature
In this tutorial, author will show how Content Aware feature allows you to quickly fill in a selection with surrounding content making it look like a part of the original image.

New in PS CS5: Usable Sharpen tool
In this tutorial,author will show you how to use Usable Sharpen tool.

Playing with Inflate in Repoussé in Photoshop CS5 Extended
In this tutorial, author will show you the Inflate option in Repoussé.

How To Make 3D Text in CS5 – Photoshop tutorial
Learn how to make 3D text in Photoshop (Adobe Photoshop CS5 tutorial.

Favorite Features of Photoshop CS5
In this tutorial, we take a look at some of author’s favorite new features in Photoshop CS5.

Removing Skin Blemishes With The Spot Healing Brush
In this Photoshop tutorial, we’ll look at one of the most amazing and time saving photo retouching tools available, the Spot Healing Brush, the first of three image “healing” tools in Photoshop.

Photoshop CS5 New Features – Content-Aware Healing
In this tutorial, author shows you how content aware healing feature is helpful.

3D Type with Repoussé in Photoshop CS5 Extended
In this tutorial, author will show you charm of new feature the Repoussé. This new feature or tool will allow us to create 3D objects extruding texts, selections, paths and layers masks.

New in PS CS5: Brush Engine
This tutorial highlight a feature in Photoshop CS5, new brush engine with the exciting bristle brushes that will let you paint in a much more realistic way.

Cartoon Text with Background Animation Effect
In this video tutorial, you will learn how to create a cartoon style text and animate it using clipping masks and tweening. Photoshop CS5 is required for use of puppet warp feature.

3D Water Text Effect with Repoussé in Photoshop CS5
In this tutorial author will show you how to create a water text. Even though it might look complex it’s a very simple effect. We will be using the new Repoussé then some stock photos to create the effect.

Turn A Sunny Day
In this tutorialauthor shows us how to deal and turn cloudy days into sunny photo effects.

How to Make a Reflection in CS5 – Photoshop tutorial
You will Learn how to make a great reflection in this Photoshop CS5 tutorial.

Create 3D type art using Photoshop CS5
In this tutorial, author will use the new Repoussé tool to extrude some text in a way previously only possible in a full 3D application.

Create an Animated Banner Ad in Photoshop CS5
In this article, author will demonstrate how to use Photoshop to create an animated gif in Photoshop CS5.

Create gif animation using puppet warp
In this video tutorial, author will show you how to create a gif animation using the new puppet warp tool in photoshop CS5.

Photoshop CS5 Digital Painting Tutorial
In this tutorial author will show you the techniques and the tricks to convert a photo into a great-looking painting.

CS5 – Hair Masking – Photoshop tutorial
In this Adobe Photoshop CS5 tutorial, we will learn how to do Hair Masking

Use Puppet Warp in Photoshop CS5 to Tweak Your Images
In this quick tip tutorial author will demonstrate how to correct a Photo with puppet wrap tool in minutes.

Blending fashion image with Photoshop CS5 custom shapes
In this tutorial, you’ll learn how to transform fashion photography into abstract illustration by mixed some custom shapes and applying different Blending modes using Adobe Photoshop CS5. Layered PSD file included.

Human Aquarium Illustration Photoshop Tutorial
In this Photoshop tutorial we’ll be walking through the process of creating a human aquarium illustration using some awesome techniques.

How to create Retro-style Photoshop illustration
In this tutorial, author will create some textures for background using brushes, manipulate some stock photos to give them a retro-style look, and make some color variations. Layered PSD file included.

Horizontal horizon in Photoshop CS5
In this tutorial, author will tell how to make horizontal horizon in Photoshop CS5

PS QT: Make Layer Style Options Default in CS5
In Photoshop CS5 you can finally make your own default options for the layer styles. Just go into the blending options, mess with the settings until you have what you want as your default, and click the “Make Default” button at the bottom of the window to save this as the default for all other times.

  

By Rafiq Elmansy

Since the earliest days of Adobe Photoshop, designers and photographers have depended on it to edit images. Photoshop is perhaps Adobe’s most popular application. Professionals in our industry react with excitement and concern for every new version. They want to know about new features and how Photoshop can improve their editing and marketing (again!). The interest in Photoshop doesn’t come as a surprise, given its reputation among both the community of experts and general computer users.

Newly released versions of software always include minor changes that are regarded by the creator as enhancements. There are usually major changes as well, and the time required to learn about them can affect the workflow of professionals who frequently employ the program.

Creative Suite 5, the latest version of Adobe Photoshop, includes major updates and new features that will make certain tasks much easier than they were in previous versions—but they still take some learning. This article discusses the most important new and enhanced features in CS5 and how they might affect your Photoshop work. To follow along, you’ll need a basic understanding of Photoshop’s interface.

Extend Creative Power With the Mixer Brush

The brushes in Photoshop are essential tools for artists and designers who create digital paintings. The new Mixer Brushes expand the brushes’ capabilities by giving users the option to mix two colors to simulate the effect of painting with a brush that has been dipped in two colors. There are also new options for brush style, size and effect, as well as presets for different brush tips. These can be integrated with the Mixer Brush for more painting effects (such as by making bristle brushes).

The Mixer Brush simulates an actual paint brush by mixing colors from the palette with, for example, brush styles (such as “hard” and “wet”) as well as flow. When you select the Mixer Brush from the Tools bar, the brush options and presets appear in the top Properties bar. Below, you can see the difference between the normal brush effect and the Mixer Brush effect when using the new brush presets.

Unlike the regular brush, the Mixer Brush blends the colors together.

You can use the Mixer Brush to create digital painting effects from scratch or to turn an existing photo into a digital painting. Here’s how:

1. Select the Mixer Brush tool from the Tools bar. You might need to click and hold the brush tool to reveal the Mixer Brush icon.
2. Choose any of the new brushes in the presets.
3. Paint over the image to convert its look. Use Alt (Windows) or Option (Mac) to set the foreground color to a similar color as the original. Start by painting over each color in the image separately with a similar color loaded in the brush.

A before-and-after shot of the lighthouse image. The Mixer Brush gives it an impressionist look.

The Mixer Brush shares the standard brush options, but other properties customize how the brush interacts with the overlapped colors. These are:

Mixer Brush options and new brush presets.

The brush presets picker allows you to choose the painting brush, and there are more effects and painting styles, too (including Round Point Stiff, Round Blunt Medium Stiff, Round Curve Low Bristle Percent).

The “Load Brush After Each Stroke” icon lets you either load the brush color while painting with it (by using the Load Color option) or affect only the existing color on the stage (by using the Clean Color option). You can toggle this icon to switch between two methods and select them from the drop-down menu to the left of the icon.

When two colors are mixed on the brush, the “Clear Brush After Each Stroke” icon allows you to either continue using mixed colors or clean the brush and start painting again with new colors. You can set values and percentages of the paint and the brush when it’s wet, and you can set the amount of color the brush holds and the value of the mixed colors.

The Mixer Brush lends itself to digital painting and digital art. Outlining or sketching is the first step that most digital artists take before using the painting features. In my opinion, Adobe could outfit Photoshop with more drawing capabilities; this would be of great benefit to these artists. For now, the best drawing tools—especially for working with paths and modifying outlines—remain in Adobe Illustrator.

Smart Fill With Content-Aware Fill

Image editing and photo manipulation are two of the oldest functions in Photoshop. Designers and photographers depend on them. One challenging task is to remove part of an image or move elements in the background (such as in images of nature or urban scenes). Old editing methods took time and required precision, whereas the new Content-Aware feature allows you to easily remove elements in the image.

Photoshop can read an image and fill in selected portions with the fill it deems suitable—and based on colors in the image itself. Photoshop can also predict how a background might look if an object is taken out, and it can make a fill to replace an object seamlessly. Content-Aware can be chosen as one of the fill options when using any of the selection tools in Photoshop (such as the Marquee, Lasso, Quick Selection and Magic Wand). This fill option can also be applied with the Spot Healing brush for more accurate results.

In the following example, we’ll use the Content-Aware fill to edit an image by removing an object from it. We’ll remove a small gap in the middle of the lake in the picture below using the Polygon Lasso Tool.

1. Select the Polygon Lasso tool.
2. Select the water gap in the lake.
3. From the Edit menu, choose Fill, and then select Content-Aware from the fill drop-down list.

Use Content Aware to remove unwanted parts of the image and fill the empty area with color and texture that is similar to the background.

You can also use Content Aware with any of the already mentioned tools.

For a more accurate Content Aware fill, remove small areas. Large areas are difficult to make up for.

You can use the Content Aware feature to remove a person from a background or to delete an unwanted object. You can also move parts of an image to other areas.

Complex Selections

The selection tool is one of the most frequently used, and Photoshop CS5 has a smart way of selecting multiple areas in the image or of isolating multiple areas. The Refine Edges feature makes smooth cuts, and the Quick Selection tool selects multiple areas based on color and size. It can also remove the selected areas. In the next example, we’ll isolate the female model from the background easily and quickly by using the Quick Selection tool:

Using Complex Selection with the Quick Selection tool to isolate the model from the background.

1. Select the Quick Selection tool.
2. Also select the Quick Plus icon from the top Properties bar.
3. Drag the image of the person around to select the background. Drag in the inside parts as well.
4. You’ll notice that some areas of the selection overlap on the image of the person. You can fix this by selecting the Quick Select Minus icon at the top of the Properties panel and then dragging the cursor over the extra selection areas.
5. Invert the selection by choosing Select → Inverse from the top menu.
6. Click on Refine Edges to optimize the edges of the image of the person.
7. In the Refine Edges dialog box, select the Refine Radius brush tool and drag it over the selection edges to increase their smoothness.
8. You can now add the selected image of the person to any other background.

You can use the new complex selection to improve your workflow in Photoshop and to select images or parts of images easily.

Modify Graphic Elements Efficiently With the Puppet Warp

While modifying vector graphics using vector-based applications such as Illustrator is easy, bitmaps do not provide this editing flexibility. The new Puppet Warp feature in Photoshop extends your ability to edit images and objects in Photoshop. It creates a mesh over an object and lets you add pins with which you can modify the shape of the object (based on the position of the pins and the setting associated with the mesh).

Try it out. Choose the Puppet Warp tool from the Edit menu. Add pins to the object on the areas you’d like to move. Drag these pins to modify the object. After modifying the object, click Enter or the Right icon at the top of the Properties bar to apply these modifications.

Here’s an example of how to use the Puppet Warp tool. We’ll modify the Statue of Liberty in the image below:

1. Select the Statue of Liberty layer. From the Edit menu, choose the Puppet Warp tool. Mesh appears over the layer showing the man.
2. Use the mouse to apply pins to the layer (see below).
3. Drag the pins to modify the position of the status.
4. Click Enter to apply the changes or the Right icon at the top of the Properties bar.

Using the Puppet Warp tool to edit image objects.

The new Puppet Warp tool is simple and can save time and effort when modifying images. It’s a step up from older editing techniques. Likewise, the new Properties bar allows for better control of the mesh and pin points and how these affect the surrounding image areas. You can set the mode of the mesh, too, which changes its elasticity level (elasticity alters the interaction between the mesh and pin when the pin is moved). You can also set the density of the mesh, which determines whether it expands from the object outline. And you can show or hide the mesh with the Show Mesh check box.

The pin properties let you set the pin depth, and icons will reveal the hidden part of the image (which might overlap with other parts as the mesh is modified). When you move the pin to modify the object, the pin rotates, and this affects the mesh around it. You can set the Rotate Angle, which dictates how the mesh will rotate around the pin when you move it. Set it to Fixed if you don’t want the mesh to move when the pin does. The Puppet Warp tool is useful for modifying the position of characters and for modifying the shape of an object for both the object outline and inner mesh.

The Puppet Warp tool can be enhanced by adding IK or bones capabilities, similar to 3-D applications and the Bone feature in Flash. This enhancement provides control of the object with linked points instead of individual points.

Create High Dynamic Range Images With the HDR Tooll

High Dynamic Range (or HDR) refers to images that have a higher than usual dynamic range of luminance between the image’s lightest and darkest areas. HDR imaging is produced by merging multiple photographs of the same object or scene with different exposure values. These images are then merged using the Photoshop feature called Merge to HDR Pro, which creates the HDR effect.

The Merge to HDR Pro dialog box.

Photoshop CS5′s Merge to HDR feature has been improved, now allowing you to import images in sequence and set more specific properties and options. The enhanced Merge to HDR Pro dialog box (shown above) boasts different types of HDR photo effects, each with a variety of settings, and these are fast and accurate.

1. Select the Merge to HDR Pro dialog box from the menu (File → Automate).
2. Browse for your sequence of images or use the built-in image sequence (Program File → Adobe → Adobe Photoshop CS5 → Samples → Merge to HDR). Select all the images to load them in the images stack.
3. Select all the images in the stack and click “OK” to open the Merge to HDR Pro dialog box, which is divided into main three sections:
   • The preview area shows the potential results of the current HDR settings.
   • The images sequence displays the source images that are used to create the HDR image. You can select or discard any of these by clicking the arrows underneath.
   • The settings area gives you access to the HDR effect options (though you can also select preset effects from the top drop-down menu).
4. From the presets drop-down list, choose Photorealistic High Contrast. This option creates an HDR effect that is similar to the real image effect and increases the color contrast.
5. Check the Remove Ghosts check box. This removes ghost lines that sometimes occur because of the differences between images

The HDR image after choosing the Photorealistic High Contrast preset.

The Merge to HDR Pro dialog box supports 8, 16 and 32 bit images. The 32-bit image settings support changes only the histogram. The 8- and 16-bit options include interesting things like Edge Glowing as well as tone and detail settings.

While the Presets can give you fast HDR effects, you could try different settings and options to get different effects. You can save your custom effect as a 32-bit HDT High Definition Toning Option from the small icon next to the Preset. Also, you can use the Load command to load external or previously saved toning options.

3-D Text With Repoussé

When Adobe first released 3-D capabilities (in Photoshop CS3), designers wondered whether the new feature would allow them to create 3-D text in Photoshop. Creating 3-D text is a common task, and designers have often had to rely on other applications to do it. Adobe took these concerns into account; in Photoshop CS5 it has added a new and impressive tool that lets you convert 2-D text, paths, selections and masks into 3-D objects by using the wide range of options available in the “Repoussé” dialog box. When you create a text, selection or path or add a mask to a layer, the Repoussé commands are activated in the 3-D menu. You can choose the Repoussé command associated with any of the above objects.

Look at how easy it is to convert 2-D text to 3-D text volume and change its different options using the 3-D Repoussé dialog box. First, write text on the stage. From the 3-D menu, choose Repoussé → Text Layer. Notice that when you choose this option Photoshop rasterizes the text layer for better performance and faster rendering. To create 3-D volume based on another selected object, choose its associate Repoussé command, which is the Selected Path.

The Repoussé dialog box appears to set the 3-D extrudes options (such as extrude, materials, bevels, scene settings, inflate and internal constrains), which affect the inside paths of the 2-D shape. See below.

the 3-D Repoussé dialog box.

• Use the presets in the Repoussé Shape Presets area to directly apply ready extrude presets. Simply click on one of the presets in the list. You can also save custom settings as new presets.
• The Extrude section lets you control the extrude and depth—as well as shear, bend, etc.—of an object.
• Inflate lets you bump the surface of the 3-D object on one or more sides.
• Internal Constraints determines how inside paths and holes in the model will be handled.
• Materials List is a new feature that lets you choose the material of the 3-D object from the materials presets list. You can choose the materials for all the 3-D objects at once or select different materials for each part.
• The Bevel section creates a beveled face for the model that can be applied either on the front or the back.
• Scene Settings helps you set the light, view, rendering and mesh quality of the 3-D model.

The ability to create 3-D models with Repoussé extends Photoshop’s 3-D capabilities, but it’s not a complete solution. In most cases, designers still have to depend on other applications to create or import 3-D models to Photoshop. Adding 3D-modeling features to Photoshop might be a good next step for this program, which already has many 3-D capabilities (light, camera, basic editing for 3-D models and 3-D animation).

You can use the 3-D Repoussé feature to create 3-D extruded objects for 3-D scenes as well as for Web and print design.

New 3-D materials

Photoshop CS5 includes a comprehensive collection of 3-D materials that you can apply to any 3-D model. The new materials list appears in the 3-D panel when you click the Filter by Material icon at the top of the panel. New materials are also found in the 3-D Repousé dialog box.

There are two main types of material to choose from in the materials list context menu. The first is the default materials, and they use default rendering methods. The second type of materials is the Ray Tracer default, which uses the Ray Tracer for high-quality rendering.

New 3-D materials in the 3-D panel.

These are not the only 3-D materials available in Photoshop. You can download other materials from the Photoshop 3-D support website (choose Browse 3-D Content Online in the 3-D menu). You can also download extra materials in ZXP Adobe Exchange Manager CS5 format. Simply click on them to start installing, and the next time you open Photoshop, you’ll find the new materials listed in the material list context menu. New materials can include glass, wood, metal, stone, etc.—any of which can be appended to the current materials or replace them. Once you’ve made your selection, the new materials will appear in the materials list.

Materials are an important element of a 3-D object. Photoshop makes it easy to add materials to your object from the materials list without having to load external material. And again, you can save custom materials for future use.

Enhanced Camera Raw Plug-In

Camera Raw technology uses the Raw plug-in to read high-quality images from digital cameras. The Camera Raw 6 plug-in can remove noise from an image while preserving the color and detail. It can add noise, too, for a different effect.

The Camera Raw Plug-in dialog box.

When you open a raw image taken on a digital camera that supports raw data, Photoshop opens the Camera Raw 6 plug-in dialog box so that you can control the image details and options. At the top right are tabs related to each of the image details. The FX tab lets you set the noise option in the image as well as Post Crop Vignetting.

The Grain section lets you edit the noise on the image (amount, size and roughness), and with post-crop vignetting you can set the darkness of the image’s edges (by using settings such as Highlight Priority, Color Priority and Paint Overlay).

Graphics Card Support

Photoshop CS5 uses more GPU than CPU resources, so your computer needs to meet certain graphics card requirements if Photoshop is going to work properly—especially for 3-D and large files. This was a problem in CS4, and now there is GPU support for OpenGL 2.0 and Shader Model 3.0.

This support speeds up image-processing for large files, but it’s not noticeable when working with smaller files and Web graphics. This will likely be a concern for users who do not use Photoshop for heavy projects (such as 3-D and video animation). On the other hand, Photoshop CS5 supports specific graphics cards to ensure functionality. (Make sure yours is supported!) More information about GPU support and the issues that users of certain graphics cards might face can be found
here.

Fast Performance With 64-Bit Support

64-bit support might not be a usable tool, but it’s an important addition to Photoshop (and to certain other CS5 programs, such as AfterEffects). With it, Photoshop can take advantage of certain aspects of 64-bit operating systems, including Mac OS and Windows 7; it can work up to 10 times faster on these systems than on others.

Conclusions

Photoshop CS5 has more enhancements, but we’ve covered the most important features here—the ones that will likely affect the workflow of those who use Photoshop regularly. We’ve discussed new features related to 3-D, painting, image editing, working with HDR, working with raw files and improving the overall process.

You can visit the Photoshop page on Adobe’s website for more information about Photoshop and Creative Suite 5.

About the author

Rafiq Elmansy is a graphic designer and runs his own design studio Pixel Consultations. He is also an Adobe Community Professional, Certified Expert and Adobe user group manager. He is a Friend of Icograda (the International Council of Graphic Design Associations). Read his latest book Photoshop 3D for Animators. You can read his writings on Adobe site, Adobe Edge magazine, communitymx.com and his own blog www.graphicmania.net. He can also be followed on Twitter.

(al)

  

Photoshop is powerful tool that can add wings to your creativity. With Photoshop manipulation tools, you can create and edit images for Web and print. Every industry needs poster designs for promotion of their products and services. Advertisement is of utmost importance for building a brand and thus increasing the sales. So every time you have to come up with out-of-the-box ideas. Below you will find some tutorials on poster design from 2010. Get inspired and inspire others.

Photoshop Tutorials for Poster Design

Design an Out of this World Laptop Advertisement
In this tutorial, you’ll learn how to design an out of this world cosmic advertisement for a laptop/tablet style PC. These techniques can easily be applied for stock manipulation and advertising a variety of products, and you’ll learn some great tips for dealing with a variety of stock images and design situations.

Create an Aged and Textured Pirate Poster
An aged and textured pirate themed poster that’s perfect for any booty related event. This lesson teaches us that we must always lock our freezers when we are storing our hooch, in addition to some Photoshop work in recreating the ominous and evidentiary pirate poster.

The Making of 3 – A Limited Edition Poster Design
In this tutorial, author will take you through detailed walkthrough of the design process, showing how the design of “3” is conceptualised as a sketch, constructed in Illustrator and given some digital polishing with a range of final touches in Photoshop.

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.

Create Rockstar Poster in Photoshop
In this tutorial, author will show you how to make a Rockstar poster with vibrant colors.

Create Avatar Movie Poster in Photoshop
This tutorial elaborates how you can create a Navi image of any usual photo as you add impressive text and backgrounds to make an Avatar movie poster.

Classic Photoshop Tutorial: Create incredible B-movie poster art
In this tutorial, author shows you how to combine 3D renders with stylized photography, text and smoke to capture all the camp horror of an alien invasion.

Create a Retro Urban Gig Poster in Photoshop
In this tutorial you will create an atmospheric poster for a dance party using the textured, retro look.

Create a Dark and Surreal Geometric Space Poster using Photoshop
In this tutorial author will show you how to create an abstract space poster using geometrical shapes, masks and apply some filters in Photoshop. Layered PSD file included.

Create An Amazing Diamond Advertisement Poster in Photoshop
In this tutorial, you will learn how to Create An Amazing Diamond Advertisement Poster in Photoshop

Create a Dark and Surreal Poster Using Your Own Portrait

Photoshop Tutorial: Create vintage poster art using Photoshop and Daz Studio
In this tutorial, you will learn how to load a figure, apply injection morphs and adds art props. You’ll then discover some great Photoshop techniques to recreate a stylish poster.

Classic Photoshop Tutorial: Design striking stencil art for posters
In this tutorial, you will learn how to design striking stencil art for posters

Design a Brilliant Product Advertisement
In this tutorial, you’ll learn the steps and techniques involved in creating a brilliant product advertisement. You’ll start with a stock image of an Adidas shoe, extract it from the background, then combine it with various photostocks to create a liquifying product advertisement. You’ll learn how to build around a given product, and how to integrate branding into the design work.

How to create abstract hyperspace poster using Photoshop
In this tutorial, author will demonstrate how to create hyperspace photo manipulation using Photoshop shapes, brushes, clouds filter and Blending modes. Layered PSD file included.

Create Blood and Milk Typography Poster in Photoshop
Author shows how with few basics steps you can create awesome typographic poster. With this technique you can create interesting flyers for dance clubs or you can use it for advertisements.

Design a Tropical iPhone Advertisement
In this tutorial, you’ll learn how to design a tropical underwater iPhone advertisement, complete with clownfish, starfish, and bubbles. You’ll learn how to isolate a variety of stock images, using custom brushes, extraction methods, and image manipulations.

How to create a Retro-style poster in Photoshop
In this tutorial, author will show you how to create a retro-style poster in Photoshop. Author uses custom brushes, multiple images, different blending modes and applies different layer styles.

How to Create a Retro Sci-Fi Computer Game Poster
Combine stock photos and design resources to create an awesome retro sci-fi themed game poster that takes inspiration from Atari games of the 80s. By mixing up bright and vibrant cosmic designs with old, distressed and grungey textures we’ll create a retro futuristic poster design for ‘Galactic Attack’.

Amazing X-Ray Vision, Meets Walkman: Icon of the 80’s Poster Design Tutorial
Following this tutorial should enhance your skills with paths, layer styles, smart objects, filters and of course lighting.

Create a Vibrant Colorful Alcohol Product Ad in Photoshop
In this tutorial, again inspired from the movie “Sin City”, author will show you how to create a movie poster.

Add Your Face to Movie Poster
In this tutorial, author will show you how to add your face step by step.

Design an Underwater Omega Code Poster (Requires 3D Max)
In this tutorial, you’ll learn step by step how to create a brilliant 3D shatter triangle effect, and then combine it with underwater elements to create a brilliant finished work. From polygons in 3D Studio Max, bombs to shatter the geometry, and underwater creatures added in Photoshop, you’ll learn everything you need to create your own digital artworks.