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

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

Шаг 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


Комментарии:
Последние комментарии на сайте:
Поделиться в социальных сетях:


Предварительный обзор BlackBerry Motion....
Предварительный обзор BlackBerry Motion.Стоит отметить, что еще за две недели до официального анонса смартфона BlackBerry Motion, продукт уже был...
Предварительный обзор Samsung HMD Odysse...
Предварительный обзор Samsung HMD OdysseШлем виртуальной реальности это всегда интересно - производители со всего мира стараются создать сио идеа...
Предварительный обзор Maze Alpha X. Неск...
Предварительный обзор Maze Alpha X. НескВ последнее время китайские мобильные телефоны пользуются громадным спросом по той причине, что они дешев...
Обзор Dungeons 3. Это невероятно весело...
Обзор Dungeons 3. Это невероятно веселоКогда Kalypso Media и Realmforge Studios анонсировали свою новую игру Dungeons 3 и назвали ее самым обшир...
Lenovo Explorer. Доступный VR в массы...
Lenovo Explorer. Доступный VR в массыНе так давно на прошедшей выставке IFA 2017 был представлен шлем виртуальной реальности Lenovo Explorer, ...
Обзор HOB. Очень атмосферная игрушка...
Обзор HOB. Очень атмосферная игрушкаИгра Hob это что-то, что сложно описать словами и вам скорее нужно попробовать ее самостоятельно, дабы оц...
Предварительный обзор Google Pixel 2. Не...
Предварительный обзор Google Pixel 2. НеБуквально пару дней назад состоялся официальный анонс мобильного телефона Google Pixel 2 и его старшей ве...
Обзор Total War: WARHAMMER II. Хорошо, к...
Обзор Total War: WARHAMMER II. Хорошо, кХорошая, правильная механика боя в Total War была продумана и доделана уже достаточно давно, так что кажд...
Предварительный обзор Patriot Viper V570...
Предварительный обзор Patriot Viper V570Пользователи привыкли, что мышки хорошие выпускают только именитые бренды вроде ASUS или Razer и относятс...
Обзор Яндекс.Метро. Удобно и быстро...
Обзор Яндекс.Метро. Удобно и быстроДанный обзор будет интересен в первую очередь жителям Москвы, так как рассказывать о приложении я буду им...
Предварительный обзор Sharkoon Skiller M...
Предварительный обзор Sharkoon Skiller MМы уже писали о клавиатуре Sharkoon, которая вышла некоторое время назад, и она нам очень понравилась - р...
Обзор Asana Rebel. Спорт на дому...
Обзор Asana Rebel. Спорт на домуСпорт это достаточно важная составляющая жизни большинства людей, однако, стоит отметить, далеко не кажды...
МегаОбзор
МегаОбзор
MegaObzor в социальных сетях:
Яндекс.Метрика
2006-2017 © MegaObzor