Создать фрагментированной плитки текстовый эффект в Photoshop

сделать закладку в соцсетях

Шаг 1: Откройте новый Photoshop документ

Откройте новый документ в Photoshop, перейдя к меню Файл в верхней части экрана и выбрав New ... , после чего появится Новый документ диалоговое окно. Выберите любой размер, который вы хотите для вашего документа. Я буду использовать предустановки 640x480 размер:

Шаг 2: Заполните фоновый слой с черным

Нажмите D на клавиатуре, чтобы быстро сбросить передний план в Photoshop и цвета фона, который устанавливает черный цвет в качестве основного. Затем с помощью клавиш Alt + Backspace (Win) / Option + Delete (Mac), чтобы заполнить фоновый слой черным цветом:

Шаг 3: Установите цвет переднего плана темного цвета и добавить свой ​​текст

Нажмите на цвете переднего плана в палитре инструментов:
Это приведет к в Photoshop Color Picker . Мы собираемся, чтобы выбрать цвет для текста. Вы можете выбрать любой понравившийся цвет вы хотите для вашего текста, но любой цвет, то есть выбрать темный оттенок его, чтобы начать с. Я хочу использовать зеленый для моего цвета, так что я выберу темный оттенок зеленого:
После того как вы выбрали ваш цвет, нажмите кнопку ОК, чтобы выйти из палитры цветов.
Выбрать тип инструмента из палитры инструментов, или нажмите букву Т на клавиатуре, чтобы быстро выбрать его:
Затем, с выбранным Type Tool, перейдите к панели параметров в верхней части экрана и выберите шрифт и размер шрифта. Этот эффект будет работать лучше с большой, толстый шрифт, поэтому я буду использовать "воздействие" на уроке. Затем нажмите внутри документа и введите текст. Я собираюсь ввести слово "цифровой", так как я думаю, что это явление имеет немного цифро-иш взгляд на него:
Используйте инструмент Move для центрирования текста в документе, и изменять размер текста при необходимости с помощью клавиш Ctrl + T (Win) / Command + T (Mac), чтобы открыть в Photoshop Free Transform ручки вокруг вашего текста, затем нажмите и удерживайте Shift + Alt (Win) / Shift + Alt (Mac) и перетащите любой из угловых точек. Удержание нажатой клавиши Shift ограничивает текстовые пропорции, и проведение Alt / Option вызывает текст, чтобы изменить размер от центра. Нажмите Enter (Win) / Return(Mac), когда вы закончите принимать преобразование.

Шаг 4: Растеризуйте текстового слоя

Мы собираемся подавать заявление одного из фильтров Photoshop к тексту, но мы не можем сделать это без предварительной конвертации текста в пикселях, который известен как "растеризации" его. Чтобы сделать это, с текстом выбранного слоя в палитре Layers, подняться на меню Layer на верхней части экрана, выберите Rasterize , а затем выберите тип . Ничто не будет казаться, что случилось в документе, но если вы посмотрите в вашей палитре слоев, вы увидите, что текстовый слой теперь нормально слой:

Шаг 5: Скопируйте слой с текстом

Мы должны создать дубликат слоя с нашей текстом на ней, так делать, что с текстовым слоем выбранного использовать сочетание клавиш Ctrl + J (Win) / Command + J (Mac). Теперь вы будете иметь дубликат текстового слоя в палитре слоев:

Шаг 6: Скрыть Слой исходного текста

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

Шаг 7: Применить »Плитка» фильтр Photoshop дважды в текстовый Copy Layer

С слоя копировать текст, выбранный в палитре Layers, подняться на меню Filter в верхней части экрана, выберите стилизовать , а затем выберите плитка . Это поднимает диалоговое окне Фильтр плитки в Photoshop:
Нет необходимости изменять какие-либо из этих вариантов. Просто нажмите кнопку ОК для выхода из диалогового окна и примените фильтр к тексту. Затем с помощью клавиш Ctrl + F (Win) / Command + F(Mac), чтобы применить тот же фильтр второй раз. Ваш текст будет выглядеть примерно так:

Шаг 8: выберите и удалите белые участки в тексте

Возьмите инструмент Magic Wand из палитры инструментов или нажмите письмо W быстро выбрать его:
Мне бы в панели параметров , убедитесь, прилежащей не установлен, в противном случае мы должны были бы выбрать каждый белую область в отдельности. Затем нажмите с волшебной палочкой на любой белой области в тексте и Photoshop будет выбрать все белые области сразу:
При всем белом выбран, нажмите Удалить на клавиатуре, чтобы удалить эти районы. Нажмите Ctrl + D(Win) / Command + D (Mac), чтобы отменить выбор. Ваш текст будет выглядеть примерно так:

Шаг 9: Скопируйте оригинальный текстовый слой и переместите его на самый верх палитры слоев

Нажмите на исходных текстового слоя, чтобы выделить его, а затем скопировать его с помощью комбинации клавиш Ctrl + J (Win) / Command + J (Mac). Затем нажмите на дубликате слоя, который вы только что создали и перетащите его на самый верх в палитре слоев. Вы увидите Выделите полоску вдоль верхней мере приближения к нему. Когда вы видите, что полосу выделения, отпустите кнопку мыши и слой упадет на свои места:

Шаг 10: Нажмите слоя видимости Иконка Так оно появляется в документе

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

Шаг 11: Сделайте текст более светлый оттенок цвета

Нажмите кнопку Назад на цвете переднего плана в палитре инструментов, чтобы привести Color Picker обратно, затем выберите слегка светлый оттенок цвета текста:
Нажмите кнопку OK, чтобы выйти из палитры цветов, а затем использовать сочетание клавиш Shift + Alt + Backspace (Win) / Shift + Alt + Delete (Mac), чтобы применить цвет к тексту:

Шаг 12: Поворот холста 90 ° CW

Перейти к меню Image в верхней части экрана, выберите Rotate Canvas , а затем выберите 90 ° по часовой стрелке , чтобы повернуть холст на 90 ° вправо:

Шаг 13: Примените Плитка Фильтр три раза, чтобы текст

Мы собираемся применять плитки фильтр, на этот раз в новом текстовом слое. С плиток последний фильтр мы применили, нет никакой необходимости, чтобы выбрать его снова из меню Filter. Мы можем использовать тот же сочетание клавиш Ctrl + F (Win) / Command + F (Mac), чтобы применить его, затем нажмите сочетание клавиш еще два раза, чтобы применить фильтр в общей сложности три раза. Ваш текст будет выглядеть примерно так:

Шаг 14: выделите и удалите белые участки

Используйте Magic Wand вновь быстро выбрать все белые области в тексте, нажав на любую из белых областей. Затем нажмите Удалить , чтобы удалить их, как мы делали раньше. Нажмите Ctrl + D (Win) /Command + D (Mac), чтобы отменить выбор. Ваш текст будет выглядеть так:

Шаг 15: Дублируйте оригинальный текстовый слой снова и переместите его на самый верх палитры слоев

Нажмите на исходных текстового слоя снова в палитре слоев и нажмите Ctrl + J (Win) / Command + J (Mac), чтобы дублировать его. Затем перетащите его на самый верх в палитре слоев:

Шаг 16: Нажмите слоя видимости Иконка Так оно появляется в документе

Наша дубликат текстового слоя снова скрылся из виду, так что щелчок на видимость слоя значок, чтобы сделать его появляются в документе:

Шаг 17: Выберите более светлый оттенок вашего текста Цвет Еще раз

Опять нажмите на цвете переднего плана в палитре инструментов, чтобы открыть палитру цветов и выбрать более светлый оттенок цвета текста. Здесь я выбираю более светлый оттенок зеленого:
Нажмите кнопку OK, чтобы выйти из палитры цветов, а затем использовать сочетание клавиш Shift + Alt + Backspace (Win) / Shift + Alt + Delete (Mac), чтобы применить цвет к тексту:

Шаг 18: Поворот холста 90 ° CW

Вернуться к меню Image , выберите Rotate Canvas , а затем выберите 90 ° по часовой стрелке снова повернуть холст 90 ° по часовой стрелке:

Шаг 19: Нанесите плитки фильтр четыре раза, чтобы текст

Применить плитки фильтр снова, и на этот раз применять его в четыре раза с помощью клавиш Ctrl + F(Win) / Command + F (Mac) в четыре раза. Ваш текст будет выглядеть примерно так:

Шаг 20: выделите и удалите белые участки

Еще раз, возьмите Magic Wand и нажать на любую из белых областей в тексте, а затем нажмите Удалить , чтобы удалить белые области. Нажмите Ctrl + D (Win) / Command + D (Mac), чтобы отменить выбор. Вот текст в этой точке:

Шаг 21: Дублируйте оригинальный текстовый слой снова и переместите его на самый верх палитры слоев

Мы собираемся сделать те же шаги, снова и снова, так что сначала нажмите на оригинальном слое с текстом в палитре слоев и нажмите Ctrl + J (Win) / Command + J (Mac), чтобы дублировать его, а затем перетащите его на самый верх палитры Layers. Нажмите на его видимость слоя иконы так слой виден в документе:

Шаг 22: Выберите более светлый оттенок вашего текста Цвет Еще раз

Нажмите кнопку Назад на цвете переднего плана в палитре инструментов и выберите более светлый оттенок цвета текста. Нажмите кнопку OK, чтобы выйти из палитры цветов, затем нажмите Shift + Alt + Backspace (Win) / Shift + Alt + Delete (Mac), чтобы применить цвет к тексту:

Шаг 23: Снова Поворот холста 90 ° CW

Вернуться к меню Image , вернемся к Rotate Canvas , потом еще раз выбирать 90 ° по часовой стрелке , чтобы повернуть холст 90 ° по часовой стрелке:

Шаг 24: Нанесите плитки фильтр пять раз, чтобы текст

На этот раз пресс-сочетание клавиш Ctrl + F (Win) / Command + F (Mac) в пять раз, чтобы применить Плитка фильтр пять раз в тексте:

Шаг 25: выделите и удалите белые участки

Нажмите на любой из белых областей снова с Magic Wand, чтобы выбрать их, а затем удалить их. НажмитеCtrl + D (Win) / Command + D (Mac), чтобы отменить выбор. Ваш текст должен выглядеть примерно так:

Шаг 26: Дублируйте оригинальный текстовый слой снова и переместите его на самый верх палитры слоев

Последний раз, я обещаю. Нажмите на оригинальном слое с текстом, и дублировать его еще раз спомощью Ctrl + J (Win) / Command + J (Mac). Затем перетащите его на самый верх в палитре слоев и нажмите на его видимость слоя иконы так он показывает в документе:

Шаг 27: Выберите более светлый оттенок вашего текста Цвет и применить его к тексту

Опять нажмите на цвете переднего плана в палитре инструментов и выберите более светлый оттенок цвета. Нажмите кнопку OK, чтобы выйти из палитры цветов, затем нажмите Shift + Alt + Backspace (Win) /Shift + Alt + Delete (Mac), чтобы применить цвет к тексту:

Шаг 28: Снова Поворот холста 90 ° CW, чтобы привести его Full Circle

Вернуться к меню Image , вернемся к Rotate Canvas , потом еще раз выбирать 90 ° по часовой стрелке , чтобы повернуть по часовой стрелке полотно 90 °, наконец, чего ему полный круг:

Шаг 29: Нанесите плитки фильтр шесть раз, чтобы текст

На этот раз пресс-сочетание клавиш Ctrl + F (Win) / Command + F (Mac) шесть раз, чтобы применить Плитка фильтр шесть раз в тексте:

Шаг 30: выделите и удалите белые участки

Нажмите на любой из белых областей снова с Magic Wand, чтобы выбрать их, а затем удалить их. НажмитеCtrl + D (Win) / Command + D (Mac), чтобы отменить выбор. Ваш текст должен выглядеть примерно так:

Шаг 31: Добавить тонкой черной обводкой на слой с текстом списку

В этот момент, основной эффект будет завершена. Я просто хочу, чтобы прикончить его, применяя тонкую черную обводку вокруг различных фрагментов плитки на верхнем текстовом слое, чтобы помочь установить их отдельно от остальных эффекта. Чтобы сделать это, с верхней текстового слоя, щелкните значок настили слоя значок в нижней части палитры слоев:
Выберите Stroke из списка:
Это поднимает Layer Style диалогового окна установлен в положение обводки вариантов в средней колонке:
Внесите изменения, которые я обведено красным выше. Во-первых, изменить цвет обводки на чёрный , нажав на образец цвета и выберите черный в палитре цветов. Опустите Размер штриха, чтобы 1 пиксель .Изменение позиции штриха, чтобы Inside и, наконец, снизить непрозрачность примерно до 20% . Мы просто хотим, слабый удар, ничего тяжелого.
Нажмите ОК для выхода из диалогового окна Layer Style, и все готово!
Вот окончательный "Фрагментация плитки" текстовый эффект:
И у нас это есть!
Создать фрагментированной плитки текстовый эффект в Photoshop
сделать закладку в соцсетях