• Авторизация
Дневник Natasha_55 Лента друзей - Дневник - Полная версия


Текст в виде скрученной ленты 02-06-2014 14:40 к комментариям - к полной версии - понравилось!


В этом уроке Вы узнаете, как создать текст в виде скрученной ленты, а затем украсить ленту тонкой золотистой полоской. Для создания ленты мы будем использовать простые фигуры и наложение градиента, которое будет охватывать весь текст с применением маленьких хитростей и секретов. После этого мы добавим золотистую полоску в центр нашей ленты, а затем Вы узнаете, как изменить цвет финального результата.
Финальный результат

[показать]
Параметры урока:
- Программа: Adobe Photoshop CS6, но Вы можете использовать версии СS3 и выше
- Сложность урока: средняя

Материалы урока:
- Шрифт ETH
- Текстура
- Узор плитки

Шаг 1


Создайте новый документ размером 1100 х 750 пикселей. Установите цвет переднего плана #fdfdfd, а цвет фона #9e9a97. Возьмите инструмент Gradient Tool / Градиента и выберите радиальный градиент (Radial). Щелкните кнопкой мышки в центре документа и перетащите курсор к одному из углов работы, после чего продублируйте фоновый слой.

[показать]

Дважды щелкните по копии фонового слоя и настройте параметры Pattern Overlay / Наложение узора. Используйте текстуру из материалов урока в качестве узора и измените режим наложения на Linear Burn / Линейный затемнитель.

[показать]

Что позволит добавить фону легкого едва различимого узора.

[показать]

Добавьте в работу текст, используя шрифт ETH (Черный). Текст будет служить нам ориентиром, поэтому напишите его ярко-голубым цветом для большего контраста с создаваемыми в последствии буквами из скрученной ленты.
Параметры текста:
Кегль – 330 пунктов
Трекинг – 75
Интерлиньяж – 250 пунктов (если текст написан в две строки)

[показать]

Шаг 2


Создайте еще один новый документ размером 300 х 300 пикселей. Активируйте инструмент Rectangle Tool / Прямоугольник и создайте прямоугольник в центре документа черным цетом и размером 160 х 102 пикселя.

[показать]

Выберите Direct Selection Tool / Стрелка, затем щелкните курсором и перетащите прямоугольник так, чтобы выделить две левые опорные точки прямоугольника.

[показать]

Используя стрелку вниз на клавиатуре, опустите левые опорные точки. Далее выделите две правые опорные точки и клавишей стрелки вверх переместите опорные точки вверх. Добейтесь результата, который предлагает автор ниже.
[показать]

Выберите инструмент Add Anchor Point Tool / Инструмент "Перо+" (Добавить опорную точку). Щелкните мышкой по контуру прямоугольника рядом с левой верхней опорной точкой для того, чтобы добавить новую опорную точку.
[показать]

Щелкните курсором еще три раза и добавьте еще три опорные точки так, как показано ниже.

[показать]

Далее с помощью инструмента Direct Selection Tool / Стрелка переместите опорные точки так, чтобы получилась фигура, как у автора ниже.

[показать]

Шаг 3


Измените цвет заливки фигуры на #b23636.

[показать]

Дважды щелкните по слою с фигурой и поставьте галочку у параметра Gradient Overlay / Наложение градиента. Измените режим наложения на Overlay / Перекрытие, выберите градиент от белого к черному, измените стиль градиента на Reflected / Зеркальный и понизьте значение угла градиента до -5 градусов. Вы также можете использовать другие значения, если хотите что-то изменить в результате.

[показать]

Мы получаем объемную изогнутую ленту.

[показать]

Продублируйте слой-фигуру и измените цвет заливки на #2f1616.

[показать]

Дважды щелкните по копии слоя-фигуры, перейдите к параметру Gradient Overlay / Наложение градиента и измените угол до -27 градусов, а масштаб увеличьте до 150%.

[показать]

Выберите Edit –Transform – Flip Vertical / Редактирование – Трансформирование сегментов – Отразить по вертикали.

[показать]

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

[показать]

Выделите две слой-фигуры и перейдите Edit – Transform – Scale / Редактирование – Трансформирование – Масштаб. Уменьшите масштаб так, чтобы лента помещалась в пределах нашего документа. Нажмите клавишу Enter для того, чтобы применить изменения.

[показать]

Шаг 4


Не снимая выделения с двух слоев выберите Layer – Duplicate Layers / Слои- Дубликат слоев, а затем выберите в появившемся окне название Вашего документа.
Сохраните документ (File – Save / Файл – Сохранить) и закройте его (File – Close / Файл – Закрыть) для того, чтобы вернуться в первоначальной работе.

[показать]

Растрируйте каждый слой фигуру, для чего поочередно щелкните по слою правой кнопкой мышки и выберите Rasterize Layer Style / Растрировать стиль слоя.
Если у Вас версия программы старше CS6, то Вам нужно будет поместить каждый слой в новую группу (Layer – Group Layers / Слои –Сгруппировать слои), а затем выберите получившиеся группы и нажмите Layer – Merge Group / Слои – Объединить группы.
Это позволит сохранить угол градиента при дальнейшем изменении положения фигур.

[показать]

Выделите оба слоя, затем перейдите Edit – Transform – Scale / Редактирование – Трансформация – Масштаб и уменьшите масштаб так, чтобы ширина ленты совпадала с шириной буквы. Нажмите клавишу Enter для применения масштабирования.

[показать]

Продублируйте оба слоя, а затем слейте их, выбрав Layer – Merge Layers / Слои – Объединить слои. Таким образом, мы создали завиток, которым заполним буквы.

[показать]

При заполнении букв для удобства Вы можете отключать видимость некоторых слоев, для чего нужно нажать на иконку глаза слева от миниатюры слоя.
Если Вам снова понадобится увидеть «невидимые слои», то включите их отображение, снова нажав на иконку глаза.

[показать]

Шаг 5


При размещении завитков ленты особое внимание уделите порядку слоев - в начале и конце буквы завитки должны хорошо вписываться в размер буквы.

[показать]

Для удобства пермещения завитков ленты используется:
Edit – Transform – Rotate / Редактирование – Трансформирование – Поворот – для поворота завитка
Edit – Transform – Flip Vertical / Редактирование – Трансформирование – Отразить по вертикали – для изменения положения завитка
Вы также можете использовать инструмент Erazer Tool / Ластик для того, чтобы стереть выступающие части завитков ленты.

[показать]

Как только Вы заполните одну букву завитками ленты, так сразу объедените все завитки этой буквы в отдельную группу.

[показать]

Ниже показана подсказка, как удачно разместить завитки на букве О. Расположите один завиток в верхней горизонтальной части буквы, при этом светлая часть завитка должна остаться слева. Затем продублируйте слой с завитком, перейдите в режим вращения и сместите копию завитка на 36 градусов и состыкуйте края с предыдущим завитком, после чего нажмите клавишу Enter.

[показать]

Нажмите Alt + Ctrl + Shift + T несколько раз до полного замыкания круга буквы завитками.

[показать]

Нажмите CTRL+клик по миниатюре первого завитка буквы для создания выделения слоя.

[показать]

Это сообщение отредактировал ash - 22 Апреля 2014, 11:46 ключевые слова: эффект фотошоп текст лентой

(32x32, 3Kb)

Ралиона
вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Текст в виде скрученной ленты | Natasha_55 - ШКАТУЛКА. | Лента друзей Natasha_55 / Полная версия Добавить в друзья Страницы: раньше»