-Поиск по дневнику

Поиск сообщений в marina_grankova

 -Подписка по e-mail

 

 -Интересы

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 17.04.2009
Записей: 8704
Комментариев: 460
Написано: 9850


Design a Colorful Illustration

Воскресенье, 01 Июля 2012 г. 04:13 + в цитатник
Цитата сообщения Lidia52 Design a Colorful Illustration

How to design a colorful illustration in Adobe Photoshop CS4

In this tutorial we will be learning how to design a colorful illustration. This will be created by using Ellipse Tool, Pen Tool, Brushes and Layer Masks. Let’s get started!

Start working by creating a new file (File>New) of 1920×1200 px and 72 dpi. Using the Paint Bucket Tool (G), fill the new background layer with black color.

How to design a colorful illustration in Adobe Photoshop CS4
Find a stock photo with a model represented on it, I used this photo from deviantart. I would like to thank the author of this photo:

How to design a colorful illustration in Adobe Photoshop CS4
Cut out very accurately the girl’s head and her neck using your favorite tools like Pen Tool (P), Magic Wand Tool (W), Magnetic Lasso (L) or even a simple Filter>Extract. Insert them on a new layer. The head’s size may be changed with Free Transform (Ctrl+T) option.

How to design a colorful illustration in Adobe Photoshop CS4
Now apply the Ellipse Tool (U) to represent a sphere which layer must be placed lower than the girl’s layer in Layers panel.

How to design a colorful illustration in Adobe Photoshop CS4
Set Fill to 0% for this layer and go to Layer Style by clicking on this layer on the Layers’ panel.
Add Drop Shadow

How to design a colorful illustration in Adobe Photoshop CS4
Set the Gradient Overlay

How to design a colorful illustration in Adobe Photoshop CS4
Gradient Editor settings:

How to design a colorful illustration in Adobe Photoshop CS4

How to design a colorful illustration in Adobe Photoshop CS4
Make copies of the last created layer, changing their sizes with Free Transform (Ctrl+T). Place the copies the same way demonstrated below. This way we’ll represent a lot of ellipses of different sizes. The copies’ layers should be placed lower than the girl’s layer in Layers panel.
Change Layer Style > Gradient Overlay for first copy.

How to design a colorful illustration in Adobe Photoshop CS4
Gradient Editor settings:

How to design a colorful illustration in Adobe Photoshop CS4

How to design a colorful illustration in Adobe Photoshop CS4
For next copy change size using Free Transform (Ctrl+T)

How to design a colorful illustration in Adobe Photoshop CS4
Set Fill to 0% for this layer and go to Layer Style by clicking on this layer on the Layers’ panel.
Add Drop Shadow

How to design a colorful illustration in Adobe Photoshop CS4
Set Gradient Overlay

How to design a colorful illustration in Adobe Photoshop CS4
Gradient Editor settings:

How to design a colorful illustration in Adobe Photoshop CS4

How to design a colorful illustration in Adobe Photoshop CS4
Make another copy and change the size
How to design a colorful illustration in Adobe Photoshop CS4
Set Fill to 0% and add a Layer Style > Gradient Overlay

How to design a colorful illustration in Adobe Photoshop CS4
Gradient Editor settings:

How to design a colorful illustration in Adobe Photoshop CS4

How to design a colorful illustration in Adobe Photoshop CS4
Make and place another ellipse as shown:

How to design a colorful illustration in Adobe Photoshop CS4
Change Fill to 0%, go to Layer Style > Drop Shadow

How to design a colorful illustration in Adobe Photoshop CS4
Add Gradient Overlay

How to design a colorful illustration in Adobe Photoshop CS4
Gradient Editor settings:

How to design a colorful illustration in Adobe Photoshop CS4

How to design a colorful illustration in Adobe Photoshop CS4
Make another ellipse

How to design a colorful illustration in Adobe Photoshop CS4
Set Fill to 0% and select from Layer Style > Gradient Overlay

How to design a colorful illustration in Adobe Photoshop CS4
Gradient Editor settings:

How to design a colorful illustration in Adobe Photoshop CS4

How to design a colorful illustration in Adobe Photoshop CS4
Place another ellipse as shown:

How to design a colorful illustration in Adobe Photoshop CS4

Change

Fill

to

0%

for this layer and go to

Layer Style

by clicking on this layer on the

Layers’ panel

.


Add Drop Shadow

How to design a colorful illustration in Adobe Photoshop CS4
Set the Gradient Overlay

How to design a colorful illustration in Adobe Photoshop CS4
Gradient Editor settings:

How to design a colorful illustration in Adobe Photoshop CS4

How to design a colorful illustration in Adobe Photoshop CS4
Make and place another ellipse as shown:

How to design a colorful illustration in Adobe Photoshop CS4
Set Fill to 0% for this layer and go to Layer Style by clicking on this layer on the Layers’ panel.
Add Drop Shadow

How to design a colorful illustration in Adobe Photoshop CS4
Set Gradient Overlay

How to design a colorful illustration in Adobe Photoshop CS4
Gradient Editor settings:

How to design a colorful illustration in Adobe Photoshop CS4

How to design a colorful illustration in Adobe Photoshop CS4
Make copies of the earlier made blue circle and apply Free Transform option to make the copies smaller, placing them the same way demonstrated below:

How to design a colorful illustration in Adobe Photoshop CS4
Make another ellipse

How to design a colorful illustration in Adobe Photoshop CS4
Change Fill to 0% and go to Layer Style > Drop Shadow

How to design a colorful illustration in Adobe Photoshop CS4
Add Gradient Overlay

How to design a colorful illustration in Adobe Photoshop CS4
Gradient Editor settings:

How to design a colorful illustration in Adobe Photoshop CS4

How to design a colorful illustration in Adobe Photoshop CS4
Make another copy and change the size

How to design a colorful illustration in Adobe Photoshop CS4
Set Fill to 0%, add Layer Style > Drop Shadow

How to design a colorful illustration in Adobe Photoshop CS4
Set Gradient Overlay

How to design a colorful illustration in Adobe Photoshop CS4
Gradient Editor settings:

How to design a colorful illustration in Adobe Photoshop CS4

How to design a colorful illustration in Adobe Photoshop CS4
Make another ellipse

How to design a colorful illustration in Adobe Photoshop CS4
Change Fill to 0% for this layer and go to Layers Style> Drop Shadow

How to design a colorful illustration in Adobe Photoshop CS4
Add Layers Style > Gradient Overlay

How to design a colorful illustration in Adobe Photoshop CS4
Gradient Editor settings:

How to design a colorful illustration in Adobe Photoshop CS4

How to design a colorful illustration in Adobe Photoshop CS4
Another one

How to design a colorful illustration in Adobe Photoshop CS4
Set Fill to 0% for this layer and go to Layer Style by clicking on this layer on the Layers’ panel.
Add Drop Shadow

How to design a colorful illustration in Adobe Photoshop CS4
Set Gradient Overlay

How to design a colorful illustration in Adobe Photoshop CS4
Gradient Editor settings:

How to design a colorful illustration in Adobe Photoshop CS4

How to design a colorful illustration in Adobe Photoshop CS4

Make another ellipse

How to design a colorful illustration in Adobe Photoshop CS4
Change Fill to 0% and go to Layer Style > Drop Shadow

How to design a colorful illustration in Adobe Photoshop CS4
Add Gradient Overlay

How to design a colorful illustration in Adobe Photoshop CS4
Gradient Editor settings:

How to design a colorful illustration in Adobe Photoshop CS4

How to design a colorful illustration in Adobe Photoshop CS4
And the last one ellipse

How to design a colorful illustration in Adobe Photoshop CS4
Set Fill to 0% for this layer and go to Layer Style by clicking on this layer on the Layers’ panel.
Add Drop Shadow

How to design a colorful illustration in Adobe Photoshop CS4
Set Gradient Overlay

How to design a colorful illustration in Adobe Photoshop CS4
Gradient Editor settings:

How to design a colorful illustration in Adobe Photoshop CS4

How to design a colorful illustration in Adobe Photoshop CS4
On the circles’ edges mentioned with the arrows we’ll represent half-transparent transitions. In this case we’ll click on the necessary layer on the bottom part of the layers’ panel on Add a Mask icon and after that choose a brush of black color (Opacity 20%) to clean out the chosen circle.

How to design a colorful illustration in Adobe Photoshop CS4

How to design a colorful illustration in Adobe Photoshop CS4
Let’s represent the highlights on the circles. Create a new layer and choose a brush of white color (Opacity 30%).

How to design a colorful illustration in Adobe Photoshop CS4

How to design a colorful illustration in Adobe Photoshop CS4
Set Blend mode to Overlay for the layer with the highlights:

How to design a colorful illustration in Adobe Photoshop CS4
On the next new layer apply the same brush, but with a smaller diameter to give more shining effect to certain highlights.

How to design a colorful illustration in Adobe Photoshop CS4
Create a new layer again and use here the brush to represent a lot of colored spots around the circles. Take a sample of color out of the circles, using the Eyedropper Tool (I).

How to design a colorful illustration in Adobe Photoshop CS4

How to design a colorful illustration in Adobe Photoshop CS4
Set Fill to 70% for this layer

How to design a colorful illustration in Adobe Photoshop CS4
Take the Pen Tool (P) to represent a tattoo on the girl’s cheek. The tattoo’s color is black.

How to design a colorful illustration in Adobe Photoshop CS4

How to design a colorful illustration in Adobe Photoshop CS4

Put together the shape’s layers composing the tattoo into a rasterized layer (press Ctrl button to select out these layers in Layers panel and then press CTRL+E to Merge Down). Make a click on the bottom part of the layers’ panel on Add a Mask icon and choose a brush of black color (Opacity 20%) to erase the tattoo’s edges.

How to design a colorful illustration in Adobe Photoshop CS4

How to design a colorful illustration in Adobe Photoshop CS4
Try to represent several bubbles under the girl’s neck, choosing in this case the Ellipse Tool (U).

How to design a colorful illustration in Adobe Photoshop CS4
Set Fill to 0% for this layer and go to Layer Style > Gradient Overlay

How to design a colorful illustration in Adobe Photoshop CS4
Gradient Editor settings:

How to design a colorful illustration in Adobe Photoshop CS4
Add Stroke

How to design a colorful illustration in Adobe Photoshop CS4

How to design a colorful illustration in Adobe Photoshop CS4
Make several copies of the last made layer and choose Free Transform option to change the copies’ sizes, placing them the same way demonstrated below.

How to design a colorful illustration in Adobe Photoshop CS4

How to design a colorful illustration in Adobe Photoshop CS4

Try to make a shape on the right side of the girl’s head, applying the Pen Tool (P) and using the Convert Point Tool you can adjust path segments as shown.

How to design a colorful illustration in Adobe Photoshop CS4
Go to Layer Style > Gradient Overlay

How to design a colorful illustration in Adobe Photoshop CS4
Gradient Editor settings:

How to design a colorful illustration in Adobe Photoshop CS4

How to design a colorful illustration in Adobe Photoshop CS4
Click on the same layer on the bottom part of the layers’ panel on Add a Mask icon and use here a brush of black color to clean out that shape’s zone, crossing the girl’s hair.

How to design a colorful illustration in Adobe Photoshop CS4

How to design a colorful illustration in Adobe Photoshop CS4
Let’s attach other shapes too to the main element, applying the same tools – the Pen Tool (P) and the Convert Point Tool.

How to design a colorful illustration in Adobe Photoshop CS4

How to design a colorful illustration in Adobe Photoshop CS4

How to design a colorful illustration in Adobe Photoshop CS4

How to design a colorful illustration in Adobe Photoshop CS4

How to design a colorful illustration in Adobe Photoshop CS4

How to design a colorful illustration in Adobe Photoshop CS4
Set Fill to 0% for this layer and go to Layer Style by clicking on this layer on the Layers’ panel.
Add Gradient Overlay

How to design a colorful illustration in Adobe Photoshop CS4
Gradient Editor settings:

How to design a colorful illustration in Adobe Photoshop CS4

How to design a colorful illustration in Adobe Photoshop CS4
Represent another shape using Pen Tool (P)

How to design a colorful illustration in Adobe Photoshop CS4
Set Fill to 0% and go to Layer Style > Gradient Overlay

How to design a colorful illustration in Adobe Photoshop CS4
Gradient Editor settings:

How to design a colorful illustration in Adobe Photoshop CS4

How to design a colorful illustration in Adobe Photoshop CS4
Make another shape

How to design a colorful illustration in Adobe Photoshop CS4
Set Fill to 0% for this layer and go to Layer Style by clicking on this layer on the Layers’ panel.
Add Gradient Overlay

How to design a colorful illustration in Adobe Photoshop CS4
Gradient Editor settings:

How to design a colorful illustration in Adobe Photoshop CS4

How to design a colorful illustration in Adobe Photoshop CS4
Combine in a group all the layers composing the ornament on the right side of the girl’s head (press Ctrl button to select the corresponding layers and then hold on the left mouse’s button while dragging the selected layers on Create a new group icon on the bottom part of the Layers panel). Make a copy of the new group and apply Free Transform option to turn over the copy, placing it on the left side of the girl’s head.

How to design a colorful illustration in Adobe Photoshop CS4
Fill the ornament with new elements. In this case we’ll apply the already known instruments – the Pen Tool (P) and the Convert Point Tool. Each element should have the Fill on 0%. Place the layers of the new elements lower than the earlier made ornament on the Layers panel.

How to design a colorful illustration in Adobe Photoshop CS4
Set Fill to 0% and go to Layer Style > Stroke

How to design a colorful illustration in Adobe Photoshop CS4

How to design a colorful illustration in Adobe Photoshop CS4
Apply Layer Style > Stroke for all the layers of the transparent ornament’s shapes

How to design a colorful illustration in Adobe Photoshop CS4

Combine in a group all the layers composing the transparent elements of the ornament (press Ctrl button to select the necessary layers and hold on the left mouse’s button while dragging the selected layers on Create a new group icon from bottom part of the Layers panel). Make a copy of the new group and choose Free Transform option to turn over the copy, placing it on the left side of the girl’s head.

How to design a colorful illustration in Adobe Photoshop CS4
Create a new layer which must be processed with the brush of black color (Opacity 15%) to represent a shadow under the ornament. Place this layer under the ornament’s layers in Layers panel.

How to design a colorful illustration in Adobe Photoshop CS4

How to design a colorful illustration in Adobe Photoshop CS4

Now we’ll create a brush. In this case we need to create a separate file (File>New) of 19x23px/72 dpi with white background. Create a new layer and take the Pen Tool (P) to draw a path as shown:

How to design a colorful illustration in Adobe Photoshop CS4
Set Fill to 0% for this layer and select Layer Style > Gradient Overlay

How to design a colorful illustration in Adobe Photoshop CS4
Gradient Editor settings:

How to design a colorful illustration in Adobe Photoshop CS4
Delete the white background layer

How to design a colorful illustration in Adobe Photoshop CS4
From the Edit menu, choose Define Brush Preset. Give a name for this brush in the Brush Name dialog and click OK. Select the Brush Tool (B) and press F5 to open Brush Presets panel, set the next settings for created earlier brush:

How to design a colorful illustration in Adobe Photoshop CS4

How to design a colorful illustration in Adobe Photoshop CS4

How to design a colorful illustration in Adobe Photoshop CS4
Create a new layer again and paint with earlier created brush of white color the represented ornament. The brush’s layers must be situated lower than the earlier made layer containing the ornament in Layers panel.

How to design a colorful illustration in Adobe Photoshop CS4
Click on the same layer on the bottom part of the layers’ panel on Add a Mask icon and select the brush of black color (Opacity 20%) to clean out certain zones on the girl’s head and on the ornament.

How to design a colorful illustration in Adobe Photoshop CS4

How to design a colorful illustration in Adobe Photoshop CS4
Set Fill to 29% for this layer and change Blend mode to Overlay

How to design a colorful illustration in Adobe Photoshop CS4
On the next layer we’ll apply the same brush of white color.

How to design a colorful illustration in Adobe Photoshop CS4
Select again Add a Mask option on the same layer and choose the brush of black color (Opacity 20%) to clean out the demonstrated areas on the girl’s head and on the ornament. Set Fill to 65% for this layer

How to design a colorful illustration in Adobe Photoshop CS4
Create a new layer and continue using the earlier created brush to complete the ornament on the left side of the girl’s head.

How to design a colorful illustration in Adobe Photoshop CS4
Set for this layer Blend Mode to Soft Light:

How to design a colorful illustration in Adobe Photoshop CS4
Make a copy of the last made layer and choose Free Transform option to turn around the copy, placing it on the right side of the girl’s head.

How to design a colorful illustration in Adobe Photoshop CS4
Find a picture of a flower, remove the background using your favorite tools like Pen Tool (P), Magic Wand Tool (W), Magnetic Lasso (L) or even a simple Filter>Extract.

How to design a colorful illustration in Adobe Photoshop CS4
Click on the bottom part of the layers’ panel on the next icon: Create new fill or adjustment layer>Curves to make some color corrections

How to design a colorful illustration in Adobe Photoshop CS4

How to design a colorful illustration in Adobe Photoshop CS4
Press Alt button and click between the Curves adjustment layer and the flower’s layer (on the layers’ panel) to apply this color corrections just for the flower.

How to design a colorful illustration in Adobe Photoshop CS4

How to design a colorful illustration in Adobe Photoshop CS4

Put together the flower’s layer and the effect’s layer into a rasterized layer. In this case there is indicated to select firstly both layers (pressing Ctrl button) and then press CTRL+E to Merge Down. Insert the flower on a new layer on our composition.

How to design a colorful illustration in Adobe Photoshop CS4
Go to Layer Style > Drop Shadow

How to design a colorful illustration in Adobe Photoshop CS4
Add Inner Glow

How to design a colorful illustration in Adobe Photoshop CS4

How to design a colorful illustration in Adobe Photoshop CS4

Create a new layer above the flower’s layer and select out both layers (Press Ctrl button) and then press CTRL+E to Merge Down. Make 15 copies of the rasterized layer and select Free Transform option to change the sizes of the copies, placing them as it is shown on the picture.

How to design a colorful illustration in Adobe Photoshop CS4
On the next new layer we’ll choose a brush of white color to represent many small dots among the ornament on the girl’s right side.

How to design a colorful illustration in Adobe Photoshop CS4

How to design a colorful illustration in Adobe Photoshop CS4
Click on the bottom part of the layers’ panel on the next icon: Create new fill or adjustment layer>Levels to make some color corrections:

How to design a colorful illustration in Adobe Photoshop CS4

How to design a colorful illustration in Adobe Photoshop CS4
Click on the bottom part of the layers’ panel on Create new fill or adjustment layer>Curves

How to design a colorful illustration in Adobe Photoshop CS4

How to design a colorful illustration in Adobe Photoshop CS4
Finished!

View full size here.

 

Источник: http://www.adobetutorialz.com

Рубрики:  фотошоп/уроки

 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку