Home-theater-designers
Wil je beginnen met leren Adobe Illustrator , maar voel je je overweldigd? Bekijk 'Aan de slag met Illustrator', de eerste Illustrator-handleiding van MakeUseOf. Met gemakkelijk te volgen instructies en veel geannoteerde screenshots, maakt deze handleiding het leren van Illustrator eenvoudig.
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 een hoge resolutie te maken, die later ook kunnen worden afgedrukt.
In tegenstelling tot Photoshop, dat afbeeldingsinformatie in punten opslaat, gebruikt Illustrator wiskundige vergelijkingen wanneer u vormen tekent. Vectortekeningen kunnen worden geschaald om op banners van wolkenkrabberformaat te passen; rasterafbeeldingen kunnen dat niet. Daarom wordt Illustrator gebruikt om tekeningen te maken die gemakkelijk moeten worden geschaald, zoals logo's.
Deze Adobe Illustrator-handleiding legt de basishulpmiddelen uit die nodig zijn voor het maken van een logo, dus bekijk het eens. Open Illustrator zelf en volg het om echt een idee te krijgen van Adobe's geweldige vectorkunstprogramma.
Inhoudsopgave
§3–Een logo maken in Illustrator
§4–Een 3D-tekst maken in Illustrator
1. Inleiding
Als je hebt besloten om Illustrator te leren, dan moet je beginnen met de basis. Het is een heel krachtig programma, maar ook een complex programma. Als u eenmaal bekend bent met de interface, basistools, paletten en werkruimte, bespaart u veel tijd en zenuwen en ziet uw workflow er soepel en prettig uit.
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 een hoge resolutie te maken, die later ook kunnen worden afgedrukt.
In tegenstelling tot Photoshop, dat afbeeldingsinformatie in punten opslaat, gebruikt Illustrator wiskundige vergelijkingen wanneer u vormen tekent. Waar gaat dat over?
Het betekent dat vectorafbeeldingen (zoals een Illustrator-tekening) kunnen worden geschaald of ingezoomd tot elk formaat zonder kwaliteitsverlies, terwijl rasterafbeeldingen (zoals een afbeelding die in Photoshop is bewerkt) tijdens het schalen korrelig worden:
In principe kunnen vectortekeningen worden geschaald om op banners van wolkenkrabberformaat te passen; rasterafbeeldingen kunnen dat niet. Dus als u van plan bent uw werk voor verschillende formaten te gebruiken, gebruik dan een op vectoren gebaseerd programma zoals Illustrator.
• Voordelen van vectorafbeeldingen:
• Hoge resolutie op elk formaat;
• Kleine bestandsgrootte;
• Hoge kwaliteit afdrukken;
• Geen resolutieverlies tijdens het bewerken.
nadelen:
• Moeilijk om realistische tekeningen te maken (maar toch mogelijk).
Oké, je leest deze handleiding dus nog steeds. 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 je kennis laten maken met de werkruimte, basisgereedschappen, vormen en we zullen ons eerste logo maken met behulp van deze geweldige software.
Houd er rekening mee dat ik Illustrator CS5 op Windows gebruik, dus Mac-gebruikers zullen iets andere toetscombinaties moeten gebruiken: Opdracht sleutel in plaats van Ctrl en Optie in plaats van Alles .
2. De Illustrator-werkruimte
Als je bekend bent met Photoshop, zal de werkruimte van Adobe Illustrator je niet veel verbazen, aangezien de belangrijkste onderdelen ervan in principe hetzelfde zijn:
U zult voornamelijk het deelvenster Tools gebruiken, omdat alle tools die u nodig hebt aanwezig zijn. Om een actieve tool te configureren, gebruikt u het Configuratiescherm, waar alle opties voor de huidige tool worden bewaard. En natuurlijk het docking-gebied van het paneel - het behoudt zulke belangrijke paletten als kleurstalen, lagen, lijnopties, uiterlijk, verloopinstellingen, enz. (alle paletten kunnen worden in- of uitgeschakeld in ramen menu).
Laten we eens kijken naar de Gereedschap paneel eerst.
2.1 Gereedschappenpaneel
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 tools, zoals Rechthoek , bevatten meer tools binnenin, die kunnen worden geselecteerd door het gereedschapspictogram ingedrukt te houden):
Ik zeg altijd dat oefenen de beste manier is om te leren. Laten we dus de basishulpmiddelen leren door ze daadwerkelijk te gebruiken.
3. Een logo maken in Illustrator
Ik gebruik meestal Adobe Illustrator om logo's voor mijn klanten te maken. Waarom proberen we er niet een?
Laten we ons geweldige bedrijf bellen LimeWorks . We moeten een limoen maken en de naam eronder zetten. Zoals dit:
Houd er echter rekening mee dat we een eenvoudig logo zullen maken, zodat u vertrouwd raakt met enkele hulpmiddelen en methoden. Laten we beginnen met het tekenen van limoensegmenten.
3.1 Het gereedschap Pen gebruiken
We gebruiken de Pen tool, een van de meest gebruikte tools in Illustrator. Het wordt gebruikt om allerlei vormen en objecten te maken. Selecteer het door op het pictogram in de toolbox te klikken of gebruik de P-toets.
windows 10 blauw scherm systeem service uitzondering
Maak met het gereedschap Pen uw eerste driehoek door drie keer te klikken op de plaats waar u de randen wilt hebben:
Opmerking: zoals je ziet, gebruik ik Grid (Ctrl+) om preciezer te zijn.
Om het pad te sluiten, klikt u op het eerste punt:
Nu is het klaar om gevuld te worden met een kleur. Zorg ervoor dat het driehoekje is geselecteerd (klik erop met Selectietool, V ) en kies een gele toon:
3.2 Ronde hoeken maken
We hebben ronde hoeken nodig om ons limoensegment (driehoek) er gladder uit te laten zien. We gebruiken de Ronde hoeken effect:
In de Ronde hoeken dialoogvenster, zet iets als 4 mm (Ik gebruik millimeters als eenheden) en klik op OK om wijzigingen toe te passen:
Ziet er goed uit. Laten we nu wat textuur toevoegen, zodat het er realistischer uitziet.
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 gebruiken Gebrandschilderd glas (Effecten-> Textuur-> Gebrandschilderd glas) .
Maar daarvoor hebben we een kopie van onze driehoek boven de originele laag nodig.
3.4 Objecten kopiëren
Ik zal u enkele snelle tips laten zien over hoe u gemakkelijk objecten boven de huidige laag en daaronder kunt kopiëren en plakken, terwijl u de exacte positie behoudt.
Om een kopie van een geselecteerd object op de exacte positie boven het originele object te plakken, kopieert u het eerst ( Ctrl+C) en plak het dan met Ctrl+F (als je gebruikt Ctrl+V het zal het in het midden van het scherm plakken). Om het onder het originele object te plakken, gebruik Ctrl+B :
OK, dus nu ken je de kopieer- en plaktrucs.
Kopieer en plak onze driehoek recht voor zichzelf (Ctrl + F) en vul het geplakte object met witte kleur:
Open de Glas-in-lood dialoogvenster en stel in als de mijne ( Celgrootte = 17; Randdikte = 2; Lichtintensiteit = 0 ):
3.5 Uiterlijk uitbreiden
Uiterlijk uitbreiden bevindt zich in de Object menu en is een van de belangrijkste hulpmiddelen in Illustrator. Er is misschien een aparte handleiding voor nodig om deze in detail te beschrijven, maar vandaag leren we alleen de basis.
Dus, in eenvoudige bewoordingen, Uiterlijk uitbreiden wordt gebruikt om een object in afzonderlijke paden of afbeeldingen te verdelen nadat er een effect op is toegepast. Nou, dat klinkt een beetje verwarrend. Laten we het gewoon gebruiken en in actie zien.
Zorg ervoor dat je je witte driehoek hebt geselecteerd met de Glas-in-lood effect erop en ga naar Object->Uiterlijk uitbreiden . Nu is ons object een afbeelding:
3.6 Live-tracering
Nog een coole functie van Adobe Illustrator, Live spoor wordt gebruikt om rasterafbeeldingen om te zetten in overtrekobjecten. Er zijn al enkele standaard voorinstellingen voor tracering, maar we zullen aangepaste instellingen gebruiken.
Ga naar Object->Live Trace -> Traceringsopties en stel waarden in zoals hieronder:
3.7 Uitvouwen
Uitbreiden wordt gebruikt om overtrekkende objecten om te zetten in bewerkbare paden (vector). Nadat u een rasterafbeelding hebt getraceerd, moet u Uitbreiden .
Omdat ons getextureerde object nu is getraceerd en klaar is om terug te keren naar paden, gebruiken we Uitbreiden :
Zoals je ziet, is onze textuur nu een set van paden , maar we moeten de kleur van zwart naar wit veranderen. Deze keer zullen we gebruiken Hartinfarct (aangezien de textuur een reeks streken is):
OKE. 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 punt zijn we klaar met ons schijfje limoen. De rest is makkelijker.
3.9 Objecten groeperen
Op dit punt is ons schijfje limoen klaar en moeten we het dupliceren. Maar het is samengesteld uit meerdere lagen (objecten), dus om dingen gemakkelijker te maken tijdens het dupliceren, laten we Groep hen.
Om een set objecten te groeperen, selecteert u ze allemaal door er met uw muis omheen te slepen en te klikken op Ctrl+G . Een andere handige manier om meerdere objecten te selecteren, is vasthouden Verschuiving en klikken op objecten.
Maar aangezien we geen andere objecten op ons tekengebied hebben, kunt u in plaats daarvan alle objecten selecteren ( Ctrl+A ) en groepeer ze ( Ctrl+G ):
3.10 Het gereedschap Roteren gebruiken
Draaien tool (R) wordt gebruikt voor ... raad eens? Ja, om objecten of vormen te roteren.
Selecteer het gereedschap Roteren en Alt + klik aan de bovenkant van de driehoek om ons rotatiecentrum in te stellen. Stel in het pop-upvenster als volgt in en klik op Kopiëren :
Je zou nu dit moeten hebben:
3.11 Een trucje
Er is een kleine truc (een van de vele) die uw Adobe Illustrator-ervaring in toekomstige projecten gemakkelijker zal maken. De truc is gewoon een sneltoets ( Ctrl+D ). Het herhaalt of past de laatste transformatie toe op het geselecteerde object.
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.
Groepeer eerst alle plakjes bij elkaar om de zaken op orde te houden. Zorg er vervolgens voor dat er niets is geselecteerd door ergens anders op het tekengebied te klikken.
3.12 Een cirkel tekenen
Kies een lichtgroene kleur voor Vullen en geen voor Hartinfarct :
Selecteer de Ovaal tool (een subtool onder Rechthoek of hit DE ):
Uitstel Shift + Alt , wijs met je muis naar het midden van de limoen en sleep de muis totdat je een cirkel krijgt die de hele limoen bedekt:
Opmerking: u hoeft niet het exacte midden te vinden om mee te beginnen - we zullen objecten later uitlijnen.
3.13 Objecten ordenen
Zoals je nu ziet, is de groene cirkel voor je of bovenstaand onze limoen. Om het te verzenden rug of onderstaand , selecteer het en druk op Ctrl+[ (Ctrl+] om het boven de huidige laag te brengen):
Mooi zo. Selecteer die cirkel en dupliceer hem onder zichzelf (zoals we deden in 3.4.) met Ctrl+C en dan Ctrl+B :
Verander de vulkleur in donkerder groen en maak deze iets groter dan de eerste cirkel door Shift+Alt ingedrukt te houden en een van de referentiepunten te slepen:
Dat ziet er best goed uit. Nog beter: we zijn klaar met het moeilijke deel.
3.14 Tekst toevoegen
Laten we onze bedrijfsnaam onder de limoen toevoegen. Selecteer Type hulpmiddel ( t ), klik onder de limoen en typ LimeWorks :
Laten we nu alles in het midden uitlijnen.
3.15 Objecten uitlijnen
Gebruik de uitlijngereedschappen om objecten perfect uit te lijnen. Die tools bevinden zich in het Configuratiescherm, wanneer het Selectiegereedschap actief is. Zie hieronder om de verschillende uitlijningen te begrijpen:
Merk op dat deze voorbeelden gelden voor: Uitlijnen op tekengebied :
Als jij kiest Uitlijnen op selectie , dan worden objecten uitgelijnd ten opzichte van de buitengrenzen van de selectie.
OKE. Selecteer alle objecten (Ctrl+A) en klik in het controlepaneel op Horizontaal uitlijnen midden (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:
Oké, 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 op Ctrl+S (zoals altijd) en het zal het opslaan in .naar de formaat.
Als u uw logo wilt opslaan in . png , dan kunt u op twee manieren gebruikmaken: Bestand->Exporteren of Bestand->Opslaan voor web en apparaten .
Terwijl de tweede manier het hele tekengebied exporteert, kunt u met de eerste manier alleen uw object(en) exporteren.
Hier is een voorbeeld:
Opmerking : je kunt altijd de grootte van je Artb . wijzigen oard (Bestand->Documentconfiguratie en klik op Tekengebieden bewerken ). Daarna, wanneer u Opslaan voor internet en apparaten u zult zien dat de afbeeldingsgrootte de nieuwe grootte van uw tekengebied is.
Let ook op: u kunt controleren: Transparantie bij het opslaan voor het web en je hebt je logo met een transparante achtergrond.
Laten we nog een tutorial 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 doorgaans tweedimensionaal zijn, kunt u ook mooie 3D-objecten maken. In deze tutorial zullen we een eenvoudige 3D-tekst maken met een grungy achtergrond zoals hieronder:
Zoals ik al zei, leren we nu de basis, zodat je meer vertrouwd raakt met de interface en enkele handige tools. Als u dat eenmaal bent, zult u zien dat er geen grenzen zijn aan wat u 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 van 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 maken van Paneel transformeren om de grootte van uw afbeelding te bepalen:
Let op: u kunt uw eigen waarden gebruiken, zorg er wel voor dat deze in het document passen.
Nu hebben we onze achtergrondafbeelding klaar, maar laten we er wat meer effecten aan toevoegen. Eerst maken we een rechthoek en dan voegen we het effect Inner Glow 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 bij Extra (M), teken een rechthoek, even groot als je achtergrondafbeelding (misschien wil je de Transformeren paneel om exacte waarden in te stellen) en stel de Vullen kleur tot lichtbruin en geen lijn:
4.3 Innerlijk gloedeffect toevoegen
Ga naar Effect->Stileren->Innerlijke gloed en stel waarden in zoals weergegeven:
Dit is wat je zou moeten hebben:
4.4 Transparantiepaneel gebruiken
U kunt altijd gebruiken Transparantiepaneel om de manier te wijzigen waarop een object of een laag overvloeit met 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 open Transparantiepaneel (Venster->Transparantie) en kies Vermenigvuldigen als de overvloeimodus:
Mooi hoor. We zijn klaar met de achtergrond. Laten we naar de 3D-tekst zelf gaan.
4.5 Werken met het gereedschap Tekst
De ... gebruiken Type gereedschap (T) schrijf MakeUseOf met een mooi lettertype (ik koos Diavlo Vet , die kan worden gedownload op exljbris Font Foundry ). Maak het groot genoeg zoals 65pt , zet volgen op -twintig en kies de wit kleur:
4.6 Contouren maken
Gebruik maken van Schetsen maken - klik met de rechtermuisknop op de tekst en kies Schetsen maken , om tekst om te zetten in vectorpaden:
4.7 3D-effecten toevoegen
3D-effecten kunnen zowel op alle objecten als op tekst worden toegepast. Selecteer de tekst, ga naar Effect->3D->Extruderen en afschuinen en pas als volgt toe:
Dit is wat je tot nu toe zou moeten hebben:
Nu moeten we de gezichten van de tekst en ons 3D-effect van elkaar scheiden. Gebruik maken van Uiterlijk uitbreiden om dat te doen ( Object->Uiterlijk uitbreiden ).
Met Direct selectiegereedschap (A) , selecteer alleen de gezichten van de tekst (houd ingedrukt Verschuiving om meerdere objecten te selecteren):
Tip : zorg er bij het selecteren voor dat de ankers zijn blauw en geen van hen wit. Zoom daarvoor een beetje in en klik ergens in het midden van de objecten (hier – tekstvlakken).
4.8 Unite gebruiken vanuit het deelvenster Pathfinder
Kopieer en plak nu uw selectie en gebruik Verenigd van verkenner paneel om alle geselecteerde vlakken samen te voegen tot één gegroepeerd pad:
Plaats de nieuwe laag bovenop de oude en zet zijn Lijnkleur naar wit en Slaggewicht tot 1pt:
We zijn er bijna.
4.9 Verloopstijl toevoegen
Het toevoegen van het verloop is vrij eenvoudig - selecteer gewoon het object, klik op de verloop paneel aan de rechterkant en stel uw kleuren in. Bovendien kunt u altijd gebruik maken van voorgedefinieerde Bibliotheken van Venster->Swatch-bibliotheken->Verlopen . Maar laten we het deze keer handmatig instellen.
In de verloop paneel, set Type tot Lineair , zet de eerste kleur op 0% locatie op donkerrood, tweede kleur op 80% locatie op oranje en de laatste kleur op 100% op felrood, Hoek op -90°:
Tip : gebruik de bovenste schuifregelaar om het kleurbereik van het verloop te regelen.
4.10 Schaduw toevoegen
Laten we er wat schaduw aan toevoegen om onze tekst wat diepte te geven. We gebruiken de Gaussiaans vervagen effect.
Kopieer eerst ( Ctrl+C ) onze nieuwe laag en plak deze vooraan ( Ctrl+F ). Verander vervolgens de kleur in zwart en stel de lijn in op geen, stuur het achter de 3D-effectlaag met Ctrl+[ (zorg ervoor dat het boven de achtergrondlagen staat):
Verplaats het naar beneden met behulp van de pijltoetsen (u kunt ook de Y-coördinaten wijzigen in het deelvenster Transformeren om preciezer te zijn):
4.11 Gaussiaans vervagen toepassen
Onze schaduw ziet er nu niet realistisch uit; we moeten het een beetje vervagen. Ga naar Effect->Vervagen->Gaussiaans vervagen en stel Radius in op 9 pixels:
We zijn klaar!
5. Enkele handige tips
Tips en trucs zijn eindeloos, maar ik zal je er enkele laten zien:
• Lagen vergrendelen – als u enkele kleine objecten wilt selecteren die voor andere objecten staan (zoals een achtergrond), kunt u in plaats van Shift+klikken op elk object de achtergrond eenvoudig vergrendelen met Ctrl+2, of een vergrendelingsteken plaatsen het deelvenster Lagen.
• Controleer altijd het palet Lagen – als u met veel objecten en lagen werkt, is het erg handig om uw lagen een naam te geven en te controleren hoe uw lagen zijn uitgelijnd (of een laag zich boven of onder de andere bevindt, is deze vergrendeld, enz.);
• Bewerk laagstijlen op elk gewenst moment opnieuw – ja, u kunt altijd stijl- of effectinstellingen wijzigen die u al eerder op een object of een laag hebt toegepast via het deelvenster Vormgeving (Venster- >Vormgeving);
• Bibliotheken gebruiken – er zijn een aantal mooie vooraf gedefinieerde bibliotheken om in uw werken te gebruiken. Ga naar Venster->Bibliotheken en kies uit Penseelbibliotheken, Staalbibliotheken, Grafische-stijlbibliotheken of Symboolbibliotheken. Er zijn er veel.
6. Conclusie
Ik hoop dat alles duidelijk genoeg was om van Adobe Illustrator te gaan houden. Wat ik in deze handleiding heb behandeld, is slechts de basis. De volgende keer zal ik meer complexe toepassingen van andere geweldige tools en trucs laten zien. Tot dan - oefening .
Gids gepubliceerd: augustus 2012
Deel Deel Tweeten E-mail Toegang krijgen tot Google's ingebouwde waterpas op AndroidAls je ooit hebt moeten controleren of iets in een mum van tijd waterpas staat, kun je nu binnen enkele seconden een waterpas op je telefoon krijgen.
Lees volgende Gerelateerde onderwerpen- Creatief
- Computerondersteund ontwerp
- lange vorm
- Longform-gids
Abonneer op onze nieuwsbrief
Word lid van onze nieuwsbrief voor technische tips, recensies, gratis e-boeken en exclusieve deals!
Klik hier om je te abonneren