В этом учебном пособии по текстовым эффектам в Photoshop мы узнаем, как создать эффект «фрагментированных плиток» с помощью фильтра плиток в Photoshop.
Вот эффект, для которого мы собираемся:
Давайте начнем!
Содержание
- 0.1 Шаг 1: Откройте новый документ Photoshop
- 0.2 Шаг 2: заполните фоновый слой черным
- 0.3 Шаг 3: установите цвет переднего плана на темный и добавьте текст
- 0.4 Шаг 4: Растеризация текстового слоя
- 0.5 Шаг 5: продублируйте текстовый слой
- 0.6 Шаг 6: скрыть оригинальный текстовый слой
- 0.7 Шаг 7: дважды примените фильтр Photoshop «Плитки» к слою копирования текста
- 0.8 Шаг 8: выбери и удали белые области в тексте
- 0.9 Шаг 9: продублируйте слой оригинального текста и переместите его в верхнюю часть палитры слоев
- 0.10 Шаг 10: щелкните значок видимости слоя, чтобы он появился в документе
- 0.11 Шаг 11: сделай текст более светлым оттенком цвета
- 0.12 Шаг 12: Поворот холста на 90 ° по часовой стрелке
- 0.13 Шаг 13: примени фильтр фильтра плиток три раза к тексту
- 0.14 Шаг 14: выбери и удали белые области
- 0.15 Шаг 15: Снова продублируйте слой оригинального текста и переместите его в верхнюю часть палитры слоев
- 0.16 Шаг 16: щелкните значок видимости слоя, чтобы он появился в документе
- 0.17 Шаг 17: снова выбери более светлый оттенок своего текста
- 0.18 Шаг 18: Поворот холста на 90 ° по часовой стрелке
- 0.19 Шаг 19: примени фильтр фильтра плиток к тексту четыре раза
- 0.20 Шаг 20: выбери и удали белые области
- 0.21 Шаг 21: дублируй оригинальный текстовый слой снова и перемести его в верхнюю часть палитры слоев
- 0.22 Шаг 22: снова выбери более светлый оттенок своего текста
- 0.23 Шаг 23: Снова поверните холст на 90 ° по часовой стрелке
- 0.24 Шаг 24: примени фильтр пяти листов к тексту
- 0.25 Шаг 25: выбери и удали белые области
- 0.26 Шаг 26: дублируй оригинальный текстовый слой снова и перемести его в верхнюю часть палитры слоев
- 0.27 Шаг 27: выбери более светлый оттенок цвета твоего текста и примени его к тексту
- 0.28 Шаг 28: Снова поверните холст на 90 ° по часовой стрелке, чтобы привести его в полный круг
- 0.29 Шаг 29: примени фильтр шести тайлов к тексту
- 0.30 Шаг 30: выбери и удали белые области
- 0.31 Шаг 31: добавь тонкий черный ход к верхнему текстовому слою
- 1 Куда пойти дальше …
Шаг 1: Откройте новый документ Photoshop
Откройте новый документ Photoshop, зайдя в меню «Файл» в верхней части экрана и выбрав « Новый …» , который откроет диалоговое окно « Новый документ ». Выберите любой размер для вашего документа. Я буду использовать предустановленный размер 640×480:
Шаг 2: заполните фоновый слой черным
Нажмите D на клавиатуре, чтобы быстро сбросить цвета переднего плана и фона в Photoshop, и в качестве цвета переднего плана установите черный цвет. Затем используйте сочетание клавиш Alt + Backspace (Win) / Option + Delete (Mac), чтобы залить фоновый слой черным:
Шаг 3: установите цвет переднего плана на темный и добавьте текст
Нажмите на образец цвета переднего плана в палитре инструментов:
Это поднимет палитру цветов Photoshop . Мы собираемся выбрать цвет для текста. Вы можете выбрать любой цвет для текста, но какой бы цвет он ни был, выберите его темный оттенок для начала. Я хочу использовать зеленый цвет для своего цвета, поэтому я выберу темный оттенок зеленого:
После того, как вы выбрали свой цвет, нажмите OK, чтобы выйти из палитры цветов.
Выберите инструмент «Текст» в палитре «Инструменты» или нажмите букву T на клавиатуре, чтобы быстро выбрать его:
Затем, выбрав инструмент «Текст», перейдите на панель параметров в верхней части экрана и выберите свой шрифт и размер шрифта. Этот эффект будет лучше всего работать с крупным толстым шрифтом, поэтому я буду использовать «Impact» для этого урока. Затем щелкните внутри документа и введите текст. Я собираюсь напечатать слово «цифровой», так как я думаю, что этот эффект имеет немного цифровой вид:
Это интересно: Как отбелить зубы в фотошопе
С помощью инструмента «Перемещение» отцентрируйте текст в документе и измените его размер, если необходимо, с помощью сочетания клавиш Ctrl + T (Win) / Command + T (Mac), чтобы вызвать маркеры Free Transform в Photoshop вокруг текста, затем удерживайте нажатой клавишу Shift + Alt (Победа) / Shift + Option (Mac) и перетащите любую из угловых точек. Удержание Shift ограничивает пропорции текста, а нажатие Alt / Option приводит к изменению размера текста из центра. Нажмите Enter (Win) / Return (Mac), когда вы закончите, чтобы принять преобразование.
Шаг 4: Растеризация текстового слоя
Мы собираемся применить один из фильтров Photoshop к тексту, но мы не сможем сделать это без предварительного преобразования текста в пиксели, что называется «растеризацией». Для этого, выделив текстовый слой в палитре «Слои», перейдите в меню «Слой» в верхней части экрана, выберите « Растеризация» , а затем выберите « Тип» . Казалось бы, ничего не произошло в документе, но если вы посмотрите в палитру слоев, то увидите, что текстовый слой теперь является нормальным слоем:
Шаг 5: продублируйте текстовый слой
Нам нужно создать дубликат слоя с текстом на нем, поэтому для этого, выделив текстовый слой, используйте сочетание клавиш Ctrl + J (Win) / Command + J (Mac). Теперь у вас будет дубликат текстового слоя в палитре слоев:
Шаг 6: скрыть оригинальный текстовый слой
Создав копию нашего текстового слоя, мы собираемся скрыть исходный текстовый слой от просмотра, щелкнув его значок « Видимость слоя» (значок «глазное яблоко») в дальнем левом углу слоя в палитре слоев:
Вы не увидите никаких изменений в документе, так как копия текстового слоя блокирует исходный текстовый слой из вида, но если вы посмотрите назад на палитру слоев, вы увидите, что значок глазного яблока исчез, указывая на то, что слой теперь скрыт.
Шаг 7: дважды примените фильтр Photoshop «Плитки» к слою копирования текста
Выбрав слой копирования текста в палитре «Слои», перейдите в меню «Фильтр» в верхней части экрана, выберите « Стилизация» , а затем выберите « Плитки» . Это вызывает диалоговое окно фильтра плиток в Photoshop:
Нет необходимости менять какие-либо параметры. Просто нажмите OK, чтобы выйти из диалогового окна и применить фильтр к тексту. Затем используйте сочетание клавиш Ctrl + F (Win) / Command + F (Mac), чтобы применить тот же фильтр во второй раз. Ваш текст теперь будет выглядеть примерно так:
Шаг 8: выбери и удали белые области в тексте
Возьмите инструмент Волшебная палочка из палитры Инструменты или нажмите букву W, чтобы быстро выбрать его:
Вверху на панели параметров убедитесь, что Смежный не отмечен, иначе нам пришлось бы выбирать каждую белую область отдельно. Затем щелкните Волшебной палочкой в любой белой области в тексте, и Photoshop выделит все белые области сразу:
Выбрав весь белый, нажмите « Удалить» на клавиатуре, чтобы удалить эти области. Нажмите Ctrl + D (Победа) / Command + D (Mac), чтобы отменить выбор. Ваш текст теперь будет выглядеть примерно так:
Шаг 9: продублируйте слой оригинального текста и переместите его в верхнюю часть палитры слоев
Нажмите назад на исходный текстовый слой, чтобы выделить его, затем продублируйте его с помощью сочетания клавиш Ctrl + J (Win) / Command + J (Mac). Затем нажмите на дубликат слоя, который вы только что создали, и перетащите его в верхнюю часть палитры слоев. По мере приближения вы увидите полосу подсветки вверху. Когда вы увидите эту полосу выделения, отпустите кнопку мыши, и слой встанет на место:
Шаг 10: щелкните значок видимости слоя, чтобы он появился в документе
Поскольку исходный текстовый слой скрыт от просмотра, эта новая копия, которую мы сделали, также скрыта от просмотра. Нам нужно, чтобы он отображался в документе, поэтому нажмите на его значок «Видимость», что приведет к повторному появлению глазного яблока и появлению слоя:
Шаг 11: сделай текст более светлым оттенком цвета
Нажмите на образец цвета «Передний план» в палитре «Инструменты», чтобы вернуть палитру цветов, затем выберите немного более светлый оттенок цвета текста:
Нажмите кнопку «ОК», чтобы выйти из палитры цветов, а затем используйте сочетание клавиш Shift + Alt + Backspace (Win) / Shift + Option + Delete (Mac), чтобы применить цвет к тексту:
Шаг 12: Поворот холста на 90 ° по часовой стрелке
Перейдите в меню «Изображение» в верхней части экрана, выберите « Повернуть холст» , затем выберите 90 ° по часовой стрелке, чтобы повернуть холст на 90 ° вправо:
Шаг 13: примени фильтр фильтра плиток три раза к тексту
Мы собираемся снова применить фильтр Tiles, на этот раз к новому текстовому слою. Так как Tiles был последним фильтром, который мы применили, нет необходимости выбирать его снова в меню Filter. Мы можем использовать ту же комбинацию клавиш Ctrl + F (Победа) / Command + F (Mac), чтобы затем применить ее, а затем нажать комбинацию клавиш еще два раза, чтобы применить фильтр три раза. Ваш текст теперь будет выглядеть примерно так:
Шаг 14: выбери и удали белые области
Используйте Волшебную палочку еще раз, чтобы быстро выделить все белые области в тексте, нажав на любую из белых областей. Затем нажмите Удалить, чтобы удалить их, как мы делали раньше. Нажмите Ctrl + D (Победа) / Command + D (Mac), чтобы отменить выбор. Ваш текст теперь будет выглядеть так:
Шаг 15: Снова продублируйте слой оригинального текста и переместите его в верхнюю часть палитры слоев
Снова нажмите на исходный текстовый слой в палитре слоев и нажмите Ctrl + J (Победа) / Command + J (Mac), чтобы дублировать его. Затем перетащите его в верхнюю часть палитры слоев:
Шаг 16: щелкните значок видимости слоя, чтобы он появился в документе
Наш дублированный текстовый слой снова скрыт от просмотра, поэтому щелкните его значок «Видимость слоя», чтобы он появился в документе:
Шаг 17: снова выбери более светлый оттенок своего текста
Снова щелкните образец цвета «Передний план» в палитре «Инструменты», чтобы открыть палитру цветов, и выберите более светлый оттенок цвета текста. Здесь я выбираю еще более светлый оттенок зеленого:
Нажмите «ОК», чтобы выйти из палитры цветов, затем снова используйте сочетание клавиш Shift + Alt + Backspace (Win) / Shift + Option + Delete (Mac), чтобы применить цвет к тексту:
Шаг 18: Поворот холста на 90 ° по часовой стрелке
Вернитесь в меню Image , выберите Rotate Canvas , затем выберите 90 ° CW, чтобы снова повернуть холст на 90 ° по часовой стрелке:
Шаг 19: примени фильтр фильтра плиток к тексту четыре раза
Снова примените фильтр Tiles, и на этот раз примените его четыре раза , используя сочетание клавиш Ctrl + F (Победа) / Command + F (Mac) четыре раза. Ваш текст теперь будет выглядеть примерно так:
Шаг 20: выбери и удали белые области
Еще раз, возьмите Волшебную палочку и нажмите на любую из белых областей в тексте, затем нажмите Delete, чтобы удалить белые области. Нажмите Ctrl + D (Победа) / Command + D (Mac), чтобы отменить выбор. Вот текст на данный момент:
Шаг 21: дублируй оригинальный текстовый слой снова и перемести его в верхнюю часть палитры слоев
Мы собираемся повторить те же шаги снова, поэтому сначала нажмите на исходный текстовый слой в палитре слоев и нажмите Ctrl + J (Win) / Command + J (Mac), чтобы скопировать его, затем перетащите его на верх палитры слоев. Нажмите на его значок видимости слоя, чтобы слой был виден в документе:
Шаг 22: снова выбери более светлый оттенок своего текста
Нажмите на образец цвета переднего плана в палитре «Инструменты» и выберите более светлый оттенок цвета текста. Нажмите OK, чтобы выйти из палитры цветов, затем снова нажмите Shift + Alt + Backspace (Win) / Shift + Option + Delete (Mac), чтобы применить цвет к тексту:
Шаг 23: Снова поверните холст на 90 ° по часовой стрелке
Вернитесь в меню «Изображение» , вернитесь в « Поворот холста» , затем еще раз выберите « 90 ° по часовой стрелке», чтобы повернуть холст на 90 ° по часовой стрелке:
Шаг 24: примени фильтр пяти листов к тексту
На этот раз нажмите сочетание клавиш Ctrl + F (Win) / Command + F (Mac) пять раз, чтобы применить фильтр Tiles пять раз к тексту:
Шаг 25: выбери и удали белые области
Нажмите на любую из белых областей снова волшебной палочкой, чтобы выбрать их, затем удалите их. Нажмите Ctrl + D (Победа) / Command + D (Mac), чтобы отменить выбор. Ваш текст должен выглядеть примерно так:
Шаг 26: дублируй оригинальный текстовый слой снова и перемести его в верхнюю часть палитры слоев
В прошлый раз обещаю. Нажмите на исходный текстовый слой и дублируйте его еще раз с помощью Ctrl + J (Победа) / Command + J (Mac). Затем перетащите его в верхнюю часть палитры «Слои» и щелкните его значок «Видимость слоя», чтобы он отображался в документе:
Шаг 27: выбери более светлый оттенок цвета твоего текста и примени его к тексту
Снова нажмите на образец цвета переднего плана в палитре Инструменты и выберите еще более светлый оттенок цвета. Нажмите OK, чтобы выйти из палитры цветов, затем снова нажмите Shift + Alt + Backspace (Win) / Shift + Option + Delete (Mac), чтобы применить цвет к тексту:
Шаг 28: Снова поверните холст на 90 ° по часовой стрелке, чтобы привести его в полный круг
Вернитесь в меню «Изображение» , вернитесь в « Поворот холста» , затем еще раз выберите « 90 ° по часовой стрелке», чтобы повернуть холст на 90 ° по часовой стрелке, в результате чего он обернулся кругом:
Шаг 29: примени фильтр шести тайлов к тексту
На этот раз нажмите сочетание клавиш Ctrl + F (Победа) / Command + F (Mac) шесть раз, чтобы применить фильтр Tiles шесть раз к тексту:
Шаг 30: выбери и удали белые области
Нажмите на любую из белых областей снова волшебной палочкой, чтобы выбрать их, затем удалите их. Нажмите Ctrl + D (Победа) / Command + D (Mac), чтобы отменить выбор. Ваш текст должен выглядеть примерно так:
Шаг 31: добавь тонкий черный ход к верхнему текстовому слою
На данный момент основной эффект завершен. Я только собираюсь закончить это, применяя тонкий черный штрих вокруг различных фрагментов плитки в верхнем текстовом слое, чтобы помочь выделить их из остального эффекта. Для этого, выбрав верхний текстовый слой, щелкните значок « Стили слоев» в нижней части палитры «Слои»:
Выберите Stroke из списка:
Это вызывает диалоговое окно Layer Style с параметрами Stroke в средней колонке:
Сделайте изменения, которые я обвел красным. Сначала измените Цвет обводки на черный , щелкнув образец цвета и выбрав черный в палитре цветов. Уменьшите размер обводки до 1 пикселя . Измените положение обводки на Inside и, наконец, уменьшите непрозрачность примерно до 20% . Мы просто хотим слабый удар, ничего тяжелого.
Нажмите OK, чтобы выйти из диалогового окна Layer Style, и все готово! Вот заключительный текстовый эффект «Фрагментированные плитки»:
Куда пойти дальше …
И там у нас это есть! Посетите наши разделы « Текстовые эффекты» или « Фотоэффекты» для получения дополнительных уроков по эффектам Photoshop!