We all have our spirit of imagination from our childhood — we give a shape to our thoughts by drawing image on school yard, on a piece of paper or on a digital tablet. Photoshop, Wacom and Illustrator are beautiful tools that help us transform our imagination into beautiful drawings. Today we present useful tutorials teaching us techniques for digital drawing and painting.

Digital Painting Tutorials

Making of Funfair
This tutorial will show you how to make a funny character in Photoshop.

Do you want to Play with me
Author has created this artwork in Photoshop and with a Wacom Intuos.

Making of Hecate
Author will share making of a painting of Hecate who is the Greek goddess of the crossroads.

Project Overview: Public Transportation
In this tutorial, author will take you through the transition process of the drawing of the trucker sitting on a seat to a cool colored picture in Photoshop.

Digital Painting Lesson: Monkey Island 2: LeChuck’s Revenge Special Edition
In this tutorial author walks you through the construction process in amazing detail.

Colorize a Comic Strip With Photoshop
In this quick tip tutorial author will demonstrate how to import a sketch into Photoshop and color it.

Breakfast Wars
In this tutorial, author will show the process and some techniques to create his artwork from design to rendering.

Painting fantasy eyes
Author explains how to make eyes look natural in painting.

Making of “Autumn”
In this tutorial, you will make Yellow & red leaves flying around the girl, with autumn smiling.In

Painting Jake Sully’s Avatar
In this tutorial, author makes a fan art of Avatar movie’s protagonist, Jake Sully.

How to Paint a Realistic Proportioned Female Face from Scratch
In this tutorial author will show you how to paint a proportioned female face from scratch. this tutorial will start with the absolute basics and move on to more advanced techniques, so even beginners can follow.

Making of Grenat
Author shares the details of making of “sparkling blossoms of the rock”. Grenat (garnet)

Seascape Part I: The Landscape Photoshop Tutorial
This Photoshop tutorial will show you how to complete an underwater landscape painting step by step. This is part one of a two part series.

Making of Under the Root
This tutorial will take you through the process of Making of Under the Root, inspired from the children story “Nausicaa and the Old Tree”.

Matte Painting: Making of Barbarossa
This is a matte painting that author have realized for the “Barbarossa” movie and shows Rome’s sunup in the year 1000.

Draw a T-Shirt in Photoshop
This detailed step by step tutorial will show you techniques on creating shapes, shading, embossing, and more.

Making Of Boudicca 3060 A.D
This article will provide you with a walkthrough ofauthor’s experiences during the creation of Boudicca 3060 A.D.and informative.

How To Create A Slick Anime Character In Photoshop
n this tutorial, we’ll learn how to draw an Anime Style character.

Making of The Royal Assassin
In this short tutorial author will give you a walkthrough of the way he build up an illustration from start to finish.

How to Draw a Photorealistic Coffee Cup
In this tutorial we’ll draw a very realistic cup of coffee. Underneath the cup we’ll add some stain using custom brush.

Cloud strife
This tutorial will show you how to make a character in Photoshop to capture the mood in the portrait.

Making of Cadenus and Vanessa
Author will take us through the process of making Making of Cadenus and Vanessa, made using Wacom Intuos, Corel Painter and Adobe Photoshop.

Seascape Painting Part II: Creating the Fish and Finishing the Picture
This detailed tutorial is the second part of the Seascape Painting series to teach you how to draw the fishes and add a finishing touch to the image.

Making of Always in My Heart
Author has created this artwork using: Corel Painter, Wacom Graphire and Hyde, Japanese rocker and vocalist L’arc~en~ciel (in French it means “The Arc in the Sky) band.

Beach Girl Drawing
Learn how to create a delightful portrait from sketch to Photoshop. This tutorial will teach you how to color, shade, and create a gorgeous beach scene.

Use a Tablet to Create Stunning Comic Book Fan Art Illustrations
In this tutorial author will review some tips and tricks when working with a digital tablet and Photoshop. The artwork we will use is a fan art illustration of the Knights of the Zodiac character.

Romantic Couple Painting
This tutorial will teach you how to transform an inked drawing into a full-color piece of fantasy artwork entirely through the use of Photoshop.

Making of Be My Valentine
Author shares the details of making a beautiful paining of a girl.

Spider Harp
This picture represent a fantasy musician able to play harp on a spider web.

  

By Cameron Chapman

Graphic design in a print environment can be a nice change for someone who normally does web design. It’s a slightly different skillset, but still incorporates a lot of the same concepts. Print projects can be an exciting new challenge, something that lets a designer stretch their creativity a bit and even recharge if they’re getting stressed out by too many web design projects.


Designing magazine covers can be one of the most fun and challenging print design projects out there. Covers are so visible; it’s something everyone who sees the magazine will definitely see. The same goes for designing covers for brochures, catalogs, or other print pieces.

The tutorial here will show you the basics of creating a cover for a fictitious free travel magazine. It’s meant to be a technical tutorial more than a design tutorial, but the finished product is serviceable and of professional quality. Take what you learn here about print layout and Adobe InDesign and apply it to your own projects. The basic techniques can even be applied to something like a full-page display ad.

Here’s the final cover we’ll be creating:

Before You Begin

Like website design, there are certain things you need to know before designing any kind of print layout. While not complicated, there are many things that we rarely take into consideration when designing a website that are vital to the success of a print project. Key among these is image quality and margins (including bleeds).

When choosing images for a print layout (or when provided with images), you have to make sure they’re both sharp enough and have a high enough resolution. What looks great onscreen may be blurry or pixelated when printed on an offset printer (or even an inkjet). Any images used in a print layout need to be at least 300 dpi in order to look good. Any lower than that and they run the risk of being blurry or pixelated.

When resizing images for print layouts, remember to turn off resampling in your Photoshop settings (or whatever program you’re using to resize them). With very high quality images, you can sometimes get away with using images that are slightly lower resolution (as low as 250dpi at times), but check with your printer to see what they recommend based on your paper and other choices.

If you’re unsure of how an image is going to look, print it out on photo paper. While this won’t give you an exact replica of how it will look when offset or digitally printed, it will at least give you a good idea of how sharp the image will look.

Another key difference between web design and print design is the units of measure used. In web design, we generally use either pixels or em units (and sometimes percentages). In print design, you’ll be using inches, centimeters, or points and picas. Points and picas are the traditional layout terms used in typography and print design. Traditionally, there are six picas in an inch (so each pica is 1/6th of an inch) and twelve points in each pica (so each point is 1/72nd of an inch). The default unit of measure in InDesign is points and picas.

Materials You’ll Need

We’re going to use Photoshop for resizing and reformatting our cover image, but you could use any photo editing program that will allow you to resize and change the color space of an image. We’ll also be using Adobe InDesign CS2 (you can use newer or older versions and most of the techniques and keyboard shortcuts should carry over) for our layout. The principles here can be applied to any layout program, though the exact steps would be different.

For this tutorial, we’re using only freely available resources. You’ll need to download a Creative Commons image from Flickr (the one here is the Cape Spear Lighthouse, taken by Jeremy Hetzel). Make sure you download it in the largest size possible. Here’s the image:

We’ve also used three freely-available typefaces, all from The League of Moveable Type. The fonts are: Prociono, Junction, and League Gothic. Download and install these fonts if you don’t already have them.

Preparing Your Cover Image

You’ll need to do a couple of things after you download the cover image from Flickr. First, you need to make sure the image is large enough and that the resolution is at 300dpi. We need our cover image to be at least 8.75″ x 11.125″ (roughly 2,625 x 3,340 pixels) to account for the bleed in our document. This image, unfortunately, isn’t 300dpi at the required size. We’re going to use it anyway for this tutorial, but realize that if printed on an offset or digital printer, it wouldn’t come out looking as sharp as we want.

We’re just going to resize this to 8.75″ wide (which makes it just under 230dpi). If the item you’re designing is going to be printed on something like newsprint, then you can get away with a lower resolution. Some photos will come out looking fine at resolutions like this on glossy paper, while others won’t. Again, it’s a risk if you want to use an image less than 300dpi for any printed material.

The other thing we need to do is convert the image to CMYK. Go to Image > Mode > CMYK Color. I usually opt not to flatten images if prompted, but with something like this, it doesn’t matter, as it’s only one layer.

Then, save your image as a .TIF file with no compression. If you save it as a JPEG, you’re likely to get artifacts in your final, printed piece. Saving in an uncompressed format eliminates this.

The Basic Layout

We’re going to set up a basic layout first, and then focus on styles, colors, and other design elements. This workflow tends to work well for beginners, though more advanced users may do their layout and styling at the same time.

It’s also common to need to tweak things a bit as you go on. Nudging images, text, headlines and other elements around a bit as you work is just as normal in print design as it is in web design, even when we use a grid-based layout.

First, you’ll need to set up a new document in InDesign. It’s easier to just show the settings rather than spelling all of them out. Your new document dialogue box should look like this:

You’ll notice we’ve set this up with 12 columns. This is to give us more guidelines to work with, even though our cover design will really only have more like two columns. Anything more than 12 columns tends to get too close together to work with effectively.

You’ll also notice we have a .125″ bleed all the way around our document. This is so that if the printer is slightly off, we don’t end up with blank white space along any of the edges of our cover. A bleed is vital in print design when anything but white space is going to meet the edge of your page.

Your document should look like this:

At this point, I always save the document. I also save frequently throughout the design process (using ?S makes it faster). I can’t count the number of times I’ve been nearly finished with a project only to have the power go out or my computer freeze up, costing me hours of work. Saving every few minutes means you’ll only ever lose a few minutes’ worth of work.

The first thing we’ll do is place your cover image. Create a graphic frame using the Rectangle Frame Tool (F) that follows the red bleed guidelines just outside the page outline. The Rectangle Frame Tool usually defaults to create a graphic frame, but right click in the frame when it’s done, click on “Content”, and verify that there’s a check mark next to “Graphic”.

Place your image in the box next. Make sure the box is selected and then either go to File and then Place, or just use ?D (all the shortcuts given correspond to the Mac shortcuts; for PC shortcuts, check out this page). Then browse to the correct image and click on “Open”.

You may want to adjust the position of your image within the graphic frame (since it defaults to aligning the upper right corners). To do this, use the Direct Selection Tool (A) and then drag the image (you can also use your arrow keys to nudge it around once you’ve clicked on it).

Add Some Text

Next, draw a text frame using the Type Tool (T). Use the top, left, and right margins as a guide. Then type “Newfoundland” in the frame. Set the font to Prociono, 84 pt. For now, we’ll leave it black. Since it’s only one line, you won’t need to adjust the leading. For the most part, the fonts we’ve selected have excellent leading, and won’t need to be adjusted for this tutorial.

To the lower right of the title, add another text frame aligned with the right margin. In this, type “Travel Guide”. The font should be changed to Junction and the size should be 24 pt. Again, leave it black for now.

We want this “Travel Guide” text to be right aligned, so let’s open the Paragraph options box. To do this go to Window, then Type & Tables, and then Paragraph (or use Shift+?+T). Select the right align option here. Leave the options open so we can go back to it later.

Let’s nudge our background image down a bit, so the top of the lighthouse is below the title.

Now we’ll add in some teasers for the content inside the magazine. Create a text frame in the grassy area to the right of the staircase, aligned with the right margin. Type “Visit historic Cape Spear Lighthouse” here, and change the font to Junction, 30pt, and white. Go back to the Paragraph options box and right-align this text.

Create another frame on the other side, in the rocks below the lighthouse, and add the text “Camping and Hiking in Gros Morne National Park”. Set this to Prociono, 30pt, and left-align it. Let’s make it white, too.

We also need to add a “FREE!” message just over our title, so vacationers know the magazine is, well, free. Turn your guides back on for this one (?;), and then create a text frame just above our top margin, but lined up with the left margin. Type “FREE!” in that frame, and set the font to League Gothic (we’re using a different font here so it will stand out a bit more), 30pt. Then nudge it down until the bottom of the text sits right on the top margin guide.

Adding Some Style

Now we want to add in some style to our text, and make it stand out a bit. I’m sure you’ve noticed that parts of our teasers aren’t legible, due to the background image. Let’s change that.

First, hide your guides (?;) and frame edges (?H), both of which are located under the “View” menu. This gives us a better idea of what’s visible, without a bunch of extra stuff clogging up our screen.

Use the Selection Tool (V) and click on the “Camping and Hiking” text frame. Copy it and then use paste in place (under the Edit menu) to paste it in the exact spot of the original. Then use your arrow keys to nudge it down twice and right twice. Change the text color to black, and then send it backward (?[) until it's just behind the original text frame. This now serves as a drop shadow, which adds definition to the text.

You might wonder why we're creating a drop shadow in this manner, when InDesign has built-in shadow capabilities. The short answer is: the built-in shadows suck. They look horrible. You can spend a ton of time trying to fine-tune them to look good, but for the most part, it's very limiting. And if you want to create a nice, sharp drop shadow (which looks a lot better in this kind of design than a blurry, shaded drop shadow), this method is much quicker. If you still want to experiment with InDesign's drop shadow function, you can find it under the "Object" menu.

Recreate the same effect under your other teaser text box.

Color

So now we have a mostly black-and-white layout, as far as text is concerned. Let's change the title color to a dark blue, to evoke the ocean, which we know is just out of view in this photo. Go to your swatches option box (which should be a tab in the same tool box that your paragraph styles are showing up in). Make sure it's set for the text to be affected, rather than the container, and then click on the appropriate color among your swatches. The color we're using is: C=100, M=90, Y=10, and K=0. Set the "Travel Guide" text to the same color.

Let's make the "FREE!" bit red, so it stands out more. The color we'll use for that is C=15, M=100, Y=100, and K=0. If you need to add a color swatch, just click on the arrow at the top of the swatch box and then click on "New Color Swatch".

Our title isn't standing out very much. Let's add a white overlay, rather than a drop shadow. Copy and paste in place your title text frame and then change the color to white. Nudge it down two and right two (like you would for a drop shadow), but then leave it on top. This makes it stand out more while adding more visual interest than our standard drop shadows for the teaser text.

Prepare the File for Your Printer

You'll probably get instructions from the printer who's going to take care of printing your magazine that detail exactly how they want the files. But sometimes they're not so helpful, or your client hasn't decided on a printer yet.

In either case, you'll likely want to export your cover to a PDF, rather than sending the original files. There's less chance things will get screwed up this way, and it makes it possible for your client to view the final file without special software.

Go to File, then Export. A dialogue will pop up to save the file. Choose your file name and location, and then click Save. A PDF-specific dialogue box will then pop up. I generally use the PDF/X-1a:2001 standards, though I make a couple of adjustments, mainly to the compression settings. Rather than the stock JPEG compression, I change the compression to "none". Again, if your printer has sent instructions, follow those rather than these. They may even send you a preset to use, which makes exporting much simpler.

The other thing you'll want to adjust is the Marks and Bleeds settings. Unless otherwise instructed by your printer, make sure you specify that the PDF includes the bleed and slug settings from the document, and that it includes printer's marks.

Preparing for Future Documents

If this is a cover design for a regular magazine, you'll probably want to set up some styles for your title and teasers, so that you can quickly either apply changes in the future or so you can easily add more text without having to restyle it from scratch.

To create a paragraph style from what we've already done, just highlight some text and then go to your Paragraph Styles pane and then click on the arrow at the top. Select "New Paragraph Style":

Then verify that your selected style is already set, and choose a name for the style (use descriptive names to make them easier to identify. Do this for each unique text style you have on your cover.

The other thing you can do is save this document as a template. Because covers involve so much custom work each issue, I've found it unnecessary to set up master pages within my cover templates. Just got to Save As, and then change the file type to template. Then it's ready for you each issue.

Conclusion

Again, this tutorial is meant to be more of a technical guide rather than a stylistic one. The cover we've created here is professional and serviceable but plain. Use your own design style to make more creative covers, while using the basic technical guidelines here. These methods can easily be adapted to creating covers for brochures, magazines, catalogs, or even for creating full-page display ads.

  

The Internet is bursting with knowledge. Whatever you want is available at your fingertips, and learning new techniques is so easy with the load of useful tutorials that guide you step by step. Adobe Illustrator is powerful indeed, but when used right, it can perform feats that humans will marvel at! So today, we present a collection of some fresh and useful tutorials for Adobe Illustrator. The tutorials are done by professional artists and go over the techniques covered in detail.

Fresh Adobe Illustrator Tutorials

How to Create a Medieval Paper Scroll
In this tutorial, you will learn how to create a medieval paper scroll with the 3-D Extrude and Revolve tool. Using texture, you will also learn how to make an object look old and how to map artwork to a 3-D vector object.

How to Create a Fun Circus Tent Icon
In this tutorial you will learn how to create a simple circus tent icon. You may discover some interesting things about Warp effects. Warp effects are often overlooked in digital illustration, but as you can see, they lead to some really nice results.

How to Illustrate Deliciously Realistic Grapes Using Simple Techniques
Learn how to illustrate a bunch of grapes using basic Adobe Illustrator tools. You will learn how to render multiple light sources and how to model a complex object using simple shapes and techniques.

Playing With Vectors in Illustrator
Walk through the process for how the design below was created, after checking out the designer’s first sketch.

Design a 3-D Digital Clock Icon With Illustrator
This tutorial explains how to create a glossy and stylized digital clock, with basic shapes and nifty gradients, all from scratch in Adobe Illustrator.

Creating Complex Style Illustrations: A Process
Learn the process of making a tribal-style illustration using only fundamental techniques in Adobe Illustrator. This is more of a process overview than a play-by-play tutorial, and thus some basic skill in the program is needed to follow along.

How to Create an Abstract Desktop Wallpaper
Looking for an abstract wallpaper but can’t find a color or shape that you like? In this tutorial, you will learn how to create desktop wallpapers using simple geometric figures, the Blending Mode and Gaussian Blur.

Illustrator Tutorial: Wooden Smoking Pipe
Draw a stylish smoking pipe in Illustrator. You will learn how to create the wooden texture on the pipe and the tobacco and smoke. The steps are simple and hopefully useful.

Design Symmetrical Character Art
In this tutorial, creative duo LouLou & Tummie show you how to use Illustrator to create a symmetrical, character-filled banner. You’ll hone your skill with the Pathfinder tool to build new shapes and tweak lines to give a sense of flow.

Create a Briefcase Icon
Create a briefcase icon using rectangles, ellipses and gradients. This icon is great for Web designs and user interfaces, and you can easily apply the techniques to other icons, logos and illustrations.

Create Lush, Glossy Vector Images
In this tutorial, Thomas Burden shows how you to create vibrant work in Illustrator using a simple color palette and basic blur effects, particularly Illustrator’s Gaussian Blur effects.

Create CS5 Width Profile Brushes in Any Version of Adobe Illustrator CS!
Adobe Illustrator CS5 has a new option in the Stroke window known as “Width Profile.” This tutorial shows how you to create brushes and use them in any version of Adobe Illustrator CS. You will also learn how to create, save and use your new brushes!

How to Illustrate an Elegant Bottle of Wine in a Gift Box
Make use of the 3-D tools in Illustrator to create this attractive bottle of wine in a gift box. You will learn how to create the graphic using the Rectangle tool, pen, 3-D revolve and gradients.

Create a Print-Ready Business Card Design in Illustrator
Illustrator has fantastic tools for creating small print items such as business cards. Walk through how to create a fun business card design complete with illustrated character.

Creating a Mysterious Cheshire Cat in Adobe Illustrator, Vector Premium Tutorial
In this detailed tutorial, you will learn how to manipulate a reference image to get started and how to use custom brushes to create the fur effect.

Create a Distressed Vector Typographic Poster Design
Follow the walkthrough of the design process for this “Spectrum” poster. Starting with custom-made type in Illustrator, you’ll move the vector graphics into Photoshop for some serious distressing with Photoshop brushes, blending modes and more!

Quick Tip: How to Draw a Stylized Motorcycle With Complex Brushes
Learn how to create complex brushes in Adobe Illustrator and how the brushes work together. You will create some interesting effects.

Create a Detailed, Vector-Based iPhone Illustration, Part 1
Learn how to create a photo-realistic iPhone illustration and every single icon found on the iPhone touchscreen.

How to Create a Rock Girl with “Beautiful Strokes” in Adobe Illustrator CS5
In this tutorial, you will work with a stock image and the new Stroke settings in CS5 to create this stylized vector portrait. Along the way, you will learn some great tips and tricks on how to strike the perfect balance between form and detail.

Create Your Own Calendar With Illustrator and InDesign, Vector Premium Tutorial
A calendar is an appealing and practical item to make from your study of Illustrator. In this tutorial, you will create a print-ready 12-month calendar using grunge text, the Linked Text tool, master pages and layers.

Make Watercolor and Marker Style Portraits With Illustrator
In this tutorial, you will work through ways to create digital portraits that have the unique and somewhat tactile feel of marker and watercolor. This tutorial requires a drawing tablet and Adobe Illustrator. The focus is on technique and technical settings, but the result will rely on your personal style.

Create an Artistic Scene with 3-D Lightbulbs and Type
Combine Illustrator, Photoshop and Cinema 4D to produce a composition that includes 3-D text, 3-D lightbulbs (created from scratch using only a reference photo) and floral ornaments.

A Guide to Creating 3-D Text in Adobe Illustrator
Adobe Illustrator is more than adequate for creating 3-D objects with some basic shading for the text. In this tutorial, you will learn how to create 3-D text using Adobe Illustrator and learn techniques for shading the text to give it a clean, consistent, stylized look.

Quick Tip: A Simple Way to Create Vector Fog
Learn how to make a simple yet effective smoke-like illustration. Using this technique, you can make smoke, fog and clouds in just a few easy steps.

Make a Grungy Hand-Drawn Festival Poster in Illustrator
Create a grungy, hand-drawn-looking poster with a cassette tape as the focus. You’ll use the Pencil tool to make organic vector objects and patterns in Illustrator.

Creating a Stylized Vector Environment
This is an advanced tutorial and assumes familiarity with the basic workings of the Pathfinder palette. You’ll learn how to create environments occupied by many objects.

Create a Remarkable Poster with Decorative Elements
In this tutorial, Sebastiano shows you how to create various decorative elements (including geometric shapes, half-tones, ribbons, 3-D stars and 3-D text) in Illustrator and then merge, compose, enhance and texturize them in Photoshop.

Create a Trendy Seamless Type Pattern
Create a trendy seamless pattern in Illustrator using some text and icons. Although you won’t go in-depth into creating the icons, you will look closely at creating a seamless pattern swatch. You can easily apply these techniques to other seamless pattern swatches.

Create a Cute Creature Character From a Sketch
In this tutorial, you’ll learn how to create this cute creature from a sketch. This tutorial uses custom brushes, the Paintbrush tool, Pen tool and Live Paint Bucket tool. Even if you’re not a huge fan of the cuteness, you can still use these techniques for other illustrations, logos and vector elements.

Illustrator Tutorial: Contemporary Wallpaper Art
Create contemporary wallpaper graffiti, with splashes and motifs. This quick tutorial shows you how to draw florals and create ink-splatter effects. Combine them all to create a stunning contemporary masterpiece

3-D Golden Text Effect
Create the golden 3-D text effect below. Create text using 3-D Extrude, and clean up the broken shapes. The final step goes over the glow and highlights of the text. This is a great tutorial for beginners to create professional 3-D text effects in Illustrator.

Discover Tattoo Illustration Techniques
Want to produce clean detailed line work with a hand-drawn edge? Not sure whether to use the Pen tool in Illustrator or a tablet in Photoshop? With his stunning tattoo-style designs, digital illustrator and “part-time thrasher” Chris Parks has all the answers in this tutorial.

Master Dynamic Gradient Techniques
Build up many elements to create a vector image with real depth and richness. The designer explains, “I spend most of the time picking out colors that match each other to form harmonic color composition. It takes a lot of time, but it’s worth the effort.”

Create a Tiger-Striped Cat With Illustrator
A step-by-step tutorial on creating a tiger-striped cat in Illustrator

How to Illustrate Dynamic Hair Using Adobe Illustrator’s Paintbrush Tool
This tutorial shows you how to create a dynamic hair style from a reference image. You will use the Paintbrush tool, basic skin shading and transparent gradients.

An Illustrator’s Project: From Start to Finish
In this tutorial, Zena walks you through the creation of an art illustration so that you can see what goes on behind a digital illustrator’s work and gain new insight for your own workflow. You’ll go through conceptualizing and gathering ideas, creating the illustration in Illustrator and then finishing the piece in Photoshop.

Using Symbols in Illustrator for 3-D Effects in Photoshop
Illustrator is a terrific resource for creating symbols. Corey takes those symbols into Photoshop and uses the new 3-D tools to get creative.

Adobe Illustrator Eye Tutorial
A detailed tutorial on making a beautiful eye.

Create an Ominous Jar of Purple Ooze
Beef up your Illustrator skills while creating an ominous jar of purple ooze. You’ll find handy tips and techniques for illustrating glass, chrome and toxic ooze.

How to Draw a Glossy Yo-Yo Icon Using Adobe Illustrator
Entertain yourself by creating a glossy yo-yo icon. You will combine different gradient and object effects to make a hyper-realistic and shiny plastic surface. The result is a perfectly rendered and appealing icon that can be made in just one hour.

]]> http://www.noupe.com/tutorial/40-new-and-useful-adobe-illustrator-tutorials.html/feed 20 http://www.noupe.com/tutorial/photoshop-web-design-layout-tutorials-from-2010.html http://www.noupe.com/tutorial/photoshop-web-design-layout-tutorials-from-2010.html#comments Thu, 12 Aug 2010 14:11:04 +0000 vitaly http://www.noupe.com/?p=42782

  

  

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