Создаем объемный текст в Adobe Photoshop - 17 Октября 2010 - Портфолио, методические материалы, развивающие игры

Категории раздела
Статистика


Код баннера
 
       

Главная » 2010 » Октябрь » 17 » Создаем объемный текст в Adobe Photoshop
17:37
Создаем объемный текст в Adobe Photoshop

Для выполнения этого урока не нужен клипарт. Все что нам понадобится это время и немного фантазии.

Начнем.

Шаг 1. Создадим новый рисунок размером 800 на 600 пикселей и назовем его «Объемный текст».


 Шаг 2. Создаем исходную надпись

Выберем инструмент Текст. Установите параметры текста по своему вкусу. Лично мне кажется, что для этого урока наиболее подходит шрифт Impact. Чтобы получилось красиво. Я выберу размер шрифта 200 пунктов, а цвет шрифта – голубой.

Маленькая подсказка: при выборе размера шрифта, по умолчанию максимальный – 72 пункта. Чтобы установить больший шрифт, просто «вручную» впишите нужное вам значение в окошко выбора размера.

 Шаг 3. Растеризуем текст с надписью.

Прежде чем начать трансформировать текст, нам нужно «растеризовать» слой с ним, т.е. сделать его обычным изображением. Без этого, мы не сможем двигаться дальше. Щелкнем правой кнопкой на слое с текстом, в окне слоев и выберем пункт «растеризовать тип» (Rasterize Type).

 Шаг 4. Производим трансформацию.

 Добавим эффект перспективы:

  1. выберем слой с текстом, просто щелкнув на нем в окне слоев.
  2. перейдем в меню Редактировать – Трансформация и выберем опцию Перспектива (Edit > Transform > Perspective)
  3.  Мы увидим, как вокруг текста появилась рамка трансформации. Щелкнем левой кнопкой мыши на нижней левой метке, и перетянем ее чуть вниз.

4. Мы видим, как трансформируется наша надпись. Главное – не переборщить.

5. Если вдруг трансформация не получилась как нужно, можно легко вернуть картинку в исходное состояние, нажав сочетание клавиш «CTRL+Z».

6. После того, как добьемся нужного эффекта перспективы,  для завершения трансформации нажмем клавишу «ENTER». В итоге у нас должно получиться примерно, так как на рисунке ниже

 


В продолжении шага 6 наклоним нашу надпись:

  1. Перейдем в меню Редактировать – Трансформация и выберем опцию (кто бы мог подумать!) Наклон (Edit > Transform > Skew)
  2. Появится уже знакомая нам рамка трансформирования. На этот раз «зацепив» нижнюю правую метку перетянем правее.

 

  1. Добьемся необходимого наклона текста, и нажмем клавишу «ENTER». В итоге у нас должно получиться примерно, так как на рисунке ниже

 

Шаг 4. Добавим объема.

Переходим к самому интересному.

Для начала, я кратко поясню, что мы будем делать дальше. Всем известно, что объемный объект можно представить себе как набор бесконечного количества «тонких» не пересекающихся двухмерных плоскостей. Что-то вроде многослойного бутерброда.

Мы можем сделать бутерброд «объемнее», если добавим на него большое количество тонких слоев колбасы, масла и так далее по вкусу.. 

Этим же принципом мы воспользуемся для придания объема нашему тексту.

Необходимо много раз скопировать текст и расположить «слои» текста так, чтобы они «лежали» друг на друге в соответствии с перспективой и наклоном.


  1. Воспользуемся окном слоев «Layers». Сейчас в нем два слоя – фоновый (background) и слой с нашим словом. Скоро слоев станет намного больше, поэтому советую растянуть окно слоев по высоте. 

 

  1. Для создания второго слоя нашего «бутерброда», скопируем исходный слой - Слово. Для этого щелкнем на нем правой кнопкой мыши и в открывшемся меню выберем Копировать слой (Duplicate Layer)

 

 

 
  1. Появится окно, предлагающее ввести имя нового слоя. По умолчанию ему дается имя «Слово copy». Чтобы не терять зря время, в этом окне всегда будем просто нажимать на кнопку «Ок» (или клавишу «ENTER»).

 

  1. Теперь в окне слоев уже два слоя со словом: Слово и Слово copy.

 

 

  1. Слой «Слово copy» – это еще одно двумерное изображение нашей надписи. Теперь его нужно правильно расположить. Выберем «Слово Copy» в окне слоев. Нажмем клавишу «V» и начнем перемещать надпись, используя стрелки на клавиатуре. Надпись можно перемещать и мышкой, но так мы не сможем добиться нужной точности! (пробуйте перемещать стрелками слово в разных направлениях, чтобы понять как это работает). Расположим новый слой надписи чуть повыше и правее первого.

 

Маленький совет: если содержимое слоя не двигается при нажатии стрелок на клавиатуре, проверьте, что в панели инструментов выбран инструмент «Move Tool».

 

  1. А дальше, вы, наверное уже и сами поняли. Скопируем созданный на предыдущем шаге слой «Слово Copy». Появится слой «Cлово Copy 2». Используя стрелки на клавиатуре, переместим его (надпись) еще чуть выше и чуть правее предыдущего слоя. Для получения правильного эффекта, мы должны расположить наши плоские надписи «лесенкой», cнизу вверх. Надписи сливаются из-за одинакового цвета? Так и должно быть, в конце мы исправим это.

 

 

 

  1. Таким же способом создадим еще несколько слоев. Не будем лениться, ведь чем больше слоев – тем объемнее текст. У меня получилось 15 слоев. Помните, что нужно располагать надписи лесенкой. Чем ровнее лесенка – тем качественнее будет результат

 

Маленький совет: вы можете скопировать и перемещать сразу несколько слоев). Просто выберете в окне Слои (Layers), удерживая клавишу «SHIFTt» сразу несколько соседних слоев. Скопируйте их. Получится сразу несколько новых слоев. Перемещать содержимое нескольких новых слоев  одновременно, при помощи стрелок. Это позволит сэкономить время и повысить точность работы. Иными словами, таким образом мы намазываем на «бутерброд» более толстые слои.

 


  1. Объединим все созданные слои с надписью кроме последнего «Слово Copy 10» в один слой. Для этого, в окне слоев выделим их, удерживая кнопки «SHIFT» или «CTRL, щелкнем на них правой кнопкой мыши и в открывшемся меню выберем Объединить слои (Merge Layers). Теперь у нас снова три слоя – фоновый, объединенный, и последний слой - «Слово Copy 10». Теперь нужно правильно раскрасить текст.

 

Шаг 5. Добавляем цвет.

Объем то теперь есть. Да вот только из-за того, что цвета слоев совпадают, выглядит наша надпись, мягко говоря, некрасиво.

 

1.   В окне слоев выберем второй слой (тот который мы получили объединением на предыдущем шаге).

2.   Выделим все содержимое этого слоя. Для этого в окне слоев нужно, удерживая клавишу «СTRL», щелкнуть по квадратику слева от названия слоя.

 

 

3.   Выберем на панели инструментов, инструмент Градиент (можно просто нажать клавишу «G»). Выберем тип градиента – линейный градиент («Linear Gradient») и цвета градиента по вкусу.

 

 

4.   Закрасим выделенную область градиентом и… Готово! Теперь самый верхний слой закрашен одним цветом, а «тело» надписи – другим. Таким образом нами создан эффект объема. Но это еще не все.

 

Шаг 6. Сглаживаем края

Вроде бы все готово. Но если посмотреть на нашу надпись вблизи, по-прежнему можно заметить «лесенку», которая осталась после многократного наложения слоев. Нам нужно ее убрать.

 

 

1.    В окне слоев выберем все три слоя с нашей надписью и объединим их в один (Merge Layers).

 

 

 

2.   Выделим содержимое получившегося слоя, щелкнув на квадратике слева от имени слоя и одновременно удерживая клавишу «СTRL».


3. Перейдем в меню Выделение->Модифицировать->Сглаживание (Select -> ModifySmooth)/ ->

 

4.      В открывшемся окне, поставим радиус равный 6 пикселям.

 

 

5.   Удалим все лишнее. Для этого следует инвертировать выделение. Перейдем в меню Выделение->Инвертировать (Select->Inverse) или просто нажмем сочетание клавиш «CTRL+ALT+I»


 

6.    Нажмем на клавишу «DEL». Края смягчились.

7.   Если «лесенка» по краям букв все еще заметна, можно повторить пункты 2-6 или, например, воспользоваться эффектом размытия для краев. Но об этом - в следующий раз.

Категория: Уроки | Просмотров: 1682 | Добавил: silvi310171 | Рейтинг: 5.0/2
Всего комментариев: 0
Имя *:
Email *:
Код *:
Поиск
Календарь
«  Октябрь 2010  »
ПнВтСрЧтПтСбВс
    123
45678910
11121314151617
18192021222324
25262728293031
Block title
Block content
Друзья сайта
  Веснушки      
Участник конкурса
 




Записки учителя.Сайт Татьяны Красновой © 2017
Бесплатный конструктор сайтов - uCoz