Логото е един от най-представителните визуални елементи на марката, способно е да предаде на обществеността каква е нейната същност и е много мощен символ. В този урок ще ви покажа основните инструменти, които Illustrator предлага за дизайн на лого и ще ви науча как да извлечете максимума от тях. Ако искате да знаете как да създадете лого с Adobe Illustrator, не можете да пропуснете тази публикация!
Лого, изотип или имаготип
Обикновено използваме думата лого за обозначаване на символа, който представлява марка. Този термин обаче не е напълно добре използван. Преди да започнем да проектираме, нека изясним това.
- El logotipo е символът, който представлява марката и е съставен от изображения и текст (или типография).
- Когато символът е съставен само от изображение, без текст, по-правилно е да се използва терминът изотип.
- Има марки, които понякога използват различните части на логото си независимо. Например, Nike често се представя единствено от Суоуш. Когато изображението на логото е свързано с марката без да е необходимо да се придружава от типографията, можем да го обозначим като имаготип.
Създайте нов документ в Illustrator и наблюдавайте модела
Нека създадем a нов документ. Ще дадем работната маса a Размер A4, по този начин няма да ни липсва място за работа. Промених цветен режим до RGB.
Ще започнем с просто лого, което вече съм проектирал по-рано. Разглеждайки този модел, ще видим стъпка по стъпка как съм го създал и с какви инструменти. Тяхното е, че получавате представа как можете да извлечете максимума от това, което предлага Illustrator. Разбивайки логото, виждаме това Състои се от набор от комбинирани форми и текст.
Създайте всички необходими фигури в Adobe Illustrator
Тялото на бухала
Нека се съсредоточим първо върху формите. В лентата с инструменти ще намерите инструмент за форми. Когато кликнете върху него, той ни дава възможност да създадем правоъгълници, елипси, звезди, полигони или сегменти от линии. В този случай имаме нужда създайте правоъгълник. Изберете инструмента и влачене на мишката създайте правоъгълник, който е приблизително размерите, които виждате на изображението по-горе.
Как можем да стигнем от този правоъгълник до формата, която изгражда тялото на бухала? Трябва да го изкривим, и за това имаме инструмент за директен подбор в лентата с инструменти. Когато го изберете, ще видите, че в ъглите на правоъгълника един вид манипулатори (кръговете). Ако дръпнете директно върху някой от тях, ще видите, че ъглите се обръщат. За да изкривите един ъгъл, просто щракнете веднъж и след това дръпнете. Ще видите, че този ъгъл се движи, а останалото остава както е било.
Ще започнем от долния ляв ъгъл, ще вземем дръжката до краен предел. Ще продължим в горния ляв край и накрая ще закръглим горния десен. По този начин ще получите желаната форма.
Окото на бухала
Широки, за да разгледате внимателно модела. Очите са съставени от същата форма като тялото и за два кръга, един в друг. Ние ще създадем по-малък правоъгълник и ние ще го изкривимТова е както направихме в предишната стъпка. Сега ще създадем кръговете. Изберете инструмент за елипса. За да създадем перфектен кръг, трябва да натиснем клавиша смяна по време на влачене, в противен случай може да се деформира и да бъде по-скоро елипса, отколкото кръг.
След като имаме всички елементи на окото, е време да го съберем. За всяка дизайнерска задача, която правите в Illustrator инструментът за подравняване е основен. Може да не го виждате, винаги можете да получите достъп до него прозорец>да се подредят. Той автоматично ще ви помогне да подравните различни елементи. Можете да направите препратка към монтажната област, селекцията или ключов обект. За да подравните, просто трябва да изберете няколко обекта и дизберете опция за подравняване. Ако искате да изберете референтен обект, направете избора и щракнете върху обекта, който искате да трансформирате в ключов обект, без да натискате клавиш. Ще центрираме зеницата във външната част на окото.
Дублирайте и обърнете, за да създадете другото око
Ако забележите, другото око е точно същото, но в обратната позиция. За да не се налага да повтаряме целия процес, това, което ще направим, е двойно вече създаденото. Можете да го направите с команда + c (копиране) и след това команда + v (поставяне) или можете да изберете натиснете клавиша за опции и плъзнете. За да го обърнете, щракнете върху него и в панела за свойства, в секцията "трансформиране", в символите, посочени на изображението по-горе, можете да обърнете формата, в този случай трябва да е хоризонтално.
Създайте крилото с инструмента за търсене или писалка
Да се върнем към голямата форма, ще видите, че тя има някакво крило. Това всъщност е същата форма, която използваме за тялото, позиционирана отзад и обърната. Ще се възползвам от възможността да обясня два супер полезни инструмента за създаване на логотипи: инструментът за писалка и търсачът.
La инструмент за писалка Имате го в лентата с инструменти и той може да се използва за създаване на крило. Използването му е много просто. Просто щракнете, за да създадете върхове и линиите автоматично ще бъдат изтеглени, за да се присъединят към тях.
Друг начин за изграждане на крилото е чрез използване на търсач. Ако не го виждате, ще го намерите в раздела на прозореца> Pathfinder. С този инструмент можете да комбинирате или изваждате части. В този случай трябва да изберем опцията: по-малко отпред. Дублирайте формата на тялото, поставете го зад оформянето на крилото и дублирайте отново, натиснете по-малко отпред и изтрийте излишното. Вече щяхме да имаме нашето крило. След като всички форми са създадени, можете да сглобите логото.
Цвят и градиент за вашето лого в Illustrator
Досега не сме засегнали въпроса за цвета. Важно е, когато проектирате логото си, да обърнете внимание на цвета, да изберете тонове, които хармонизират и представят духа на марката. Избрах розово, ще оставя цветовия код по-горе, в случай че работи за вас. Очите не са пълни, те са бяла линия с дебелина 0,25.
Розовата част на тялото не е плосък цвят, тя има деградирали. Съществуват противоречиви мнения за лога със или без градиент. Преди да ги използвате, беше риск, защото градиентът може да бъде загубен при качването му в мрежата. Това обаче е преодолян проблем. Много марки използват градиенти в своите лога, марки, разпознаваеми като Instagram. Аз лично ги харесвам, защото, ако се използват добре, придават обем на логото.
За да приложим градиенти, трябва да изберем инструмента за градиент и да кликнете два пъти върху обекта. Можем да правим пряк път чрез натискане на G на клавиатурата и двукратно щракване. В панела със свойства, в градиент, можете да изберете вида на градиента и да покажете меню, за да го промените в трите точки. В този случай сме избрали градиент, който преминава от черно към бяло и сме сменили черното на розово и бялото, което ще заменим с много много светло розово, почти бяло. Премествайки лентата, която се появява във формата и точките, можете да промените позицията и структурата на градиента.
Типография в логото
Текстът няма никакви усложнения, написан е с шрифта Oswlad Medium, който можете да изтеглите безплатно от Google Fonts. Дадохме му размер от 17 точки и избрахме същия розов тон. Ето как би изглеждал!
Как да персонализирате шрифтовете в Adobe Illustrator
Нека поговорим повече за типографията! Шрифтовете могат да се преобразуват в щрихи, чупят се, деформират се и можем да играем с тях. Не съм склонен да го направя, но хей, създаването на лога е добър ресурс и трябва да го знаете. Да видим пример:
Нека да изберем шрифта File Black и ще напиша това име. Както е в момента, малко можем да направим с него. Трябва да трансформираме типографията в удар. За това, ние го избираме с инструмента за избор и отиваме в раздела текст> създаване на контури. Преди да направите това, уверете се, че текстът е добре написан, защото вече няма да можете да го редактирате!
Чрез създаването на контурите можете да третирате текста си като всеки друг щрих на Illustrator. Както направихме с фигурите, с инструмента за директен подбор ще извием краищата на i и точката на второто „i“ ще го превърнем във вид лист, на който ще дам това тюркоазен тон. Интересното е, че цялата дума може да се използва като лого или „i“ като независим тип изображение.
Тествайте своите лога с макети в Photoshop
Добра идея да видите дали вашето лого работи е да създадете макети с Photoshop. Това е най-добрият начин бързо да видите как би изглеждал в действителност и как би могъл да бъде приложен. Какво мислите?