Уроки » Веб-дизайн → Векторная сигнатура  

Для начала загрузите кисти для этого урока здесь и здесь

:

Создайте новый документ с размерами 365x110px

Векторная сигнатура


:

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

Векторная сигнатура


:

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

Векторная сигнатура


:

Сейчас у вас два слоя, создайте еще один новый слой. Выберите инструмент Brush Tool :brush000: и загрузите кисти что скачали, выберите какую-нибудь кисть и нарисуйте что-то подобное.

Векторная сигнатура


:

Повторите еще несколько раз меняя кисти и цвет.

Векторная сигнатура


:

Хорошо, теперь выберите один из слоев на который применяли кисти и откройте диалоговое окно стилей слоя (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

Еще по этой теме:

Классический световой эффект Классический световой эффект
Итак, в этом уроке я покажу Вам, как создать ...
Текстовый эффект Неон Текстовый эффект Неон
В этом урок создадим неоновый текст в виде ...
Иконка сферы «Mac» Иконка сферы «Mac»
В этом уроке мы создадим иконку сферы MacOs ...
Уникальная сигнатура Уникальная сигнатура
В этом уроке мы создадим уникальную сигнатуру ...
Юзербар Юзербар
В этом уроке создадим "Юзербар" которые ...
Пылающий человек Пылающий человек
В этом уроке будем покрывать человека огнем. Для ...
Фото в стиле «Аниматрица» Фото в стиле «Аниматрица»
Обрабатываем фотографию в стиле матрицы ...
Текст в стиле чужих 2 Текст в стиле чужих 2
В это туториале я покажу вам как сделать ...
Огненный взрыв Огненный взрыв
Создаем огненный взрыв ...
Футуристическая сигнатура Футуристическая сигнатура
В последнее время кроме аватарки на форумах стало ...

Социальные закладки:


Уважаемый посетитель, Вы зашли на сайт как незарегистрированный пользователь. Мы рекомендуем Вам зарегистрироваться либо войти на сайт под своим именем.

 

Добавление комментария

 
 
Ваше Имя:
Ваш E-Mail:
Вопрос:
На каком дереве растут яблоки?
Ответ:*
Код:
Включите эту картинку для отображения кода безопасности
обновить, если не виден код
Введите код: