Преглед на урок
Ефект на разпръскване
27 Юни 2010, 22:38 | 17484 преглеждания | 30 коментарa
Оценка:
(13 гласували)
186 добавяния към любими
За този урок ще използваме образ на лице в анфас. Авторът е взел този уолпейър на Джесика Алба:
Ще ни трябват и четки с дим Reborn brushes, които може да изтеглите тук.
Стъпка 1
Създаваме нов документс с размери 750х550 px и с черен фон. Поставяме лицето на Джесика в центъра на документа, изрязано от фона на уолпейпъра по любимия ви начин. Авторът е използвал гумичка за това (Erazer tool). На методите за изрязване няма да се спираме тук.
Стъпка 2
За да направим линиите, които сякаш разсичат лицето й, ще си направим патерн. Отваряме нов документ с размери 20×20 px и правим нов слой. С помощта на Pencil Tool (B ) с големина 1px и цвят #ffffff (бял) изрисуваме долната и лявата страна на квадрата (във формата на L). Прави линии се рисуват най-лесно като задиржим Shift докато рисуваме с молива. После скриваме слоя с фона (като цъкаме на оченцето пред него) и натискаме Ctrl+A, за да селектираме всичко. Отиваме на Edit > Define Pattern и кръщаваме патерна grid, или както ще го запомним.
После се връщаме в първоначалния документ и правим нов слой над този с лицето. Избираме Paint Bucket tool (G) и избрано запълване с pattern.
Дотук получихме това.
Стъпка 3
Сега напасваме линиите по лицето й с помощта на Edit > Transform > Warp, както е показано на снимката.
Стъпка 4
Намаляме opacity на мрежата до 20%. После цъкваме с дясното копче на мишката върху слоя с мрежата в палета със слоевете и избираме Blending Options. Слагаме Outer Glow и настройваме неговия Blend Mode на Color Dodge, Opacity на 100%, Color на #ffffff, Spread на 0 и Size на 5px.
Стъпка 5
Сега ще направим разпръснатите квадратчета. Правим нов слой. Използвайки Pen tool (P), очертаваме някои от квадратчетата и ги правим същия цвят, какъвто е и фона, за да изглежда сякаш липсват парченца от лицето на Джесика.
Стъпка 6
За да направим разпръснатите парченца, задържаме Ctrl и цъкваме с левия бутон върху квадратчетата, които очертахме преди малко, за да активираме селекция. Отиваме на слоя с лицето и натискаме Ctrl+X (като селекцията ни още е активна), за да селектираме "изрязаните" пиксели. После натискаме Ctrl+V за да пейстнем и кръщаваме новополучения слой "блокчета". Използвайки Move tool (М) преместваме блокчетата надясно и после от Edit > Free Transform намаляме леко големината им, сякаш се отдалечават.
Стъпка 7
Сега да придадем малко обем. Копираме слоя с блокчетата. После преместваме долния слой с 1px наляво. Повтаряме 10 пъти, за да се получи обемния ефект. Сливаме получените 10 слоя и кръщаваме "страни". После в палета със слоевете цъкваме с левия бутон на мишката и избираме Blending Options. Слагаме Gradient Overlay със следните настройки: Blend Mode е на Normal, Opacity 80%, Gradient от #000000 до #D58761 и Angle 180.
Стъпка 8
На слоя "страни" слагаме и Pattern Overlay с Blend Mode настроено на Multiply, Opacity на 100%, а Pattern на Metal Landscape.
На слоя "блокчета" слагаме следните Blending Options: Outer Glow с Blend Mode настроен на Color Dodge, Opacity 75%, Color #ffffff и Size 10px.
Стъпка 9
Повтаряме стъпки 5 до 8 2-3 пъти, за да създадем ефект на много извадени парченца, носещи се надясно.
Стъпка 10
Сега ще добавим дълбочина на дупките. Сливаме всички слоеве с дупки и с цъкване на десния бутон на мишката избираме Blending Options.
Активираме Bevel and Emboss, правим Style да е Inner Bevel, Depth 72%, Size 5px, Soften 0px, Angle 0, Altitude 50, Highlight Mode на Screen, Highlight Color на #DCA57E, Highlight Opacity 100%, Shadow Mode на Multiply, Shadow Color #000000 и Shadow Opacity 75%.
Стъпка 11
Сега малко дим. Правим нов слой под "блокчета" и го кръщааме "дим". Настройваме foreground color да е #ffffff. Зареждаме reborn brushes, посочени в началото на урока, и рисуваме струйки дим с различна големина. Настройваме Blending Options на този слой да са както следва. За Outer Glow: Blend Mode да е на Linear Dodge (Add), Opacity 75%, Color #ffffff, Spread 0px и Size 5px.
Стъпка 12
Някои блокчета ще изглеждат потъмнени. Правим нов слой и го кръщаваме "потъмнени". Пак с помощта на Pen tool очертаваме някои блокчета по мрежата и го оцветяваме с #000000. Настройваме Blend Mode на този слой да е Soft Light.
Стъпка 13
Правим нов слой и точно както в предишната стъпка очертаваме квадратчета, но този път ги запълваме с #ffffff. Blend Mode на този слой е отново Soft Light.
Съпка 14
Финални щрихи. Избираме слоя с лицето и слагаме Surface Blur (Filter > Blur > Surface Blur) с Radius 5px и Threshold 15 levels.
Създаваме нов Levels Adjustment Layer и настройваме Input levels да са съответно 10, 1.25, 244.
На нов слой с помощта на голяма мека четка с цвета на фона и opacity 40% рисуваме лекичко по крайчетата на най-далечните парченца.
Авторът е добавил и баркод на рамото на Джесика като екстра.
Резултата:
А ето и моя опит:
Ако урокът ви допада, споделете го в Twitter и Facebook или го запазете в Delicious.
Урокът е добавен от: ufchica
Източник: http://10steps.sg/
Коментари
krapsi
яко
Vill
Урокът е супер! Искам да попитам когато сме на по-стара версия има ли вариант на опцията Warp под друга форма и в друго меню?
maqpen4eva
не
Valion4
Иска си играчка,но си заслужава!!
eantov
Как се инсталират четките,които трябва да сваля преди да почна ?
maqpen4eva
Не се инсталират, трябва само да ти е отворен Фотошопа, като кликнеш на Download щом се изтеглят те си отиват сами в палитрата при останалите четки. Вземаш Brush Tool и ги търсиш, те ще бъдат последни
brumbazuk
Здравейте, наистина страхотен урок!!!Аз имам един малък проблем... не6то не ми се получава тази мрежа която трябва да се направи на патерн... .Как точно си го представяте това изрисуване на буквата L... .Благодаря предварително.
ufchica
Ами рисуваш които си искаш две съседни страни от квадрата. Все едно ги очертаваш... Стана ли ти по-ясно?
brumbazuk
Да, благодаря ...аз просото забелязах 4е не съм чела както трябва ..хихихи то си е обяснено както трябва :П)
dess1e
Много ми е трудно да очертая тези черни квадратчета, които уж ще липсват, няма ли по-лесен вариант?
dess1e
А, извинявам се, оправих се
bokota
След като очератя квадратчетата не мога да селектирам повече от едно и не става.
bokota
Стъпка "6" не ми се получава. :(
jinmikids
стъпка 6 не ми се получава не ми се селектират квадратите помогнете ми
Rosti
На моя Photoshop няма опцията Edit > Transform > Warp Ако някой може да помогне, много ще се радвам!
maqpen4eva
Не може никой да ти помогне, функцията Warp е налична в CS2 и следващите
Pawel
При мен също стъпка 6 не става :(
sami07
много ми харесва урока,но имам един въпрос как да селектирем парчецата-блокчетата . Не ми се получава с ctrl като задържам не ми ги селектира. Моля някои да ми обясни как става???????
delni
урока е страшен ОБАЧЕ,моля някои да обясни малко по подробно как се пражи този pattren защтото запецвам до там и край:((((((
ufchica
В стъпка 2 е обяснено подробно. Кажи кое не разбираш?
vankata_we
Здрасти! Урока е наистина много хубав, но имам вапрос и ако някой ми отговори ще съм му страшно благодарен... не разбрах частта със задържането на Ctrl и върху кои квадратчета трябва да се цъка и после слоч с лицето...? дано някои ме е разбрал :) благодаря предварително!!!
ninakalfova
<img src="http://img148.imageshack.us/img148/466/88677702.jpg" alt="Image Hosted by ImageShack.us"/><br/>By <a target="_new" href="http://profile.imageshack.us/user/ninakalfova">ninakalfova</a> at 2009-03-21
ufchica
Като ви обърква обяснението в стъпка 6, ето обяснено по друг начин: На слоя с черното квадратче цъквате с десния бутон и избирате Make selection. После отивате на слоя с лицето, без да махате селекцията. ctrl+C, Ctrl+V и готово. После премествате "изрязаните" квадратчета и готово.
Ellyyy
Здравейте, може ли да ми помохнете със стъпка 5 не разбрах как да направя квадратчетата черни . Благодаря предварително ;]
zori0608
За стъпка 6 правилния вачин е Ctrl + enter, тук не е уписано както трябва. За повече информация как става може да прегледа те този урок - пъзел ефект, това е линка - http://itschool.bg/tutorials/article/3124/. Той е абсолютно същия и за щастие е обяснено и показано като за молаумници с извинение, не е като тук! Желая успех на всички!!!
s0me1
Какъв е тоя размер "20×20 px" |( Понеже не можах да разбера..и пробвах с 20х20 ПРИМЕРНО..и после не ми се получават еднакви в решетката?
Добави коментар
