Уроки » Веб-дизайн → Векторная сигнатура
Для начала загрузите кисти для этого урока здесь и здесь:
Создайте новый документ с размерами 365x110px


Поищите какую-нибудь милую картинку и вставьте ее на ваш документ (CTRL+V). Если она больше по размеру измените размер (CTRL+T)


Выберите два цвета из вашего рисунка, для этого используйте Eyedropper Tool



Сейчас у вас два слоя, создайте еще один новый слой. Выберите инструмент Brush Tool


Повторите


Хорошо, теперь выберите один из слоев на который применяли кисти и откройте диалоговое окно стилей слоя (Blending Options) и выберите Gradient Overlay. Установите ваши два цвета на градиент и поиграйте с остальными настройками.

Примените


Затем продублируйте все ваши слой CTRL+J


На всех копиях слоев примените фильтр Filter > Blur > Gaussian Blur > 3,5px

Установите тип смешивания всех копий слоев на Lighten или Darken

Продублируйте ваше изображение (милую картинку которую вставили в самом начале урока) и примените к копии Gaussian Blur а затем примените Edit > Fade Gaussian Blur. Тип смешивания слоя установите на Lighten или Darken и понизьте непрозрачность как вам нравиться.


Теперь выберите ваш фоновый слой (CTRL+Щелчок по слою), создайте новый слой и поместите его выше всех слоев. На новом слое примените Edit > Stroke > 1px черного цвета.

Продублируйте этот слой и примените к нему Gaussian Blur > 3,5px, поместите этот слой под оригинал.

Добавьте текст, шрифт на ваше усмотрение. Примените к нему стиль слоя Gradient Overlay тот же что применяли для слоев с кистями.
Также можете применить Stroke > 1px цвет черный.


Продублируйте ваш текстовый слой и отразите его вертикально (Edit > Transform > Flip Vertical) и расположите его под текстом как показано ниже. Можете применить CTRL+T и трансформировать текст по своему усмотрению.


Если к тексту был применен Gradient Overlay то его тоже нужно отразить для этого в диалоге стилей слоя установите галочку на Reverse.
Мой финальный результат.

Информация к уроку:
Категория - Уроки » Веб-дизайн
Дата публикации: 18-04-2011, 13:55
Опубликовал: killot
Просмотров: 582
Комментариев: 0
Ссылки к этой статье:
Источник - TutorialFX
Автор - Blade productions
Переводчик - Killot
Найти - Все уроки с TutorialFX
Ключевые слова:
Tutorial FX, vector, signature, web, design, brush, вектор, сигнатура, веб, дизайн, кистиЕще по этой теме:
|
| ||||
|
| ||||
|
| ||||
|
| ||||
|
|