Ефектът на типо портрета е креативна техника, при която текстът и портретът се сливат, за да създадат уникален и впечатляващ дизайн. Този ефект е идеален за постери, корици на книги или цифрови изкуства. С Photoshop можеш лесно да постигнеш този вид, като комбинираш маски на слоеве, текстови елементи и корекции. В този урок ще ти покажа стъпка по стъпка как да създадеш типо портрет, който хармонично обединява текста и изображението. Нека започнем и повишим дизайните ти на ново ниво!
1. Генериране на портрет от текстови редове
Предварително забележка: За успешното създаване на атрактивен портрет от текстови редове е необходим висок контраст в изображението. Не всяко изображение е подходящо за ефекта на типо портрета. Въпреки това при много изображения контрастът може да бъде подстроен предварително според желания резултат. С настройката на контраста трябва да се извършва и черно-бялата корекция. Най-добре това може да се постигне чрез Миксер на канали, което позволява изображението да бъде представено в монохромен вид, като същевременно се подсилва контраста с регулаторите.
Стъпка 1: Подсилване на контраста с настройка на слой
Първата стъпка обикновено би била преобразуването на цветното изображение в градации на сиво чрез настройка на слой Миксер на канали или Черно и бяло. Тъй като моето изображение (източник на изображение: sumnersgraphicsinc - Fotolia.com) вече е почти изцяло в градации на сиво, аз веднага преминавам към подсилването на контраста. За целта отварям настройката на слой Яркост/Контраст и увеличавам
- яркостта до 34
- контраста до 40
Сега изображението има по-силни контрасти и светлините в областите на кожата изглеждат частично пресветли.
Стъпка 2: Поставяне на текст
С инструмента Текст преплитам текстов кадър през целия документ. С шрифт Charlemagne Std с размер 5 пункта попълвам текстовия кадър с произволен текст. Цветът на текста е бял. Междуредовото разстояние също е 5 пункта.
За помощ мога да използвам генератор на Lorem Ipsum: http://www.loremipsum.de/.
Важно е текстът да е чист текст без абзаци. Затова абзаците трябва да бъдат премахнати от текстовия кадър! Срещу шрифтовете трябва просто да се опиташ, кои са плътни и не са напълно неподходящи за мотива.
Стъпка 3: Дублиране на текстовия слой и скриване
Дублирам текстовия слой два пъти с кратката комбинация от клавиши Ctrl+J. След това скривам всички три текстови слоя.
Стъпка 4: Задаване на първата текстова област в светлините чрез цветно избиране на области
Отварям диалоговия прозорец за цветно избиране на области чрез плъзгане до меню Избор>Цветно избиране.
С толеранс от около 100 бира с пипетката първоначално в светлата област на лицето. Ако отметната квадратче в полето Избор е активирана, вече виждам коя област точно е избрана. Мога да потвърдя с OK.
Алтернатива: При Избор вместо Взетите цветове да се изберат Светлите части.
Избора го прилагам като Маска на слойта към най-долната текстова област. Това го правя, като просто кликна върху символа за Добавяне на нова маска на слой.
Цветът на текста може да бъде оставен бял в този случай. За временно текстовият слой отново се скрива.
За да оценя ефекта, мога лесно да поставя черен слой в долната част на хиерархията на слоеве и да скрия изображеният слой.
Стъпка 5: Задаване на втората текстова област в сенките чрез цветно избиране на области
Продължавам, като пак извиквам диалоговия прозорец за цветно избиране на области. Този път избирам сенките на изображението, като ги избирам с пипетката или отново чрез алтернативата: При Избор вместо Взетите цветове да се изберат Сенките.
Избора го прилагам като Маска на слойта към втория текстов слой, променяйки цвета на текста сега в много тъмно сиво или, по желание, тъмно син тон.
Стъпка 6: Задаване на третата текстова област в средните тонове чрез цветно избиране на области
Повтарям стъпките и този път избирам средните тонове в цветно избиране на области. Ако не ги захващам всички наведнъж, мога да добавя повече средни тонове към вече избраното с Shift. Тогава пипетката показва малко плюсче. Също така тук може алтернативно при Избор да се изберат Средните части.
Добавям избора към третия ми текстов слой като маска на слой. Сега променям цвета на текста на тъмен сив оттенък.
Стъпка 7: Акцентиране на цигарата
Цигарата се забелязва само след внимателен преглед. Препоръчително е да се акцентира още малко.
Затова дублирам един от трите текстови слоеве и изтривам маската на слоя.
Използвайки Бързият инструмент за избор, избирам цигарата в основното изображение и добавям избора към горния текстов слой като маска на слой.
Цветът на текста е средно сив.
Задавам режима на слоя на Цветният избледняващ. Режимът Цветният избледняващ е важен, защото цигарата не получава еднообразен сив цвят, а се пресмятат с оригиналната структура на основните слоеве по отношение на яркостта, като в същото време се увеличава яркостта.
Фон: Режимът Цветният избледняващ като метод за запълване намалява контраста на цветовите канали и увеличава наситеността. Началните цветове се избеляват.
Стъпка 8: Акцентуиране на горящата цигара
Когато скрия изображението и покажа всички текстови слоеве, се вижда ефектът. Ако искам да акцентурам горящата цигара като малък акцент, просто дублирам изображението и го поставям в горната част на Панела за управление на слоеве.
Задавам режима на слоя на Цвят. Методът за запълване гарантира, че тонът и наситеността на слоята се прехвърлят върху изображението. Сега цигарата свети в типографското портрето.
С помощта на еднослойна настройка Цвят/Наистинаситост като маска за изрязване увеличавам наситеността на жълто-/червената област на запалението с около 80 процента.
Просто, класическата текстова снимка е готова.
2. Създаване на типографски портретен ефект
Класическата текстова снимка е добра основа, за да развием резултата още малко към един креативен типографски портретен вид.
Стъпка 9: Задаване на режим на слоя на Ярда светлина/Изтриване на еднослойна настройка
Еднослойната настройка Цвят/Наистинаситост може да я изтрия отново.
Задавам метода за запълване на горното изображение от Цвят на Ярда светлина. Режимът Ярда светлина осигурява силен контраст, т.е. значително повече контраст. Методът за запълване пресмята съдържанието на изображението по подобен начин на режимите на слой Умножаване и Отрицателно умножаване. Границата между двете е маркирана с 50% сиво.
Стъпка 10: Дублиране на изображението
Дублирам изображението с Cmd+J и го поставям в режим на слоя Навлизане. Така светлините и сенките се изобразяват по-агресивно в този пример.
В дясната част на изображението средните тонове се смесват с тъмните. Затова създавам маска на слоя и боядисвам с черно местата, в които слоят не трябва да се показва.
Стъпка 11: Настройка на светлина/контраст
За по-силен контраст между светлините и сенките създавам еднослойна настройка Светлина/Контраст като маска за изрязване към горния слой на изображението (в режим Навлизане!).
Настройките са:
• Светлина: 32
• Контраст: 40
Сега лицето излъчва контрастно-твърд облик, както трябва.
Стъпка 12: Преместване на текстовия слой нагоре
Поради увеличението на контраста в изображението тъмните текстови области са изчезнали. Просто ги връщам, като поставям текстовия слой с текста за сенките в горната част на Панела за управление на слоеве.
Стъпка 13: Добавяне на текстови наслагвания
Предишните стъпки бяха, за да добавят на изображението определена твърдост с висок контраст. Сега се отива до добавянето на кратки, красиви текстови фрази с различни яркости и размери на някои места в изображението.
Оптимално е да създам група, в която да добавя тези текстови наслагвания.
Вече трябва предварително да си мисля, кой текст най-добре съответства на темата на изображението, за да не излезе несъразмерност. Тези текстове ще бъдат впечатляващи и по този начин ще подчертаят типографския ефект по креативен начин.
Така започвам да поставям няколко текстови парчета в дясната част на яката. Чрез Панела за символи мога бързо да форматирам текста.
След това се заемам с димните завеси. Важно е винаги да избирате различни размери на текст, цветове и подредби.
Съвет: Мога също така лесно да дупликирам съществуващите текстови блокове, като ги премествам с бутона Alt. По този начин ускорявам работата си. Ако искам да променя размера на целия текстов блок, мога просто да скалирам текстовите слоеве чрез инструмента за преместване (Ctrl+T). Важно: За пропорционално мащабиране винаги натискайте бутона Shift.
Стъпка 14: Подложки за текст
Сега мога да дупликирам отново съществуващите текстови блокове и да ги поставя леко отместващи се под съществуващите текстови блокове. В този случай значително намалявам плътността до около 30 процента. Текстовият слой трябва също да бъде под съществуващите текстови слоеве в панела със слоеве.
След това мога да насложа още текстови блокове върху чело, цигара и брадичка и да ги обогатя с други текстови слоеве с ниска плътност.
Стъпка 15: Добавяне на ефект на оцветяване
Ако искам да добавя още един ефект на оцветяване, просто създавам слой за настройка Филтър за снимки и мога да избера произволен фотофилтър за изображението си.
Студените и топлите филтри изглеждат красиво.
Изображение със студен филтър:
