Разбитые тарелки, текст из осколков тарелок, текст из тарелок в уроке фотошопа

2010-11-29, Автор - Miatozoff; [5880]
Создание не обычного прикольного текста, из поломанных осколков тарелок.

Шаг 01 Идея для работы проста: мы должны создать буквы, похожие тарелки, а потом их "уронить", чтобы они разбились. Создайте новый документ с нужными вам размерами, в данном случае 1500 на 900рх. Разблокируйте фоновый слой и настройте для него стиль слоя Gradient Overlay с цветами от светло-серого #979797 в центре к его более темному собрату #0e0e0e:

Шаг 02 Давайте сразу подготовим фоновый слой. На новом слое вставьте деревянную текстуру, обесцветьте ее Ctrl+Shift+U, измените режим смешивания на Overlay и понизьте непрозрачность этого слоя до 70%:

Создайте корректирующий слой Gradient Map с цветами от светло-коричневого #c8ab85 к более темному его варианту #371c04, режим смешивания Overlay:

Шаг 03 Прежде, чем приступить непосредственно к тексту, давайте подумаем, как он будет выглядеть, чтобы быть похожим на тарелки. Вот, например самый простой вид тарелки, что нас очень даже устраивает + разбитый вариант:

Как несложно догадаться текст должен состоять из двух основных частей: центральной части и "обода":

Поскольку в фотошопе не очень удобно это сделать, без лишней мороки и, не используя инструмент Pen, то автор решил сделать центральную часть при помощи Иллюстратора, но я вам покажу способ работы именно через фотошоп. Шаг 04 Скачайте шрифт Junegull и напечатайте им свой текст (я использовал размер в 250рт):

Растрируйте слой: Layer—Rasterize—Type или правый клик по слою и выбор пункта Rasterize Type. Закрасьте, в теперь уже растрированном тексте, внутренние пустоты, чтобы получить более цельную заготовку для перевоплощения обычной надписи в тарелочную:

Шаг 05 Теперь выделим текст, зажав клавишу Ctrl и кликнув по его слою:

Уменьшим текущее выделение на 15-20рх Select—Contract:

Таким образом, мы хотим получить будущую внутреннюю часть текста, скопировав ее на новый слой (пока ничего не делайте). Правда нас должен ожидать не очень радостный вариант, когда мы это сделаем, поскольку сокращение выделения на скругленных участках даст нам угловатые скосы, коих в желаемых нам тарелках нету:

Но мы с вами и здесь выкрутимся. Не снимая выделения, зайдите в меню Select—Refine Edge… или нажмите Alt+Ctrl+R, где мы и изменим вид нашего угловатого выделения на сглаженный вариант. Настройте приблизительно следующие настройки, которые позволят добиться нам желаемого результата. Ниже вы в состоянии увидеть будущий вид серединки, что мы скопируем на новый слой:

Однако, чтобы быть еще более уверенным в настройке выделения и контролировать процесс, в этом диалоговом окне можно перейти на разные виды отображения нашего выделения. В данном случае самым идеальным будет вариант Quick Mask — он позволит нам видеть как внутреннее выделение, так и то, сколько останется места на внешний контур, что останется после:

Хорошо, примените устроившие вас настройки и скопируйте выделенную область на новый слой Ctrl+J. Шаг 06 На данный момент у нас есть два нужных слоя с текстом: общий текст, полученный после растеризации и скопированная внутренняя его часть на слой выше — все отлично. Теперь будем применять стили слоя. В принципе нам нужно применить стили для каждой буквы в отдельности, но для ускорения этого процесса есть два варианта. Я предлагаю воспользоваться первым: сначала применяем стиль ко всей надписи сразу. Итак, выберите слой с общим текстом и настройте для него следующие стили слоя: Начнем со стиля Gradient Overlay, с цветами от #f9f5f2 к #e3e0db:

Bevel & Emboss:

Inner Shadow:

Далее все просто, поскольку стили применялись к всему слою, то нам нужно перенести каждую букву на новый слой, с сохранением примененных стилей. Для этого поступим таким макаром: сначала сгруппируйте этот слой в отдельную папочку, что не позволит нам запутаться, нажмите для этого Ctrl+G или через меню Layer—Group Layers:

Теперь выделите первую букву и нажмите Ctrl+Shift+J, что перенесет ее на новый слой вместе со стилем. Потом снова перейдите на основной слой и выделите следующую букву и т.д. (в будущем, чтобы слить эти буквы, достаточно будет выделить саму группу и нажать Ctrl+E):

Шаг 07 Переходим к слою с внутренней частью текста и настаиваем теперь ему стили слоя: Gradient Overlay с цветами от #e3e0db к #e8e5e0:

Bevel & Emboss:

Конечно, наши тарелочки выглядят мелковатыми, но вы всегда можете настроить свою собственную глубину, согласно вашей идее. Потом делаем, как и прежде: группируем слой и перемещаем все литеры на отдельные слои. Шаг 08 Слейте обе папки в один слой (выделите их и нажмите Ctrl+E). Настало время уронить наши, так у создаваемые букво-тарелки, на пол … А если спросят, зачем вы это сделали, то не сдавайте меня пожалуйста — "Мол, это он так сказал", а говорите — "К счастью". Инструментом Pen обрисуйте вид первого осколка:

Превратите нарисованный путь в выделение (Ctrl+Enter или правый клик по шейпу и выбор пункта Make Selection…) и переместите этот кусочек на новый слой Ctrl+J: Можно конечно не переносить его и тут же, не снимая выделения отодвинуть осколок в сторону, немного повернув его под углом Ctrl+T, но если вы захотите положить осколок на эту же битую букву, как это бывает с осколками, то лучше переносить на новый слой, поскольку мы потом добавим тень.

Вернитесь вновь на общий слой с текстом, нарисуйте новый осколок и перенесите его на новый слой. Сделайте несколько таких осколков, а потом, переходя на их слои, перемещайте их на расстояние от основы и поворачивайте их под углом, как вам покажется наиболее удачно Ctrl+T, для достижения более реалистичного вида:

Шаг 09 Для достижения более объемного вида, мы сделаем следующее: выбираем один из кусочков и копируем его Ctrl+J, нижнюю копию сдвигаем где-то на 3 пикселя вниз и настраиваем для нее стиль Color Overlay c темно-серым цветом #83817f и стиль Drop Shadow:

Когда вы скопируете слой для другого осколка, то вам не придется вновь настраивать эти стили слоя, ведь их можно скопировать и вставить на нужные слои. Для копирования стилей, сделайте правый клик по значку FX у слоя с настроенными стилями и выберите пункт Copy Layer Style, для вставки — выбираем нужный слой, правый клик и выбор пункта Paste Layer Style. Скопировав этот стиль один раз, его можно вставлять постоянно:

Шаг 10 Сделайте те же самые операции и с остальными буквами. Я же ко всему, потом снова слил все буквы и осколки в один слой, настроил стиль Drop Shadow, чтобы получить общую, более глубокую тень от всей надписи. Развлекайтесь и удачи вам

уроке фотошоп, уроки фотошопа, урок Photoshop


Комментарии:
Бюджетный смартфон Umidigi A3 Pro получи...
Бюджетный смартфон Umidigi A3 Pro получиКомпания Umidigi пополнила ассортимент доступных смартфонов моделью Umidigi A3 Pro, которая получила совр...
Смартфон-слайдер Honor Magic 2 показали ...
Смартфон-слайдер Honor Magic 2 показали Компания Huawei опубликовал новое видео, посвященное флагманскому смартфону-слайдеру Honor Magic 2. Напом...
Стала известна цена смартфона Xiaomi Mi ...
Стала известна цена смартфона Xiaomi Mi В сеть утек скриншот из официального интернет-магазина Xiaomi, который раскрывает стоимость еще не предст...
Опубликованы новые рендеры смартфона Sam...
Опубликованы новые рендеры смартфона SamВ сети появилось несколько новых концепт-изображений флагманского смартфона Samsung Galaxy S10, который б...
Обновление Samsung Galaxy Watch улучшает...
Обновление Samsung Galaxy Watch улучшаетПоследнее обновление для Samsung Galaxy Watch внес пару улучшений в функцию отслеживания сна. До сих пор ...
Обзор AeroCool KCAS PLUS 650M 650W. Недо...
Обзор AeroCool KCAS PLUS 650M 650W. НедоЛетом компания AeroCool выпустила обновление линейки недорогих блоков питания KCAS с сертификатами 80 Plu...
Флагман Xiaomi Mi 8 Pro появился за пред...
Флагман Xiaomi Mi 8 Pro появился за предФлагманский смартфон Xiaomi Mi 8 Pro с подэкранным сканером отпечатков пальцев появился в продаже в Китае...
Смартфон Xiaomi Black Shark 2 получил 10...
Смартфон Xiaomi Black Shark 2 получил 10Компания Xiaomi представила игровой смартфон Black Shark Helo, который появится в международной продаже п...
Поделиться в социальных сетях:


Предварительный обзор Lenovo S5 Pro. Сти...
Предварительный обзор Lenovo S5 Pro. СтиДалеко не всем пользователям нужен флагманский смартфон. Нужно понимать, что продукт среднего класса от т...
Обзор Call of Duty: Black Ops 4. И без с...
Обзор Call of Duty: Black Ops 4. И без сВ жанре шутеров сейчас очень много достойных проектов — крупные студии запускают свои вариации королевски...
Предварительный обзор Vertu Aster P. Меч...
Предварительный обзор Vertu Aster P. МечНекоторое время назад в сети появилась информация о том, что компания Vertu планирует вернуться на рынок ...
Предварительный обзор Samsung Galaxy Boo...
Предварительный обзор Samsung Galaxy BooНа рынке мобильных устройств в последнее время происходит что-то весьма странное. То компании активно пок...
Игромир и Comic Con 2018 собрали 170 000...
Игромир и Comic Con 2018 собрали 170 000На днях завершилось главное событие для всех геймеров, любителей фантастики и гик-молодежи нашей страны –...
Предварительный обзор Huawei Mate 20X. Г...
Предварительный обзор Huawei Mate 20X. ГВ последнее время производители перестали стеснять себя в плане диагонали дисплея смартфонов — буквально ...
Обзор Mini Thief. Воруем пиксели...
Обзор Mini Thief. Воруем пикселиКогда крупные проекты надоедают, а это бывает очень часто, хочется поиграть во что-то более простое. Да и...
NVIDIA представила новую коллекцию… одеж...
NVIDIA представила новую коллекцию… одежМало кто задумывается, но оказывается геймеры – тоже люди, и ничто человеческое им не чуждо. Например, не...
Предварительный обзор Huawei Watch GT. Ш...
Предварительный обзор Huawei Watch GT. ШРынок умных часов активно умирает — об этом говорят как аналитики рынка, так и те, кто сами эти часы прои...
Обзор Warparty. Стратегия с большим поте...
Обзор Warparty. Стратегия с большим потеНас очень заинтересовала игра Warparty, так как она представляет собой интересную реализацию жанра страте...
Предварительный обзор Huawei Enjoy 9 Plu...
Предварительный обзор Huawei Enjoy 9 PluБуквально лет пять назад все говорили о том, что диагональ дисплея в 3,5 дюйма является наиболее оптималь...
Обзор Bomber. Зарабатываем на ракетах...
Обзор Bomber. Зарабатываем на ракетахБольшая часть современных казуальных игр кажутся скучными и не очень интересными по целому ряду причин. Г...

МегаОбзорМегаОбзор
ЭЛ № ФС 77 - 68301. Выдано РоскомнадзоромМегаОбзор
MegaObzor в социальных сетях:
Яндекс.Метрика
2006-2018 © MegaObzor