RSS2.0

Showing posts with label tutorials. Show all posts
Showing posts with label tutorials. Show all posts

Photoshop tutorial on using layers for effects

Tuesday, June 3, 2008


Tutorial on how to cut out an image in Photoshop and stack layers to create image effects.

View Tutorial
Read more!





Share This Post



Digg This Add To Del.icio.us Add To Reddit Fav This With Technorati Stumble This

Soften Skin effect on girl with adobe photoshop tutorial

Saturday, May 24, 2008

Soften Skin effect on girl using photoshop - this tutorial is to show how to soften the appearance of the skin in digital pictures using simple photoshop tools ...
Read more!





Share This Post



Digg This Add To Del.icio.us Add To Reddit Fav This With Technorati Stumble This

Photoshop Tutorial: digital drawing Girl

Thursday, May 22, 2008

This tutorial is for beginner Photoshop users, so we will explain everything in detail; you’ll learn to use the vector drawing tools of Photoshop using our mouse… for now we won’t be using a digitizer tablet.

Boceto para dibujar con Photoshop

To start, the best thing to do is having a good sketch on paper; the size of the drawing doesn’t have to be very big because we will delete it at the end, but also it doesn’t have to be very small. Let’s scan it at 150-300 dots per inches (dpi from now on) to make sure that when we zoom we can clearly see the lines to work properly.

Photoshop abrir lienzo

Let’s start with a white canvas (Ctrl + n), with a good size and resolution just in case we want to print in a big size.

Capas de Photoshop

To add new layers just click the button “Create layer”.

Let’s put the sketch in it (to do this, open up the file where you have your drawing, select everything with Ctrl + a and cut the selection with Ctrl + x. After that, paste it with Ctrl + v in the layer; if it’s small, alter it with Ctrl + t) and name it “sketch”, then create a new layer where we will put the trace of the figure and let’s name it “lines”. So we should have the 3 layers as it appears in the image.

Now we’ll use the Pen Tool Herramienta Pluma to redraw the sketch; select it and activate the Paths Mode (left superior corner, the icon of the pen inside the square):

Modo contorno

Now let’s click in the 3 sectors, and 3 little squares like these ones will be created:

Herramienta Pluma de Photoshop

If you right click (or click and maintain pressed) the Pen Tool, a menu like this one will appear:

Menu de herramienta Pluma

Choose “Convert Point Tool”(the last one), press in any of the 3 squares we created a moment ago and drag it; this way you can twist the line and form what it’s called a Berzier Curve. Start shaping it in the way you want (we can always add or remove this squares with the Add Anchor Point or Delete Anchor Point as we want more or less complex shapes). You should get something like this:

Curvas berzierHerramienta de Selección directa

There’s a little trick to create rounded shapes. It consist in create the vertexes and to add an intermediate point, after that you just have to move it with the Direct Selection Tool and that curve will be made by itself.

Make sure you are in the “lines” layer, select the Brush Tool Herramienta Pincel and choose a hard brush (right click in the canvas, they are the first ones in the brushes list) of about 5 pixels with a different color from the one of the sketch, for example red:

Contornear trazado

With the Pen Tool selected, right click in the canvas and choose “Stroke Path”, and a window like this will appear:

Contornear trazado

Choose the Brush Tool and hit OK; this will generate a trace with the characteristics of the brush we chose before that will follow the previous route (this can be done with all the other tools).

Tipos de trazos

If you mark the square Simulate Pressure we will obtain traces that will be smaller in the edges; with a little of imagination you can get all types of traces.

Contorno trazo

WELL DONE! You have you first trace, now do the rest :P The trick here is to make the traces in parts, in different layers so you can retouch comfortably superposed traces… like in this image:

Trazos superpuestos
trazos retocados

It’d be ideal if you could make traces of the complete areas (for example we trace the glasses in one layer and the hair in another one, after that we delete the traces of the glasses covered with hair); it’s better to do it that way than starting tracing through the eyebrows and the hair with the same trace.

Trazos pelos

Now you have to work with the rest of the traces. When you’re done with it, we have to put together all the layers; we can do this selecting all the layers and pressing Ctrl + e. At the beginning it can be hard to manage with all the curves, but with some practice, the sketch can look as the original.

Imagen FInal

We have just finished our digital inking. You might probably notice that the lines are a bit boring as they aren’t modulated… patience, we’ll see that with more detail soon

Source
Read more!





Share This Post



Digg This Add To Del.icio.us Add To Reddit Fav This With Technorati Stumble This

Smokin' Woman

Monday, April 21, 2008

In this tutorial, I'm going to show how to create one smokin' woman using a couple source pics, and just a few of the features associated with Phoenix.
So follow along and I'll try to share a few secrets into some of the magic, without the smoke and mirrors.
Well, maybe a little smoke.

With the general idea already in my mind, I needed to find a suitable background image.
The image I found turned out perfect because of the line of direction of the main figure's vision. He's looking directly where we're going to place our smoke, creating unity among our elements. How convenient!

1. The first step was to remove most of the smoke from the original image, as we'll be bringing in our own later on.
I did this simply by taking the Clone stamp tool, shift-clicking a clean area of the background to sample, and painting over the smoke covered areas with our selected sample.

It doesn't need to be perfect at this point, as most of it will be covered by the end anyways.

2. Next, I brought in a high contrast image of a model. Not only do the natural stark shadows and highlights of this image look good, but hey, the contrast will do half the work for us in the long run.
Using a combination of the Move and Distortion tools, I resized and situated the model right where we want her.
Then set the layer's blend mode to "Screen".

3. Now that we have our basic composition in place, it's time to get to the real action.
Using the liquify tool, I smudged the edges of the figure and pulled out trails to draw a smokey effect.
I did that until I was left with a wispy looking figure.
And remember, the more work you do in this stage, the less time it'll take to cover your overlooked areas later on.

It's almost good to go just as is, if I do say so myself.
But since we saved time by finding excellent source pics to begin with, let's spend our free time fine tuning this thing up.

4. Our lady could always be more smokin'. And what's more smokin' than, well, smoke?
Using the Lasso tool, I copied and pasted a segment from an image of actual smoke onto a new layer.

I set this layer to "Screen", just as we did with the woman. Using the Move tool, I resized the piece to situate around our lady friend.
I repeated that step numerous times until our lady was covered entirely hiding my earlier (now hideous in comparison) attempts to freehand the smoke entirely.

5. Now we're getting somewhere! But I still wanted to expose a few of the highlights of the smoke a bit more. Just to give it that extra pop.
I did this by using a white brush to paint a rough outline around the figure on a new layer, then set this layer to "Overlay".

6. Then, as a final touch, I filled the entire image in a light blue on a new layer, then set this layer to "Overlay", and set the opacity to 25%.
Of course, this step is not 100% necessary, but it adds a little extra mood and brings the whole image together harmoniously.

And there you have it. With the magic of Phoenix, you've created the smokin' woman of your dreams.


Man and smoke from www.istockphoto.com
http://www.istockphoto.com/file_closeup.php?id=1703022
http://www.istockphoto.com/file_closeup.php?id=1369639

Woman from www.sxc.hu

Read more!

Free Flash Download sites

Sunday, March 23, 2008

You can download the high quality Flash template, photo gallery and more.

It really good to see how the other developers create the flash files.

Here is my list of Free Flash Download sites.

www.flashtemplatestore.com

You can download 18 high quality Free flash and html templates. That’s awsome.


www.flashtemplatestore.com

Flasheezy!

This site is related to a free vector download site “Vecteezy!” and Photoshop brush download site “Brusheezy!


Flasheezy!

flashmo.com

This site provides FREE flash templates, flash photo gallery, flash MP3 player, 3D Carousel, thumbnail gallery, flash intros, flash websites or .FLA source files.


flashmo.com

FlashVillage.com

All FlashVillage templates are 100% FREE. You simply need to register as a FREE member and you can start downloading.


FlashVillage.com

Templates Box

Professional flash templates, flash intro, web templates and full flash templates for quick website design.


Templates Box

Free Layouts.com

Now you can download about 50 Flash samples.


Free Layouts.com

FFILES

A rich resource of Free Flash Files.


FFILES

gotoandlearn.com

This is a free video tutorial resource on the Flash Platform created by Lee Brimelow. Yon can download the files as well!


gotoandlearn.com

18 Free Picasa Flash and HTML templates to showcase your photo

Here are some Picasa web templates to create web Flash and HTML photo galleries and slideshows using Google’s Picasa without any knowledge of Flash, HTML, CSS and Javascript. Use these free templates to showcase your photos and images.


18 Free Picasa Flash and HTML templates to showcase your photo

LoveMyFlash

LoveMyFlash is much different to other layout sites. Forget about html layouts, LoveMyFlash provide highly customizable MySpace flash templates.


LoveMyFlash

Wix.com

This service is still a closed veta version though.. Let you make your own stunning Flash websites and Flash web content for Free.


Wix.com

tutorialized

A Bunch of Flash Tutorials


tutorialized

Flash Kit

A Flash Developer Resource for Macromedia Flash MX Tutorials SWF FLA images clipart Sounds WAVS Animations Help and Support


Flash Kit


All Thanks to designwalker
Read more!





Share This Post



Digg This Add To Del.icio.us Add To Reddit Fav This With Technorati Stumble This

Search Engine Optimization and Important Keywords for Graphic Design Website

Friday, June 22, 2007



Content - Write great content using your most important keywords prominently throughout your website. Visitors who read the great content will link to your website and recommend it to others. Content is the most significant factor in search engine optimization.

Keyword planning
– If your keywords are not suitable to your website there will be no search engine optimization. Always go for those keywords which are relevant to your website other cause you will get irrelevant traffic. Always do keyword planning on both the search engines and directories to determine the best set of keywords and keyword phrases your target audience uses.
Design, Styles,shapes, tools, brushes, graphic, programs, Adobe, illustrator, updated, tutorials, tips ,tricks , web2.0, web-design, seo, vector , clip art, line, art ,gallery, pictures, resources, paint shop pro, painter, photopaint, fireworks, download, filter factory, photoshop filters, free, plug-ins, filter, flash, macromedia, fonts, cgi, web design guidelines, color selection guide, free downloads, image collections, image viewers, sound libraries and editors, validation, web tools
I hope this list can give you some thoughts of which key words you can choose for your Graphic design website

Read more!





Share This Post



Digg This Add To Del.icio.us Add To Reddit Fav This With Technorati Stumble This

Web 2.0 Style Tutorial

Sunday, June 3, 2007

Read more!





Share This Post



Digg This Add To Del.icio.us Add To Reddit Fav This With Technorati Stumble This

Requested Tutorials

Saturday, May 26, 2007

01. Masking



02. Over Laying Layers
Read more!





Share This Post



Digg This Add To Del.icio.us Add To Reddit Fav This With Technorati Stumble This

Photoshop -Weekly Tutorials

Tutorial .01
"Packaging - For Printed Material Designers"


Please comment to keep up the good team spirit Read more!





Share This Post



Digg This Add To Del.icio.us Add To Reddit Fav This With Technorati Stumble This

The Zen of CSS Design: Visual Enlightenment for the Web


Proving once and for all that standards-compliant design does not equal dull design, this inspiring tome uses examples from the landmark CSS Zen Garden site as the foundation for discussions on how to create beautiful, progressive CSS-based Web sites. By using the Zen Garden sites as examples of how CSS design techniques and approaches can be applied to specific Web challenges, authors Dave Shea and Molly Holzschlag provide an eye-opening look at the range of design methods made possible by CSS (Cascading Style Sheets). By the time you've finished perusing the volume, you'll have a new understanding of the graphically rich, fully accessible sites that CSS design facilitates. In sections on design, layout, imagery, typography, effects, and themes, Dave and Molly take you through every phase of the design process--from striking a sensible balance between text and graphics to creating eye-popping special effects (no scripting required).

The Zen of CSS Design Read more!





Share This Post



Digg This Add To Del.icio.us Add To Reddit Fav This With Technorati Stumble This