Прозрачният текст от стъкло е един от най-популярните стилове на текстове в Photoshop и придава на дизайните елегантен, модерен и професионален вид. Без значение дали става въпрос за лога, хедър графики или креативни проекти - този ефект впечатлява с реалистичното си изображение на стъкло, което улавя светлината и сенките. В този урок ще ти покажа стъпка по стъпка как да създадеш прозрачен текст от стъкло в Photoshop. За целта ще използваме прости инструменти като стилове на слой, градиенти и ефекти, за да постигнем убедителен резултат. Да започваме и да направим текста ти да блести!
1. Задължителното
Създаваме нов документ с размери 700 x 400 пиксела. И за тези, които искат да го принтират по-късно: Разделителна способност от 300 ppi.
Първо си създаваме красив градиентен фон. Повечето градиенти са обикновено с два цвята. Въпреки това в Photoshop имаме възможността да създадем сложни градиенти, като използваме повече цветове.
Създаваме радиален градиент:
Избираме цветовете за първия регулатор: #790d3c, цъкаме в средата на цветовата палитра и избираме цвета: #4a0823. За последния: #2c0414.
Накрая, влачим градиента от дясно долу към ляво горе, така че в долната дясна част да имаме светлинна конус.
2. Текста
Следва да вземем инструмента за текст. Аз избрах шрифта "Adobe Caslon Pro", който е включен в Creative Suite. Размерът на шрифта в този пример е 75.92 точки. Сега ни остава само да изберем подходящия цвят. Това правим, като цъкнем върху цветовото поле в горния десен ъгъл.
Там въвеждаме следната стойност: #a9419c.
За нашия промеждинен резултат:
Плътността на цвета на слоя я настройваме на 28%, така че текстът ни изглежда първоначално прозрачен.
След това цъкаме два пъти върху слоя "PSD" или отиваме на бутона fx в долната част на контролите на слоя, за да отворим ефектите на слоя. Първо слагаме отметка на сенката. Долните стойности можете да намерите по-долу:
Получаваме следния резултат:
След това отиваме на сенката към вътрешността и приемаме следните стойности:
И получаваме следния резултат:
• Сияние навън:
Промеждуточен резултат:
• Сияние навътре:
• Сгъстена ръбна линия и откъс:
• Окантване:
Промеждуточен резултат:
• Блясък: За цвета на попълване кликаме веднъж с пипетката върху тъмния фон до нашето "P".
Промеждуточен резултат:
• Окантване:
Промежуточен резултат:
3. Създаване на отражения
Сега ще създадем отражение в долната част на "D". За целта, избираме целия си текст, като натискаме и задържаме бутона Ctrl и кликваме върху нашето миниатюрн слой.
След това създаваме нов слой.
След това избираме Инструмента за градиент и избираме Бяла до прозрачна градация. Внимаваме да бъде активирано полето Радиална градация…
… и влачим градиента като показано на долната снимка.
Резултат:
Можем също така да скрием избора си с Ctrl+H. Така можем да оценим по-добре резултата, когато влачим втори градиент.
Следователно издигаме отново градиента, както е показано на снимката. Така увеличаваме блясъка още малко.
Сега натискаме Ctrl+D за да отменим скрития избор. След това преименуваме горния си слой на "Блясък отдолу". За да се адаптира нашият градиент към текста ни, избираме режима на попълване: Пресичащо покриване.
Така получаваме следния промежуточен резултат:
Следващият стъпка е с горния ляв ъгъл: избираме текста с натиснат Ctrl върху миниатюрния слой.
Създаваме нов слой, който наричаме "Блясък отгоре" …
… и отново влачим Радиалния градиент Бяла-към-прозрачна като е показано по-долу…
Промежуточен резултат:
След това отменяме избора си с помощта на Ctrl+D …
… и променяме плътността на 30%.
Промежуточен резултат:
За по-силно отражение първо създаваме елипсов избор над горната половина на нашия текст … (за да преместим елипсата едновременно с нейното създаване, задръжте натисната клавиша Space).
След това инвертираме този избор, като натиснем Ctrl+Shift+I, …
… и изтриваме останалата част от градиента с клавиша Delete, за да получим рязко отражение.
4. Създаване на озарения (2 варианта)
За да създадем още по-много блестящ ефект, създаваме малки озарения. Има няколко възможности. Ще ви обясня две от тях. Първата чрез полигонни звездички и втората чрез петна светлина.
Вариант 1: Полигонни звездички
Започваме с полигонните звездички. За тази цел създаваме нов слой и го наименуваме "Звездички".
След това избираме Инструмента за полигон …
... кликнете в панела с инструменти върху малката стрелка надолу и ...
... след това кликнете върху опцията Звезда.
• Настройте скъсяването на страните на 98%, за да получите много остри върхове. След това задайте страни на 5, за да получите 5 върха на всяка звезда.
Важно е да сме задали цвета на предния план на бяло. След това разполагаме звездите върху най-светлите места на ...
Така може да изглежда цялата картинка. :)
Сега ще се заемем с втората вариант. Но преди това ще подредим нашите слоеве, като първо ги обединим в група (като изберем съответните слоеве и натиснем Ctrl+G). След това можем да ги скрием с едно щракване. Групата можем да наречем "Звездичка".
Вариант 2: Създаване на светлинни петна като четки
Искам да ви покажа един много ефективен начин да поставите светлинни петна бързо и лесно. За целта ни е необходим документ с работна област 2000 х 2000 пиксела (защото ще са много големи дори в малък мащаб ;) ).
Запълваме фоновата област с черно ...
... и извикваме светлинните петна.
Сега трябва да се уверим, че поставяме светлинното петно в средата, така че да вземем и блясъка около него без да го отрежем от работната област.
Този, който гледа внимателно или гледа монитора си от горен ъгъл, може да забележи, че светлинното петно е почти докоснало горния ръб. ;)
Но ние ще се радваме, че сме го засегнали напълно. Затова сега натиснете Ctrl+I, за да инвертирате слоя си.
След това с избрания комбиниран клавиш Ctrl+A избираме целия слой, отиваме на Редактиране>Задайте киста ...
... и запазваме светлинното петно като киста.
Във връзка с нашия документ създаваме нов слой и го наименуваме "Светлинни петна".
Сега можем да извикаме създадената киста в палитрата с кисти.
Преди това се уверете, че вашият кит не е твърде голям. Също така цветът на предния план трябва да е бял.
Най-добре е да създадем нов слой за всяко светлинно петно (за да ги можем местим на своето място според нуждите) и да ги поставим в отразяващите зони в нашата картинка.
Създаване на отражение
Както често се случва с много бляскавите обекти, те обикновено оставят отражение. И точно това ще направим с нашия текст сега.
Първоначално се нуждаем от копие на слоя с текста ни заедно с отраженията. За целта маркираме слоевете "PSD", "Мек отраз" и "Твърд отраз" и ги плъзгаме с натисната мишка към долния лист, за да генерираме копие на всички три слоя.
След това натискаме Ctrl+E, за да обединим тези дублирани слоеве в един слой.
След това натискаме Ctrl+T, за да преобразуваме слоя. Натискаме с десния бутон върху трансформационния слой и избираме Вертикално огледало.
След това преместваме плоскостта надолу със стрелките, докато ръбовете на плоскостите се допират. Това е видимо единствено при "S". Другите две ще трябва още да коригираме.
Затова избираме Инструмент за избор на правоъгълник и първоначално маркираме "P".
Натискаме "V", за да активираме Инструмента за преместване. С него можем да преместим "P" нагоре със стрелките, докато допре долната си ръб. След като натиснем Ctrl+H, учертаващият ръб се скрива, което ни помага да оценим по-добре позицията. Това наистина помага при преместването.
Не е важно долната кръстовидна линия на "P" да бъде отрязана, защото тя по-късно все пак ще бъде скрита.
Извършваме същото и с "D".
След това създаваме маска на плоскост на тази плоскост …
… избираме Инструмента за плавен преход и настройваме Черно-Бял плавен преход или Черно-към-прозрачно плавен преход. Обърнете внимание, че опцията Линеен плавен преход е активирана.
Поставяме инструмента в долната кръстовидна линия и го влачим нагоре, както показано на изображението. Може още да натиснем клавиша Shift, за да направим плавен плавен преход.
И получаваме следния промеждуточен резултат:
Както при много отражения, отражението обикновено е много слабо. Затова намаляваме плътността на тази плоскост (44%), за да получим относително реалистично отражение.
Това дава повече пространство на нашия текст, защото от отражението се вижда пода. За да подчертаем това пространство още повече, ще създадем под. Преди това обаче ще подредим малко нашите плоскости. Преименуваме току-що създадената плоскост на "Рефлексия". Тъй като отражението е под текста, преместваме тази плоскост "Рефлексия" под плоскостта "PSD". Слагаме текста заедно с отражението и отраженията в група и я наричаме "PSD". Също така сливаме трите слоя с черни петна в група с черни петна. Така структурата на нашите плоскости се състои от задната плоскост, групата "PSD", групата "Звездичка" и групата "Черни петна".
Под групата "PSD" сега създаваме папка наречена "Под", където ще създадем нашият последен графичен елемент.
6. Създаване на под
Създаваме нов слой в групата "Под", който също ще наречем "Под". След това избираме Инструмента за плавен преход.
Задаваме следните цветове:
С горената Shift-Taste влачим хубав плавен преход отгоре надолу.
Промеждуточен резултат:
Изглежда много хубаво по този начин, но трябва да представлява нашият под. Натискаме Ctrl+T и вдигаме горния среден ъгъл на слоя надолу, докато той излиза малко над отражението. Така текстът не се настанява на задния ръб на "стаята", а по-скоро в средата.
Промеждуточен резултат:
Така имаме виртуален под. Все пак той не е много убедителен, тъй като няма сянка. Създаваме нов слой за сянката и го поставяме под "Под" слоя. Отново оглавяваме този слой "Сянка". След това избираме мек черен кръгъл Писалка …
… и извън документа, с натисната Shift-Taste влачим по края на пода.
Резултат до момента:
Сега сянката ни е все още малко твърде силна. Но това не е проблем, защото можем да я преместим надолу с Инструмента за преместване и клавишите със стрелки. Или отново натиснете Ctrl+T и плъзнете долната средна дръжка нагоре, за да направите сянката още по-изразителна.
След това можем да регулираме прозрачността на сянката (на 60%).
И по този начин, накрая достигаме целта си. :)
Надявам се, че този урок ви е харесал и се радвам на всеки коментар. :)
