Как разработать логотип от замысла до завершения

Этот первый урок в Spoon Graphics охватывает процесс создания логотипа, этот конкретный логотип, созданный в этом уроке, предназначен для вымышленного бизнеса под названием Purple Lemon, который сразу же предлагает современную, модную, возможно, веб / интернет или дизайнерскую компанию.

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


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

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

1) Всегда создавайте свои логотипы в векторном приложении, таком как Adobe Illustrator, а не в растровом приложении, таком как Photoshop, поскольку логотип должен быть масштабируемым без потери качества и должен выглядеть четким при печати на чем угодно, от визитных карточек до 20-футовых виниловых баннеров. ,

2) Убедитесь, что логотип может быть воспроизведен в одном цвете, например черном, и все еще должен быть узнаваемым. Подумайте, как логотип будет выглядеть на пресс-рекламе или в факсимильном письме, или наоборот, на черном фоне.

3) Имейте в виду, что логотип, возможно, потребуется воспроизвести размером с почтовую марку, поэтому убедитесь, что любые тонкие линии или текст по-прежнему будут разборчивыми при уменьшении.

4) Ограничьте цветовую палитру и укажите корпоративные цвета с помощью ссылок Pantone или CMYK, чтобы подтвердить правильность цветопередачи при печати.

5) Наконец, имейте в виду, что вы используете шрифт, цвет и форму, чтобы придать вашему логотипу желаемый вид его бизнеса.

Логотип, который будет создан в этом уроке, можно увидеть ниже. Следуя приведенным выше правилам, этот логотип может быть применен к чему угодно, от ручки до полной раскраски, благодаря тому, что он хорошо работает в черно-белых тонах, затем может быть выполнен в плоских цветах, а затем, возможно, даже получен модный градиент и отражение. лечение для использования на экране.

Фиолетовый Лимонный Логотип

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

Это также может помочь в просмотре в Интернете соответствующих изображений и фотографий, например, в этом проекте он помог изучить форму лимона.

sketches.jpg

Как только вы запомнили выбранный дизайн, откройте Adobe Illustrator и создайте холст в режиме CMYK.

Используйте Ellipse Tool, чтобы нарисовать овальную форму и залить случайным цветом.

1.jpg

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

Выделите все три объекта и выберите «Добавить в область формы» с помощью инструмента «Навигатор» и нажмите «Развернуть», при этом все фигуры объединятся в один контур.

2.jpg3.jpg

Чтобы создать более плавную фигуру в стиле лимона, нарисуйте изогнутую линию с помощью инструмента «Перо», которая следует форме графика, и завершите путь, чтобы сформировать форму. Повторите это на оставшихся углах. Это может помочь переключиться в режим контура, нажав CTRL-Y. Выделите все фигуры и снова выберите «Добавить в область фигуры» в окне Pathfinder и разверните, эта фигура теперь больше похожа на лимон! Увеличьте траекторию этой фигуры, и вы найдете несколько ненужных точек. Хорошей практикой является их удаление, используя Delete Anchor Point под инструментом Pen, чтобы придать более плавную форму.

4.jpg

5.jpg

6.jpg7.jpg

Затем выберите фигуру и перейдите в Object> Path> Offset Path…

Введите 3 мм в поле параметров. Заполните эту новую форму другим случайным цветом.

8.jpg9.jpg

Чтобы создать впечатление выпуклости в центре фигуры, будут добавлены две изогнутые линии, для их создания выберите инструмент «Звезда».

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

10.jpg

Этот треугольник имеет несколько ненужных точек, поэтому удалите их, как и раньше, с помощью инструмента «Перо». Затем выберите самую верхнюю точку и перетащите вертикально, удерживая Shift, чтобы ограничить ось.

11.jpg

Чтобы согнуть этот треугольник, выберите «Объект»> «Искажение конверта»> «Сделать с деформацией».

Выберите стиль «Дуга» и введите 50% на вертикальной оси.

12.jpg

Сделайте эту новую форму редактируемой, перейдя в Object> Expand, и выберите только поле Object.

13.jpg

Масштабируйте, отражайте и поворачивайте эту форму, чтобы она соответствовала внешней форме, как показано на рисунке. Дублируйте и повторите на противоположной стороне. Затем заполните эти формы тем же цветом, что и внешняя форма.

14.jpg15.jpg

Выберите внутреннюю форму и нажмите CTRL-C, чтобы скопировать, затем выберите только внешнюю и внутреннюю лимонную фигуры и нажмите, используя инструмент «Вычесть из области формы» в окне «Навигатор» и разверните. Это теперь удалило центр внешней формы. Нажмите CTRL-F, чтобы заменить внутреннюю форму.

Теперь это позволит нам объединить изогнутые линии с внешней формой, используя команду «Добавить в область формы» в окне «Навигатор», нажмите CTRL-SHIFT-], чтобы вывести эту форму наверх.

16.jpg

Увеличьте масштаб и проверьте наличие лишних точек, которые можно удалить.

Затем лимону можно присвоить фирменные цвета, в этом примере я использовал темно-фиолетовый цвет 70C, 80M, 0Y, 0K и светло-фиолетовый цвет 45C, 70M, 0Y, 0K.

Поверните лимон примерно до 45 градусов, чтобы придать ему немного динамики.

17.jpg

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

Нарисуйте круг, удерживая Shift, затем перетащите направляющую вдоль вертикального центра фигуры. ,

Используйте это руководство вместе с инструментом «Перо» и создайте треугольник, как показано на скриншоте.

18.jpg

Используйте инструмент Add to Shape Area из Pathfinder, чтобы объединить эти фигуры.

Изогните фигуру, снова используя инструмент «Искажение конверта» («Объект»> «Искажение конверта»> «Сделать с деформацией»), используя те же параметры «Дуга», 50%, «Вертикально».

Object> Expand> Object, чтобы сделать форму редактируемой.

19.jpg

Поверните, отразите и масштабируйте и поместите в положение на лимонной графике, придавая ей легкий фиолетовый оттенок, такой как 35C, 45M, 0Y, 0K.

20.jpg

Это оставляет нашу иконку лимона / изображение завершено, теперь на типографский элемент …

Введите слова «фиолетовый» и «лимон» и установите желаемый шрифт. В этом случае я использовал бесплатный шрифт от www.dafont.com под названием Eurofurence. Его округлый внешний вид похож на популярную гарнитуру VAG Rundschrift, используемую во многих логотипах «Web 2.0», и создает дружелюбный, современный, модный образ.

Сначала я использовал жирный вес для слова «фиолетовый», но он выглядел слишком избыточным, поэтому я настроил их оба на обычный и использовал удар, чтобы придать «фиолетовый» немного более сильный вид.

21.jpg

Преобразуйте текст в контуры (CTRL-SHIFT-O) и выровняйте два слова по базовой линии, увеличьте масштаб и используйте направляющие или временную квадратную форму, чтобы отрегулировать кернинг символов на глаз. Также отрегулируйте расстояние между словами по желанию.

22.jpg

Выберите слово «фиолетовый» и перейдите в «Объект»> «Путь»> «Контурный обводка», нарисуйте выделение по каждой букве отдельно и добавьте в область формы в окне «Навигатор». Это удаляет дубликаты путей из обводки, которую мы добавили ранее, и создает красивый простой контур буквы.

23.jpg24.jpg

Снова используйте направляющие, чтобы сбалансировать изображение лимона с текстом, чтобы масштабирование лимона соответствовало линиям Ascender и Descender.

25.jpg

Наконец добавьте корпоративные цвета к тексту, чтобы связать дизайн вместе. Затем могут быть изготовлены вариации, такие как одноцветная версия, версия с плоским цветом и полноразмерная глянцевая отраженная супер модная версия Web 2.0!

26.jpg

Этот логотип теперь задает тему для всего фирменного стиля, где цвета, лимонная графика и шрифт будут внедрены в дизайн канцелярских товаров, брошюр, рекламных объявлений и веб-сайта.



Поделитесь в соц.сетях:

Оцените статью:

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...

Добавить комментарий

Ваш e-mail не будет опубликован.