материалы: шрифт для урока можно скачать отсюда dafont.com,psd файл урока скачать
Шаг 1 - Настройка файла Photoshop
Откройте
фотошоп и создайте новый файл выбрав File> New из главного меню или
с помощью сочетания клавиш Ctrl-N,я создал файл 540px на 300px
размером, в 72 пикселей на дюйм и цвет фона белый.И напишите свой текст
если хотите можно использовать свой шрифт ,на данном этапе цвет шрифта
не имеет значения ,размер установите в 90 пикселей
Шаг 2 - преобразование текста в контуры
С
еще активным инструментом (текст) Т щелкните правой кнопкой мыши на
тексте и выберите в выпадающем меню "Создать рабочий контур" Пока наши
контуры не видны но вы можете выбрать инструмент выделение и выделить
их для того чтобы увидеть какие контуры мы создали.
Шаг 3 - переходим в Illustrator
Для
того чтобы перенести наши контуры в иллюстратор нам нужно скопировать
их нажав ctrl+с и вставить в уже открытый иллюстратор ,предварительно
создав документ с настройками ниже По
умолчанию наши контуры будут без цвета поэтому мы не сможем их увидеть
,нам нужно залить их цветом для этого перейдите из главного меню
Window> Color и установите цвета так как показано ниже Теперь
начинается самое интересное)) выберите в меню Effect> 3D> Extrude
и в открывшемся окошке щелкните на кнопочке fewer options для того что
бы расширить настройки редактирования нашего объекта, поставьте галочку
на пункте prewiew если хотите увидеть результаты нашего редактирования
и выставите настройки как показано ниже .Так как наши контуры не
совместимы с фотошоп их нужно конвертировать выберите в главном меню
Object> Expand Appearance это конвертирует наши 3d края в
собственные контуры сделав их совместимыми с фотошопом Шаг 6 - Возвращаемся в Photoshop
(* Примечание: Мы будем несколько раз переключатся между программами поэтому советую пока не закрывать иллюстратор)
Так
как наш обьект пока находится в иллюстраторе нам нужно переместить его
в фотошоп для этого мы опять копируем его в буфер обмена нажав ctrl+с и
перейдя в фотошоп вставляем клавишами ctrl+v выбрав в появившемся
окошке сохранить как смарт-объект это даст нам возможность
редактировать его и дальше .теперь если хотите вы можете удалить
изначальный текстовый слой и переименовать наш слой с 3d объектом Теперь
как я и сказал нам нужно вернутся в иллюстратор выберите наш текст и
щелкните на темной верхней стороне текста 3 раза а затем еще 1 раз для
того чтобы выбрать контуры нашего текста , заметьте что наш 3d текст
стал мутным это потому что мы перешли режим редактирования наших
контуров ,если вы все сделали правильно ваш документ должен выглядеть
как у меня Теперь
повторяем наше копирование контуров с последующей вставкой фотошоп как
я говорил выше .незабываем при сохранении выбрать смарт-объект теперь нажмите правой кнопкой мыши и выберите Blending Options для редактирования стилей слоя нашего смарт-объекта И
добавьте цвет # 323232 в вкладке наложение цвета ,теперь вы можете
увидеть наш 2в слой .используя инструмент перемещения переместите наш
2в слой поверх нашего 3d текста Шаг 9 - Создание стилей
Продублируйте
наш 2D текст # 1 текст переместите получившийся дубликат выше первого
2D # 1 текста ,и переименуйте его ,затем снова выберите наш первый 2D #
1 текст и перейдите в вкладку стилей и задайте нашему слою цвет
наложения белый Теперь
придадим нашему 3d тексту не много тени для этого выберите наш 2D текст
# 2 и выделите его нажав ctrl на клавиатуре и щелкнув по слою с текстом
.затем не снимая выделения создайте новый слой под нашим основным 3d
слоем и залейте его черным цветом затем перейдите в Filter>
Blur> Gaussian Blur и установите радиус размытия в 0.5 пикселей и
сметите нашу тень немного вниз и вправо Затем
продублируйте слой с тенью и используя инструмент перемещение зажмите
клавишу shift на клавиатуре увеличите наш дубликат тени на несколько
пикселей и выставите непрозрачность слоя в 60% для того что бы смягчить
эффект
вот
и все) я немного поигрался с фоном добавив еще текста и мягкого
градиента для создания полноценной композиции ,вы также можете
применить свою фантазию для создания еще лучшего эффекта используя этот
эффект текста в разработке лого и веб-дизайна
Автор: pshero
Ссылка на источник для вставки в своём блоге, форуме, сайте:
Главная страница
Всё для Фотошопа
Каталог уроков
Заведи питомца
Учебники онлайн
Наш Форум
Магазин
Топ авторов
Друзья сайта
Гостевая книга
Обратная связь
Онлайн игры
FAQ (вопрос/ответ)
