Share
In de volgende stappen leert u hoe u een eenvoudige snelheidsmeterillustratie kunt maken in Adobe Illustrator. We zullen een aantal basishulpmiddelen en overvloeitechnieken gebruiken om dit pictogram te bereiken, dus laten we er naar toe gaan!
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.
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 = 34 G = 32 B = 44. Zeker weten dat Rechthoekgereedschap (M) is actief en klik eenvoudig op uw tekengebied om het te openen Rechthoek venster. invoeren 610 in de vakken voor breedte en hoogte klikt u vervolgens op OK knoop om uw te krijgen 610px plein.
Vervolgens moet je deze donkere 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 je vorm het hele tekengebied beslaan.
Ga tenslotte naar de Lagen paneel (Venster> Lagen), gewoon de bestaande laag openen Dubbelklik op de vorm die in deze stap is gemaakt en noem deze "bg".
Kies het Ellipse Tool (L) en klik eenvoudig op uw tekengebied om het te openen Ellips venster. Voer een in 260 in de vakken width en height klik je op de OK knop om uw te maken 260px cirkel.
Zorg ervoor dat deze nieuwe vorm geselecteerd blijft, open de helling paneel (Venster> Verloop) en klik eenvoudig op de gradiëntminiatuur om de standaard zwart-witte lineaire gradiënt toe te voegen. Blijf focussen op de helling paneel, stel de Hoek op 90 graden en ga dan naar de verloopschuifregelaar. Selecteer de juiste verloopschuifregelaar en stel de kleur in op R = 64 G = 62 B = 74 selecteer vervolgens de linkerverloopschuifregelaar. Zet de kleur op R = 123 G = 160 B = 117 ga dan naar de Plaats box (uit de helling paneel) en stel het in op 15%. Houd er rekening mee dat de witte nummers van de helling afbeeldingen staan voor Plaats percentage.
Zorg ervoor dat de cirkel gemaakt in deze stap nog steeds is geselecteerd en centreer deze met behulp van de Horizontaal centreer uitlijnen en Verticaal uitlijnen midden knoppen van de richten paneel. Ga tenslotte naar de Lagen paneel en noem deze nieuwe vorm "mainBack".
Selecteer uw "opnieuw"mainBack"vorm en open de Verschijning paneel (Venster> Uiterlijk). Selecteer de bestaande vulling, open de Transparantie paneel (Venster> Transparantie) en verlaag de ondoorzichtigheid naar 50%.
Ga terug naar de Verschijning paneel, zorg ervoor dat de vulling geselecteerd blijft en ga naar Effect> Pad> Offsetpad. Voer een in 10px offset, Klik OK en ga naar Effect> Blur> Gaussiaanse vervaging. Voer een in 15px Radius en klik OK.
Selecteer uw "opnieuw"mainBack"vorm, focus op de Verschijning paneel en voeg een tweede opvulling toe met behulp van de Nieuwe vulling toevoegen knop (aangegeven door de kleine, blauwe pijl in de volgende afbeelding). Selecteer deze nieuwe vulling, vervang de bestaande lineaire hellingshoek door degene die wordt weergegeven in de volgende afbeelding, verlaag de waarde ondoorzichtigheid naar 15% en ga naar Effect> Pad> Offsetpad. Voer een in 10px offset en klik OK.
De ... gebruiken Ellipse Tool (L), maak een seconde 260px omcirkelen en stel de vulkleur in op R = 34 G = 32 B = 44. Centreer deze nieuwe vorm met behulp van de Horizontaal centreer uitlijnen en Verticaal uitlijnen midden knoppen van de richten paneel ga dan naar de Lagen paneel en noem het "mainFront".
Zorg dat je "mainFront"vorm is nog steeds geselecteerd, focus op de Verschijning paneel, selecteer de bestaande vulling en ga naar Effect> Stileren> Innerlijke gloed. Voer de eigenschappen in die in de volgende afbeelding worden getoond, klik op OK en ga naar Effect> Stileren> Slagschaduw. Voer de onderstaande attributen in en klik op OK.
Selecteer uw "opnieuw"mainFront"vorm, focus op de Verschijning paneel en voeg daar een tweede opvulling aan toe Nieuwe vulling toevoegen knop. Selecteer deze nieuwe vulling, stel de kleur zwart in, verlaag de waarde ondoorzichtigheid naar 10%, verander de Overvloeimodus naar Vermenigvuldigen en ga naar Effect> Pad> Offsetpad. Voer een in -1px offset, Klik OK en ga naar Effect> Artistiek> Filmgraan. Voer de attributen in die in de volgende afbeelding worden getoond en klik op 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 naar Bewerken> Voorkeuren> Gidsen & raster, invoeren 5 in de Gridline elke doos en 1 in de onderverdelingen doos.
De ... gebruiken Pen gereedschap (P), maak twee verticaal, 10px paden en plaats ze zoals getoond in de volgende afbeelding. De Snap to Grid moet uw werk vergemakkelijken. Voeg een ... toe 2pt lijn voor deze kleine paden en stel de kleur in op R = 1 G = 212 B = 68. Zorg ervoor dat beide paden zijn geselecteerd en klik gewoon op Controle-G naar Groep hen.
Zorg ervoor dat de groep met de twee groene paden is geselecteerd en ga naar Effect> Vervormen en transformeren> Transformeren. Voer de eigenschappen in die in de volgende afbeelding worden getoond en klik op OK.
Selecteer de groep opnieuw met de twee groene paden, ga naar Object> Uiterlijk uitbreiden ga dan naar Object> Pad> Contourlijn. Zorg ervoor dat de resulterende groep is geselecteerd en klik gewoon op Shift-Control-G twee keer naar Ungroup het. De ... gebruiken Selectie gereedschap (V), selecteer de elf vormen die zijn gemarkeerd in de tweede afbeelding en klik op Verwijder knop van uw toetsenbord om ze te verwijderen.
Selecteer een van je kleine, groene vormen opnieuw en ga vervolgens naar Selecteer> Zelfde> Uiterlijk om eenvoudig de andere groene vormen te selecteren. Zodra u al die vormen hebt geselecteerd, opent u de verkenner paneel (Venster> Pathfinder), Klik op de Verenigen knop en druk dan op Controle-8 (of ga naar Object> Samengestelde pad> Maken) om uw groene vormen in een eenvoudig te veranderen Samengestelde pad. Ga naar de Lagen paneel en benoem je groene samengestelde pad "thinLines".
De ... gebruiken Pen gereedschap (P), maak twee verticaal, 15px paden en plaats ze zoals getoond in de volgende afbeelding. Nogmaals, de Snap to Grid zou uw werk moeten vergemakkelijken. Voeg een ... toe 4pt lijn voor deze kleine paden en stel de kleur in op R = 1 G = 212 B = 68. Zorg ervoor dat beide paden zijn geselecteerd en klik gewoon op Controle-G naar Groep hen.
Zorg ervoor dat uw groep met de twee groene paden is geselecteerd en ga naar Effect> Vervormen en transformeren> Transformeren. Voer de eigenschappen in die in de volgende afbeelding worden getoond en klik op OK.
Selecteer de groep opnieuw met de twee groene paden, ga naar Object> Uiterlijk uitbreiden ga dan naar Object> Pad> Contourlijn. Zorg ervoor dat de resulterende groep is geselecteerd en klik gewoon op Shift-Control-G twee keer naar Ungroup het. De ... gebruiken Selectie gereedschap (V), selecteer de drie vormen die in de tweede afbeelding zijn gemarkeerd en klik op Verwijder knop van uw toetsenbord om ze te verwijderen.
Selecteer de overige dertien dikke, groene vormen, klik op de Verenigen knop van de verkenner paneel en druk dan op Controle-8. Ga naar de Lagen paneel en noem dit nieuwe samengestelde pad "thickLines".
Selecteer uw "opnieuw"thickLines"samengestelde pad, focus op de Verschijning paneel en voeg daar een tweede opvulling aan toe Nieuwe vulling toevoegen knop. Zorg ervoor dat deze nieuwe vulling is geselecteerd, stel de kleur in op R = 0 G = 255 B = 0 en ga naar Effect> Pad> Offsetpad. Voer een in -1px offset en klik OK.
Schakel de rooster (Beeld> Raster verbergen) en de Klik op raster (Beeld> Uitlijnen op raster). De ... gebruiken Ellipse Tool (L), Maak een 225px omcirkelen en centreren met behulp van de Horizontaal centreer uitlijnen en Verticaal uitlijnen midden knoppen van de richten paneel.
Zorg ervoor dat deze nieuwe vorm geselecteerd blijft en focus op de Verschijning paneel. Verwijder de kleur uit de vulling, maar voeg een toe 5pt beroerte. Stel de kleur in op R = 1 G = 212 B = 68 en ga naar Effect> Pad> Offsetpad. Voer een in -2,5 px offset, Klik OK ga dan naar Object> Uiterlijk uitbreiden.
Herkies de cirkel opnieuw met de groene streek gemaakt in de vorige stap en ga naar Object> Pad> Ankerpunten toevoegen. Grijp de Direct selectie gereedschap (A), selecteer het ankerpunt gemarkeerd in de eerste afbeelding en klik gewoon op Verwijder knop van uw toetsenbord om het te verwijderen. Zorg ervoor dat het resulterende pad is geselecteerd en ga naar Object> Pad> Contourlijn.
Selecteer uw "opnieuw"thickLines"samengestelde pad en ga naar Object> Pad> Offsetpad. Voer een in 2px offset en klik OK. Breng het resulterende samengestelde pad naar voren (Shift-Control-] ) selecteer het vervolgens samen met de vorm die u in de vorige stap hebt gemaakt en klik op de Minus voorkant knop van de verkenner paneel.
Verander de resulterende groep vormen in een Samengestelde pad (Controle-8) ga dan naar de Lagen paneel en noem maar op "intervallen".
Selecteer uw "opnieuw"intervallen"samengestelde pad, focus op de Verschijning paneel en voeg daar een tweede opvulling aan toe Nieuwe vulling toevoegen knop. Zorg ervoor dat deze nieuwe vulling is geselecteerd, stel de kleur in op R = 24 G = 22 B = 34 en ga naar Effect> Pad> Offsetpad. Voer een in -2px offset en klik OK.
Kies het Type Tool (T), Klik eenvoudig op uw tekengebied en voeg de "km / h"stuk tekst: zet de kleur op wit en gebruik het lettertype" MoolBoran "met de ingestelde grootte 20pt.
Zorg ervoor dat de Type Tool (T) is nog steeds actief en voegt enkele eenvoudige cijfers toe, zoals in de volgende afbeelding wordt getoond. Gebruik hetzelfde lettertype en dezelfde kleur, maar verklein de lettergrootte naar 18pt. Selecteer al uw stukjes tekst en opnieuw Groep hen (Controle-G). Ga naar de Lagen paneel en noem deze nieuwe groep eenvoudig "tekst".
De ... gebruiken Ellipse Tool (L), Maak een 30px cirkel en vul het met de lineaire gradiënt weergegeven in de volgende afbeelding. Zorg ervoor dat deze nieuwe vorm is geselecteerd en centreer deze met behulp van de Horizontaal centreer uitlijnen en Verticaal uitlijnen midden knoppen van de richten paneel.
Ga naar Bewerken> Voorkeuren> Algemeen en zorg ervoor dat de Toetsenbordverhoging is ingesteld op 1px. Selecteer uw opnieuw 30px omcirkelen en ga naar Object> Pad> Offsetpad. Voer een in -1px offset en klik OK. Zorg ervoor dat de resulterende vorm is geselecteerd en maak een kopie vooraan (Control-C> Control-F).
Selecteer deze nieuwe kopie en verplaats deze 1px omlaag met behulp van de knop met de pijl omlaag op uw toetsenbord. Herkies beide vormen die in deze stap zijn gemaakt opnieuw en klik op de Minus voorkant knop van de verkenner paneel. Vul de resulterende vorm met de lineaire gradiënt getoond in de volgende afbeelding en verander deze Overvloeimodus naar Zacht licht. Vergeet niet dat de witte nummers van de helling beeld staat voor Plaats percentage terwijl de gele nullen voor staan ondoorzichtigheid percentage.
Selecteer uw opnieuw 30px cirkel en maak twee kopieën vooraan (Control-C> Control-F > Controle-F). Selecteer de bovenste kopie en verplaats deze 1px omlaag met behulp van de knop met de pijl omlaag op uw toetsenbord. Selecteer beide exemplaren opnieuw en klik op de Minus voorkant knop van de verkenner paneel. Vul de resulterende vorm met wit, lager zijn ondoorzichtigheid naar 25% en verander zijn Overvloeimodus naar Zacht licht.
Selecteer uw opnieuw 30px cirkel, focus op de Verschijning paneel, selecteer de bestaande vulling en ga naar Effect> Stileren> Innerlijke gloed. Voer de eigenschappen in die in de volgende afbeelding worden getoond, klik op OK en ga naar Effect> Stileren> Slagschaduw. Voer de eigenschappen in getoond in het linkerbovenvenster (in de volgende afbeelding), klik OK en ga opnieuw naar Effect> Stileren> Slagschaduw. Voer de eigenschappen in getoond in het bovenste, rechter venster, klik OK en ga nog een keer naar Effect> Stileren> Slagschaduw. Voer de eigenschappen in getoond onderaan, linker venster, klik OK en ga nog een laatste keer naar Effect> Stileren> Slagschaduw. Voer de eigenschappen in die getoond worden in het onderste, rechtse venster en klik OK.
Zorg ervoor dat uw 30px cirkel is nog steeds geselecteerd, focus op de Verschijning paneel en voeg een tweede vulling toe. Selecteer het, voeg de lineaire gradiënt toe die wordt weergegeven in de volgende afbeelding en ga naar Effect> Pad> Offsetpad. Voer een in -10px offset, Klik OK en ga naar Effect> Stileren> Slagschaduw. Voer de eigenschappen in die getoond worden in het linkervenster (in de volgende afbeelding), klik OK en opnieuw naar Effect> Stileren> Slagschaduw. Voer de eigenschappen in die getoond worden in het rechtervenster en klik OK.
Zorg ervoor dat uw 30px cirkel is geselecteerd, focus op de Verschijning paneel en voeg een toe 1pt beroerte. Selecteer het, stel de kleur in op zwart, lijn hem uit naar buiten, verander de Overvloeimodus naar Zacht licht en verlaag het ondoorzichtigheid naar 10%.
Selecteer uw opnieuw 30px cirkel samen met de twee, dunne vormen die worden gebruikt om het te markeren en Groep hen (Controle-G). Ga naar de Lagen paneel en noem deze nieuwe groep "ondersteuning".
Schakel de rooster (Beeld> Raster weergeven) en de Klik op raster (Beeld> Uitlijnen op raster). 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.
De ... gebruiken Rechthoekgereedschap (M), Maak een 10 x 105 px vorm, stel de vulkleur in op R = 39 G = 170 B = 225 en plaats het zoals getoond in de eerste afbeelding. Schakel over naar de Direct selectie gereedschap (A) en focus op de bovenkant van deze nieuwe rechthoek. Selecteer het linker ankerpunt en sleep het 3px aan de rechterkant selecteert u het juiste ankerpunt en sleept u het 3px naar links.
Grijp de Ellipse Tool (L), Maak een 4PX cirkel, gebruik dezelfde vulkleur (R = 39 G = 170 B = 225) en plaats deze zoals getoond in de derde afbeelding. Herkies beide vormen die in deze stap zijn gemaakt opnieuw en klik op de Verenigen knop van de verkenner paneel. Ga naar de Lagen paneel en noem deze nieuwe, blauwe vorm "naald-".
Focus op de Lagen paneel en sleep je "naald-" onder de "ondersteuning"groep. Zorg ervoor dat deze blauwe vorm geselecteerd blijft en focus op de Verschijning paneel. Selecteer eerst de bestaande vulling en vervang de blauwe met R = 249 G = 41 B = 27.
Voeg vervolgens een tweede vulling voor uw vorm toe, selecteer deze, voeg de lineaire gradiënt toe die wordt weergegeven in de volgende afbeelding en ga naar Effect> Pad> Offsetpad. Voer een in -3px offset en klik OK.
Selecteer uw "opnieuw"naald-en pak de Roteer gereedschap (R). Versleep het referentiepunt in het midden van uw 30px cirkel (zoals weergegeven in de eerste afbeelding), roteer eenvoudig je "naald-"zoals getoond in de tweede afbeelding.
Zorg dat je "naald-"is nog steeds geselecteerd en voegt de vier toe Slagschaduw bijwerkingen (Effect> Stileren> Slagschaduw) weergegeven in de volgende afbeelding.
De ... gebruiken Ellipse Tool (L), maak een derde 260px cirkel, vul het met de radiale kleurovergang die wordt weergegeven in de volgende afbeelding en verlaag de ondoorzichtigheid naar 35%. Vergeet niet dat de witte cijfers van de helling beeld staat voor Plaats percentage terwijl de gele nullen voor staan ondoorzichtigheid percentage.
Zorg ervoor dat deze nieuwe vorm is geselecteerd en centreer deze met behulp van de Horizontaal centreer uitlijnen en Verticaal uitlijnen midden knoppen van de richten paneel. Ga naar de Lagen paneel en noem deze nieuwe vorm "shading".
Selecteer uw "thinLines","thickLines"en"intervallen"samengestelde paden vervangen dan eenvoudigweg R = 1 G = 212 B = 68 met R = 144 G = 195 B = 221 en R = 0 G = 255 B = 0 met R = 0 G = 255 B = 255.
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