Ефектът на сладки бонбони е вечен стил, който придава на текстове и форми блясък, сладък като захар. Независимо дали си класически с реалистични акценти или иллюстративен с креативни детайли - този вид прави всяко дизайн неустоим. В този урок ще ти покажа как да създадеш две варианта на Candy ефекта в Photoshop: един класически стил за елегантен блясък и една илюстративна версия за игриви дизайни. Започнете и превърнете вашите проекти с този сладък ефект!
Класическият изглед
Класическият изглед на шрифта на захарни пръчици е цветно променящ се слой от захарен глазир, който идеално се адаптира към текстовата пластичност.
Стъпка 1: Създаване на фон
Размерът на документа е 800x600 пиксела. Настройките в Предпочитания за пълнене и в Филтрите трябва да бъдат променяни в зависимост от размера на документа и текста.
С Инструмента за градиент (G) създавам радиален градиент от центъра до една от страните. Цветовете на градиента са тъмно синьо (09194c) към черно.
Стъпка 2: Поставяне на текст
Тъй като ефектът трябва да изглежда възможно най-реалистично, би било добре да се избере кръгъл шрифт. За този урок аз избирам шрифта Segoe Script в разновидността Regular.
С размер 250 точки пиша буквите PSD в бял цвят в документа.
Стъпка 3: Създаване на ленти за сладки
Шрифтът на захарни пръчици става ясен, като се пласира повтарящ се цветен слой от захарен глазир в текста.
Създавам нов документ (Ctrl+N) с размер 30 x 30 пиксела. На висока степен на увеличение мога да създам червен глазурен слой пиксел по пиксел като Патерн.
Затова просто попълвам левата половина на документа с червен цвят. Това става най-лесно, като избера лявата половина, ориентирайки я според пикселовата решетка и я изпълня с червен цвят. Пикселовата решетка се появява автоматично при високо увеличение.
След това превръщам моята червено-бяла зона в Патерн чрез Меню>Редактиране>Дефиниране на патерн.
Стъпка 4: Прилагане на патерн
Избирам Предпочитанията за пълнене на текстовия слой и задавам своят създаден патерн към текста в Налагане на патерни.
Стъпка 5: Премахване на патерн
В момента патернът е вертикален.
По-добре е да бъде в хоризонтални ленти в текста. За тази цел натискам с десния бутон на мишката върху опцията за пълнене Налагане на патерни>Създаване на слой.
Сега моят патерн е в пълнителя в собствен слой, който е като Маска за изрязване, разположена върху текстовия слой.
Стъпка 6: Завъртане на патерна
Избирам патерния слой и го завъртам с Инструмента за преместване (V), като мина през ъглите, където стрелката ми мишка става двойна. Сега мога да завъртя патерна си по желание. За да настроя точен ъгъл, мога да въведа числово 45 градуса в Лентата с менюта.
Стъпка 7: Разширяване на патерна до целия размер на документа
Когато разреша маската за изрязване с Ctrl+Alt+G, виждам, че не всички области на документа ми са покрити от патерна. Затова бързо мога да местя слоя с патерна с Alt и Инструмента за преместване в празнините, за да покрият целия документ с патерна.
След това мога да маркирам патерните слоеве и да ги обединя с Ctrl+E, заедно.
Би било добре да огранича патерна, който вече излиза извън размера на документа, с Инструмента за изрязване C, за да се ограничи до размера на документа. Това е важно, защото по-късно ще се приложи Филтър за прецакване, който изчислява по размерите на слоя.
След това мога да позиционирам отново моя патернен слой с Ctrl+Alt+G като Маска за изрязване до текстовия слой.
Стъпка 8: Пълнителни опции за текста
За да придам малко повече пластичност на текста, аз настройвам няколко пълнителни опции.
- Сянка
• Прозрачност: 40 процента
• Разстояние: 6 пиксела
• Големина: 5 пиксела
Процедурата с Сянка:
- Сянка навътре
• Прозрачност: 50 процента
• Разстояние: 5 пиксела
• Големина: 5 пиксела
Процедурата с Сянка навътре:
- Плосък ръб и релеф
• Стил: Плосък ръб навътре
• Техника: Закръгляне
• Дълбочина: 520 процента
• Големина: 16 пиксела
• Размазване: 4 пиксела
• Ъгъл на засенчване: 111 градуса
• Височина на засенчване: 42 градуса
• няма глобална светлина!
• полукръгла Сянка на блясък изгладена
• Режим на светлина 75 процента Прозрачност бяло в режим Отрицателно умножение
• Режим на дълбочина 50 процента Прозрачност черно в режим Умножение
- Контур
• Полукръгъл контур с 50 процента Прозрачност.
Процедурата с плосък ръб и релеф и полукръгъл контур:
Стъпка 9: Създаване на матрица за отместване
Захарните ивици минават точно по диагонала на текста. За да ефектът с бонбона изглежда реален, ивиците трябва да се приспособят към пластичността на текста. Най-добре става това, когато приложа Филтър „Отместване“. За целта трябва да създам матрица за отместване, която ще измести диагоналните ивици въз основа на формата на текста.
Първо копирам текстовия слой в нов документ чрез Десен бутон на мишката върху текстовия слой; Дублиране на слой>Документ: Нов.
Чрез Ctrl и Клик върху нов слой мога да създам нов слой под текстовия слой в създадения документ. Този слой го запълвам с черен цвят. След това преобразувам този слой в заден фон чрез Меню>Слой>Нов>Фон от слой.
Избирам текстовия слой и извиквам Филтър „Гаусов размазвач“ от Меню>Филтър>Филтър за размазване>Гаусов размазвач.
Текстовият слой може да бъде равниен. Радиусът на размазвача е около 6,5 пиксела. Потвърждавам настройките с ОК. След това създавам още един настройващ слой Яркост/Контраст и увеличавам Яркостта на 90. Сянката навътре е деактивирана.
Забележка: Матрицата за отместване може да бъде оформена по различен начин и не е задължително да се ориентира спрямо посочените настройки по-горе. Важни са само определени яркостни разлики, които ще бъдат използвани за обработка в Филтър „Отместване“. Тези яркостни разлики се постигат много добре с помощта на Филтър за размазване и осветяването или затъмняването на области на изображението.
Готова е моята матрица за отместване, която запазвам като .PSD файл.
Стъпка 10: Прилагане на филтър „Отместване“
Сега идва времето за Филтър „Отместване“. Филтърът „Отместване“, за съжаление, не е толкова интуитивен за използване, както сме свикнали от другите филтри на Photoshop. Въпреки това с прилагането на матрица за отместване мога да създам страхотни ефекти, които са особено подходящи за повърхности с издатини и издълбани.
С матрица за отместване мотивът на захарните ивици се изкривява, като се изместват части от изображението на текстовия слой въз основа на яркостните разлики. Затова първо създадох матрица за отместване и я адаптирах за ефекта на отместване в яркостта с Филтър „Гаусов размазвач“.
Преди да приложа филтъра, конвертирам олекотения слой в Умно обект, така че да мога да приложа филтъра като Умни филтри.
Прилагам Филтър „Отместване“ с настройките:
• Хоризонтално отместване: 3
• Вертикално отместване: 3
Отметките:
• Мащабиране спрямо избора
• Повтаряне на пикселите от края
Отместването може да бъде в диапазона до 100 процента. Стойността 100 има ефект на отместване от 128 пиксела.
Потвърждавам с ОК и избирам матрицата за отместване в отворения файлов браузър, който се появява след потвърждението на филтъра.
Стъпка 11: Точно позициониране на слоя със зърна
Когато отново премахна Маската за изрязване, виждам какво се е случило. Ивиците имат колебания, които се ориентират спрямо буквите PSD.
Сега мога да преместя плоскостта с Инструмента за преместване на правилното място, ако все още не е заето след прилагането на филтъра.
Ефектът е, че захарните ленти се адаптират към закръгленията на текста и съответно на пластичността на текста.
Готов е моят класически сладък ефект.
Илюстративният вид
Представеният тук класически сладък ефект не е наистина много иновативен. В интернет има няколко подобни уроци, които повече или по-малко достигат до класическия ефект, показан по-горе. При класическия ефект лентите винаги следват оригиналното диагонално шаблонно представяне. В действителност нямаше да има сладък ефект по този начин или би бил възможен само при изрязване.
Поради тези причини реших да направя сладкия ефект във втората част от урока малко по-иллюстративен и да следвам по-различен път, особено по отношение на вида на захарните ленти. Докато лентите при класическия ефект се адаптират към "3D формата" на текста чрез Матрицата за преместване, при илюстративния вид лентите повече ще следват движението на текста; по същия начин, както би напръснал сладкиш текст бакепекседжията си по тавата.
Стъпка 1: Поставяне на текст
С 250-пунктовия шрифт Brush Script Std пиша думата "Сладолед" в документа си. Цвета на шрифта е много светло сиво с 80 процента осветеност (cccccc). Продължавам да използвам предварително зададената фонова папка.
Стъпка 2: Добавяне на текстова линия
Създавам още един текстов слой и пиша числото 1 със същия цветове за шрифта.
Текстовият слой преобразувам в форма чрез Десен клик върху слоя на текста в панела с пластовете: Преобразуване в форма.
С Инструмента за преместване (Ctrl+T/Трансформация) и чрез пътните точки мога да мащабирам формата така, че да може да бъде използвана като допълнителна линия на текста.
Стъпка 3: Конвертиране в умно обект
Отбелязвам двете пласта и ги конвертирам в Умен обект. По този начин мога да редактирам двете пласта като едно цяло с помощта на опциите за пълнене.
Стъпка 4: Опции за пълнене
Илюстративният сладък ефект не трябва да изглежда толкова меко като класическият. Затова сенките и светлината трябва да бъдат по-тежки. Правя следните настройки в опциите за пълнене:
- Сенки – за тежката сянка надясно и надолу
• 100 процента плътност
• Отстояние 6 пиксела
• Размер 0 пиксела (!)
Преходният етап с Сенки:
- Контур – за лека илюстративна орнаментация на текста
• Черен контур отвън
• Размер: 2 пиксела
Преходният етап с контур от 2 пиксела:
- Остроъглът ръб и релеф - за светлите акценти
• Стил: Остроъгъл вътре
• Техника: Закръгляне
• Дълбочина: 1000 процента
• Размер: 6 пиксела
• Мекота: 0 пиксела
• Ъгъл на сенчене: -60 градуса
• Височина на сенчене: 40 градуса
• няма глобално осветление!
• Илюстрационен контур с изглаждане в гаусово нормално разпределение
• Режим на светлина 0 процента плътност бяло в режим Отрицателно умножение
• Режим на дълбочина 60 процента плътност бяло в режим Отрицателно умножение
Трик: Тъй като не мога да постигна тези тежки, странични светлини с обичайните настройки за сенки, просто използвам алтернативно Режима на дълбочина с бял цвят и отрицателен Ъгъл на сенчене.
- Блясък – за лек лек блясъчен ефект върху текста – който по-късно ще се прояви особено в цветните ленти за глазура в резултата:
• Режим: Отрицателно умножение
• Плътност: 20 процента
• Ъгъл: 160 градуса
• Отстояние: 9 пиксела
• Размер 12 пиксела
• Контур: Гаусово нормално разпределение
Стъпка 5: Добавяне на ленти за глазура
С инструмента за правоъгълник вмъквам правоъгълник в нов слой. Цветът на правоъгълника е небесносин. Чрез Ctrl+T трансформирам правоъгълника, докато стане ромб.
Свързвам ромба с моя смарт обект слой, като създавам изрязанка с Ctrl+Alt+G. В момента позиционирам ромба като първа лента за захарно глазиране.
С инструмента за пренасяне и Alt дублирам ромба и поставям копието на други места в текста. Понякога трябва да променя формата на ромба. Най-добре става това чрез Ctrl+T>Изкривяване.
Ефективно е да маркирам всички ленти за глазиране и да ги съхраним в един смарт обект, така че мога много бързо да правя промени в цветовете и др. чрез опциите за запълване - както в горния пример с червен цветен оверлей.
Готов е моят илюстративен бонбонен ефект, който всъщност е много по-крут от класическия.
Още един трик в края: Има бонбонени шрифтове, които вече включват по-леки варианти на бонбонен ефект. Това включва например:
- Candy Cane
- Candy Time.
