Home-theater-designers
Vil du komme i gang med at lære Adobe Illustrator , men føler dig overvældet? Se 'Kom godt i gang med Illustrator', den første Illustrator -manual fra MakeUseOf. Med brugervenlige instruktioner og masser af kommenterede skærmbilleder gør denne vejledning enkel at lære Illustrator.
Adobe Illustrator er et vektortegningsprogram. Det bruges ofte til at oprette logoer, ikoner, illustrationer, diagrammer, infografik, t-shirts, visitkort, papirvarer, konvolutter, emballagedesign-you name it. Alt i alt bruges det mest til at oprette grafik i høj opløsning, som senere også kan udskrives.
I modsætning til Photoshop, der gemmer billedoplysninger i prikker, bruger Illustrator matematiske ligninger, når du tegner figurer. Vektortegninger kan skaleres til at passe til bannere i skyskraberstørrelse; rasterbilleder kan ikke. På grund af dette bruges Illustrator til at lave tegninger, der let skaleres - ting som logoer.
Denne Adobe Illustrator -manual forklarer de grundlæggende værktøjer, der er nødvendige for at lave et logo, så tjek det. Åbn Illustrator selv, og følg med for virkelig at få en fornemmelse af Adobes fantastiske vektorkunstprogram.
Indholdsfortegnelse
§2 – Illustrator -arbejdsområdet
§3 – Oprettelse af et logo i Illustrator
§4 - Oprettelse af en 3D -tekst i Illustrator
1. Introduktion
Hvis du har besluttet at lære Illustrator, skal du starte med det grundlæggende. Det er et virkelig kraftfuldt program, men også et komplekst. Når du er fortrolig med grænsefladen, grundlæggende værktøjer, paletter og arbejdsområde, sparer du meget tid og nerver, og din arbejdsgang vil virke glat og behagelig.
Adobe Illustrator er et vektortegningsprogram. Det bruges ofte til at oprette logoer, ikoner, illustrationer, diagrammer, infografik, t-shirts, visitkort, papirvarer, konvolutter, emballagedesign-you name it. Alt i alt bruges det mest til at oprette grafik i høj opløsning, som senere også kan udskrives.
I modsætning til Photoshop, der gemmer billedoplysninger i prikker, bruger Illustrator matematiske ligninger, når du tegner figurer. Hvad handler det om?
Det betyder, at vektorgrafik (som en Illustrator -tegning) kan skaleres eller zoomes til enhver størrelse uden at miste kvalitet, mens rasterbilleder (som et billede redigeret i Photoshop) vil pixelere, når du skalerer:
Grundlæggende kan vektortegninger skaleres til at passe til bannere i skyskraberstørrelse; rasterbilleder kan ikke. Så hvis du planlægger at bruge dit arbejde til forskellige størrelser, skal du bruge et vektorbaseret program som Illustrator.
• Fordele ved vektorgrafik:
• Høj opløsning i enhver størrelse;
• Lille filstørrelse;
• Print i høj kvalitet;
• Intet opløsningstab under redigering.
Ulemper:
• Svært at producere realistiske tegninger (men stadig muligt).
Okay, så du læser stadig denne vejledning. Det fortæller mig, at du virkelig vil komme tættere på med Illustrator, så jeg er her for at dele min viden med dig. I denne vejledning vil jeg introducere dig til arbejdsområdet, grundlæggende værktøjer, former, og vi opretter vores første logo ved hjælp af denne fantastiske software.
Bemærk, at jeg bruger Illustrator CS5 på Windows, så Mac -brugere bliver nødt til at bruge lidt forskellige tastekombinationer: Kommando nøgle i stedet for Ctrl og Mulighed i stedet for Alt .
2. Illustrator -arbejdsområdet
Hvis du kender Photoshop, så overrasker Adobe Illustrator -arbejdsområdet dig ikke meget, da hoveddelene i det stort set er de samme:
Du vil primært bruge panelet Værktøjer, da alle de værktøjer, du har brug for, er der. For at konfigurere et aktivt værktøj skal du bruge Kontrolpanel, hvor alle muligheder for det aktuelle værktøj bevares. Og naturligvis panelets dockingområde - det beholder så vigtige paletter som farveprøver, lag, muligheder for strøg, udseende, gradientindstillinger osv. (Alle paletter kan tændes eller slukkes i Windows menu).
Lad os tjekke Værktøjer panel først.
2.1 Værktøjspanel
Der er mange værktøjer til rådighed i værktøjskassen, men du behøver ikke at huske alt. Bare et par af dem vil gøre jobbet.
Her er en referencetabel (nogle værktøjer, f.eks Rektangel , indeholder flere værktøjer indeni, som kan vælges ved at holde værktøjsikonet):
Jeg siger altid, at den bedste måde at lære på er at øve. Så lad os lære de grundlæggende værktøjer ved faktisk at bruge dem.
3. Oprettelse af et logo i Illustrator
Jeg bruger normalt Adobe Illustrator til at oprette logoer til mine klienter. Hvorfor prøver vi ikke en?
Lad os ringe til vores fantastiske firma LimeWorks . Vi bliver nødt til at oprette en kalk og sætte navnet under den. Sådan her:
Husk dog, at vi vil oprette et simpelt logo, bare så du bliver fortrolig med nogle værktøjer og metoder. Lad os starte med at tegne limesegmenter.
3.1 Brug af penværktøj
Vi vil bruge Pen værktøj, som er et af de mest brugte værktøjer i Illustrator. Det bruges til at skabe alle former for former og objekter. Vælg det ved at klikke på ikonet fra værktøjskassen eller brug P -tasten.
startknappen på iphone virker ikke
Brug penværktøjet til at oprette din første trekant ved at klikke tre gange, hvor du vil have kanterne til at være:
Bemærk: Som du ser, bruger jeg Grid (Ctrl+) for at være mere præcis.
For at lukke stien skal du klikke på det første punkt:
Nu er den klar til at blive fyldt med en farve. Sørg for, at trekanten er valgt (klik på den med Udvælgelsesværktøj, V ) og vælg en gul tone:
3.2 Gør runde hjørner
Vi har brug for runde hjørner for at få vores limesegment (trekant) til at se glattere ud. Vi vil bruge Runde hjørner effekt:
I Runde hjørner dialogboks, sæt noget lignende 4 mm (Jeg bruger millimeter som enheder), og klik på OK for at anvende ændringer:
Ser godt ud. Lad os nu tilføje lidt tekstur, så det ser mere realistisk ud.
3.3 Tilføjelse af Photoshop Effects
Når du går til menuen Effekter i Adobe Illustrator, vil du se, at der er Illustrator Effects og Photoshop Effects:
Vi vil bruge Farvet glas (effekter-> tekstur-> farvet glas) .
Men før det har vi brug for en kopi af vores trekant over det originale lag.
3.4 Kopiering af objekter
Jeg viser dig nogle hurtige tips til, hvordan du nemt kopierer og indsætter objekter over det aktuelle lag og herunder, samtidig med at du beholder den nøjagtige position.
For at indsætte en kopi af et valgt objekt over det originale i den nøjagtige position, skal du først kopiere det ( Ctrl+C) og indsæt det derefter ved hjælp af Ctrl+F (hvis du bruger Ctrl+V det vil indsætte det i midten af skærmen). Brug den til at indsætte den under det originale objekt Ctrl+B :
OK, så nu kender du copy/paste tricks.
Kopier og indsæt vores trekant lige foran sig selv (Ctrl+F), og udfyld det indsatte objekt med hvid farve:
Åbn Farvet glas dialogboks og indstil som min ( Cellestørrelse = 17; Grænsetykkelse = 2; Lysintensitet = 0 ):
3.5 Udvid udseende
Udvid udseende er placeret i Objekt menu og er et af de vigtigste værktøjer i Illustrator. Det kan kræve en separat vejledning at beskrive detaljeret, men i dag lærer vi kun det grundlæggende.
Så i enkle vendinger Udvid udseende bruges til at opdele et objekt i separate stier eller billeder, efter at en effekt er påført det. Det lyder lidt forvirrende. Lad os bare bruge det og se det i aktion.
Sørg for, at du har valgt din hvide trekant med Farvet glas effekt på det og gå til Objekt-> Udvid udseende . Nu er vores objekt et billede:
3.6 Live Trace
En anden cool funktion i Adobe Illustrator, Levende spor bruges til at konvertere rasterbilleder til sporingsobjekter. Der er allerede nogle standardsporingsindstillinger, men vi bruger brugerdefinerede indstillinger.
Gå til Objekt-> Live -spor -> Sporingsindstillinger og indstil værdier som nedenfor:
3.7 Udvid
Udvide bruges til at konvertere sporingsobjekter til redigerbare stier (vektor). Efter at have sporet et rasterbillede, skal du bruge Udvide .
Da vores teksturerede objekt nu er sporet og klar til at blive returneret til stier, vil vi bruge det Udvide :
Som du ser, er vores tekstur nu et sæt af stier , men vi skal ændre dens farve fra sort til hvid. Denne gang vil vi bruge Slag (da teksturen er et sæt streger):
OKAY. Men den er nu lidt for skarp. Lad os sløre det lidt.
3.8 Sløringseffekt
Gå til Effekter-> Sløring-> Gaussisk sløring , indstil radius til 2,8 pixels, og du skal have dette:
På dette tidspunkt er vi færdige med vores limeskive. Resten er lettere.
3.9 Gruppering af objekter
På dette tidspunkt er vores kalkskive klar, og vi skal kopiere den. Men den er sammensat af flere lag (objekter), så lad os gøre det nemmere, mens du kopierer Gruppe dem.
Hvis du vil gruppere et sæt objekter, skal du markere dem alle ved at trække musen rundt om dem og klikke Ctrl+G . En anden bekvem måde at vælge flere objekter på er at holde Flytte og klikker på objekter.
Men da vi ikke har andre objekter på vores tegnebræt, kan du i stedet vælge alle objekter ( Ctrl+A ) og grupper dem ( Ctrl+G ):
3.10 Brug af værktøjet Rotér
Rotere værktøj (R) bruges til ... gæt hvad? Ja, for at rotere objekter eller former.
Vælg værktøjet Roter og Alt+click øverst i trekanten for at indstille vores rotationscenter. I pop-up-boksen angives som følger, og klik på Kopi :
Du burde have dette nu:
3.11 Et lille trick
Der er et lille trick (et af mange), der vil gøre din Adobe Illustrator -oplevelse lettere i fremtidige projekter. Tricket er bare en tastaturgenvej ( Ctrl+D ). Den gentager eller anvender den seneste transformation på det valgte objekt.
Det er også praktisk til vores praksis. Vælg den nye skive og brug Ctrl+D 6 gange:
Voila! Vi har en lækker citron. Nu for nogle detaljer.
Først og fremmest skal du gruppere alle skiverne sammen for at holde orden i tingene. Sørg derefter for, at intet er valgt ved at klikke et andet sted på tegnebrættet.
3.12 Tegning af en cirkel
Vælg en lysegrøn farve til Fylde og ingen for Slag :
Vælg Ellipse værktøj (et underværktøj under Rektangel eller slå DET ):
Holde Skift + Alt , peg musen mod midten af kalken og træk med musen, indtil du får en cirkel, der dækker hele kalken:
Bemærk: du behøver ikke at finde det nøjagtige center til at starte med - vi justerer objekter senere.
3.13 Arrangering af objekter
Som du ser nu, er den grønne cirkel foran eller over vores lime. At sende det tilbage eller under , vælg det og tryk på Ctrl+[(Ctrl+] for at bringe det over det aktuelle lag):
Godt. Vælg den cirkel, og kopier den under sig selv (som vi gjorde i 3.4.) Med Ctrl+C og så Ctrl+B :
Skift dens fyldfarve til en mørkere grøn, og gør den lidt større end den første cirkel ved at holde Shift+Alt nede og trække i et af dens referencepunkter:
Det ser godt ud. Endnu bedre: vi er færdige med den hårde del.
3.14 Tilføjelse af tekst
Lad os tilføje vores firmanavn under kalken. Vælg Type værktøj ( T ), klik under kalken og skriv LimeWorks :
Lad os nu justere alt til centrum.
3.15 Justering af objekter
Brug justeringsværktøjerne til at justere objekter perfekt. Disse værktøjer findes i kontrolpanelet, når markeringsværktøjet er aktivt. Se nedenfor for at forstå forskellige justeringer:
Bemærk, at disse eksempler er sande for Juster til tegnebrættet :
Hvis du vælger Juster til markering , så vil objekter blive justeret i forhold til markeringens ydre grænser.
OKAY. Vælg alle objekter (Ctrl+A), og klik på kontrolpanelet på Horizontal Align Center (nummer 2):
Det er det. Nu kan du lege med størrelser og farver, hvis du vil.
Hvis du gør kalken mindre og ændrer tekstfarverne, ser den meget bedre ud:
Okay, tillykke med dit første logo!
Lad os komme til at gemme og eksportere.
3.16 Gemning og eksport
For at gemme dine Illustrator -filer skal du bare trykke Ctrl+S (som altid), og det gemmer det .til format.
Hvis du vil gemme dit logo i. png , så kan du gøre brug af en af to måder: Fil-> Eksporter eller Fil-> Gem til web og enheder .
Mens den anden måde eksporterer hele tegnebrættet, kan du på den første måde kun eksportere dine objekter.
Her er et eksempel:
Bemærk : du kan altid ændre størrelsen på din Artb oard (File-> Document Setup og klik på Edit Artboards ). Efter det, når du bruger Gem til web og enheder du vil se, at billedstørrelsen er den nye størrelse på dit tegnebræt.
Bemærk også: du kan kontrollere Gennemsigtighed når du sparer til web, og du vil have dit logo med en gennemsigtig baggrund.
Lad os gå igennem en anden vejledning for at lære andre grundlæggende værktøjer. Vi opretter en 3D -tekst med en grungy baggrund.
4. Oprettelse af en 3D -tekst i Adobe Illustrator
Mens vektorgrafik typisk er todimensionelle, kan du også oprette flotte 3D-objekter. I denne vejledning opretter vi en simpel 3D -tekst med en grungy baggrund som nedenfor:
Som sagt lærer vi nu det grundlæggende, så du bliver mere fortrolig med grænsefladen og nogle nyttige værktøjer. Når du er det, vil du se, at der ikke er grænser for, hvad du kan gøre med Illustrator.
4.1 Tilføjelse af en grungy baggrund
Lad os starte med en cool baggrund.
Gå til dit yndlingswebsted for gratis teksturer og baggrunde, og find en dejlig grungy baggrund. Jeg tog en fra Stockbillede :
Kopier og indsæt det i dit Adobe Illustrator -dokument. Sandsynligvis vil det være alt for stort, så du bliver nødt til at skalere det ned. Brug Transform panel for at styre størrelsen på dit billede:
Bemærk: du kan bruge dine egne værdier, bare sørg for at det passer til dokumentet.
Nu har vi vores baggrundsbillede klar, men lad os tilføje nogle flere effekter til det. Først opretter vi et rektangel, og derefter tilføjer vi indvendig glød -effekt og bruger panelet Gennemsigtighed til at ændre blanding mellem billedet og rektanglet.
4.2 Oprettelse af et rektangel
Vælg rektangel fra Værktøjer (M), tegne et rektangel, samme størrelse som dit baggrundsbillede (du vil måske bruge Transform panel for at indstille nøjagtige værdier) og indstil Fylde farve til lysebrun og uden slag:
4.3 Tilføjelse af indre glødeffekt
Gå til Effekt-> Stiliser-> Indre glød og indstil værdier som vist:
Her er hvad du skal have:
4.4 Brug af gennemsigtighedspanel
Du kan altid bruge Gennemsigtighedspanel for at ændre den måde, et objekt eller et lag blandes med lagene nedenfor. Lad os først sende vores rektangel bag billedet. Vælg rektanglet ved at klikke på det og brug Ctrl+[ .
Vælg nu billedlaget ved at klikke på billedet og åbne Gennemsigtighedspanel (Vindue-> Gennemsigtighed) og vælg Formere sig som blandingstilstand:
Pæn. Vi er færdige med baggrunden. Lad os komme til selve 3D -teksten.
4.5 Arbejde med Type -værktøj
Bruger Type værktøj (T) skriv MakeUseOf med en fin skrifttype (jeg valgte Diavlo Fed , som kan downloades på exljbris Font Foundry ). Gør det stort nok som 65pt , indstil sporing til -tyve og vælg hvid farve:
4.6 Oprettelse af konturer
Brug Opret konturer - højreklik på teksten og vælg Opret konturer , for at konvertere tekst til vektorstier:
4.7 Tilføjelse af 3D -effekter
3D -effekter kan anvendes på alle objekter samt tekst. Vælg teksten, gå til Effekt-> 3D-> Ekstruder og skrå og ansøg som følger:
Dette skal du have så langt:
Nu skal vi adskille tekstens ansigter og vores 3D -effekt fra hinanden. Brug Udvid udseende at gøre det ( Objekt-> Udvid udseende ).
Med Direkte markeringsværktøj (A) , vælg kun tekstens ansigter (hold nede Flytte for at vælge flere objekter):
Tip : mens du vælger, skal du sørge for, at ankre er blå og ingen af dem hvide. For at gøre det skal du zoome lidt ind og klikke et sted midt i objekterne (her - tekstflader).
4.8 Brug af Unite fra Pathfinder -panelet
Kopier og indsæt nu dit valg og brug det Forenet fra Stifinder panel for at slutte alle markerede ansigter til en grupperet sti:
Læg det nye lag oven på det gamle og sæt dets Slagfarve til hvid og Slaglængde til 1pt:
Vi er der næsten.
4.9 Tilføjelse af Gradient Style
Det er ret let at tilføje gradienten - vælg bare objektet, klik på Gradient panel til højre og konfigurer dine farver. Desuden kan du altid gøre brug af foruddefinerede Biblioteker fra Vindue-> farveprøvebiblioteker-> gradienter . Men denne gang, lad os konfigurere det manuelt.
I Gradient panel, sæt Type til Lineær , sæt første farve på 0% placering til mørkerød, anden farve på 80% placering til orange og den sidste farve til 100% til lys rød, Vinkel til -90 °:
Tip : Brug den øverste skyder til at styre gradientens farveområde.
4.10 Tilføjelse af skygge
For at give vores tekst lidt dybde, lad os tilføje lidt skygge til den. Vi vil bruge Gaussisk sløring effekt.
Kopier først ( Ctrl+C ) vores nye lag og indsæt det foran ( Ctrl+F ). Skift derefter farven til sort og sæt stregen til ingen, send den bag 3D -effektlaget med Ctrl+[ (sørg for at den er over baggrundslagene):
Flyt det ned ved hjælp af piletasterne (du kan også ændre Y -koordinater fra Transform -panelet for at være mere præcis):
4.11 Anvendelse af Gaussisk sløring
Vores skygge ser ikke realistisk ud nu; vi skal sløre det lidt. Gå til Effekt-> Sløring-> Gaussisk sløring og indstil Radius til 9 pixels:
Vi er færdige!
5. Nogle nyttige tips
Tips og tricks er uendelige, men jeg vil vise dig nogle af dem:
• Lås lag - når du vil markere nogle små objekter, der er foran andre objekter (som en baggrund), kan du i stedet for Shift+klikke på hver enkelt blot låse baggrunden med Ctrl+2 eller sætte et låseskilt ind panelet Lag.
• Kontroller altid Lag -paletten - når du arbejder med mange objekter og lag, er det virkelig nyttigt at navngive dine lag og kontrollere, hvordan dine lag er justeret (om et lag er over eller under det andet, er det låst osv.);
• Rediger lagstilarter igen når som helst du har brug for det- ja, du kan altid ændre stil- eller effektindstillinger, som du allerede har anvendt på et objekt eller et lag før via panelet Udseende (Vindue-> Udseende);
• Brug biblioteker-der er nogle flotte foruddefinerede biblioteker at gøre brug af i dine værker. Gå til Vindue-> Biblioteker, og vælg mellem penselbiblioteker, farveprøvebiblioteker, grafiske stilbiblioteker eller symbolbiblioteker. Der er masser af dem.
6. Konklusion
Jeg håber, at alt var klart nok til, at du kunne begynde at elske Adobe Illustrator. Det, jeg har dækket i denne vejledning, er bare det grundlæggende. Næste gang vil jeg vise mere komplekse anvendelser af andre fantastiske værktøjer og tricks. Indtil da - øve sig .
Vejledning Udgivet: August 2012
Del Del Tweet E -mail Sådan får du adgang til Googles indbyggede bobleniveau på AndroidHvis du nogensinde har haft brug for at sikre, at noget er i niveau med en knivspids, kan du nu få et bobleniveau på din telefon på få sekunder.
Læs Næste Relaterede emner- Kreativ
- Computer hjulpet design
- Lang form
- Longform Guide
Abonner på vores nyhedsbrev
Tilmeld dig vores nyhedsbrev for at få tekniske tips, anmeldelser, gratis e -bøger og eksklusive tilbud!
Klik her for at abonnere