Делаем винтажный значок в 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
- Социальные иконки со швейными стёжками
- Уроки по созданию векторных портретов
Комментарии
Оставить ответ
Похожие статьи
-
Сайты, посвященные индустрии красоты
-
Микровзаимодействия: секрет крутых приложений
-
Графический дизайн в стиле гранж
-
15 бесплатных экшенов для ретуширования кожи
-
Крутая абстракция в веб-дизайне
-
Использование множественных фоновых изображений CSS: основы
-
Красивые примеры рисунков спиртовыми чернилами
-
Рисуем иконку мышки в Adobe Illustrator
-
Бесплатная типографика в ботаническом стиле
-
Простая фотоманипуляция рыцаря в огне в Adobe Photoshop
-
Новые примеры страниц О нас
-
Создание элементов, расположенных ровно по центру, с высотой и шириной, заданными в процентах
-
Концептуальная аэрофотосъемка Тома Хегена
-
Бесплатные текстуры для эффекта состаривания
Самые комментируемые
- Текст из крови в Adobe Photoshop
550
- Насколько важно сегодня использовать Web Safe цвета?
539
- 20 наборов кистей для Фотошопа, которые вам пригодятся
531
- Текст из воды в Adobe Photoshop
518
- 45 новых удивительных наборов кистей для творчества
423
- Более 40 фотореалистичных рисунков
205
- Ретро и винтажная типографика в веб-дизайне
194
- 30 примеров фрактального искусства
191
26 октября 2012 в 12:54
Класс!
Ответить
26 октября 2012 в 14:36
Спасибо за урок!
Ответить
13 ноября 2012 в 19:14
А что с сайта с текстурой не скачать бесплатно? пробовал с другой текстурой, такого эффекта не получается
Ответить
5 июля 2013 в 14:17
Этот сайт чудо, давно искал, как сделать n угольник и потом закруглить эти углы:)
Ответить