Share
Wat je gaat creërenIn de volgende stappen leert u hoe u een eenvoudige lijngrafiek kunt maken in Adobe Illustrator. Om te beginnen leer je hoe je een eenvoudig raster opzet en hoe je de twee hoofdrechthoeken maakt. Vervolgens leer je hoe je een gestreept raster maakt met behulp van de Rechthoekige raster-tool samen met enkele basiseffecten en lijnkenmerken. Als u verder gaat, leert u hoe u de lijngidsen maakt met alleen het deelvenster Uiterlijk en hoe u een eenvoudige grafische stijl kunt opslaan en gebruiken. Ten slotte leert u hoe u enkele eenvoudige stukjes tekst maakt en subtiele arceringen toevoegt.
Raken Besturing N om een nieuw document te maken. kiezen pixels van de eenheden vervolgkeuzemenu, enter 600 in de vakken width en height klik je op de gevorderd knop. kiezen RGB, Scherm (72ppi) en zorg ervoor dat de Lijn nieuwe objecten uit met Pixel Grid vakje is uitgeschakeld voordat u klikt OK.
Schakel de rooster (Beeld> Raster weergeven) en de Klik op raster (Beeld> Uitlijnen op raster). Om te beginnen heb je elk een rooster nodig 5px, dus ga gewoon naar Bewerken> Voorkeuren> Gidsen> Raster, invoeren 5 in de Gridline elke doos en 1 in de onderverdelingen doos. Probeer niet ontmoedigd te raken door al dat raster, het zal je werk verlichten en onthoud dat je het eenvoudig kunt in- of uitschakelen met de Controle-" Toetsenbord sneltoets. U moet ook de. Openen info paneel (Venster> Info) voor een live preview met de grootte en positie van je vormen. Vergeet niet om de maateenheid in te stellen op pixels van Bewerken> Voorkeuren> Eenheden> Algemeen. Al deze opties zullen uw werksnelheid aanzienlijk verhogen.
Kies het Rechthoekgereedschap (M) en focus op je Toolbar. Verwijder de kleur uit de streek en selecteer vervolgens de vulling en stel de kleur in op R = 40 G = 35 B = 45. Klik eenvoudig op uw tekengebied om het te openen Rechthoek venster. invoeren 610 in de Breedte en Hoogte vakjes en klik vervolgens op de OK knop om uw te maken 610px plein.
Vervolgens moet je deze nieuwe vorm centreren, dus open de richten paneel (Venster> Uitlijnen). Stel de uitlijning in op Artboard (open het uitvouwmenu en ga naar Toon opties als je het niet kunt zien Af te stemmen op sectie zoals getoond in de volgende afbeelding) klik dan eenvoudigweg op Horizontaal centreer uitlijnen en Verticaal uitlijnen midden toetsen. Uiteindelijk moet uw vierkant het gehele tekengebied bedekken, zoals wordt weergegeven in de volgende afbeelding.
Ga naar de Lagen paneel (Venster> Lagen), gewoon de bestaande laag openen Dubbelklik op je vorm en hernoem het "achtergrond".
Zorg ervoor dat de Rechthoekgereedschap (M) is nog steeds actief, stel de vulkleur in op R = 30 G = 61 B = 81, Maak een 475px vierkant en plaats het ongeveer zoals weergegeven in de volgende afbeelding. Ga naar de Lagen paneel en hernoem eenvoudigweg deze nieuwe vorm "hoofd".
Stel scherp op je werkbalk, verwijder de kleur uit de vulling en selecteer vervolgens de lijn en stel de kleur in op wit (R = 255 G = 255 B = 255). Blijf scherpstellen op uw werkbalk en selecteer de Rechthoekig raster om de te openen Rechthoekige gereedschapsopties venster. Klik eenvoudig op uw tekengebied, voer alle kenmerken in die in de volgende afbeelding worden weergegeven en klik vervolgens op de knop OK knop. Zorg ervoor dat dit nieuwe raster is geselecteerd en plaats het precies zoals in de eerste afbeelding, de Klik op raster functie moet uw werk vergemakkelijken.
Zorg ervoor dat je hele raster nog steeds is geselecteerd en klik gewoon op Shift-Control-G naar Ungroup het. Selecteer de rechthoek die uw raster frames en klik gewoon op de Verwijder knop van uw toetsenbord om het te verwijderen. Uiteindelijk zouden de dingen eruit moeten zien in de tweede afbeelding.
Blijf scherpstellen op uw raster, selecteer de tien horizontale paden en open de Transformeren paneel (Venster> Transformeren). Zorg ervoor dat de Beperk de breedte en hoogte van de verhoudingen knop is niet geactiveerd en voer gewoon in 360px in de Breedte doos. Uiteindelijk zouden de dingen eruit moeten zien in de tweede afbeelding.
Zorg ervoor dat al je witte paden zijn geselecteerd, focus op de Verschijning paneel en klik gewoon op dat "Beroerte"stuk tekst om de te openen Beroerte uitklappaneel. Controleer de Stippellijn doos en de Lijn streepjes uit met hoeken en paduiteinden knoppen en voer dan gewoon in 5px in de eerste twee dash en gap boxes. Uiteindelijk zou het eruit moeten zien in de volgende afbeelding.
Zorg ervoor dat al je witte paden zijn geselecteerd en klik gewoon op Controle-G naar Groep hen. Vervolgens moet u ervoor zorgen dat deze dunne paden perfect zijn uitgelijnd met het pixelraster. Selecteer de groep die in deze stap is gemaakt en ga naar Effect> Vervormen en transformeren> Transformeren. Sleep beide verhuizing schuift naar -0.5px en klik OK.
Schakel de Pixel Preview (Beeld> Pixelvoorbeeld) Bekijk dan je pad met en zonder de Transformeren invloed hebben om precies te begrijpen hoe dingen veranderen. Vergeet niet om de Pixel Preview (Beeld> Pixelvoorbeeld) als je klaar bent.
Selecteer opnieuw je groep witte paden, focus op de Verschijning paneel en klik gewoon op dat "ondoorzichtigheid"stuk tekst om de te openen Transparantie uitklappaneel. Verlaag de ondoorzichtigheid naar 25% en blijf focussen op de Verschijning paneel. Zorg ervoor dat je groep nog steeds is geselecteerd en ga naar Effect> Stileren> Slagschaduw. Voer de eigenschappen in die in de volgende afbeelding worden getoond en klik op OK.
Grijp de Pen gereedschap (P) en maak een enigszins eenvoudig pad zoals in de volgende afbeelding wordt getoond. Selecteer het en focus op de Verschijning paneel. Zorg ervoor dat er geen kleur is ingesteld voor de vulling, selecteer de lijn en stel de kleur in op R = 255 G = 25 B = 100 open vervolgens de Beroerte uitklappaneel. Stel de Gewicht op 4PX controleer dan gewoon de Ronde dop en de Ronde Join knoppen (aangegeven door de blauwe cirkels in de volgende afbeelding).
Zorg ervoor dat je gele pad geselecteerd blijft, focus op de Verschijning paneel, selecteer de bestaande streek en dupliceer deze eenvoudig met behulp van de Geselecteerd item dupliceren knop (aangegeven door de blauwe cirkel in de volgende afbeelding). Selecteer deze nieuwe streek, stel de Gewicht op 3px en de kleur op R = 255 G = 222 B = 23 ga dan naar Effect> Vervormen en transformeren> Transformeren. Voer de eigenschappen in die in de volgende afbeelding worden getoond en klik op OK.
Zorg ervoor dat je gele pad geselecteerd blijft, focus op de Verschijning paneel, selecteert u de bovenste streek en dupliceert u die met dezelfde Geselecteerd item dupliceren knop. Selecteer deze nieuwe streek, stel de Gewicht op 1px en de kleur op R = 247 G = 148 B = 30 open vervolgens het bestaande Transformeren effect. Vervang de bestaande eigenschappen door de eigenschappen die worden weergegeven in de volgende afbeelding en klik op OK.
Zorg ervoor dat je gele pad geselecteerd blijft, focus op de Verschijning paneel, selecteert u de onderste streek en dupliceert u die met dezelfde Geselecteerd item dupliceren knop. Selecteer deze nieuwe streek, sleep deze naar de onderkant van de Verschijning paneel, stel de Gewicht op 6px en de kleur op zwart (R = 0 G = 0 B = 0) lager dan zijn ondoorzichtigheid naar 15%.
Zorg ervoor dat je gele pad geselecteerd blijft, focus op de Verschijning paneel, selecteer de 4PX beroerte en ga naar Effect> Stileren> Slagschaduw. Voer de eigenschappen in die getoond worden in het linkervenster (in de volgende afbeelding), klik OK dan raken Shift-Control-E twee keer om hetzelfde effect nog twee keer toe te voegen. Zorg ervoor dat uw 4PX is nog steeds geselecteerd en gaat nog een keer naar Effect> Stileren> Slagschaduw. Voer de eigenschappen in die getoond worden in het rechtervenster en klik OK.
Selecteer je gele pad opnieuw, focus op de Verschijning paneel, zorg ervoor dat het hele pad is geselecteerd (klik gewoon op de "Pad"stuk tekst van de bovenkant van de Verschijning paneel) en ga naar Effect> Stileer> Afgeronde hoeken. Voer een in 5px Radius en klik OK. Zorg ervoor dat je gele pad nog steeds is geselecteerd, open het Grafische stijlen paneel (Venster> Grafische stijlen) en klik gewoon op de Nieuwe grafische stijl om een nieuwe grafische stijl op te slaan.
Grijp de Pen gereedschap (P) en maak een nieuw pad zoals getoond in de volgende afbeelding. Selecteer het en voeg eenvoudig uw opgeslagen grafische stijl toe vanuit de Grafische stijlen paneel. Zorg ervoor dat dit nieuwe pad geselecteerd blijft en focus op de Verschijning paneel. Selecteer de bovenste streek en vervang de bestaande kleur met R = 239 G = 65 B = 54. Blijf focussen op de Verschijning paneel, ga naar de volgende streek, selecteer het en vervang de bestaande kleur met R = 247 G = 148 B = 30. Selecteer ten slotte de 4PX streek en vervang de bestaande kleur met R = 255 G = 205 B = 109.
Grijp de Pen gereedschap (P) en maak een nieuw pad zoals getoond in de volgende afbeelding. Selecteer het en voeg eenvoudig uw opgeslagen grafische stijl toe vanuit de Grafische stijlen paneel. Zorg ervoor dat dit nieuwe pad geselecteerd blijft, focus op de Verschijning paneel en vervang eenvoudig de bestaande streekkleuren met de kleuren die hieronder worden getoond.
De ... gebruiken Ellipse Tool (L), Maak een 20px cirkel en plaats het zoals getoond in de eerste afbeelding. Selecteer deze nieuwe vorm en focus op de Verschijning paneel. Zorg ervoor dat je geen kleur hebt ingesteld voor de vulling, selecteer de lijn en stel de kleur in op R = 39 G = 170 B = 225 open vervolgens de Beroerte uitklappaneel. Stel de Gewicht op 4PX, controleer de Lijn naar buiten uitlijnen knop (gemarkeerd door de blauwe cirkel in de volgende afbeelding) ga dan naar Object> Pad> Contourlijn.
Schakel de module naar raster uit (Beeld> Uitlijnen op raster) ga dan naar Bewerken> Voorkeuren> Algemeen en zorg ervoor dat de Toetsenbordverhoging is ingesteld op 1px. Zorg ervoor dat je blauwe vorm is geselecteerd en maak twee kopieën vooraan (Besturing-C> Besturing-F> Besturing-F). Selecteer de bovenste kopie en verplaats deze 1px omlaag met behulp van de knop met de pijl omlaag op uw toetsenbord.
Selecteer opnieuw beide kopieën die in deze stap zijn gemaakt, open de verkenner paneel (Venster> Pathfinder) en klik op de Minus voorkant knop. Zorg ervoor dat de resulterende groep vormen is geselecteerd en klik gewoon op Controle-8 om het een eenvoudig samengesteld pad te maken. Selecteer het, stel de kleur in op wit en verander de kleur Overvloeimodus naar Zacht licht.
Zorg ervoor dat je blauwe vorm is geselecteerd en maak nog twee kopieën vooraan (Besturing-C> Besturing-F> Besturing-F). Selecteer de bovenste kopie en verplaats deze 1px omhoog met behulp van de pijlknop omhoog op uw toetsenbord. Selecteer opnieuw beide kopieën die in deze stap zijn gemaakt en klik op de Minus voorkant knop van de verkenner paneel. Verander de resulterende groep vormen in een nieuw samengesteld pad (Controle-8), stel de vulkleur in op zwart en wijzig de Overvloeimodus naar Zacht licht.
Herkies je blauwe vorm opnieuw en focus je op de Verschijning paneel. Selecteer de vulling, verlaag de waarde ondoorzichtigheid naar 10% en vervang de bestaande kleur door wit.
Zorg ervoor dat je witte cirkel geselecteerd blijft, focus op de Verschijning paneel en selecteer de streek. Zet de kleur op zwart en de Gewicht op 1px, verlaag het ondoorzichtigheid naar 20% en controleer de Lijn naar buiten uitlijnen knop van de Beroerte uitklappaneel.
Blijf focussen op de Verschijning paneel en voeg een tweede streek voor uw vorm toe met behulp van de Nieuwe lijn toevoegen knop (aangegeven door de blauwe cirkel in de volgende afbeelding). Selecteer deze nieuwe streek, stel de kleur in op wit en de Gewicht op 1px, verlaag het ondoorzichtigheid naar 10% en controleer de Lijn naar binnen uitlijnen knop van de Beroerte uitklappaneel.
Selecteer opnieuw je witte cirkel, focus op de Verschijning paneel, zorg ervoor dat het volledige pad is geselecteerd en voeg de drie toe Slagschaduw bijwerkingen (Effect> Stileren> Slagschaduw) weergegeven in de volgende afbeelding.
Schakel de Klik op raster (Beeld> Uitlijnen op raster). Selecteer opnieuw uw witte cirkel samen met de twee, dunne samengestelde paden en Groep hen (Controle-G). Vermenigvuldig deze nieuwe groep (Control-C> Control-F) en spreid de kopieën ruwweg zoals weergegeven in de tweede afbeelding.
Voor deze stap heeft u elk een raster nodig 1px, dus ga naar Bewerken> Voorkeuren> Gidsen & raster en ga naar binnen 1 in de Gridline elke doos. Grijp de Type Tool (T), Klik eenvoudig op uw tekengebied en voeg het stuk tekst toe dat wordt weergegeven in de volgende afbeelding. Zorg ervoor dat al deze tekst geselecteerd blijft, stel de kleur in op R = 187 G = 183 B = 200 en open de Karakter paneel (Venster> Type> Teken). Selecteer het Calibri-lettertype, maak het Stoutmoedig en stel de grootte in op 12px.
Selecteer al je tekst opnieuw en voeg de vijf toe Slagschaduw effecten getoond in de volgende afbeelding. Zorg ervoor dat een van deze tekst nog steeds is geselecteerd en sla een nieuwe grafische stijl op met hetzelfde Nieuwe grafische stijl knop van de Grafische stijlen paneel.
Grijp de Type Tool (T) en voeg een langer stuk tekst toe zoals in de volgende afbeelding. Gebruik dezelfde kleur, lettertype en stijl, maar verhoog de lettergrootte naar 15px. Zorg ervoor dat dit nieuwe stuk tekst is geselecteerd en voeg eenvoudig de grafische stijl toe die in de vorige stap is opgeslagen.
Selecteer uw "hoofd"vorm, focus op de Verschijning paneel en voeg een tweede opvulling toe met behulp van de Nieuwe vulling toevoegen knop (aangegeven door de blauwe cirkel in de volgende afbeelding). Selecteer deze nieuwe vulling, verlaag de waarde ondoorzichtigheid naar 50%, verander de Overvloeimodus naar bedekking en open de helling paneel (Venster> Verloop). Klik eenvoudig op de verloopminiatuur om de standaard zwart-wit lineaire verloop toe te voegen. Blijf focussen op uw helling paneel, selecteer de linker schuifregelaar en zorg ervoor dat de kleur op wit is ingesteld en selecteer vervolgens de rechter schuifregelaar, stel de kleur in op R = 30 G = 61 B = 81 en verlaag het ondoorzichtigheid naar 0%. Zorg ervoor dat de vulling die in deze stap is toegevoegd geselecteerd blijft, pak de Gradient Tool (G), focus op het tekengebied en rek je lineaire verloop ruwweg uit zoals wordt weergegeven in de volgende afbeelding.
Selecteer uw "opnieuw"hoofd"vorm, focus op de Verschijning paneel en voeg daar een derde opvulling aan toe Nieuwe vulling toevoegen knop. Selecteer deze nieuwe vulling, stel de kleur zwart in, verlaag de waarde ondoorzichtigheid naar 7%, verander de Overvloeimodus naar Vermenigvuldigen en ga naar Effect> Artistiek> Filmgraan. Voer de eigenschappen in die in de volgende afbeelding worden getoond en klik op OK.
Zorg ervoor dat je "hoofd" vorm geselecteerd blijft, focus op de Verschijning paneel en selecteer de streek. Stel de kleur in op wit, lager de kleur ondoorzichtigheid naar 50%, verander de Overvloeimodus naar bedekking stel dan de Gewicht op 2px en controleer de Lijn naar binnen uitlijnen knop van de Beroerte uitklappaneel.
Zorg dat je "hoofd"vorm blijft geselecteerd, focus op de Verschijning paneel en voeg daar een tweede opvulling aan toe Nieuwe lijn toevoegen knop. Selecteer deze nieuwe streek, stel de kleur in op R = 55 G = 32 B = 35 en de Gewicht op 1px controleer dan de Lijn naar binnen uitlijnen knop van de Beroerte uitklappaneel. Ga terug naar de Verschijning paneel en voeg een derde streep voor uw vorm toe. Zet de kleur op R = 35 G = 31 B = 32, verlaag het ondoorzichtigheid naar 10%, verander de Overvloeimodus naar Zacht licht stel dan de Gewicht op 1px en controleer de Lijn naar buiten uitlijnen knop van de Beroerte uitklappaneel.
Zorg dat je "hoofd"vorm blijft geselecteerd, focus op de Verschijning paneel, selecteer de onderste vulling en voeg de vier toe Slagschaduw effecten getoond in de volgende afbeelding.
Selecteer uw "opnieuw"hoofd"vorm, focus op de Verschijning paneel, zorg ervoor dat het hele pad is geselecteerd en ga naar Effect> Stileer> Afgeronde hoeken. Voer een in 5px Radius, Klik OK en je bent klaar.
Hier is hoe het eruit zou moeten zien. Ik hoop dat je deze tutorial leuk vond en deze technieken kunt toepassen in je toekomstige projecten.
Accentsconagua