Home-theater-designers
Искате да започнете да учите Adobe Illustrator , но се чувствате претоварени? Вижте „Първи стъпки с Illustrator“, първото ръководство за Illustrator от MakeUseOf. С лесни за изпълнение инструкции и много скрити снимки с бележки, това ръководство прави изучаването на Illustrator лесно.
Adobe Illustrator е програма за векторно рисуване. Често се използва за създаване на лога, икони, илюстрации, диаграми, инфографики, тениски, визитни картички, канцеларски материали, пликове, дизайн на опаковки-вие го назовавате. Като цяло, той се използва най -вече за създаване на графики с висока разделителна способност, които по -късно могат да бъдат отпечатани.
За разлика от Photoshop, който съхранява информацията за изображението в точки, Illustrator използва математически уравнения, когато рисувате фигури. Векторните рисунки могат да бъдат мащабирани така, че да пасват на банери с размер на небостъргач; растерните изображения не могат. Поради това Illustrator се използва за рисуване, което трябва да се мащабира лесно - неща като лого.
Това ръководство за Adobe Illustrator обяснява основните инструменти, необходими за създаването на лого, така че го проверете. Отворете сами Illustrator и следвайте, за да усетите наистина невероятната програма за векторно изкуство на Adobe.
Съдържание
§2 - Работното пространство на Illustrator
§3 - Създаване на лого в Illustrator
§4 - Създаване на 3D текст в Illustrator
1. Въведение
Ако сте решили да научите Illustrator, тогава трябва да започнете с основите. Това е наистина мощна програма, но и сложна. След като се запознаете с интерфейса, основните инструменти, палитри и работно пространство, ще спестите много време и нерви и работният ви процес ще изглежда гладък и приятен.
Adobe Illustrator е програма за векторно рисуване. Често се използва за създаване на лога, икони, илюстрации, диаграми, инфографика, тениски, визитни картички, канцеларски материали, пликове, дизайн на опаковки-вие го назовавате. Като цяло, той се използва най -вече за създаване на графики с висока разделителна способност, които по -късно могат да бъдат отпечатани.
За разлика от Photoshop, който съхранява информацията за изображението в точки, Illustrator използва математически уравнения, когато рисувате фигури. За какво става въпрос?
Това означава, че векторната графика (като рисунка на Illustrator) може да бъде мащабирана или увеличена до произволен размер, без да губи качество, докато растерните изображения (като изображение, редактирано във Photoshop) ще се пикселизират, докато мащабирате:
По принцип векторните рисунки могат да бъдат мащабирани така, че да пасват на банери с размер на небостъргач; растерните изображения не могат. Така че, ако планирате да използвате работата си за различни размери, използвайте векторно базирана програма като Illustrator.
• Предимства на векторната графика:
• Висока разделителна способност при всякакъв размер;
• Малък размер на файла;
• Висококачествен печат;
• Няма загуба на разделителна способност при редактиране.
Недостатъци:
• Трудно е да се създадат реалистични рисунки (но все пак е възможно).
Добре, така че все още четете това ръководство. Това ми казва, че наистина искате да се сближите с Illustrator, затова съм тук, за да споделя знанията си с вас. В това ръководство ще ви запозная с работното пространство, основните инструменти, форми и ще създадем първото си лого, използвайки този страхотен софтуер.
Моля, обърнете внимание, че използвам Illustrator CS5 в Windows, така че потребителите на Mac ще трябва да използват леко различни комбинации от клавиши: Команда ключ вместо Ctrl и Опция вместо Всичко .
2. Работното пространство на Illustrator
Ако сте запознати с Photoshop, тогава работното пространство на Adobe Illustrator няма да ви изненада много, тъй като основните му части са почти същите:
Ще използвате предимно панела Инструменти, тъй като всички необходими инструменти са там. За да конфигурирате активен инструмент, ще използвате контролния панел, където се съхраняват всички опции за текущия инструмент. И, разбира се, зоната за докинг на панела - тя запазва такива важни палитри като цветови мостри, слоеве, опции за щрихи, външен вид, настройки на градиента и т.н. (всички палитри могат да бъдат включени или изключени в Windows меню).
Нека проверим Инструменти панел първо.
2.1 Панел с инструменти
В кутията с инструменти има много инструменти, но не е нужно да запомняте всичко. Само няколко от тях ще свършат работа.
Ето справочна таблица (някои инструменти, например Правоъгълник , съдържат повече инструменти вътре, които могат да бъдат избрани, като задържите иконата на инструмента):
Винаги казвам, че най -добрият начин на учене е практикуването. Така че, нека научим основните инструменти, като ги използваме.
3. Създаване на лого в Illustrator
Обикновено използвам Adobe Illustrator за създаване на лога за клиентите си. Защо не опитаме един?
Нека се обадим на нашата страхотна компания LimeWorks . Ще трябва да създадем лайм и да поставим името под него. Като този:
Имайте предвид обаче, че ние ще създадем просто лого, само за да се запознаете с някои инструменти и методи. Нека започнем с изчертаването на варови сегменти.
3.1 Използване на Pen Tool
Ще използваме Химилка инструмент, който е един от най -използваните инструменти в Illustrator. Използва се за създаване на всякакви форми и предмети. Изберете го, като щракнете върху иконата му от кутията с инструменти или използвайте клавиша P.
синхронизиране на Facebook снимки с контакти android
Използвайки инструмента Pen, създайте първия си триъгълник, като щракнете три пъти там, където искате да са ръбовете:
Забележка: както виждате, използвам Grid (Ctrl+), за да бъда по -точен.
За да затворите пътя, щракнете върху първата точка:
Сега е готов да бъде запълнен с цвят. Уверете се, че триъгълникът е избран (щракнете върху него с Инструмент за подбор, V ) и изберете жълт тон:
3.2 Извършване на кръгли ъгли
Имаме нужда от кръгли ъгли, за да направим нашия сегмент от вар (триъгълник) да изглежда по -гладък. Ще използваме Кръгли ъгли ефект:
В Кръгли ъгли диалогов прозорец, поставете нещо подобно 4 мм (Използвам милиметри като единици) и щракнете върху OK, за да приложите промените:
Изглежда добре. Сега нека добавим малко текстура, така че да изглежда по -реалистично.
3.3 Добавяне на Photoshop ефекти
В Adobe Illustrator, когато отидете в менюто Effects, ще видите, че има Illustrator Effects и Photoshop Effects:
Ще използваме Витраж (Ефекти-> Текстура-> Витраж) .
Но преди това се нуждаем от копие на нашия триъгълник над оригиналния слой.
3.4 Копиране на обекти
Ще ви покажа няколко бързи съвета как лесно да копирате и поставяте обекти над текущия слой и по -долу, като запазвате точната позиция.
За да поставите копие на избран обект над оригинала на точното място, първо го копирайте ( Ctrl+C) и след това го поставете с помощта Ctrl+F. (ако използвате Ctrl+V ще го постави в средата на екрана). За да го поставите под оригиналния обект използвайте Ctrl+B :
Добре, така че сега знаете триковете за копиране/поставяне.
Копирайте и поставете нашия триъгълник точно пред него (Ctrl+F) и попълнете поставения обект с бял цвят:
Отвори Витраж диалогов прозорец и задайте като мой ( Размер на клетката = 17; Дебелина на границата = 2; Интензитет на светлината = 0 ):
3.5 Разгънете Външен вид
Разгънете Външен вид се намира в Обект и е един от най -важните инструменти в Illustrator. Може да изисква отделно ръководство за подробно описание, но днес ние само учим основите.
Така че, прости думи, Разгънете Външен вид се използва за разделяне на обект на отделни пътеки или изображения след прилагане на ефект към него. Е, това звучи малко объркващо. Нека просто го използваме и ще го видим в действие.
Уверете се, че сте избрали белия си триъгълник с Витраж ефект върху него и отидете на Обект-> Разгъване на външен вид . Сега нашият обект е изображение:
3.6 Проследяване на живо
Друга готина функция на Adobe Illustrator, Жива следа се използва за преобразуване на растерни изображения в проследяващи обекти. Вече има някои предварително зададени настройки за проследяване, но ще използваме персонализирани настройки.
Отидете на Object-> Live Trace -> Опции за проследяване и задайте стойности, както е показано по -долу:
3.7 Разгъване
Разгъване се използва за преобразуване на проследяващи обекти в редактируеми пътища (вектор). След като проследите растерно изображение, трябва да използвате Разгъване .
Тъй като нашият текстуриран обект вече е проследен и готов за връщане към пътеки, ние ще използваме Разгъване :
Както виждате, нашата текстура сега е набор от пътеки , но трябва да променим цвета му от черен на бял. Този път ще използваме Удар (тъй като текстурата е набор от щрихи):
ДОБРЕ. Но сега е малко прекалено остро. Нека да го замъглим малко.
3.8 Ефект на размазване
Отидете на Ефекти-> Blur-> Gaussian Blur , задайте радиус на 2,8 пиксела и трябва да имате следното:
На този етап приключваме с резена си лайм. Останалото е по -лесно.
3.9 Групиране на обекти
В този момент нашият клин от вар е готов и трябва да го дублираме. Но той е съставен от множество слоеве (обекти), така че, за да улесним нещата, докато дублираме, нека Група тях.
За да групирате набор от обекти, изберете всички тях, като плъзнете мишката около тях и щракнете Ctrl+G . Друг удобен начин за избор на множество обекти е задържането Преместване и щракване върху обекти.
Но тъй като нямаме други обекти на нашата монтажна област, вместо това можете да изберете всички обекти ( Ctrl+A ) и ги групирайте ( Ctrl+G ):
3.10 Използване на инструмент за завъртане
Завъртане инструмент (R) се използва за ... познайте какво? Да, за завъртане на обекти или форми.
Изберете инструмента Завъртане и Alt + щракване в горната част на триъгълника, за да зададете нашия център на въртене. В изскачащото поле задайте следното и щракнете копие :
Трябва да имате това сега:
3.11 Малък трик
Има малък трик (един от многото), който ще улесни изживяването на Adobe Illustrator в бъдещи проекти. Номерът е просто клавишна комбинация ( Ctrl+D ). Той повтаря или прилага последната трансформация към избрания обект.
Полезно е и за нашата практика. Изберете новия отрязък и използвайте Ctrl+D 6 пъти:
Вола! Имаме вкусен лимон. Сега за някои подробности.
На първо място, групирайте всички филийки заедно, за да поддържате нещата в ред. След това се уверете, че нищо не е избрано, като щракнете някъде другаде в монтажната област.
3.12 Начертаване на кръг
Изберете светлозелен цвят за Попълнете и нито един за Удар :
Изберете Елипса инструмент (подинструмент под Правоъгълник или удари THE ):
Задръжте Shift + Alt , насочете мишката към центъра на вар и плъзнете мишката, докато получите кръг, който покрива цялата вар:
Забележка: не е нужно да намирате точния център, за да започнете - по -късно ще подравним обектите.
3.13 Подреждане на обекти
Както виждате сега, зеленият кръг е пред или по -горе нашата вар. За да го изпратите обратно или По-долу , изберете го и натиснете Ctrl+[(Ctrl+], за да го изведете над текущия слой):
Добре. Изберете този кръг и го дублирайте под себе си (както направихме в 3.4.) С Ctrl+C и тогава Ctrl+B :
Променете цвета му на по -тъмнозелено и го направете малко по -голям от първия кръг, като задържите Shift+Alt и плъзнете една от референтните му точки:
Това изглежда доста добре. Още по -добре: приключихме с трудната част.
3.14 Добавяне на текст
Нека добавим името на нашата компания под лайма. Изберете Тип инструмент ( T ), щракнете под вар и въведете LimeWorks :
Сега нека приведем всичко в центъра.
3.15 Подравняване на обекти
За да подравните перфектно обектите, използвайте инструментите за подравняване. Тези инструменти се намират в контролния панел, когато инструментът за избор е активен. Вижте по -долу, за да разберете различните подравнения:
Обърнете внимание, че тези примери са верни за Подравняване към Artboard :
Ако изберете Подравняване по избор , след това обектите ще бъдат подравнени по отношение на външните граници на селекцията.
ДОБРЕ. Изберете всички обекти (Ctrl+A) и от контролния панел щракнете върху Центъра за хоризонтално подравняване (номер 2):
Това е. Сега можете да играете с размери и цветове, ако искате.
Ако направите лайма по -малък и промените цветовете на текста, той ще изглежда много по -добре:
Добре, честито с първото ти лого!
Нека преминем към Запазване и експортиране.
3.16 Запазване и експортиране
За да запишете вашите Illustrator файлове, просто натиснете Ctrl+S (както винаги) и ще го запише в .към формат.
Ако искате да запазите логото си в. png , тогава можете да използвате един от двата начина: Файл-> Експорт или Файл-> Запазване за уеб и устройства .
Докато вторият начин експортира цялата Artboard, първият начин ви позволява да експортирате само вашия обект (и).
Ето един пример:
Забележка : винаги можете да промените размера на вашия Artb oard (File-> Document Setup и щракнете върху Edit Editboards ). След това, когато използвате Запазване за уеб и устройства ще видите, че размерът на изображението е новият размер на вашата Artboard.
Забележете също: можете да проверите Прозрачност когато запазвате за мрежата и ще имате вашето лого с прозрачен фон.
Нека преминем през друг урок, за да научим други основни инструменти. Ще създадем 3D текст с неравен фон.
4. Създаване на 3D текст в Adobe Illustrator
Докато векторната графика обикновено е двуизмерна, можете да създавате и красиви 3D обекти. В този урок ще създадем обикновен 3D текст с груб фон, както е показано по -долу:
Както казах, сега изучаваме основите, за да се запознаете по -добре с интерфейса и някои полезни инструменти. След като сте, ще видите, че няма ограничения за това, което можете да правите с Illustrator.
4.1 Добавяне на груб фон
Нека започнем с хладен фон.
Отидете на любимия си уебсайт за безплатни текстури и фонове и намерете хубав груб фон. Взех един от Стоково изображение :
Копирайте и го поставете във вашия документ на Adobe Illustrator. Най -вероятно ще бъде твърде голям, така че ще трябва да го намалите. Използвайте Панел за трансформиране за да контролирате размера на вашето изображение:
Забележка: можете да използвате вашите собствени стойности, просто се уверете, че отговаря на документа.
Сега имаме готово фоново изображение, но нека добавим още някои ефекти към него. Първо ще създадем правоъгълник и след това ще добавим ефект Inner Glow и използваме панела Прозрачност, за да променим смесването между изображението и правоъгълника.
4.2 Създаване на правоъгълник
Изберете Правоъгълник от Инструменти (M), нарисувайте правоъгълник със същия размер като фоновото изображение (може да искате да използвате Трансформирайте панел за задаване на точни стойности) и задайте Попълнете цвят до светлокафяв и без штрих:
4.3 Добавяне на ефект на вътрешно сияние
Отидете на Ефект-> Стилизиране-> Вътрешно сияние и задайте стойности, както е показано:
Ето какво трябва да имате:
4.4 Използване на панел за прозрачност
Винаги можете да използвате Панел за прозрачност за да промените начина, по който обект или слой се смесва със слоевете отдолу. Първо, нека изпратим нашия правоъгълник зад изображението. Изберете правоъгълника, като щракнете върху него и използвайте Ctrl+[ .
Сега изберете слоя с изображение, като щракнете върху изображението и го отворите Панел за прозрачност (Прозорец-> Прозрачност) и изберете Умножете като режим на смесване:
Приятно. Свършихме с фона. Да преминем към самия 3D текст.
4.5 Работа с инструмент Type
Използвайки Инструмент за въвеждане (T) напишете MakeUseOf с хубав шрифт (аз избрах Diavlo Bold , който може да бъде изтеглен на адрес exljbris Font Foundry ). Направете го достатъчно голям като 65pt , задайте проследяване на -двадесет и изберете Бял цвят:
4.6 Създаване на контури
Използвайте Създаване на очертания - щракнете с десния бутон върху текста и изберете Създаване на очертания , за да конвертирате текст във векторни пътища:
4.7 Добавяне на 3D ефекти
3D ефектите могат да бъдат приложени към всякакви обекти, както и към текст. Изберете текста, отидете на Ефект-> 3D-> Екструдиране и скосяване и се прилагат, както следва:
Ето какво трябва да имате до тук:
Сега трябва да отделим лицата на текста и нашия 3D ефект един от друг. Използвайте Разгънете Външен вид да направя това ( Обект-> Разгъване на външен вид ).
С Инструмент за директен избор (A) , изберете само лицата на текста (задръжте Преместване за избор на множество обекти):
Бакшиш : докато избирате, уверете се, че анкерите са син и никой от тях не е бял. За да направите това, увеличете малко и кликнете някъде по средата на обектите (тук - текстови лица).
4.8 Използване на панела Unite from Pathfinder
Сега копирайте и поставете вашия избор и използвайте Юнайтед от Pathfinder панел за свързване на всички избрани лица в една групирана пътека:
Поставете новия слой върху стария и го поставете Цвят на хода към бяло и Тегло на удара до 1pt:
Почти сме там.
4.9 Добавяне на градиентен стил
Добавянето на градиента е доста лесно - просто изберете обекта, щракнете върху Градиент панел отдясно и настройте цветовете си. Освен това винаги можете да използвате предварително дефинирани Библиотеки от Прозорец-> Библиотеки Swatch-> Градиенти . Но този път нека го настроим ръчно.
В Градиент панел, комплект Тип да се Линейно , задайте първия цвят на 0% местоположение на тъмно червено, втори цвят на 80% местоположение на оранжево и крайния цвят на 100% на ярко червено, ъгъл до -90 °:
Бакшиш : използвайте горния плъзгач, за да контролирате цветовия диапазон на градиента.
4.10 Добавяне на сянка
За да придадем на нашия текст някаква дълбочина, нека добавим малко сянка към него. Ще използваме Gaussian Blur ефект.
Първо копирайте ( Ctrl+C ) нашия нов слой и го поставете отпред ( Ctrl+F. ). След това променете цвета му на черен и задайте ход на none, изпратете го зад слоя 3D ефект с Ctrl+[ (уверете се, че е над фоновите слоеве):
Преместете го надолу с помощта на клавишите със стрелки (можете също да промените Y координатите от панела Transform, за да бъдете по -точни):
4.11 Прилагане на Gaussian Blur
Сега нашата сянка не изглежда реалистична; трябва да го замъглим малко. Отидете на Ефект-> Blur-> Gaussian Blur и задайте радиус на 9 пиксела:
Готови сме!
5. Някои полезни съвети
Съветите и триковете са безкрайни, но ще ви покажа някои от тях:
• Заключване на слоеве - когато искате да изберете някои малки обекти, които са пред други обекти (като фон), вместо Shift+щракване върху всеки един, можете просто да заключите фона с Ctrl+2 или да поставите знак за заключване панела Слоеве.
• Винаги проверявайте палитрата на слоевете - когато работите с много обекти и слоеве, е наистина полезно да дадете имена на слоевете си и да проверите как са подравнени слоевете (независимо дали слоят е над или под другия, заключен ли е и т.н.);
• Повторно редактирайте стиловете на слоевете, когато имате нужда- да, винаги можете да промените настройките на стила или ефекта, които вече сте приложили към обект или слой през панела Външен вид (Window-> Appearance);
• Използвайте библиотеки-има някои хубави предварително дефинирани библиотеки, които да използвате във вашите произведения. Отидете на Window-> Libraries и изберете от Brush Libraries, Swatch Libraries, Graphic Style Libraries или Symbol Libraries. Има много от тях.
6. Заключение
Надявам се, че всичко беше достатъчно ясно, за да започнете да обичате Adobe Illustrator. Това, което разгледах в това ръководство, са само основите. Следващия път ще покажа по -сложно използване на други невероятни инструменти и трикове. До тогава - практика .
Ръководство Публикувано: август 2012 г.
Дял Дял Туит електронна поща Как да получите достъп до вграденото ниво на балон на Google в AndroidАко някога сте имали нужда да се уверите, че нещо е на ниво, сега можете да получите ниво на балончета на телефона си за секунди.
Прочетете Напред Свързани теми- Творчески
- Компютърно проектиран дизайн
- Дълга форма
- Ръководство за дълги форми
Абонирайте се за нашия бюлетин
Присъединете се към нашия бюлетин за технически съвети, рецензии, безплатни електронни книги и изключителни оферти!
Щракнете тук, за да се абонирате