Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Делаем винтажный значок в 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

Возможно, вас также заинтересуют статьи:




Комментарии

  1. Ya
    Thumb up Thumb down +3

    Класс!

  2. Shershov
    Thumb up Thumb down +2

    Спасибо за урок!

  3. Кирилл
    Thumb up Thumb down +3

    А что с сайта с текстурой не скачать бесплатно? пробовал с другой текстурой, такого эффекта не получается

  4. Владислав
    Thumb up Thumb down 0

    Этот сайт чудо, давно искал, как сделать n угольник и потом закруглить эти углы:)