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

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

Винтажный дизайн логотипа в хипстерском стиле в Adobe Illustrator

5 мая 2016 | Опубликовано в Уроки | 13 Комментариев »

Близятся каникулы и сезон отпусков, поэтому мы решили предложить вам что-то совсем легкое и веселое. На этом уроке мы научимся создавать в Adobe Illustrator очень милый и по-летнему воздушный логотип в винтажном стиле. Будем использовать бесплатные шрифты и стоковые изображения, чтобы соответствовать трендам и получить настоящее хипстерское лого.

 

Что будем рисовать

Шаг 1

Для начала загрузите стоковое фото в свой Adobe Illustrator. Мы взяли фотографию с тюльпаном.

Воспользуйтесь Effect > Blur > Gaussian Blur / Эффект > Размытие > Размытие по Гауссу, примените эффект размытия с радиусом около 34 пикс. Это поможет вашему фону стать ярким, но ненавязчивым.

Шаг 2

При помощи инструмента Rectangle Tool / Прямоугольник нарисуйте квадрат поверх вашего изображения. Выделите оба и примените Create a Clipping Mask / Создать Обтравочную Маску, нажав Control-7.

Теперь у вас есть идеальный фон, на котором будем создавать чудный дизайн логотипа.

Шаг 3

Чтобы определить место для логотипа, нарисуйте круг (используйте инструмент Ellipse Tool / Эллипс. Позже мы удалим этот круг, но сейчас он дает нам возможность построить правильную композицию.
При помощи инструмента Type Tool / Текст любое напишите слово, которое вам нравится. Мы использовали шрифт Intro Script R H2 Base.

Шаг 4

Выделите слово “Spring” и примените Effect > Warp > Arch / Эффект > Деформация > Дуга, поставьте переключатель на Horizontal Bend / Горизонтальный Изгиб с  41% или вроде того. Наша цель состоит в том, чтобы дуга совпала с кругом.

Шаг 5

Примените Object / Объект и Expand Appearance / Разобрать Оформление, чтобы эффект деформирования был постоянным. Затем примените к тексту команду Expand / Разобрать.

Разгруппируйте все и удалите букву «. Для своего дизайна мы будем использовать совсем другую S.

Шаг 6

Тепреь снова напечатайте «S», используя шрифт Intro Script R H2 Base. Переведите ее в контур. Заблокируйте все другие объекты в панели Layers / Слои, чтобы работать только с буквой «S».

При помощи Eraser Tool / Ластик сотрите линии, которые соединяют вашу букву с другими буквами и уберите засечку наверху.

Шаг 7

При помощи любого инструмента для рисования (у нас Blob Brush Tool / Кисть-клякса, но также хорошо будет использовать Pen / Перо или Pencil / Карандаш) нарисуйте новую кривую от верхушки буквы «S» и вниз. На картинке ниже это показано наглядно.

Воспользуйтесь инструментом Smooth Tool / Сглаживание, чтобы убрать все неровности и сделать линию плавной. Если вас удовлятворяет результат, поместите букву «S» к остальным буквам.

Шаг 8

Наши следующие слова — “Hello” и “to” — будут попроще. Мы взяли вариацию шрифта Intro Rust без засечек, чтобы основное внимание падало на слово «Spring». Также заметьте, насколько меньше эти слова по сравнению с нашим главным словом, а также обратите внимание на расположение. Текст должен быть читаемым, но динамичным.

Шаг 9

Пришло время добавить элементы природы. Чтобы не затягивать, мы взяли стоковую фотографию flower image и сняли отпечаток его элементов при помощи любого интсрумента рисования на ваш выбор.

Мы взяли инструмент Paintbrush Tool / Кисть и обвели каждый лепесток цветка. Этот позволит нам изменять ширину обводки в панели Stroke / Обводка, а также менять кисти в случае, если мы захотим изменить форму цветка.

Шаг 10

Закончите элементы цветка при помощи маленьких кистей и тонких обводок. Добавьте еще один цветок или листья, чтобы дизайн стал более насыщенным. Можно, кстати, нарисовать что-то от руки или взять еще одно готовое изображение. Как закончите, примените к контурам команду Expand / Разобрать, чтобы по необходимости с легкостью можно было масштабировать иллюстрацию.

Шаг 11

Поместите свою иллюстрацию или несколько вниз. Теперь мы удалим круг, который определял композиционные границы, но он может вам понадобиться, чтобы скомпоновать элементы вдоль нижнего края логотипа.

Шаг 12

Вместе с цветочными элементами мы решили добавить вниз ленту. Поэтому при помощи любого инструмента для рисования изобразите две кривые под буквами «S» и «P».  Учтите, что в районе буквы «P» линия должна прерваться. Дорисуйте ленте хвостики и сделайте обводку чуть толще.

Шаг 13

Закончим нашу ленту. Обратите внимание на ее толщину. Это специально для того, чтобы можно было написать что-то внутри. Также не упустите тот момент, как лента изгибается, повторяя линии слова, как цветок гармонично вписывается в композицию, плавно соответствуя краям надписи.

Мы решили сделать слово «to» капсом и пририсовали небольшую завитушку перед ним, чтобы заполнить свободное пространство. Теперь иллюстрация смотрится еще более гармонично. Все это во многом благодаря кругу, который мы нарисовали в самом начале.

Шаг 14

При помощи инструмента Type Tool / Текст напишите на ленте год. Скривите текст, используя эффект Flag / Флаг, чтобы надпись соответствовала контурам ленты (используйте функцию Preview, чтобы убедиться, что вам это удалось). Теперь примените к тексту Expand / Разобрать и Appearance / Оформление.

Шаг 15

Последним штрихом будет инструмент Line Segment Tool / Отрезок линии, с помощью которого мы нарисуем короткие линии, имитирующие лучи солнца. Они идут из центра иллюстрации к краям, как радиусы.

Постарайтесь удалять или ограничивать пересекающиеся линии и менять длину так,чтобы длинные и короткие чередовались, как на нашей картинке внизу.

Заключение

Завершите работу и примените Expand / Разобрать ко всем контурным обводкам внутри объектов. Далее используйте Group / Сгруппировать, чтобы весь дизайн стал единым целым. Урок закончен, и у вас все получилось!

Автор - Mary Winkler 

Перевод — Дежурка

Смотрите также:




Комментарии

  1. Алёнка
    Thumb up Thumb down 0

    Спасибо! У меня здорово получилось =) Помогите только разрешить один вопрос: результат сохраняется не заданным квадратиком, а областью всей картинки внутри маски. Как это исправить?

    Ответить

  2. Merziuz
    Thumb up Thumb down 0

    sDOD1r pills2sale.com viagra online

    Ответить

  3. Wayne
    Thumb up Thumb down 0

    We work together cymbalta no prescription overnight Diabetes UK has also launched a new advocacy pack to provide guidance to people with diabetes who have had their access to test strips restricted. The advocacy pack and the Test Strips report are available at www.diabetes.org.uk

    Ответить

  4. Davis
    Thumb up Thumb down 0

    Will I get paid for overtime? levofloxacin dosage for tooth infection NEW YORK, Aug 1 (Reuters) — A jury found former GoldmanSachs Group Inc vice president Fabrice Tourre liable forfraud for his role in a failed mortgage deal that cost investors$1 billion, in a big victory for the U.S. Securities andExchange Commission.

    Ответить

  5. Courtney
    Thumb up Thumb down 0

    What's the last date I can post this to to arrive in time for Christmas? can you drink on doxycycline teva "The goal of the agency's claim is to deconstruct what wedid with the merger. But I can tell you that their suggestionsrun counter to the current banking industry rules, makes nosense in economic terms and would be impossible to implement, "Politanski said.

    Ответить

  6. Graig
    Thumb up Thumb down 0

    Where do you study? testosterone enanthate vs acetate However, green lobbyists have persuaded naïve policymakers that only renewables will do, so the playing field has tilted very sharply away from the only reliable source of low-carbon electricity we have.

    Ответить

  7. Rayford
    Thumb up Thumb down 0

    An accountancy practice dermaced redness redux walgreens In the Audi S3 Sportback, 4G/LTE technology will accelerate the delivery of many of the services of Audi connect to the driver – from navigation with Google Earth and Google Street View to Audi music stream web radio and online traffic information. The latest incarnation of Audi connect in A3 and S3 models also offers social media access, a fuel station locator which incorporates distance and pricing information, and a local parking availability and pricing function.

    Ответить

  8. Graham
    Thumb up Thumb down 0

    perfect design thanks usana magnecal d chewable David Neal, Group Leader at the Cancer Research UK Cambridge Institute and Honorary consultant Urological Surgeon at Addenbrooke’s Hospital, said: “I am delighted about this partnership on the Biomedical Campus between AstraZeneca, the Cancer Research UK Cambridge Institute and the University of Cambridge Department of Oncology at Addenbrooke’s Hospital. It is a wonderful example of how collaboration between a world-class pharmaceutical company and cutting edge academic research will lead to benefits for patients through better understanding individual variation in cancer behaviour.”

    Ответить

  9. Wallace
    Thumb up Thumb down 0

    Do you play any instruments? where to buy motilium online “What is most important is thatpatients at George Eliot Hospital can access sustainable, high quality care andtreatment for years to come. No decision has yet been made and this process isopen to both NHS and non-NHS organisations. The Trust will choose the bestsolution for local patients.

    Ответить

  10. Natalie
    Thumb up Thumb down 0

    I love this site metoprolol tartrate (lopressor) 50 mg tablet [This science]" will actually help us work our way back to Mercury and understand the difference between what we're seeing in the atmosphere and what might be on the ground there. We're actually going to learn about Mercury even from this lunar mission. "

    Ответить

  11. Spencer
    Thumb up Thumb down 0

    Do you know the address? tamsulosin hydrochloride side effects long term Macau Legend has enough money to start the casinodevelopment without needing to raise more until next year, saidSheldon Trainor, the company's executive director. It wouldlikely seek debt financing rather than issuing new shares, hesaid.

    Ответить

Оставить ответ


8 − семь =

Вставить изображение