На главную страницу сайта Уроки | Лента событий | Галерея | Лента активности | Форум
Я забыл пароль | Регистрация
Анимация | Базовые | Дизайн | Работа с фото | Текстовые эффекты | Эффекты
Добавить виджет на гравную страницу Яндекса
 
Просмотров: 2424
Средней сложности Размещено: 11.10.2011 г.

Создаем обои iPad с текстом-вышивкой.


В этом уроке вы узнаете, как создать с нуля текстовой эффект, имитирующий вышивку. С помощью некоторых текстур, стилей слоя и фильтров мы сделаем интересные реалистичные обои для iPad. Начинаем!

Предварительный просмотр финального результата:



Создаем обои iPad с текстом-вышивкой


Шаг 1.


Начнем урок с создания ткани, на которой будет находиться наша вышивка. Создаем новый документ (Ctrl+N) размером 250х250 рх с разрешением 72 рх/дюйм и белым фоном.


Создаем обои iPad с текстом-вышивкой


Шаг 2.


Используя инструмент «Прямоугольник» (Rectangle Tool) в режиме заливки пикселов (третья иконка квадрата в верхнем меню), создаем вертикальный прямоугольник на новом слое (Ctrl+Shift+N) размером 7х17 рх черного цвета.


Создаем обои iPad с текстом-вышивкой


Шаг 3.


Далее, создаем текстуру для нашей фигуры. Открываем стили слоя (Layer-Layer Style или иконка «fx» внизу панели слоев) на слое с прямоугольником и выполняем настройки для следующих стилей:


Внутренняя тень (Inner Shadow):


Создаем обои iPad с текстом-вышивкой


Тиснение (Bevel and Emboss):


Создаем обои iPad с текстом-вышивкой


Наложение градиента (Gradient Overlay):


Создаем обои iPad с текстом-вышивкой


В результате получился блок, из которого будет состоять наша ткань обоев.


Создаем обои iPad с текстом-вышивкой


Шаг 4.


Продублируйте множество раз этот блок (Ctrl+J), а затем составьте из дубликатов сплошное покрытие, используя инструмент Перемещение (Move Tool), чтобы получилось, как на изображении ниже.


Создаем обои iPad с текстом-вышивкой


Шаг 5.


Выполняем сведение всех слоев с блоками (выделяем их миниатюры (Ctrl+клик по миниатюрам слоев), затем Ctrl+E). Инструментом Прямоугольное выделение (Rectangle Marquee Tool) выделяем центральную область покрытия. В результате мы получим бесшовную текстуру для нашей ткани.


Создаем обои iPad с текстом-вышивкой


Шаг 6.


С выделенной частью переходим в меню Редактирование-Определить узор (Edit > Define Pattern) и присваиваем имя узору. Сохраняем его и нажимаем клавишу Ок.


Создаем обои iPad с текстом-вышивкой


Шаг 7.


Теперь мы будем использовать полученный узор для нашей ткани. Создаем новый документ (Ctrl+N) размером 2500х2500 рх. Добавляем новый слой (Ctrl+Shif+N).


Создаем обои iPad с текстом-вышивкой


Шаг 8.


Заполним данным узором холст. Для этого переходим в меню Редактирование-Заливка (Edit> Fill). В диалоговом окне заливки указываем в строке «использовать» (Us) узор (Pattern). Нажимаем в окошке узора (Custom Pattern) на стрелку справа и выбираем из списка наш созданный узор с блоками. Он должен быть в нижней части списка. Нажимаем Ок.


Создаем обои iPad с текстом-вышивкой


Шаг 9.


Придадим зеленый оттенок узорному слою. Открываем стили слоя и выбираем параметр «Наложение цвета» (Layer-Layer Style-Color Overlay). Выполняем настройки со скриншота ниже.


Создаем обои iPad с текстом-вышивкой


Шаг 10.


Я хочу добавить немного вариаций к нашему узору. Создаем новый слой (Ctrl+Shift+N) и заполняем его (Edit-Fill или Shift+F5) белым цветом (#ffffff). Добавляем шум (Filter-Noice-Add Noice), затем размытие в движении (Filter-Blur- Motion Blur) со смещением 40 рх и углом 55°. Устанавливаем режим смешивания Умножение (Multiply) с непрозрачностью (Opacity) 75%.


Создаем обои iPad с текстом-вышивкой


Шаг 11.


Продолжаем видоизменять исходную текстуру ткани. Создаем новый слой (Ctrl+Shift+N) и переходим в меню Фильтр-Рендеринг-Облака (Filter> Render> Clouds). Изменяем режим смешивания этого слоя на Умножение (Multiply) с непрозрачностью (Opacity) 5%.


Создаем обои iPad с текстом-вышивкой


Шаг 12.


Выделяем все слои в панели (Ctrl+клик по миниатюрам слоев) и нажимаем пр.кн.мыши по ним. Выбираем из контекстного меню пункт «Преобразовать в смарт-объект» (Convert to Smart Object). Переименовываем полученный слой в «Ткань».


Создаем обои iPad с текстом-вышивкой


Шаг 13.


Нам нужно создать новый документ для наших обоев iPad. Разрешение iPad составляет 1024х768 рх, и если мы будем вращать прямоугольник с таким размером по горизонтали и вертикали, он не превысит размера 1024х1024 по длине и ширине. Чтобы убедиться в том, что наши обои уместятся на экране в любом положении, создаем новый документ (Ctrl+N) размером 1024х1024 рх.


Создаем обои iPad с текстом-вышивкой


Шаг 14.


Чтобы помочь себе визуально, я создал группу (клик по иконке папки внизу панели слоев) и в ней разместил два новых слоя (Ctrl+Shift+N) с вертикальными и горизонтальными направляющими-полосами, имитирующими границы iPad. Выделите сначала две вертикальные полосы по краям документа инструментом Прямоугольное выделение (Rectangle Marquee tool) и заполните его черным цветом (#000000), затем на другом новом слое выделите две горизонтальные полосы - вверху и внизу, и также заполните их черным.


Создаем обои iPad с текстом-вышивкой


Шаг 15.


Пока скрываем видимость слоев с направляющими (клик по глазику миниатюры). Переносим текстуру ткани в основной документ с направляющими. Выделяем слой с тканью (Ctrl+клик по иконке данного слоя), копируем его (Ctrl+C), переходим в основной документ и вставляем (Ctrl+V) слой с тканью выше фонового слоя.


Используем Трансформирование (Edit-Free Transform) на тканевом слое, чтобы создать перспективу, как показано ниже. Сохраняем этот документ (Ctrl+S или File-Save As…).


Создаем обои iPad с текстом-вышивкой


Шаг 16.


Теперь нам необходимо создать стежки текста в новом документе. Мы также должны убедиться, что наш документ достаточно большой, чтобы при создании перспективы текста не произошло больших искажений. Я создал новый документ (Ctrl+N) размером 2200х500 рх.


Создаем обои iPad с текстом-вышивкой


Шаг 17.


Находим любой логотип или слово и вставляем его в наш документ (File-Place). Масштабируем (Ctrl+T) слой с текстом, чтобы он соответствовал размеру документа.


Создаем обои iPad с текстом-вышивкой


Шаг 18.


Теперь создадим стежки на буквах слова. Если вы работаете с программой Иллюстратор, то воспользуйтесь ей для этой цели. Но поскольку мы работаем в Фотошоп, выполним стежки именно здесь. Снижаем непрозрачность (Opacity) слоя с логотипом, чтобы было удобнее работать. Создаем новый слой (Ctrl+Shift+N) и, используя инструмент Линия (Line Tool), рисуем несколько горизонтальных линий черного цвета вдоль букв.


Создаем обои iPad с текстом-вышивкой


Чтобы сократить работу с полосами, создаем одну полосу, затем дублируем ее (Ctrl+J), трансформируем (Ctrl+T) и, не выходя из режима трансформирования, перемещаем линию вверх (клавиши со стрелками). Нажимаем Ввод (Enter) для применения трансформации. Теперь нажимаем сочетание Ctrl+Shift+Alt+T, чтобы повторить трансформацию. Продолжаем нажимать сочетание, пока не выстроим линию из стежков.


Создаем обои iPad с текстом-вышивкой


Этот процесс приведет к созданию множества слоев. Объедините слои со стежками (Ctrl+клик по миниатюрам слоев, затем Ctrl+E), затем используйте слой со стежками для покрытия остальных букв логотипа.


Создаем обои iPad с текстом-вышивкой


Шаг 19.


Продолжаем выполнять стежки для округлых областей букв.


Создаем обои iPad с текстом-вышивкой


Шаг 20.


Теперь наш логотип превратился в последовательность стежков. Но края стежков необходимо округлить. На слое со стежками переходим в фильтр Медиана (Filter> Noise> Median) и устанавливаем радиус скругления в 1 рх.


Создаем обои iPad с текстом-вышивкой


Шаг 21.


Вы могли заметить, что фильтр соединил края некоторых стежков. Чтобы исправить это, используем Ластик (Eraser tool). Теперь, когда стежки подкорректированы, завершаем их выстраивание.


Создаем обои iPad с текстом-вышивкой


Шаг 22.


Переносим стежки в документ с тканью обоев (Ctrl+A, Ctrl+C, Ctrl+V), размещаем этот слой над слоем ткани и трансформируем его (Edit-Transform-Distort или Ctrl+T), создавая перспективу логотипа.


Посмотрите, как будет выглядеть надпись относительно горизонтальных и вертикальных направляющих.


Создаем обои iPad с текстом-вышивкой


Шаг 23.


Нам нужно приподнять швы над поверхностью ткани. Сделаем это при помощи фильтра Пластика (Filter> Liquify), добавляя швам небольшой изгиб. Открываем окно фильтра Пластика и выбираем инструмент Деформация (Forward Warp Tool). Устанавливаем плотность (Dencity) кисти на 99, а нажим (Pressure) на 10.


Создаем обои iPad с текстом-вышивкой


Шаг 24.


Начиная с размера кисти (Brush) 76 рх, устанавливаем курсор в центр стежка области изгиба буквы и подтягиваем немного вверх. Пройдитесь так по всем стежками, изменяя по мере необходимости размер кисти.


Создаем обои iPad с текстом-вышивкой


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


Создаем обои iPad с текстом-вышивкой


Шаг 25.


Чтобы наши стежки стали светлее, применим к слою с ними коррекцию Уровни (Image-Adjustment-Levels). Выполняем настройки коррекции со скриншота ниже, регулируя слайдеры выходных (Output) значений уровней:


Создаем обои iPad с текстом-вышивкой


Шаг 26.


Дублируем слой со швами (Ctrl+J) и применяем к нему фильтр Шум (Filter-Noice-Add Noice) со значением 100%. Затем, смягчаем шум, используя Размытие (Filter > Blur > Blur More). Этот прием добавит иллюзию грубоватой текстуры швов.


Создаем обои iPad с текстом-вышивкой


Шаг 27.


Объединяем оригинал и дубликат стежков вместе (Ctrl+клик по миниатюрам слоев, затем Ctrl+E), переименовываем полученный слой в «Стежки».


Создаем обои iPad с текстом-вышивкой


Шаг 28.


Чтобы добавить некоторый объем швам, используем настройки Тиснения (Bevel and Emboss) в стилях слоя (Layer-Layer Style- Bevel and Emboss).


Создаем обои iPad с текстом-вышивкой


Шаг 29.


Создаем копию слоя стежков (Ctrl+J) и называем его «Тень». Удаляем стили слоя с копии (клик пр.кн.мыши по миниатюре копии и выбираем пункт – Очистить стили слоя (Clear Layer Style)). Добавляем коррекцию Уровни (Image-Adjustments-Levels) на дубликат, чтобы сделать его черным. Выполняем настройки опции и размещаем этот слой ниже слоя со стежками.


Создаем обои iPad с текстом-вышивкой


Шаг 30.


Добавляем теневому слою Размытие по Гауссу (Filter-Blur- Gaussian Blur) с радиусом 14 рх, затем изменяем режим смешивания на Умножение (Multiply) с непрозрачностью (Opacity) 50%.


Создаем обои iPad с текстом-вышивкой


Шаг 31.


Создаем еще одну копию слоя со швами (Ctrl+J) и добавляем следующие стили слоя (Layer Sryle):


Тиснение (Bevel and Emboss):


Создаем обои iPad с текстом-вышивкой


Наложение цвета (Color Overlay):


Создаем обои iPad с текстом-вышивкой


Результат должен выглядеть примерно так:


Создаем обои iPad с текстом-вышивкой


Шаг 32.


Переименуем это слой в «Текстура стежков» и, пользуясь стрелками клавиатуры, сдвигаем его немного вверх и вправо.


Создаем обои iPad с текстом-вышивкой


Шаг 33.


Загружаем выделение слоя «Текстура стежков» (Ctrl+клик по иконке данного слоя).


Создаем обои iPad с текстом-вышивкой


Шаг 34.


Создаем новый слой (Ctrl+Shift+N) и заливаем его (Edit-Fill) белым цветом. Переходим в меню Filter-Noice-Add Noice и добавляем шум с суммой 87%. Затем, размываем этот слой (Filter> Blur> Blur) и устанавливаем режим смешивания на Экран (Screen) с непрозрачностью (Opacity) 35%.


Создаем обои iPad с текстом-вышивкой


Шаг 35.


Делаем еще один дубликат слоя «Стежки» (Ctrl+J). Удаляем стили слоя с дубликата и делаем его черным при помощи коррекции Уровни (Ctrl+L). Размещаем этот слой под слоем «Стежки» и применяем к нему Размытие по Гауссу (Filter-Blur-Gaussian Blur) с радиусом 1,8 рх. Устанавливаем непрозрачность (Opacity) тени на 71% и смещаем ее чуть вниз стрелками клавиатуры. Это сделает эффект шва на ткани более заметным.


Создаем обои iPad с текстом-вышивкой


Шаг 36.


Последнее, что осталось сделать – это добавить глубину резкости на изображение. Сначала сделаем копию слоев ткани и швов на одном слое. Выделяем все слои, кроме фонового (Ctrl+клик по миниатюрам слоев) и нажимаем Ctrl+Shift+Alt+E (Отпечатать видимые).


Создаем обои iPad с текстом-вышивкой


Шаг 37.


Создаем новый слой (Ctrl+Shift+N) и выбираем инструмент Градиент (Gradient tool) с зеркальным стилем (Reflected) черно-белого цвета. Проводим градиент от центра холста к углу.


Создаем обои iPad с текстом-вышивкой


Шаг 38.


Выделяем все (Ctrl+A) и копируем этот слой (Ctrl+C) и переходим в палитру «Каналы» (Channels Panel), она находится рядом со вкладкой «Слои» (Layers). Создаем новый слой (клик по иконке внизу палитры) в палитре каналов и вставляем (Ctrl+V) на него наше выделение. Мы будем использовать полученный альфа-канал для создания размытия при малой глубине резкости (Lens Blur).


Создаем обои iPad с текстом-вышивкой


Шаг 39.


Удаляем слой с градиентом, перетянув его на иконку корзины внизу панели слоев, он выполнил свою вспомогательную функцию. Выбираем объединенный слой и переходим в меню Фильтр-Размытие-Размытие при малой глубине резкости (Filter > Blur > Lens Blur). Выполняем настройки со скриншота ниже.


Создаем обои iPad с текстом-вышивкой


Заключение.

И, наконец, я в финале добавил эффект виньетки на изображение, затемнив края обоев. Ваши обои должны получиться вот такими:


Создаем обои iPad с текстом-вышивкой


Надеюсь, наш урок пополнил еще немного вашу копилку фотошоп-приемов. Ждем с нетерпением комментариев и результатов творчества. Удачи!



Обсудить урок на форуме




Категория: Уроки Фотошопа
Автор (переводчик): Stephen Petrany/Анастасия Суркова
Источник: Ссылка на источник скачиваний/переходов: 10




Рейтинг популярности: 2.2/5 (Всего оценок: 25)

Скачивание материала, добавление комментариев и общение на форуме доступно только для зарегистрированных пользователей