Добро пожаловать на наш форум!!!!



 
ФорумПорталКалендарьЧаВоПоискРегистрацияВход
Форум временно не работает. Полетели все уроки и большинство картинок, пытаемся восстановить.

Поделиться
 

 Урок №2 Создаём красочный текст

Перейти вниз 
АвторСообщение
Людмилочка
**************
**************
Людмилочка

Имя Имя : Людмила
Пол : Женщина
Зодиак : Дева Крыса
Сообщения : 113
Репутация : 7
Дата рождения : 1984-09-09
Дата регистрации : 2010-12-09
Возраст : 34
Откуда Откуда : г. Обнинск

Урок №2 Создаём красочный текст Empty
СообщениеТема: Урок №2 Создаём красочный текст   Урок №2 Создаём красочный текст Icon_minitimeЧт Фев 16, 2012 7:23 pm

В этом уроке автор продемонстрирует Вам, как можно «вручную» создать текст в Photoshop.
Ниже вы можете рассмотреть финальное изображение.
Урок №2 Создаём красочный текст AcXfdMRy

Материалы необходимые для прохождения урока.
Белый цветок
Желтый цветок

Работа с Контурами.
Для того чтобы создать круглый Контур (Рath) и обвести его Кистью (Brush), для начала мы используем инструмент Эллипс (Ellipse Tool).
Активируйте этот инструмент и на панели настроек включите опцию Контуры (Рath). С помощью этой опции вы создадите контур фигуры, но без неё самой. Удерживая клавишу Shift, создайте идеальный круг.
Урок №2 Создаём красочный текст WfyXRyns

Теперь выберите инструмент Кисть (Brush), большую и с жесткими краями. Чтобы вызвать окно настроек кисти, нажмите клавишу F5. Установите опцию Интервал (Spacing) до 10% и деактивируйте опцию Динамика формы (Shape Dynamics).
Урок №2 Создаём красочный текст PLyPZT2N

Создайте новый слой и с активным инструментом Кисть (Brush) нажмите комбинацию клавиш Alt + Enter. Благодаря этому действию, вы получите обводку контура, которая будет соответствовать настройкам кисти.
Урок №2 Создаём красочный текст S2l7a3xT

Теперь выберите инструмент Стрелка Урок №2 Создаём красочный текст V0VVYAtI (Direct Selection Tool) или попросту белую стрелку. Как видите, ни одна из опорных точек на контуре сейчас не видна, но если щелкнуть по контуру белой стрелкой, то появятся опорные точки. Нажмите на контур между опорными точками и удалите часть контура с помощью клавиши Delete.
Создайте новый слой, возьмите инструмент Кисть (Brush), выберите темный цвет и нажмите Alt + Enter, чтобы обвести контур, который вы только что создали.
Урок №2 Создаём красочный текст EHHPjWHe

Активируйте инструмент Перо (Pen Tool) и добавьте опорные точки на контуре, как показано ниже.
Урок №2 Создаём красочный текст 621cS63u

С помощью инструмента Стрелка (Direct Selection Tool) выделите и удалите крайние точки контура.
Урок №2 Создаём красочный текст MqXQ4SAE
Урок №2 Создаём красочный текст UL6UJRQO

Теперь активируйте инструмент Кисть (Brush), выберите цвет темнее, создайте новый слой и нажмите комбинацию клавиш Alt + Enter, чтобы сделать обводку контура.
Урок №2 Создаём красочный текст 1NbEcD8M

Как видите, мы просто редактируем исходный контур, удаляя опорные точки. Это позволяет нам аккуратно редактировать форму и создавать интересный эффект. Это базовая техника урока. Всегда проверяйте, чтобы новая форма создавалась на новом слое.
Еще одно замечание: после удаления одной опорной точки, все остальные точки будут автоматически активны, поэтому, для того, чтобы выбрать какую-нибудь другую нужную опорную точку, нужно щелкнуть мышкой за пределами контура, чтобы снять выделение всех точек, и тогда выбирать одну из желаемых точек с помощью инструмента Стрелка (Direct Selection Tool).
Урок №2 Создаём красочный текст IfHTuDUm
Урок №2 Создаём красочный текст MqPyV7VA

Шаг 1. Создайте новый документ 1600 пикселей в ширину и 1200 пикселей в высоту при разрешении 72 пиксела на дюйм. Заполните фоновый слой темно-фиолетовым градиентом # 392354 - # 593b70.
Урок №2 Создаём красочный текст NWLVq1Ww

Выберите инструмент Эллипс Урок №2 Создаём красочный текст RHTZVWTV (Ellipse Tool) и включите палитру Контуров (Path). Удерживайте Shift и создайте круг. Перейдите к палитре контуров и назовите рабочий контур Base, дублируйте его. С копией будете работать дальше, а оригинал пока оставьте.
Урок №2 Создаём красочный текст UZH7ffS3

Теперь мы создадим букву "С", используя инструмент Перо (Pen Tool). Добавьте две опорные точки, а затем удалить узловую точку между ними.
Урок №2 Создаём красочный текст ZnLUeBYo

Выберите инструмент Кисть (Brush) размером 80 пикселей. Создайте новый слой и нажмите Alt + Enter, чтобы создать обводку контура. Позаботьтесь о том, чтобы не удалить этот контур, он вам понадобится позже.
Урок №2 Создаём красочный текст T9OxhSUI

На панели контуров, выберите оригинальный контур Base , дублируйте его и переместите копию правее. Это будет буква "О". Для перемещения контура используйте инструмент Выделение контура «чёрная стрелка» (Path Selection Tool).
Урок №2 Создаём красочный текст 7qVvSmUk

А теперь, как и раньше, активируем инструмент кисть, создаём новый слой и жмём Alt + Enter. Получаем обводку контура для буквы О.
Урок №2 Создаём красочный текст WxTIIR6j

Дублируем букву О.
Урок №2 Создаём красочный текст C156h3Wg

Теперь создаем букву "L". Создайте две направляющие, чтобы отметить границы оригинального контура Base. Используя инструмент Перо (Pen Tool) и удерживая клавишу Shift, создайте контур.
Примечание переводчика: Для того чтобы создать направляющие, в данном случае можно включить Линейки (Rulers) CTRL + R и, направив курсор на шкалу, потянуть мышкой и вытащить направляющую.
Урок №2 Создаём красочный текст WqC13URC

Снова, как и раньше, активируем инструмент кисть, создаём новый слой и жмём Alt + Enter. Получаем обводку контура для буквы.
Урок №2 Создаём красочный текст EU85H26w

Сделайте то же самое для создания второй части буквы "L".
Урок №2 Создаём красочный текст T9H4F6iX

Теперь организуйте слои, как показано ниже, каждую букву в отдельную папку.
Урок №2 Создаём красочный текст AA3w5Iag

Шаг 2. Теперь, когда у нас есть все буквы, мы начнём делать слоистые формы внутри каждой буквы. Используйте Обтравочную маску (Clipping Mask) для каждого нового слоя. В панели контуров выберите контур буквы "C", дублируйте его и начните редактировать контур для создания форм. Для обводки контура используйте серые тона, конкретными цветами мы займёмся позже.
Примечание переводчика: Для того чтобы создать обтравочную маску, кликните правой кнопкой мышки по слою и выберите опцию Создать обтравочную маску (CreateClippingMask).
Урок №2 Создаём красочный текст NU7GETlZ
Урок №2 Создаём красочный текст FPX2ptIE

Начнём добавлять цвета! Выберите слой с буквой "C", и в стилях слоя добавьте Наложение градиента (Gradient Overlay). В параметрах наложения отключите опцию Наложение обтравочных слоёв как группы (Blend Clipped Layers as Group) и включите опцию Наложение внутренних эффектов как группы (Blend Interior Effects as Group).
Используйте градиент # ff0096 - # c20049.
Урок №2 Создаём красочный текст W7VGOyU0
Урок №2 Создаём красочный текст MO4Sdwe3

Примените Наложение градиента (Gradient Overlay) для каждой формы, как показано ниже. Обратите внимание на углы градиентов.
1. # Ffd200 - # e900ba
2. # 4a6d00 - # b1d603
3. # 4a6d00 - # eaf900
4. # 00dbef - # c8db00
Урок №2 Создаём красочный текст DnUCVuM1

Возьмите большую мягкую кисть, установите Непрозрачность (Opacity) до 50%. Создайте новый слой под каждую фигурой и нарисуйте тени черным цветом.
Урок №2 Создаём красочный текст VjuWtVIY

Выберите снова контур с буквой "C", используя инструмент Выделение контура «чёрная стрелка» (Path Selection Tool)и с помощью комбинации клавиш CTRL + T сделайте его меньше. В настройках кисти поставьте размер 40 пикс., Жёсткость (Hardness) 100%. Теперь на новом слое сделайте обводку контура Alt + Enter.
Добавьте этой фигуре градиент # fb3a7e - # 442b5d и поместите её под верхней формой.
Урок №2 Создаём красочный текст 5IWfsUS7

Проделайте снова предыдущие действия, чтобы создать еще одну небольшую фигуру. Градиент для этой фигуры добавьте в стилях слоя - # e80079 - # ff6481.
Урок №2 Создаём красочный текст 7om4m1mM

Расположите первую созданную небольшую фигуру в палитре слоёв под второй большой фигурой, а только что созданную, под самой верхней (смотрите скриншот) Для этих двух фигур в стилях слоя добавьте Тень (Drop Shadow). Используйте настройки на скриншоте ниже.
Мы закончили с буквой "C", но у нас остались ещё 3!
Урок №2 Создаём красочный текст Lv42bgji

Шаг 3. Теперь повторите аналогичные шаги для других букв. Вы можете экспериментировать с контурами и создавать различные формы. Используйте те же градиенты, что мы применяли для буквы "С", чтобы сохранить единую композицию цветов. Вы можете проследить за шагами автора на скриншоте.
Урок №2 Создаём красочный текст KHZK5Q46

После того как автор закончил с первой буквой О, ему не понравилась небольшая тёмная фигура внизу и он удалил её.
Урок №2 Создаём красочный текст FNT5Cy1O

Процесс создания второй буквы О.
Урок №2 Создаём красочный текст 0PWA5dWM

Теперь буква L. Она создаётся очень просто.
Урок №2 Создаём красочный текст 3OrOtlQv

Шаг 4. Наконец то нас есть все 4 буквы, и мы можем разместить их в красивой круглой композиции. Используйте Свободную трансформацию (Free Transform Tool - Ctrl + T), чтобы повернуть и расположить каждую букву.
Урок №2 Создаём красочный текст ZmrS9dW1

Давайте добавим буквам блики. Для этого создайте небольшой контур и обведите его, настроив кисть размером в 15 пикс. с жесткими краями. А также один раз щёлкните кисточкой, чтобы оставить рядом белую точку.
Урок №2 Создаём красочный текст 6ch3y2YR

Таким способом добавьте блики для всех букв, как показано ниже на скриншоте. Для некоторых бликов установите режим наложения Перекрытие (Overlay) и примените разную Непрозрачность (Opacity).
Урок №2 Создаём красочный текст 2acEEVCv

Шаг 5. Создайте несколько фигур вокруг букв. Придайте им такие же градиенты, как и буквам. Легкий способ сделать это, нажать правой кнопкой мыши на настроенном слое и выбрать опцию Скопировать стиль слоя (Copy Layer Style). Затем сделайте активным нужный слой с фигурой, и также, нажав правой кнопкой мыши, выберите опцию Вклеить стиль слоя (Paste Layer Style).
Урок №2 Создаём красочный текст Tir1fcOr

Шаг 6. Теперь выберите инструмент Многоугольник Урок №2 Создаём красочный текст 9D2i6Ebd (Polygon Tool), убедитесь, что он находится в режиме Слой фигура (Shape). Установите в настройках количество сторон равное трём, а также активируйте опцию Сгладить внешние углы (Smooth Corners).
Урок №2 Создаём красочный текст J2xyDNY6

Установите цвет переднего плана на # 754a9a, и создайте несколько треугольников с различными размерами вокруг букв.
Урок №2 Создаём красочный текст Cxm6KT9j

Активируйте инструмент Эллипс Урок №2 Создаём красочный текст YsO55pRS (Ellipse Tool), установите цвет переднего плана на белый, и также создайте различные кружки вокруг букв.
Урок №2 Создаём красочный текст ZRSeSJgT

Раскрасьте их различными градиентами, которые вы использовали для букв. Примените к некоторым кружкам стиль слоя Обводка (Stroke), убрав в палитре слоёв этому слою с кружком Заливку (Fill). На скриншоте ниже показаны эти настройки. Выберите еще несколько кружков, перейдите в меню Фильтр – Размытие – Размытие по Гауссу (Filter- Blur- Gaussian Blur), и в настройках установите радиус около 2,6 пикселей.
Урок №2 Создаём красочный текст KBtVIjLS

Шаг 7. Теперь позаботимся о фоне. Создайте новый слой выше фонового слоя и большой мягкой кисточкой рисуйте таким цветом # ff02ea.
Урок №2 Создаём красочный текст B8JagKo8

Этому слою установите режим наложения Мягкий свет (Soft Light).
Урок №2 Создаём красочный текст 7YvlTKvU

Уменьшите размер кисти и нарисуйте тени чёрным цветом.
Урок №2 Создаём красочный текст TLRdUTT8

Слою с тенями также установите режим наложения Мягкий свет (Soft Light).
Урок №2 Создаём красочный текст 4Tgar7oT

Шаг 8. Создайте новый слой поверх всех остальных слоев, нажмите клавишу D для установки цвета переднего плана и цвета фона по умолчанию, то есть на черный и белый. Перейдите в меню Фильтр – Рендеринг - Облака (Filter- Render- Clouds).
Урок №2 Создаём красочный текст 51iFxFpc

Теперь идите в меню Фильтр – Шум – Добавить шум (Filter- Noise- Add Noise). В окне настроек фильтра отметьте опции: Равномерная (Uniform) и Монохромный (Monochromatic). Установите значение Эффекта (Amount) около 26%.
Урок №2 Создаём красочный текст 4KPTbRxp

Снова перейдите в меню Фильтр – Размытие – Размытие по Гауссу (Filter- Blur- Gaussian Blur), и в настройках установите радиус около 0,5 пикселей.
Урок №2 Создаём красочный текст Z1DNan3O

Установите этому слою режим наложения Затемнение основы (Color Burn) и уменьшите Непрозрачность (Opacity) до 20%.
Урок №2 Создаём красочный текст T1ZY4Bnj

Шаг 9. Активируйте инструмент Прямоугольник (Rectangle Tool), удерживая клавишу Shift, создайте черный квадрат. Поверните его на 45 градусов. Используя инструмент Выделение контура «чёрная стрелка» (Path Selection Tool), удерживая клавиши Alt + Shift, переместите квадрат. Так вы создадите копию формы. Дублируя квадраты, заполните весь фон.
Урок №2 Создаём красочный текст Cm6xAExL

Шаг 10. Теперь добавим несколько изображений с цветами. Автор нашел их на ресурсе Deviantart, они являются прозрачными PNG файлами, поэтому, все что вам нужно сделать, просто перетащить и поместите их в вашем основном документе. Добавьте каждому цветочку в стилях слоя Тень (Drop Shadow). Автор также размыл фильтром один из цветочков.
Урок №2 Создаём красочный текст M7aYlrRL

Шаг 11. Последний штрих. Создайте новый слой поверх всех слоев. Установите основной цвет - черный. Активируйте инструмент Градиент (Gradient Tool). Выберите градиент от черного к прозрачному, радиальный, и на панели настроек инструмента поставьте опцию Инверсия (Reverse). Проведите градиент от середины документа к краям.
Урок №2 Создаём красочный текст 4gE3dUD4

Установите режим наложения этому слою Мягкий свет (Soft Light).
Урок №2 Создаём красочный текст I7B5ZXTP

Вот теперь работа по уроку готова и вы можете посмотреть окончательный результат.
Урок №2 Создаём красочный текст B1f66a8ed599

Урок взят отсюда
Успехов!

_________________
Урок №2 Создаём красочный текст Line
Урок №2 Создаём красочный текст Line
Вернуться к началу Перейти вниз
 
Урок №2 Создаём красочный текст
Вернуться к началу 
Страница 1 из 1

Права доступа к этому форуму:Вы не можете отвечать на сообщения
 :: Учимся вместе :: Уровень 10-
Перейти:  
Создать форум | © phpBB | Бесплатный форум поддержки | Контакты | Сообщить о нарушении | Вход