Делаем винтажный значок в Illustrator и Photoshop
26 октября 2012 | Опубликовано в Уроки | 4 Комментариев »
Сейчас можно часто встретить на сайтах ретро- и винтажные элементы, а как известно, неотъемлемыми аксессуарами стиля ретро являются значки, ленточки и различные текстуры. Сегодня мы научимся делать винтажный значок, который вы можете использовать в качестве логотипа для вашего сайта. Урок очень простой и очень полезный.
Шаг 1
Откройте Illustrator и создайте новый документ. Затем при помощи инструмента Start Tool создайте красную звезду.
Шаг 2
Перейдите в Effect>Stylize>Round Corner. Установите значение 1.885 mm для радиуса.
Шаг 3
Дублируйте звезду с закругленными углами и поверните ее, как показано на рисунке ниже. Измените цвет на голубой.
Шаг 4
Выберите голубую звезду с закругленными углами, затем перейдите в Window>Transparency. Установите режим наложения на Multiply. Таким образом, вы получите следующий результат.
Шаг 5
Автор использовал шрифт Carnivalee Freakshow для «California», «2011» и «here I come». Для «San Francisco» он использовал Birch Std. Не забудьте создать несколько серых линий при помощи инструмента Rectangle Tool (M).
Шаг 6
Затем при помощи инструмента "« Эллипс» (Ellipse Tool (L)) создайте эллипс как на рисунке ниже, а при помощи инструмента Type on Path Tool добавьте слова «World Wild Web West».
Шаг 7
Вы можете редактировать этот текст дважды кликнув на иконку с инструментов или выбрав Type on Path Options. Используйте следующие настройки:
Шаг 8
Сделайте то же для текста, который будет размещен сверху (ABDUZEEDO).
Шаг 9
Копируйте все объекты в Illustrator , а затем откройте Photoshop и создайте новый документ. Установите размер 2560×1440 пикселей (или любой другой) и вставьте вектор с Illustrator-а.
Шаг 10
Для фона автор использовал эту текстуру. Измените режим наложения значка на Multiply.
Шаг 11
При помощи Magic Wand Tool (W) выберите области на текстуре. Вы получите частичное выделение. Затем выберите слой с вектором и перейдите в Layer>Mask>Hide Selection. Таким образом вы создадите очень интересный винтажный эффект.
Окончательный результат:
Надеемся, урок вам понравился. Все свои пожелания и замечания пишите в комментариях.
Скачать исходник можно на сайте автора
Автор: abduzeedo
Возможно, вас также заинтересуют статьи:
- Видеоуроки Adobe Illustrator
- Делаем скетч-эффект для текстовой надписи
- Уроки Illustrator CS6
- Социальные иконки со швейными стёжками
- Уроки по созданию векторных портретов
26 октября 2012 в 12:54
Класс!
26 октября 2012 в 14:36
Спасибо за урок!
13 ноября 2012 в 19:14
А что с сайта с текстурой не скачать бесплатно? пробовал с другой текстурой, такого эффекта не получается
5 июля 2013 в 14:17
Этот сайт чудо, давно искал, как сделать n угольник и потом закруглить эти углы:)