Как нарисовать логотип |

Blog

Как нарисовать логотип

Как нарисовать логотип самостоятельно
Дизайн

Как нарисовать логотип

Как нарисовать логотип самостоятельно

1. Как создать новый документ и настроить сетку

Нажмите Control-N , чтобы создать новый документ в Adobe Illustrator. Выберите «Пиксели» в раскрывающемся меню «Единицы» , установите « Ширина » на 850 пикселей и « Высота » на 700 пикселей , а затем нажмите кнопку «Дополнительные параметры» . Выберите RGB для Цветового режима и установите Растровые эффекты на Экран (72 ppi) , а затем нажмите Создать .

Включите сетку ( View > Show Grid or Control-“ ) и Snap to Grid ( View > Snap to Grid or Shift-Control-“ ). Вам понадобится сетка через каждые 5 пикселей , поэтому просто перейдите в Edit > Preferences > Guides & Grid , введите 5 в поле Gridline every и 1 в поле Subdivisions . Постарайтесь не расстраиваться из-за всей этой сетки — она облегчит вашу работу, и имейте в виду, что вы можете легко включить или отключить ее с помощью сочетания клавиш Control-» .

Вы также должны открыть панель «Информация» ( Window > Info ) для предварительного просмотра в реальном времени с размером и положением ваших фигур. Не забудьте установить единицу измерения в пиксели из Edit > Preferences > Units . Все эти опции значительно увеличат скорость вашей работы. Теперь, когда все готово, давайте научимся рисовать логотип.

иллюстратор новая сетка документа

2. Как создать путь W

Шаг 1

Выберите инструмент «Линия» (\) на панели инструментов, а затем сосредоточьтесь на настройках цвета. Нажмите Shift-X , чтобы легко поменять местами настройки черного и белого цвета по умолчанию, а затем убедитесь, что заливка активна, и удалите цвет.

Перейдите на монтажную область и просто создайте горизонтальный путь 140 пикселей . Удерживая нажатой клавишу Shift , щелкните и перетащите, чтобы легко создать эту горизонтальную линию. Имейте в виду, что вы можете взглянуть на панель «Информация» , чтобы точно знать, когда вы доберетесь до 140 пикселей .

Убедитесь, что ваша линия остается выделенной, и дважды перейдите в Object > Path > Add Anchor Points .

инструмент линии добавить точку

Реклама

Шаг 2

Продолжайте фокусироваться на своей линии и выберите Инструмент «Прямое выделение» (А) . Выберите крайнюю левую опорную точку и переместите ее на 10 пикселей влево, а затем выберите крайнюю правую опорную точку и перетащите ее на 10 пикселей вправо.

переместить точку привязки

Шаг 3

Продолжайте фокусироваться на своей линии и убедитесь, что инструмент Direct Selection Tool (A) все еще активен. Выберите среднюю опорную точку и переместите ее на 15 пикселей вниз, а затем выберите две опорные точки, выделенные синим цветом, и перетащите их на 75 пикселей вниз, как показано на втором изображении. Имейте в виду, что вам нужно удерживать клавишу Shift , чтобы выбрать более одной опорной точки.

перетащите опорную точку

Шаг 4

Снова выберите инструмент «Линия» (\) , используйте его для создания двух горизонтальных путей по 115 пикселей и разместите их, как показано на первом изображении.

Инструментом «Выделение» (V) выделите все три пути и нажмите Control-J , чтобы соединить их.

чудо женщина с логотипом

Реклама

Шаг 1

Убедитесь, что выбран ваш путь, и сфокусируйтесь на панели управления ( Окно > Управление ). Увеличьте Толщину обводки до 30 пикселей и установите цвет на R=238 G=202 B=59 , а затем перейдите в Объект > Контур > Контурная обводка .

золотой путь чудо-женщины

Шаг 2

Сфокусируйтесь на правой стороне символа Чудо-женщины и выберите инструмент Эллипс (L) . Используйте его, чтобы создать фигуру 70 х 60 пикселей и поместите ее, как показано на первом изображении.

Переключитесь на Инструмент «Прямоугольник» (М) и создайте фигуру 35 х 30 пикселей . Залейте его цветом R=238 G=202 B=59 и поместите поверх эллипса, как показано на втором изображении.

Инструментом «Выделение» (V) выделите прямоугольник вместе с эллипсом, откройте панель «Обработка контуров» ( Окно > Обработка контуров ) и нажмите кнопку «Пересечение» .

пересечение следопыта

Шаг 3

Убедитесь, что фигура, созданная на предыдущем шаге, все еще выделена, и продублируйте ее ( Control-C > Control-V ).

Используйте инструмент «Выделение» (V) , чтобы переместить эту копию к левому краю вашего логотипа, как показано на первом изображении. Оставьте копию выделенной, переключитесь на инструмент «Зеркальное отражение» (O) и просто щелкните и перетащите от левого края выделения к правому (или наоборот), чтобы отразить фигуру.

золотая форма чудо-женщины

Шаг 4

Используйте Инструмент «Выделение» (V) , чтобы выбрать три фигуры, которые составляют символ Чудо-женщины, и объедините их, используя кнопку «Объединить» на панели «Обработка контуров» .

объединить золотой логотип чудо-женщины

Шаг 5

Инструментом «Прямое выделение» (A) выберите две опорные точки, выделенные черным цветом на следующем изображении, сфокусируйтесь на панели «Управление » и установите « Угловой радиус» на 30 пикселей .

Продолжайте с опорными точками, выделенными синим цветом, и установите Угловой радиус на 20 пикселей .

радиус угла логотипа чудо-женщины

Шаг 1

Выберите свою фигуру и перейдите в Эффект > Исказить и трансформировать > Трансформировать . Установите количество копий на 2 и перетащите ползунок Move-Vertical на 30 пикселей . Нажмите OK , чтобы применить эффект.

крылья логотипа чудо-женщины

Шаг 2

Убедитесь, что ваша эмблема все еще выделена, и перейдите в Object> Expand Appearance .

Дважды нажмите Shift-Control-G , чтобы разгруппировать получившуюся группу фигур, а затем сосредоточьтесь на панели «Слои» ( Окно > Слои ), где вы найдете три отдельные фигуры. Выберите нижнюю и перетащите ее между двумя другими фигурами.

заказ логотипа чудо-женщины

Шаг 3

Выберите все три формы, которые составляют вашу эмблему, и перейдите на панель «Внешний вид» ( Окно > Внешний вид ). Выберите обводку и установите черный цвет ( R=0 G=0 B=0 ), а затем увеличьте Толщину до 5 пикселей .

чудо женщина логотип инсульт

Шаг 4

Сосредоточьтесь на нижней фигуре вашего логотипа и выберите Инструмент «Прямое выделение» (А) . Выберите левые опорные точки, выделенные на следующем изображении, и переместите их на 55 пикселей вправо, а затем выберите правые и перетащите их на 55 пикселей влево.

крылья логотипа чудо-женщины

Шаг 5

Сосредоточьтесь на средней фигуре вашего логотипа и убедитесь, что инструмент прямого выделения (A) все еще активен. Выберите левые опорные точки, выделенные на следующем изображении, и на этот раз переместите их на 25 пикселей вправо, а затем выберите правые и перетащите их на 25 пикселей влево.

крылья логотипа чудо-женщины

5. Как добавить цвета

Шаг 1

Давайте еще раскрасим этот логотип. Снова выберите все три фигуры, составляющие ваш дизайн, и перейдите на панель «Внешний вид» ( Окно > Внешний вид ). Нажмите кнопку «Добавить новую заливку» , чтобы добавить вторую заливку для выбранных фигур.

Выберите нижнюю заливку и замените существующий цвет на R=250 G=240 B=35 , а затем перейдите в Эффект > Контур > Смещенный контур . Установите Смещение на -3 пикселя и нажмите ОК . Убедитесь, что верхняя заливка по-прежнему выделена, и перейдите в Эффект > Исказить и трансформировать > Трансформировать . Просто перетащите ползунок Move-Vertical на 3 пикселя и нажмите OK .

цвета чудо-женщины

Шаг 2

Выберите все фигуры, из которых состоит ваш векторный логотип Чудо-женщины, нажмите Control-C , чтобы скопировать их, а затем нажмите Control-F , чтобы добавить копии на передний план. Объедините копии, используя кнопку «Объединить» на панели «Обработка контуров» .

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

чудо женщина логотип инсульт

Шаг 3

Убедитесь, что фигура, созданная на предыдущем шаге, все еще выделена, и нажмите Shift-Control-[ , чтобы отправить ее на задний план. Кроме того, вы можете щелкнуть правой кнопкой мыши и выбрать «Упорядочить» > «Отправить на задний план» .

АВСD

Шаг 4

Выберите инструмент «Эллипс» (L) и с его помощью создайте круг размером 310 пикселей . Удерживая нажатой клавишу Shift , щелкните и перетащите, чтобы легко создать круг.

Залейте эту фигуру цветом R=209 G=42 B=36 , а также добавьте черную обводку 20 пикселей .

Нажмите Shift-Control-[ , чтобы отправить эту фигуру на задний план, и используйте инструмент «Выделение» (V) , чтобы разместить ее, как показано ниже.

круг логотипа чудо-женщины

Шаг 5

Сосредоточьтесь на панели «Слои» и выберите полностью черный логотип. Нажмите Control-C , чтобы скопировать его, а затем Shift-Control-V , чтобы добавить копию на то же место, но поверх существующих фигур.

Оставьте эту копию выделенной и перейдите в Эффект > Стилизация > Тень . Установите настройки, как показано ниже, и нажмите OK .

тень логотипа чудо-женщины

Шаг 6

Выберите красный круг и продублируйте его ( Control-C > Shift-Control-V ). Оставьте эту копию выделенной, удалите цвет обводки и установите белый цвет заливки ( R=255 G=255 B=255 ).

белый круг

Шаг 7

Используйте инструмент «Выделение» (V) , чтобы выделить белый круг вместе с передней черной фигурой. Откройте панель «Прозрачность» ( Окно > Прозрачность ) и просто нажмите кнопку «Создать маску» , чтобы замаскировать черную фигуру.

Перейдите на панель «Слои» и перетащите замаскированную фигуру за желтые фигуры.

маска с логотипом чудо-женщины

Шаг 8

Наконец, давайте добавим фон для векторного логотипа Чудо-женщины.

Выберите инструмент «Прямоугольник» (М) и создайте фигуру, покрывающую всю монтажную область. Залейте этот прямоугольник цветом R=65 G=170 B=245 и отправьте его на задний план ( Shift-Control-[ ). С этим последним штрихом ваш векторный логотип готов.

чудо женщина логотип фон

Поздравляем! Готово!

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

логотип чудо женщина

Оставьте свой комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Выберите поля, которые будут отображаться. Другие будут скрыты. Перетащите, чтобы изменить порядок.
  • Image
  • SKU
  • Rating
  • Price
  • Stock
  • Availability
  • Add to cart
  • Description
  • Content
  • Weight
  • Dimensions
  • Additional information
Щелкните снаружи, чтобы скрыть панель сравнения
Сравнить
Alert: Вам не разрешается копировать контент или просматривать исходный код!!