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

Металлический 3D текст


Большинство из вас, наверное, знает тех, кто создавал удивительный текст с помощью 3D программ. Но что же делать, если у вас нет такой программы, а нужно сделать печатный 3D-текст? В этом уроке вы узнаете, как создать векторный объемный металлический текст с использованием только программы Фотошоп. Итак, проверим!

Превью финального результата:


Металлический 3D текст


Шаг 1.


Начнем с создания Нового документа (Сtrl+N) размером 1500х1500 рх с разрешением 300 пикс/дюйм. Создаем новый слой (Ctrl+Shift+N) , называем его «3D текст первый». Теперь активируем инструмент Текст (Type Tool ) и большими буквами пишем любой текст. Не переживайте, если ваш текст выходит за рамки холста, т.к. буквы должны быть весьма большие. Дальше мы будем растрировать этот слой и искажать наш текст.


Металлический 3D текст


Шаг 2.


Теперь щелкните правой кнопкой мыши по строке слоя с текстом и в выпадающем меню выберите – Растрировать текст (Rasterize Type) . Затем переходим в Редактирование-Трансформирование-Искажение (Edit> Transform> Distort ) и создаем перспективу для текста путем перетаскивания углов рамки, как на скриншоте ниже. Сделайте ваш текст немного меньше (Ctrl+T) , таким образом, текст не будет размытым, и вы не потеряете его качества.


Совет: если вы недостаточно исказили текст и его края выглядят нечетко, используйте Фильтр-Резкость- Резкость на краях (Filter > Sharpen > Unsharp Mask) и увеличьте объем написанного.


Металлический 3D текст


Шаг 3.


Далее дублируем слой с текстом (Ctrl+J) и называем его «3D текст последний». Активируем инструмент Перемещение (Move) и, используя стрелки на клавиатуре, передвигаем дубликат немного выше оригинала. В моем случае это было перемещение на 16 рх вверх и 2 рх вправо.


Металлический 3D текст


Шаг 4.


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


Металлический 3D текст


Шаг 5.


Теперь выключите видимость слоев «3D текст первый» и «3D текст последний». Выберите слой «3D текст первый копия» и сделайте около 60 копий (Ctrl+J) этого слоя. Затем выберите слой «3D текст последний копия» и, удерживая клавишу Shift, левой кнопкой мыши сделайте клик по нему. Далее, не отпуская Shift, cпуститесь вниз палитры слоев и второй клик ЛКМ сделайте по слою «3D текст первый копия». Это действие выделит все 60 копий. Теперь нажимаем правой кнопкой мыши на выделенных слоях и выбираем опцию «Связать слои» (Link Layers) . После связывания, вы увидите значок скрепки на миниатюре каждого дубликата.


Металлический 3D текст


Шаг 6.


Активируем инструмент Перемещение (Move) и выбираем слой «3D текст последний копия». Переходим на верхнюю панель установок и нажимаем на опцию «Распределение центров по вертикали» (Distribute Vertical Centers) и «Распределение центров по горизонтали» (Distribute Horizontal Centers) . Теперь ваши буквы приобрели красивый объем. Далее, выделим все связанные слои, и объединим их (Ctrl+E) . Назовем этот слой «3D текст объединенный».


Металлический 3D текст


Шаг 7.


Переходим на слой «3D текст последний» и двойным щелчком мыши по строке слоя открываем окно «Стилей слоя» (Layer Style) . Добавляем Наложение градиента (Gradient Overlay) с такими цветами: #1a3236 to #cffffb. Настройте угол так, чтобы верх букв был темнее, а низ осветлен.


Металлический 3D текст


Шаг 8.


В палитре слоев выбираем «3D текст объединенный» и выключаем его видимость. Далее, удерживая Ctrl, щелкаем по иконке слоя, чтобы загрузить выделение. Создаем Новый слой (Ctrl+Shift+N) выше предыдущего и называем его «3D текст цветной» и заливаем цветом # a6e6fe. Снимаем выделение (Ctrl+D) .


Металлический 3D текст


Шаг 9.


Открываем «Стили слоя» для цветного слоя. Выбираем «Наложение Градиента» (Gradient Overlay) . Щелкаем по самому градиенту и в меню наборов выбираем второй градиент «От основного к прозрачному» (Foreground to Transparent) . Устанавливаем цвета в такой последовательности: #000000, #4a4747, #ffffff, #262626, #ffffff, и #000000. Изменяем угол (123). Как видите, градиент проходит через весь центр текста, что и будет нашим освещением.


Металлический 3D текст


Металлический 3D текст


Шаг 10.


Некоторые места и верхняя часть букв выглядит очень ярко, поэтому создадим легкую тень на тексте. Удерживая Alt, щелкаем левой кнопкой мыши по иконке слоя «3D текст цветной», загрузив его выделение. Затем создаем Новый слой (Ctrl+Shift+N) выше предыдущего цветного и называем его «Тени». Настраиваем цвет переднего плана на #1a3236 или темнее, берем Кисть (Brush) c нажимом около 30%, жесткостью 0% и рисуем. Как только вы сделали тень, отменяем выделение (Ctrl+D) .


Металлический 3D текст


Металлический 3D текст


Шаг 11.


Придадим нашему тексту качественный вид. Идем в палитру слоев и, удерживая Alt, щелкаем по иконке слоя «3D текст последний», загрузив его выделение. Создаем новый слой поверх всех слоев и называем его «Яркие линии». Активируйте инструмент «Прямоугольное выделение» (Rectangular Marquee Tool) и щелкните правой кнопкой мыши на изображении, выбрав опцию «Обводка» (Stroke) . Настраиваем ширину в 1 рх, цвет обводки – белый и расположение – по центру. Берем большой жесткий Ластик c нажимом около 30%. Затем стираем все, кроме мест, указанных стрелками.


Металлический 3D текст


Шаг 12.


Когда вы закончите стирание, дублируйте слой «Яркие линии» (Ctrl+J) , снизьте его непрозрачность, и объедините два слоя: оригинал и дубликат (Ctrl+E) . Вы можете переключаться на черный фон, чтобы проверить качество удаления частиц обводки. Если вас что-то не устраивает, подкорректируйте изображение. У вас должно получиться нечто похожее на изображение ниже:


Металлический 3D текст


Шаг 13.


Теперь перейдите в низ палитры слоев, выберите слой «3D текст первый» и переименуйте его в «Низ тени 1», сделав двойной клик по надписи. Дублируйте его (Ctrl+J) , назвав дубликат «Низ тени 2». Добавьте Фильтр-Размытие-Размытие по Гауссу (Filter > Blur > Gaussian Blur) с радиусом 3 рх к дубликату.


Металлический 3D текст


Шаг 14.


Активируем инструмент Перемещение (Move) и стрелками на клавиатуре сдвигаем размытие тени на 5 рх влево. Тем самым мы создадим иллюзию внутренней тени на изогнутых местах букв. Нам не нужны внешние части созданной тени, поэтому Ластиком (Eraser) c мягкими краями стираем ненужное.


Металлический 3D текст


Металлический 3D текст


Шаг 15.


Теперь возвращаемся на слой «Низ тени 1» и идем во вкладку Фильтр-Размытие-Размытие по Гауссу (Filter > Blue > Gaussian Blur) . Настраиваем радиус в 2 рх. Затем, активируя Перемещение (Move Tool) , стрелками курсора передвигаем слой на 2 пикселя вниз и 2 пикселя вправо. Пусть тень охватывает все пространство под буквами. Края тени должны быть очень тонкими.


Металлический 3D текст


Шаг 16.


Здорово, мы сделала наш текст действительно выделяющимся. Теперь в палитре слоев, удерживая Alt, щелкаем по миниатюрам слоев: «Яркие линии», «3D текст последний», «Тени» и «3D текст цветной», выделив их. Теперь перетащите выделенные слои на иконку «Нового слоя» внизу палитры слоев (лист с согнутым краем). Далее объединяем получившиеся копии (Ctrl+E) и называем этот слой «Отражение». Помещаем его на самый верх и отключаем видимость (это очень важно!).


Металлический 3D текст


Шаг 17.


Выключаем фоновый слой или удаляем его, он нам не пригодится. Переходим в Изображение - Объединить видимые (Image > Merge Visible) и называем полученный слой «Текст». Располагаем его выше слоя «Отражение». Как видите, у нас есть два аналогичных слоя с небольшой разницей: у «Текста» есть тень, а у «Отражения» нет. Будем работать пока со слоем «Текст», «Отражение» выключим.


Давайте придадим нашим буквам высококачественный вид. Выбираем слой «Текст» и дублируем его (Ctrl+J) . Изменяем режим смешивания для этого дубликата на Перекрытие (Overlay) и снижаем непрозрачность до 63%. Переходим в Изображение-Коррекция-Карта Градиента (Image-Adjustment-Gradient Map) и выбираем из набора черно-белый градиент.


Металлический 3D текст


Шаг 18.


Делаем еще один дубликат слоя «Текст» (Сtrl+J) и помещаем его выше всех слоев. Называем его «Резкость краев» и изменяем режим смешивания для него на «Жесткий свет» (Hard Light) . Теперь идем в Фильтр-Другие-Цветовой контраст (Filter > Other > High Pass) и выставляем радиус от 1 до 2 рх. Снижаем непрозрачность этого слоя до 60-70%.


Металлический 3D текст


Шаг 19.


Создаем Новый слой (Ctrl+Shift+N) ниже всех слоев и называем его «Поверхность». Нажимаем D на клавиатуре для установки цвета по умолчанию. Активируем Градиент (Gradient Tool) и протягиваем его сверху вниз через все полотно. Можете установить его начало за пределами документа. Теперь переходим в Редактирование-Трансформирование-Искажение (Edit > Transform > Distort) и для нашей поверхности создаем перспективу, потянув за узлы рамки. Она не должна получиться идеальной. Поэтому, когда вы закончите, воспользуйтесь инструментом «Кадрирование» (Crop Tool) и аккуратно обрежьте края поверхности.


Металлический 3D текст


Металлический 3D текст


Шаг 20.


Мне кажется мой текст слишком ярким, поэтому я использовал коррекцию «Яркость/Контраст» (Image > Adjustments > Brightness/Contrast) . Настройки опции даны ниже:


Металлический 3D текст


Шаг 21.


Следующим этапом переходим в самый низ панели слоев и создаем Новый слой (Ctrl+Shift+N) выше слоя «Поверхность». Называем его «Стекло». Заливаем слой цветом #3f3f3f. Переходим в Фильтр-Шум-Добавить шум (Filter > Noise > Add Noise) и выполняем следующие настройки: Эффект – 28%, Распределение по Гауссу, Монохромный.


Металлический 3D текст


Шаг 22.


Далее применяем Фильтр-Размытие-Размытие в движении (Filter > Blur > Motion Blur) (настройки ниже). Изменяем режим смешивания для этого слоя на Перекрытие (Overlay) и снижаем непрозрачность до 50%. Активируем Ластик (Eraser) c мягкими краями и 20% нажимом, стираем части размытого шума. Далее стираем места вокруг текста для придания небольшой глубины стеклянной поверхности.


Металлический 3D текст


Шаг 23.


В заключении, я решил немного подкрасить наше изображение. Для этого щелкаем внизу палитры слоев иконку Корректирующих слоев (черно-белый кружок) и выбираем Цветовой тон/Насыщенность (Hue/Saturation) . Активируйте флажок в окне «Тонирование» (настройки ниже).


Далее выбираем слой «Отражение» и снижаем его непрозрачность до 20-30%. Переключаемся на инструмент Перемещение (Move) и стрелками курсора смещаем слой на несколько пикселей вниз, создавая красивое отражение. Теперь добавим маску слоя (Layer Mask) и мягкой черной кистью удалим излишки отражения внизу.


Металлический 3D текст


Вот и все! Спасибо за чтение урока. Надеюсь, вы узнали для себя что-то новое.


Металлический 3D текст


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




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




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

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