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

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

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


Комментарии:
3D-карта Asus GeForce RTX 2070 Turbo EVO...
3D-карта Asus GeForce RTX 2070 Turbo EVOКомпания Asus представила видеокарту GeForce RTX 2070 Turbo EVO, которая выделяется системой охлаждения и...
Смартфон Nokia 5 и Nokia 3.1 скоро обнов...
Смартфон Nokia 5 и Nokia 3.1 скоро обновКомпания Nokia продолжает обновлять свои смартфоны до самой свежей версии операционной системы Android. К...
Флагманский смартфон Honor View 20 оцене...
Флагманский смартфон Honor View 20 оценеКомпания Huawei объявила о скором начале продаж топового смартфона Honor View 20, который был представлен...
Обзор Honor View 20 128GB. ...
Обзор Honor View 20 128GB. Со времен выхода iPhone X, обсуждения о целесообразности применения «челки» сверху дисплея до сих пор не ...
Moqi Snail Digital и его функции...
Moqi Snail Digital и его функцииКомпания Moqi выпустила интересный игровой смартфон. Хардкорные геймеры могут подключить к смартфону кла...
Смартфон с повышенной выживаемостью Ou...
Смартфон с   повышенной выживаемостью OuАппарат выполнен в ударопрочном корпусе с металлическими вставками, что позволяет ему выдерживать удары и...
Первые 4К проекторы от компании BenQ...
Первые 4К проекторы от компании BenQКомпания BenQ выпустила новые проекторы CinePrime W2700 и W5700, которые, предположительно, являются перв...
Новинка Galaxy S10 Plus...
Новинка Galaxy S10 PlusКомпания Samsung выпустила мощный смартфон. Galaxy S10 Plus получит 6,4-дюймовый AMOLED-дисплей с овальны...
Поделиться в социальных сетях:


Предварительный обзор Lenovo ThinkPad X1...
Предварительный обзор Lenovo ThinkPad X1В последнее время пользователи привыкли думать, что единственным рабочим ноутбуком является MacBook. Но, ...
Обзор Slope Run. Простая и увлекательная...
Обзор Slope Run. Простая и увлекательнаяОт казуальных игр мы требуем либо простого и понятного геймплея, который позволит зайти в игру и сразу по...
Предварительный обзор ASUS StudioBook S....
Предварительный обзор ASUS StudioBook S.В последнее время мы все привыкли к тому, что для работы есть один ноутбук — MacBook Pro. Конечно, можно ...
Обзор Ace Combat 7: Skies Unknown. Лучши...
Обзор Ace Combat 7: Skies Unknown. ЛучшиМне всегда нравились японские разработчики своей любовью к деталям и мелочам, на которые обычно все закры...
Предварительный обзор Raijintek Delos RB...
Предварительный обзор Raijintek Delos RBВ последнее время производители компьютерного железа стали активно работать в направлении дизайнерских ре...
Предварительный обзор LucidSound LS41. П...
Предварительный обзор LucidSound LS41. ПИгровые гарнитуры давно перестали быть просто средством передачи звука в уши геймера. Сегодня, если вы хо...
Предварительный обзор GIGABYTE Aorus AD2...
Предварительный обзор GIGABYTE Aorus AD2В последнее время игровых мониторов появилось нереально много и каждый обладает какими-то своими особенны...
Обзор Lemmings. Странная головоломка...
Обзор Lemmings. Странная головоломкаИграть в головоломки на смартфоне то еще удовольствие — иногда разработчик делает слишком сложные уровни,...
Предварительный обзор Sony A6400. Новая ...
Предварительный обзор Sony A6400. Новая Сегодня компания Sony официально анонсировала свою новую беззеркальную камеру под названием A6400, котора...
Обзор Evil Factory. Динамит на все случа...
Обзор Evil Factory. Динамит на все случаВ казуальных играх геймеры ценят возможность зайти, быстро поиграть и двинуться дальше. Очень небольшая а...
Предварительный обзор Vivo Z3i Standard ...
Предварительный обзор Vivo Z3i Standard Производителям смартфонов сейчас крайне тяжело удивлять своих потенциальных покупателей — мы уже вдоволь ...
Обзор Space Pioneer. Очищаем космос от з...
Обзор Space Pioneer. Очищаем космос от зТема покорения космоса многим интересна по целому ряду причин. Например потому, что на самом деле практич...

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