De beginnershandleiding voor Adobe Illustrator

Advertentie

Wil je leren Adobe Illustrator te leren kennen, maar voel je je overweldigd? Bekijk "Aan de slag met Illustrator", de eerste Illustrator-handleiding van MakeUseOf. Met eenvoudig te volgen instructies en veel geannoteerde screenshots, maakt deze handleiding het leren van Illustrator eenvoudig.

Deze handleiding kan als gratis PDF worden gedownload. Download nu de beginnershandleiding voor Adobe Illustrator . U kunt dit kopiëren en delen met uw vrienden en familie.

Adobe Illustrator is een vectortekenprogramma. Het wordt vaak gebruikt om logo's, pictogrammen, illustraties, grafieken, infographics, t-shirts, visitekaartjes, briefpapier, enveloppen, verpakkingsontwerp te maken - noem maar op. Al met al wordt het meestal gebruikt om afbeeldingen met hoge resolutie te maken, die later ook kunnen worden afgedrukt.

In tegenstelling tot Photoshop, waarin afbeeldingsinformatie in stippen wordt opgeslagen, gebruikt Illustrator wiskundige vergelijkingen bij het tekenen van vormen. Vectortekeningen kunnen worden geschaald om te passen op banners van wolkenkrabberformaat; rasterafbeeldingen kunnen dat niet. Hierdoor wordt Illustrator gebruikt om tekeningen te maken die gemakkelijk moeten worden geschaald, zoals logo's.

In deze handleiding van Adobe Illustrator worden basisgereedschappen uitgelegd die nodig zijn voor het maken van een logo, dus bekijk het eens. Open Illustrator zelf en volg mee om echt een indruk te krijgen van het verbazingwekkende vectorkunstprogramma van Adobe.

Inhoudsopgave

§1. Inleiding

§2 - De Illustrator-werkruimte

§3 - Een logo maken in Illustrator

§4 - Een 3D-tekst maken in Illustrator

§5 - Enkele nuttige tips

§6. Conclusie

1. Inleiding

Als je hebt besloten om Illustrator te leren, moet je beginnen met de basis. Het is een heel krachtig programma, maar ook een complex programma. Zodra u vertrouwd raakt met de interface, basisgereedschappen, paletten en werkruimte, bespaart u veel tijd en zenuwen en uw workflow zal soepel en aangenaam lijken.

Adobe Illustrator is een vectortekenprogramma. Het wordt vaak gebruikt om logo's, pictogrammen, illustraties, grafieken, infographics, t-shirts, visitekaartjes, briefpapier, enveloppen, verpakkingsontwerp te maken - noem maar op. Al met al wordt het meestal gebruikt om afbeeldingen met hoge resolutie te maken, die later ook kunnen worden afgedrukt.

In tegenstelling tot Photoshop, waarin afbeeldingsinformatie in stippen wordt opgeslagen, gebruikt Illustrator wiskundige vergelijkingen bij het tekenen van vormen. Waar gaat dat over?

Dit betekent dat vectorafbeeldingen (zoals een Illustrator-tekening) op elk formaat kunnen worden geschaald of ingezoomd zonder kwaliteitsverlies, terwijl rasterafbeeldingen (zoals een afbeelding die in Photoshop is bewerkt) zullen pixeleren terwijl u schaalt:

Kortom, vectortekeningen kunnen worden geschaald om te passen op banners van wolkenkrabberformaat; rasterafbeeldingen kunnen dat niet. Dus als u van plan bent om uw werk voor verschillende formaten te gebruiken, gebruik dan een op vectoren gebaseerd programma zoals Illustrator.

• Voordelen van vectorafbeeldingen:

• Hoge resolutie op elke grootte;

• Klein bestandsformaat;

• Print van hoge kwaliteit;

• Geen resolutieverlies tijdens bewerken.

nadelen:

• Moeilijk om realistische tekeningen te maken (maar nog steeds mogelijk).

Oké, u leest dus nog steeds deze gids. Dat zegt me dat je echt dichter bij Illustrator wilt komen, dus ik ben hier om mijn kennis met je te delen. In deze gids zal ik u kennis laten maken met de werkruimte, basishulpmiddelen, vormen en zullen we ons eerste logo maken met behulp van deze geweldige software.

Houd er rekening mee dat ik Illustrator CS5 gebruik op Windows, dus Mac-gebruikers zullen iets andere toetscombinaties moeten gebruiken: Command- toets in plaats van Ctrl en Option in plaats van Alt .

2. De Illustrator-werkruimte

Als u bekend bent met Photoshop, zal de werkruimte van Adobe Illustrator u niet verbazen, omdat de belangrijkste delen ervan in feite hetzelfde zijn:

U zult voornamelijk het deelvenster Gereedschappen gebruiken, omdat alle gereedschappen die u nodig hebt aanwezig zijn. Om een ​​actief hulpmiddel te configureren, gebruikt u het regelpaneel, waar alle opties voor het huidige hulpmiddel worden bewaard. En natuurlijk het paneel dockinggebied - het behoudt zulke belangrijke paletten als kleurstalen, lagen, lijnopties, uiterlijk, verloopinstellingen, enz. (Alle paletten kunnen in het Windows- menu worden in- of uitgeschakeld).

Laten we eerst het deelvenster Gereedschappen bekijken .

2.1 Tools Panel

Er zijn veel tools beschikbaar in de toolbox, maar je hoeft niet alles te onthouden. Slechts een paar van hen zullen het werk doen.

Hier is een referentietabel (sommige gereedschappen, zoals Rechthoek, bevatten meer gereedschappen aan de binnenkant, die kunnen worden geselecteerd door het gereedschapspictogram vast te houden):

Ik zeg altijd dat oefenen de beste manier is om te leren. Dus laten we de basisinstrumenten leren door ze daadwerkelijk te gebruiken.

3. Een logo maken in Illustrator

Ik gebruik meestal Adobe Illustrator om logo's te maken voor mijn klanten. Waarom proberen we er geen?

Laten we ons geweldige bedrijf "LimeWorks" noemen . We moeten kalk maken en de naam eronder zetten. Soortgelijk:

Houd er echter rekening mee dat we een eenvoudig logo zullen maken, zodat u bekend raakt met bepaalde hulpmiddelen en methoden. Laten we beginnen met het tekenen van kalksegmenten.

3.1 Pengereedschap gebruiken

We gebruiken het gereedschap Pen, een van de meest gebruikte hulpmiddelen in Illustrator. Het wordt gebruikt om allerlei vormen en objecten te creëren. Selecteer het door op het pictogram in de toolbox te klikken of gebruik de P-toets.

Gebruik het gereedschap Pen om uw eerste driehoek te maken door driemaal te klikken waar u de randen wilt hebben:

Opmerking: zoals u ziet, gebruik ik Grid (Ctrl + ") om preciezer te zijn.

Klik op het eerste punt om het pad te sluiten:

Nu is het klaar om gevuld te worden met een kleur. Zorg ervoor dat de driehoek is geselecteerd (klik erop met Selectie gereedschap, V ) en kies een gele toon:

3.2 Ronde hoeken maken

We hebben ronde hoeken nodig om ons kalksegment (driehoek) er gladder uit te laten zien. We gebruiken het effect Round Corners :

Plaats in het dialoogvenster Ronde Hoeken iets van 4 mm (ik gebruik millimeters als eenheden) en klik op OK om de wijzigingen toe te passen:

Ziet er goed uit. Laten we nu wat textuur toevoegen, zodat het realistischer lijkt.

3.3 Photoshop-effecten toevoegen

Als u in Adobe Illustrator naar het menu Effecten gaat, ziet u dat er Illustrator-effecten en Photoshop-effecten zijn:

We zullen gebrandschilderd glas gebruiken (effecten-> structuur-> gebrandschilderd glas) .

Maar daarvoor hebben we een kopie van onze driehoek boven de originele laag nodig.

3.4 Objecten kopiëren

Ik zal je een paar snelle tips geven over hoe je objecten eenvoudig kunt kopiëren en plakken boven de huidige laag en lager, terwijl je de exacte positie behoudt.

Als u een kopie van een geselecteerd object boven de originele op de juiste positie wilt plakken, kopieert u deze eerst ( Ctrl + C) en plakt u deze met Ctrl + F (als u Ctrl + V gebruikt, wordt deze in het midden van het scherm geplakt) ). Gebruik Ctrl + B om het onder het oorspronkelijke object te plakken:

OK, dus nu ken je de trucs kopiëren / plakken.

Kopieer en plak onze driehoek recht voor zich (Ctrl + F) en vul het geplakte object met witte kleur:

Open het dialoogvenster Gebrandschilderd glas en stel in als de mijne ( celgrootte = 17; randdikte = 2; lichtintensiteit = 0 ):

3.5 Uiterlijk uitbreiden

Expand Uiterlijk bevindt zich in het menu Object en is een van de belangrijkste gereedschappen in Illustrator. Het kan een afzonderlijke gids vereisen om in detail te beschrijven, maar vandaag leren we alleen de basis.

Dus in eenvoudige bewoordingen wordt Expand Appearance gebruikt om een ​​object in afzonderlijke paden of afbeeldingen te verdelen nadat een effect erop is toegepast. Wel, dat klinkt een beetje verwarrend. Laten we het gewoon gebruiken en het in actie zien.

Zorg ervoor dat je je witte driehoek hebt geselecteerd met het effect Gebrandschilderd glas erop en ga naar Object-> Uiterlijk uitbreiden . Ons object is nu een afbeelding:

3.6 Live Trace

Een andere leuke functie van Adobe Illustrator, Live-tracering wordt gebruikt om rasterafbeeldingen om te zetten naar tracerende objecten. Er zijn al standaard overtrekkingsvoorinstellingen, maar we gebruiken aangepaste instellingen.

Ga naar Object-> Live Trace -> Traceringsopties en stel waarden in zoals hieronder:

3.7 Uitbreiden

Uitvouwen wordt gebruikt om overtrekobjecten om te zetten in bewerkbare paden (vector). Na het traceren van een rasterafbeelding moet u Expand gebruiken .

Aangezien ons getextureerde object nu wordt getraceerd en gereed is om naar paden te worden teruggezet, gebruiken we Expand :

Zoals u ziet, is onze textuur nu een reeks paden, maar we moeten de kleur ervan wijzigen van zwart naar wit. Deze keer gebruiken we Stroke (aangezien de textuur een aantal streken is):

OK. Maar het is nu een beetje te scherp. Laten we het een beetje vervagen.

3.8 Vervagingseffect

Ga naar Effecten-> Vervagen-> Gaussiaans vervagen, stel de straal in op 2, 8 pixels en je zou dit moeten hebben:

Op dit moment zijn we klaar met onze limoen. De rest is eenvoudiger.

3.9 Objecten groeperen

Op dit moment is onze limoen klaar en moeten we deze dupliceren. Maar het is samengesteld uit meerdere lagen (objecten), dus om dingen gemakkelijker te maken tijdens het dupliceren, laten we ze groeperen.

Als u een set objecten wilt groeperen, selecteert u ze allemaal door ze te verslepen en op Ctrl + G te klikken. Een andere handige manier om meerdere objecten te selecteren, is door Shift ingedrukt te houden en op objecten te klikken.

Maar omdat we geen andere objecten op ons tekengebied hebben, kunt u in plaats daarvan alle objecten ( Ctrl + A ) selecteren en groeperen ( Ctrl + G ):

3.10 Rotate-tool gebruiken

Rotate tool (R) wordt gebruikt voor ... raad eens? Ja, om objecten of vormen te roteren.

Selecteer het gereedschap Roteren en houd Alt + aan de bovenkant van de driehoek ingedrukt om ons draaiingspunt in te stellen. In het pop-upvenster als volgt instellen en op Kopiëren klikken:

Dit zou je nu moeten hebben:

3.11 Een beetje trick

Er is een kleine truc (een van de vele) die uw Adobe Illustrator-ervaring gemakkelijker zal maken in toekomstige projecten. De truc is gewoon een sneltoets ( Ctrl + D ). Het herhaalt of past de laatste transformatie toe op het geselecteerde object.

Het is ook handig voor onze praktijk. Selecteer het nieuwe segment en gebruik Ctrl + D 6 keer:

Voila! We hebben een lekkere citroen. Nu voor enkele details.

Ten eerste, groepeer alle segmenten bij elkaar om de zaken op orde te houden. Controleer vervolgens of niets is geselecteerd door ergens anders op het tekengebied te klikken.

3.12 Een cirkel tekenen

Selecteer een lichtgroene kleur voor Fill en none voor Stroke :

Selecteer het Ellips- gereedschap (een hulpwerktuig onder Rechthoek of druk op L ):

Houd Shift + Alt ingedrukt, richt je muis naar het midden van de limoen en sleep met de muis tot je een cirkel krijgt die de hele limoen bedekt:

Opmerking: u hoeft niet exact het centrum te vinden om te beginnen - we zullen objecten later uitlijnen.

3.13 Objecten rangschikken

Zoals je nu ziet, staat de groene cirkel voor of boven onze limoen. Om het terug of naar onderen te verzenden, selecteer het en druk op Ctrl + [(Ctrl +] om het boven de huidige laag te brengen):

Goed. Selecteer die cirkel en dupliceer deze onder zichzelf (zoals we deden in 3.4.) Met Ctrl + C en vervolgens Ctrl + B :

Verander de vulkleur in een donkerder groen en maak het een beetje groter dan de eerste cirkel door Shift + Alt ingedrukt te houden en een van de referentiepunten te slepen:

Dat ziet er goed uit. Nog beter: we zijn klaar met het moeilijke gedeelte.

3.14 Tekst toevoegen

Laten we onze bedrijfsnaam onder de limoen toevoegen. Selecteer Type gereedschap ( T ), klik onder de limoen en typ " LimeWorks" :

Laten we nu alles op het midden afstemmen.

3.15 Objecten uitlijnen

Gebruik de uitlijningshulpmiddelen om objecten perfect uit te lijnen. Die hulpmiddelen bevinden zich in het configuratiescherm, wanneer het selectiegereedschap actief is. Zie hieronder om verschillende uitlijningen te begrijpen:

Merk op dat deze voorbeelden gelden voor Align to Artboard :

Als u Uitlijnen op selectie kiest, worden objecten uitgelijnd ten opzichte van de buitengrenzen van de selectie.

OK. Selecteer alle objecten (Ctrl + A) en klik op het bedieningspaneel op Horizontaal uitlijncentrum (nummer 2):

Dat is het. Nu kun je spelen met maten en kleuren als je wilt.

Als je de limoen kleiner maakt en de tekstkleuren verandert, ziet het er veel beter uit:

Prima, gefeliciteerd met je eerste logo!

Laten we naar opslaan en exporteren gaan.

3.16 Opslaan en exporteren

Om uw Illustrator-bestanden op te slaan, drukt u gewoon op Ctrl + S (zoals altijd) en wordt het in .ai- indeling opgeslagen.

Als u uw logo wilt opslaan. png, dan kun je een van de volgende twee manieren gebruiken: Bestand-> Exporteren of Bestand-> Opslaan voor web en apparaten .

Terwijl de tweede manier het hele tekengebied exporteert, kunt u op de eerste manier alleen uw object (en) exporteren.

Hier is een voorbeeld:

Opmerking : u kunt het formaat van uw Artb oard altijd wijzigen (Bestand-> Documentinstellingen en klik op Tekengebieden bewerken ). Als u daarna Opslaan voor web en apparaten gebruikt, ziet u dat het afbeeldingsformaat het nieuwe formaat van uw tekengebied is.

Let ook op: u kunt Transparantie controleren bij het opslaan voor web en u zult uw logo met een transparante achtergrond hebben.

Laten we een andere zelfstudie doornemen om andere basishulpmiddelen te leren. We maken een 3D-tekst met een grungy achtergrond.

4. Een 3D-tekst maken in Adobe Illustrator

Hoewel vectorafbeeldingen typisch twee dimensies zijn, kunt u ook mooi uitziende 3D-objecten maken. In deze zelfstudie maken we een eenvoudige 3D-tekst met een grungy achtergrond zoals hieronder:

Zoals ik al zei, leren we nu de basis, zodat je meer vertrouwd raakt met de interface en een aantal handige tools. Als je dat eenmaal bent, zul je zien dat er geen grenzen zijn aan wat je met Illustrator kunt doen.

4.1 Een Grungy achtergrond toevoegen

Laten we beginnen met een coole achtergrond.

Ga naar je favoriete website voor gratis texturen en achtergronden en vind een mooie grungy achtergrond. Ik nam er een uit Stock Afbeelding:

Kopieer en plak het in uw Adobe Illustrator-document. Hoogstwaarschijnlijk zal het veel te groot zijn, dus je zult het moeten verkleinen. Gebruik Transform Panel om de grootte van je afbeelding te bepalen:

Opmerking: u kunt uw eigen waarden gebruiken, zorg er alleen voor dat deze in het document passen.

Nu hebben we onze achtergrondafbeelding klaar, maar laten we er nog wat meer effecten aan toevoegen. Eerst maken we een rechthoek en dan voegen we het effect Innerlijke gloed toe en gebruiken we het deelvenster Transparantie om de overvloeiing tussen de afbeelding en de rechthoek te wijzigen.

4.2 Een rechthoek maken

Selecteer Rechthoek uit Extra (M), teken een rechthoek, dezelfde grootte als je achtergrondafbeelding (je kunt het deelvenster Transformeren gebruiken om exacte waarden in te stellen) en de vulkleur instellen op lichtbruin en geen streek:

4.3 Gloedeffect binnen toevoegen

Ga naar Effect-> Stylize-> Inner Glow en stel de waarden in zoals getoond:

Dit is wat je zou moeten hebben:

4.4 Transparantiepaneel gebruiken

U kunt altijd het deelvenster Transparantie gebruiken om de manier te wijzigen waarop een object of een laag overvloeit met de onderliggende lagen. Laten we eerst onze rechthoek achter de afbeelding sturen. Selecteer de rechthoek door erop te klikken en gebruik Ctrl + [ .

Selecteer nu de afbeeldingslaag door op de afbeelding te klikken en het Transparantiepaneel (Venster-> Transparantie) te openen en kies Vermenigvuldigen als de overvloeimodus:

Leuk. We zijn klaar met de achtergrond. Laten we de 3D-tekst zelf bekijken.

4.5 Werken met het gereedschap Tekst

Gebruik het gereedschap Type (T) en schrijf "MakeUseOf" met een leuk lettertype (ik koos Diavlo Bold, die kan worden gedownload op exljbris Font Foundry). Maak het groot genoeg zoals 65pt, zet tracking op -20 en kies de witte kleur:

4.6 Contouren maken

Gebruik Maak contouren aan - klik met de rechtermuisknop op de tekst en kies Maak contouren om tekst om te zetten in vectorpaden:

4.7 3D-effecten toevoegen

3D-effecten kunnen op zowel objecten als tekst worden toegepast. Selecteer de tekst, ga naar Effect-> 3D-> Extrude & Bevel en pas toe als volgt:

Dit moet je tot nu toe hebben:

Nu moeten we de gezichten van de tekst en ons 3D-effect van elkaar scheiden. Gebruik Expand Appearance om dat te doen ( Object-> Uiterlijk uitbreiden ).

Met het gereedschap Direct selecteren (A) selecteert u alleen de vlakken van de tekst (houd Shift ingedrukt om meerdere objecten te selecteren):

Tip : zorg er tijdens het selecteren voor dat de ankers blauw en geen wit zijn. Om dat te doen, zoomt u een beetje in en klikt u ergens in het midden van de objecten (hier - tekstvlakken).

4.8 Gebruik Verenigen in het deelvenster Pathfinder

Kopieer en plak nu uw selectie en gebruik Samenvoegen in deelvenster Pathfinder om alle geselecteerde gezichten samen te voegen in één gegroepeerd pad:

Plaats de nieuwe laag bovenop de oude laag en stel de lijnkleur in op wit en lijngewicht op 1pt:

We zijn er bijna.

4.9 Gradiëntstijl toevoegen

Het toevoegen van het verloop is vrij eenvoudig - selecteer het object, klik op het deelvenster Verloop aan de rechterkant en stel uw kleuren in. Bovendien kunt u altijd gebruikmaken van vooraf gedefinieerde bibliotheken van Window-> Swatch Libraries-> Gradients . Maar laten we dit deze keer handmatig instellen.

Stel in het deelvenster Verloop Type in op Lineair, stel de eerste kleur in op 0% locatie tot donkerrood, tweede kleur op 80% locatie op oranje en de definitieve kleur op 100% op helder rood, hoek op -90 °:

Tip : gebruik de bovenste schuifregelaar om het kleurbereik van het verloop te regelen.

4.10 Schaduw toevoegen

Om onze tekst enige diepte te geven, laten we er wat schaduw aan toevoegen. We gebruiken het Gaussian Blur- effect.

Kopieer eerst ( Ctrl + C ) onze nieuwe laag en plak deze in de voorgrond ( Ctrl + F ). Wijzig vervolgens de kleur in zwart en zet de lijn op Geen, verzend deze achter de 3D-effectlaag met Ctrl + [ (zorg ervoor dat deze boven de achtergrondlagen ligt):

Verplaats het naar beneden met behulp van de pijltjestoetsen (je kunt ook Y-coördinaten wijzigen in het deelvenster Transformeren om meer precies te zijn):

4.11 Gaussiaanse vervaging toepassen

Onze schaduw ziet er nu niet realistisch uit; we moeten het een beetje vervagen. Ga naar Effect-> Blur-> Gaussian Blur en stel Radius in op 9 pixels:

We zijn klaar!

5. Enkele nuttige tips

Tips en trucs zijn eindeloos, maar ik zal je er een paar laten zien:

• Lagen vergrendelen - wanneer u enkele kleine objecten wilt selecteren die zich voor andere objecten (zoals een achtergrond) bevinden, kunt u in plaats van Shift + klikken op elk object de achtergrond eenvoudig vergrendelen met Ctrl + 2, of een vergrendelteken plaatsen het deelvenster Lagen.

• Controleer altijd het palet Lagen - wanneer u met veel objecten en lagen werkt, is het echt handig om uw lagen een naam te geven en te controleren hoe uw lagen zijn uitgelijnd (of een laag boven of onder de andere is, is vergrendeld, enz.);

• Pas de laagstijlen opnieuw aan wanneer u ze nodig hebt - ja, u kunt de stijl- of effectinstellingen die u al eerder op een object of een laag hebt toegepast via het deelvenster Vormgeving (Venster-> Uiterlijk) altijd wijzigen;

• Gebruik bibliotheken - er zijn een aantal mooie vooraf gedefinieerde bibliotheken om in uw werken gebruik van te maken. Ga naar Venster-> Bibliotheken en selecteer uit Penseelbibliotheken, Staalbibliotheken, Bibliotheken voor grafische stijlen of Symboolbibliotheken. Er zijn er veel.

6. Conclusie

Ik hoop dat alles duidelijk genoeg was om van Adobe Illustrator te houden. Wat ik in deze handleiding behandeld heb, is slechts de basis. De volgende keer zal ik meer complexe gebruiksmogelijkheden van andere geweldige gereedschappen en trucs tonen. Tot die tijd - oefenen .

Gids gepubliceerd: augustus 2012