Как да създадете лого с Adobe Illustrator стъпка по стъпка

Логото е един от най-представителните визуални елементи на марката, способно е да предаде на обществеността каква е нейната същност и е много мощен символ. В този урок ще ви покажа основните инструменти, които Illustrator предлага за дизайн на лого и ще ви науча как да извлечете максимума от тях. Ако искате да знаете как да създадете лого с Adobe Illustrator, не можете да пропуснете тази публикация!

Лого, изотип или имаготип

Разлика между лого, имаготип и изотип Illustrator

Обикновено използваме думата лого за обозначаване на символа, който представлява марка. Този термин обаче не е напълно добре използван. Преди да започнем да проектираме, нека изясним това.

  • El logotipo е символът, който представлява марката и е съставен от изображения и текст (или типография).
  • Когато символът е съставен само от изображение, без текст, по-правилно е да се използва терминът изотип.
  • Има марки, които понякога използват различните части на логото си независимо. Например, Nike често се представя единствено от Суоуш. Когато изображението на логото е свързано с марката без да е необходимо да се придружава от типографията, можем да го обозначим като имаготип.

Създайте нов документ в Illustrator и наблюдавайте модела

Анализирайте модела, за да създадете лого в Illustrator

Нека създадем a нов документ. Ще дадем работната маса a Размер A4, по този начин няма да ни липсва място за работа. Промених цветен режим до RGB.

Ще започнем с просто лого, което вече съм проектирал по-рано. Разглеждайки този модел, ще видим стъпка по стъпка как съм го създал и с какви инструменти. Тяхното е, че получавате представа как можете да извлечете максимума от това, което предлага Illustrator. Разбивайки логото, виждаме това Състои се от набор от комбинирани форми и текст.

Създайте всички необходими фигури в Adobe Illustrator

Тялото на бухала

Използвайте инструмента за директен подбор, за да редактирате форма в Illustartor

Нека се съсредоточим първо върху формите. В лентата с инструменти ще намерите инструмент за форми. Когато кликнете върху него, той ни дава възможност да създадем правоъгълници, елипси, звезди, полигони или сегменти от линии. В този случай имаме нужда създайте правоъгълник. Изберете инструмента и влачене на мишката създайте правоъгълник, който е приблизително размерите, които виждате на изображението по-горе.

Как можем да стигнем от този правоъгълник до формата, която изгражда тялото на бухала? Трябва да го изкривим, и за това имаме инструмент за директен подбор в лентата с инструменти. Когато го изберете, ще видите, че в ъглите на правоъгълника един вид манипулатори (кръговете). Ако дръпнете директно върху някой от тях, ще видите, че ъглите се обръщат. За да изкривите един ъгъл, просто щракнете веднъж и след това дръпнете. Ще видите, че този ъгъл се движи, а останалото остава както е било.

Ще започнем от долния ляв ъгъл, ще вземем дръжката до краен предел. Ще продължим в горния ляв край и накрая ще закръглим горния десен. По този начин ще получите желаната форма.

Окото на бухала

Инструмент за подравняване в Illustrator

Широки, за да разгледате внимателно модела. Очите са съставени от същата форма като тялото и за два кръга, един в друг. Ние ще създадем по-малък правоъгълник и ние ще го изкривимТова е както направихме в предишната стъпка. Сега ще създадем кръговете. Изберете инструмент за елипса. За да създадем перфектен кръг, трябва да натиснем клавиша смяна по време на влачене, в противен случай може да се деформира и да бъде по-скоро елипса, отколкото кръг.

След като имаме всички елементи на окото, е време да го съберем. За всяка дизайнерска задача, която правите в Illustrator инструментът за подравняване е основен. Може да не го виждате, винаги можете да получите достъп до него прозорец>да се подредят. Той автоматично ще ви помогне да подравните различни елементи. Можете да направите препратка към монтажната област, селекцията или ключов обект. За да подравните, просто трябва да изберете няколко обекта и дизберете опция за подравняване. Ако искате да изберете референтен обект, направете избора и щракнете върху обекта, който искате да трансформирате в ключов обект, без да натискате клавиш. Ще центрираме зеницата във външната част на окото.

Дублирайте и обърнете, за да създадете другото око

Дублирано и обърнато лого в Illustrator

Ако забележите, другото око е точно същото, но в обратната позиция. За да не се налага да повтаряме целия процес, това, което ще направим, е двойно вече създаденото. Можете да го направите с команда + c (копиране) и след това команда + v (поставяне) или можете да изберете натиснете клавиша за опции и плъзнете. За да го обърнете, щракнете върху него и в панела за свойства, в секцията "трансформиране", в символите, посочени на изображението по-горе, можете да обърнете формата, в този случай трябва да е хоризонтално.

Създайте крилото с инструмента за търсене или писалка

Инструмент Pen and Pathfinder

Да се ​​върнем към голямата форма, ще видите, че тя има някакво крило. Това всъщност е същата форма, която използваме за тялото, позиционирана отзад и обърната. Ще се възползвам от възможността да обясня два супер полезни инструмента за създаване на логотипи: инструментът за писалка и търсачът.

La инструмент за писалка Имате го в лентата с инструменти и той може да се използва за създаване на крило. Използването му е много просто. Просто щракнете, за да създадете върхове и линиите автоматично ще бъдат изтеглени, за да се присъединят към тях.

Друг начин за изграждане на крилото е чрез използване на търсач. Ако не го виждате, ще го намерите в раздела на прозореца> Pathfinder. С този инструмент можете да комбинирате или изваждате части. В този случай трябва да изберем опцията: по-малко отпред. Дублирайте формата на тялото, поставете го зад оформянето на крилото и дублирайте отново, натиснете по-малко отпред и изтрийте излишното. Вече щяхме да имаме нашето крило. След като всички форми са създадени, можете да сглобите логото.

Цвят и градиент за вашето лого в Illustrator

приложете градиент към вашето лого в Illustrator

Досега не сме засегнали въпроса за цвета. Важно е, когато проектирате логото си, да обърнете внимание на цвета, да изберете тонове, които хармонизират и представят духа на марката. Избрах розово, ще оставя цветовия код по-горе, в случай че работи за вас. Очите не са пълни, те са бяла линия с дебелина 0,25.

Розовата част на тялото не е плосък цвят, тя има деградирали. Съществуват противоречиви мнения за лога със или без градиент. Преди да ги използвате, беше риск, защото градиентът може да бъде загубен при качването му в мрежата. Това обаче е преодолян проблем. Много марки използват градиенти в своите лога, марки, разпознаваеми като Instagram. Аз лично ги харесвам, защото, ако се използват добре, придават обем на логото.

За да приложим градиенти, трябва да изберем инструмента за градиент и да кликнете два пъти върху обекта. Можем да правим пряк път чрез натискане на G на клавиатурата и двукратно щракване. В панела със свойства, в градиент, можете да изберете вида на градиента и да покажете меню, за да го промените в трите точки. В този случай сме избрали градиент, който преминава от черно към бяло и сме сменили черното на розово и бялото, което ще заменим с много много светло розово, почти бяло. Премествайки лентата, която се появява във формата и точките, можете да промените позицията и структурата на градиента.

Типография в логото

Текстът няма никакви усложнения, написан е с шрифта Oswlad Medium, който можете да изтеглите безплатно от Google Fonts. Дадохме му размер от 17 точки и избрахме същия розов тон. Ето как би изглеждал!

Как да персонализирате шрифтовете в Adobe Illustrator

преобразуване на текст в щрих в Illustrator

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

Нека да изберем шрифта File Black и ще напиша това име. Както е в момента, малко можем да направим с него. Трябва да трансформираме типографията в удар. За това, ние го избираме с инструмента за избор и отиваме в раздела текст> създаване на контури. Преди да направите това, уверете се, че текстът е добре написан, защото вече няма да можете да го редактирате!

как да създадете лого с Adobe Illustrator

Чрез създаването на контурите можете да третирате текста си като всеки друг щрих на Illustrator. Както направихме с фигурите, с инструмента за директен подбор ще извием краищата на i и точката на второто „i“ ще го превърнем във вид лист, на който ще дам това тюркоазен тон. Интересното е, че цялата дума може да се използва като лого или „i“ като независим тип изображение.

Тествайте своите лога с макети в Photoshop

Краен резултат как да създадете лого с Photoshop

Добра идея да видите дали вашето лого работи е да създадете макети с Photoshop. Това е най-добрият начин бързо да видите как би изглеждал в действителност и как би могъл да бъде приложен. Какво мислите?

 

 

 

 


Съдържанието на статията се придържа към нашите принципи на редакторска етика. За да съобщите за грешка, щракнете върху тук.

Бъдете първите, които коментират

Оставете вашия коментар

Вашият имейл адрес няма да бъде публикуван. Задължителните полета са отбелязани с *

*

*

  1. Отговорен за данните: Мигел Анхел Гатон
  2. Предназначение на данните: Контрол на СПАМ, управление на коментари.
  3. Легитимация: Вашето съгласие
  4. Съобщаване на данните: Данните няма да бъдат съобщени на трети страни, освен по законово задължение.
  5. Съхранение на данни: База данни, хоствана от Occentus Networks (ЕС)
  6. Права: По всяко време можете да ограничите, възстановите и изтриете информацията си.