Advertisement
  1. Design & Illustration
  2. Typography
Design

Създаване на текст със светлинни ефекти във Photoshop

by
Difficulty:AdvancedLength:ShortLanguages:

Bulgarian (Български) translation by Radostena Lozeva (you can also view the original English article)

Final product image
What You'll Be Creating
Този урок е публикуван за първи път през април 2011 година в Тутс + Премиум.  Сега има възможност да се разглежда безплатно. Въпреки че за този урок не се използва най-новата версия на Adobe Photoshop, процесите и техниките, които се използват в него са все още приложими.

Ако някога сте се опитвали да изписвате текст с подобен светлинен ефект, използвайки традиционни фотографски техники, вероятно сте наясно какво предизвикателство може да бъде създаването на лесночетими думи. В този урок ще ви покажем как да създадете сходен светлинен ефект на текст без използването на фотоапарат и статив. Да започваме!

1.Предварително скициране на композицията на вашия проект.

Стъпка 1

Да започнем работа с Photoshop. Отворете програмата и създайте нов документ. Винаги е добра идея, когато създавате нещо от нулата, да го направите в наистина големи размери. По този начин лист с формат А2 може в последствие да бъде изрязан и оформен в желания от вас формат. Първо ще създадем илюстрация без рамка във формат А2 и после ще я отрежем във формат А3. Създайте нов документ с размери:ширина: 42.5 см,височина: 59.4 см, разделителна способност: 300 dpi, цветови модел: CMYK.

Искаме илюстрацията да е във формата на сърце, така че го скицирайте набързо.

Sketch a heart

Стъпка 2

На таблет изпишете текста, както е показано на картинката. Имайте предвид, че това е само скица. Ако ви е по-лесно, може да го нарисувате върху лист и после да го сканирате.

Write the letters out

Стъпка 3

За тази стъпка ще използвам Illustrator. На мен лично ми е по-лесно да използвам добрия стар Illustrator, когато става въпрос за изписване на букви, но разбира се може да използвате и Photoshop. Когато сте готови, копирайте изображението с (Command/Control-C).

Working in Illustrator

2. Създаване на множество щрихи върху текста.

Стъпка 1

Сложете го във Photoshop като Path (Command/Control-V), изберете Path от изкачащото меню).

Pasting back into Photoshop

Стъпка 2

Изберете инструмента  Brush (B) и променете формата на четката на 100% меки краища (100% soft edge), 10 px диаметър. След това изберете инструмента Pen (P), кликнете с десния бутон на мишката върху работното поле и изберете от изкачащото меню Stroke Path . Уверете се, че в изкачащия прозорец не е избрано Simulate Pressure и натиснете ОК.

Change to a soft edged brush

Стъпка 3

Отидете на Filter>Blur>Motion Blur. Променете Angle на 60 градуса, а Distance на 20px Натиснете ОК.

Apply Motion Blur

Стъпка 4

Намалете прозрачността (Opacity) с около 50% и го дублирайте. Приложете Layer Mask (Layer>Layer Mask>Reveal All) и започнете да закривате някои части от текста с голяма, мека четка в черен цвят.

Apply a Layer Mask

Стъпка 5

Изберете инструмента Pen (P) и създайте криви по формата на първата буква в Path Mode .

Trace the first light streak

Стъпка 6

Както направихте и преди, използвайте четка с големина 10 px, за да повторите отново контурите на буквите. Нужно е да извършвате това действие поотделно за всяка буква, за да се запази реалистичността на изображението. Редувайте големината на четките с 5, 10 и 15 px, както и различни степени на прозрачност (Opacity).

Apply Stroke Path

Стъпка 7

След като приложите тези техники е нужно да скриете двата края на линията.  Използвайте инструмента Layer Mask и във всеки край на линията туширайте с черно.

Draw black on each end

Стъпка 8

Използвайте оригиналните линии само като ориентир. Започнете да прибавяте плътност на буквите, но запазете класическия вид на шрифта, като оставите краищата на кривите изтънени, а страните удебелени.

Use the original lines as a guide

Стъпка 9

Опитайте се да удебелите лявата страна на всяка буква. Така ще запазите разстоянието между буквите.

Thicken the left side of each letter

Стъпка 10

Не забравяйте да изтъните краищата на линиите. В противен случай буквите няма да изглеждат реалистично.

Fade out the ends

Стъпка 11

Работете върху буквите, докато получите подобен резултат като на изображението по-долу.

Half way through

3. Прибавяне на цвят

Стъпка 1

Сега е момента да се изпипат цветовете на проекта.  Над всички други слоеве, създайте Gradient Map Adjustment Layer (Layer>New Adjustment Layer>Gradient Map). Използвайте следните цветове: #000000; #54000c; #d69f0a; #fffee9.

Gradient Map

Стъпка 2

Винаги оставяйте Adjustment Layer най-отгоре.  След като свършихме с линиите е време да добавим малко блясък. Повторете процеса досега, но този път използвайте много голям размер (100-200 px) и отбележете Pressure Simulation. Използвайте 50% сиво (#8с8с8с). Променете Layer Style на Screen.

Apply Stroke Path

Стъпка 3

Покрийте всички удебелени части от буквите със същия блясък.

Cover all the thicker portions

Стъпка 4

Сега е момента да се добавят още по-дебели линии. Цветът е бял, а бутона Pressure Simulation е отбелязан. Използвайте различна дебелина на линиите (25-75 px).

Add even thicker lines

Стъпка 5

Прибавете по-плътни, бели, меки линии върху буквите.

Add thicker soft white lines

4.Прибавяне на искра към буквите.

Стъпка 1

Свалете изображението за искрата и го поставете където е показано. Завъртете го докато ъглите на лъчите показват 90 градуса. Изберете Screen за Layer Style.

Add a flare

Стъпка 2

Дублирайте изображението за блясък и удвоете размера му. Завъртете я на 45 градуса.

Duplicate the flare

Стъпка 3

Отидете на Filter>Blur>Gaussian Blur и задайте приблизително  30 px, за да омекотите изображението на втората искра.

Soften the secondary flare

Стъпка 4

Дублирайте искрата (и двата слоя) и я поставете където на вас ви харесва.

Duplicate the flare

Стъпка 5

Повторете предните стъпки, за да постигнете същия ефект и за долния текст.

Repeat the previous steps

Стъпка 6

Добавете още няколко щриха в двата текста, които да следват частично оригиналнaта му траектория. Направете ги в бял цвят и добавете различни нива на прозрачност.

Add further lines

5. Добавяне на Боке ефект.

Стъпка 1

Отворете изображението blurry lights и го поставете в документа. Изберете Screen за Layer Style.

Add Bokeh to the composition

Стъпка 2

Приложете Layer Mask, като изключите частите, които съдържат светлини извън текста. Уверете се, че останалите светлини не са отрязани.

Apply a Layer Mask
Apply a Layer Mask

6. Засилване на блясъка

Стъпка 1

За да добавите повече констраст към текста, добавете Black and White Gradient Map Adjustment Layer  и направете Clipping Mask за светлините. Изберете Overlay за Layer Style.

Add contrast

Стъпка 4

Дублирайте светлините и ги разположете на различни места в изображението. Комбинирайте по-малки и по-големи точки.

Duplicate the lights image

Стъпка 3

Разположете светлините в изображението по ваш вкус. Внимавайте да не стане твърде наситено.

Apply the image to points of interest

Стъпка 4

Сега ще направим собствена четка с тези светлини. Създайте нова четка и променете настройките както е показано по-долу.

Create a New Brush

Стъпка 5

Оставете опцията Shape Dynamics избрана и променете Scatter на 550.

Create a New Brush

Стъпка 6

Щракнете върху Other Dynamics и променете настройките.

Create a New Brush

Стъпка 7

Използвайте четката, за да изрисувате по-тънки линии светлина по продължението на буквите.

Apply the Brush

Стъпка 8

Повторете процеса с останалите букви.

Repeat the Process

7. Прибавяне на шум

Стъпка 1

Ще прибавим шум към текста без да навредим на цветовете и светлините. Изберете 50% сиво и запълнете целия празен слой с този цвят. Цветът ще изглежда кафяв, защото се намира под Gradient Map Layer.

Fill a layer with gray

Стъпка 2

Отидете на Filter>Noise>Add Noise и сложете 400% за нивото на шума.

Add Noise

Стъпка 3

Задайте стойност за Blur от 0.8 px (Filter>Blur>Gaussian Blur).

Blur the noise

Стъпка 4

Променете Layer Style на Vivid Light и Opacity на 5%.

Change the layer style

Стъпка 5

И една последна настройка. Отидете на Layer>New Adjustment Layer>Photo Filter. Изберете червен цвят.

Apply a Photo Filter

Страхотно! Приключихте!

Страхотна работа!  Не се колебайте да изпращате завършените си проекти в коментарите, за да могат да ги видят и останалите.

End Result
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.