Share
Leer hoe u verlopen, handleidingen en verschillende eenvoudige Illustrator-technieken gebruikt om een realistische retro-schaalillustratie te maken. Je leert veel vaardigheden die je helpen realistische pictogrammen en illustraties te maken.
De volgende items zijn gebruikt tijdens het maken van deze zelfstudie.
Maak een nieuw document met de afmetingen 1600 x 1200 px in een liggende afdrukstand.
Maak vervolgens de laagstructuur voor de elementen. Ik heb één laag gebruikt voor schaal, één voor de tafel eronder en één voor hulplijnen.
Selecteer het gereedschap Rechthoek (M) en maak een achtergrond met afmetingen van het document (1600 x 1200 px) en lijn het uit met het middelpunt van het tekengebied. Vul het nu met een lineair verloop. Het beginpunt heeft de waarde # dcd5c5 en het eindpunt heeft de waarde # b7b6a4
Activeer de laag met hulplijnen door erop te klikken. Verdeel het tekenbord verticaal in tweeën en horizontaal in vieren. Deze stap is niet absoluut noodzakelijk, maar het maakt het gemakkelijker om delen van het kunstwerk te positioneren, te meten en te verdelen.
Nu kunt u beginnen met het maken van de schaal. Activeer de schaallaag door erop te klikken. Maak de basisvorm van de schaal en pas de kleur #cbcaae hierop toe. De basisvorm van de pan is symmetrisch als de meeste objecten in deze illustratie. Let op de hoeken waar # 2 en # 3 rond zijn terwijl # 1 dat niet is.
Dupliceer nu de pan (Optie en Muis slepen). Neem het schaargereedschap (C) en deel het in twee dezelfde stukken. Vergeet niet de vorm te sluiten, selecteer twee eindpunten en voeg ze samen (Command + J). Een verloop toepassen op beide objecten. Voor de linker stelt u de hoek in op 20% (1) en volgende kleuren: # aea995 (2), # cacab2 (3,4). Voor de juiste zet de hoek op 158% en dezelfde kleuren. Deze twee hellingen laten de zijkanten van de pan rond kijken.
Maak een nieuwe vorm voor in de pan. Let ook op de hoeken. Hun vormen worden getoond in details 1 en 2
Maak een rechthoek (M) die iets kleiner is dan de vorige. Selecteer ankerpunten met gereedschap Direct selecteren (A) en pas de vorm ervan aan. Zoals je op details 1 en 2 kunt zien, zijn de hoeken dit keer niet afgerond
Dupliceer de vierhoek (Optie en Muis slepen). Neem het schaargereedschap (C) en deel het in twee dezelfde stukken. Pas lineair verloop toe op deze twee vormen. Voor de linker stelt u de hoek in op 25% (1) en de volgende kleuren: # b1a784 (2), # c0baa0 (3), # b5a78d (4), # c9caab (5) en # bdb99e (6). Stel voor de juiste een hoek in op 155% en dezelfde kleuren.
Maak een ellips en vul deze met # ada080. Neem vervolgens het gereedschap Schaar (C) en verdeel het horizontaal in twee stukken. Verwijder de bovenste en sluit de onderste door de eindpunten te selecteren en samen te voegen (Command + J). Pas het Gaussiaans vervagingseffect toe (Effect> Vervaging> Gaussiaanse vervaging) met een straal van 20,8 px. Zet de transparantie van de vorm op 65%.
Maak een nieuwe vorm met dezelfde vorm als de rand van de binnenkant van de pan. Selecteer deze nieuwe vorm en de ellips uit de vorige stap. Creëer Clipping masker (Command + 7)
Maak nu enkele laatste hoogtepunten van de pan. Neem het gereedschap Lijnsegment (backslash) en maak verschillende hooglichten voor de panrand (1) en voor de binnenranden (2,3,4). Groepeer deze lijnen (Command + G). Gaussiaanse vervaging toepassen (effect> vervaging> Gaussiaanse vervaging) met 3,3 px straal en zet dekking op 40%.
In dit gedeelte van de schaalillustratie raad ik aan om alle delen van de pan te groeperen (Command + G) om ze te kunnen verbergen / zichtbaar maken tijdens het maken van de schaal, maar het is optioneel.
Maak een nieuwe rechthoek. Voeg nog twee ankerpunten toe (+) en pas de vorm van de achtergrond van kleine schaal aan.
Maak een andere rechthoek boven de vorige en vul deze met een lineair verloop onder een hoek van 90 graden. Pas zes kleuren op het verloop toe: # cbc9ad (1), # 161214 (2), # 4c4a48 (3), # 9396a0 (4), # 2c2e28 (5) en # 2c2e28 (6).
Pas subtiel slagschaduweffect toe op deze rechthoek (Effect> Stileren> Slagschaduw) met 100% dekking, X-offsetwaarde ingesteld op 0px, Y-offsetwaarde ingesteld op 2px en Vervaagingswaarde ingesteld op 2px.
Maak een rechthoek onderaan de schaal en vul deze met verloop. Pas de volgende kleuren toe: # A9ABBC (1, 2) en # 3D3B39 (3).
Maak hulplijnen aan de linkerkant van de vorm met spaties van dezelfde grootte. In mijn illustratie waren de spaties tussen de hulplijnen ingesteld op 50px. Neem het Rechthoekgereedschap (M) en maak een klein zwart vierkant. De kleur doet er niet toe, zolang je dit voor het snijden gebruikt, niet als onderdeel van de illustratie. Neem het gereedschap Ankerpunt toevoegen (+) en voeg nog twee ankerpunten toe aan deze rechthoek. Pas de vorm aan om een wig te maken.
Lijn het midden horizontaal uit met de geleider en snijd het gat in de onderstaande vorm (Object> Pad> Objecten splitsen hieronder) verwijder het schroot. Herhaal deze procedure twaalf keer om dertien gaten te krijgen.
Selecteer het gereedschap Rechthoek (M) en maak de rand. Vul het met verloop met de volgende waarden: # A9ABBC (1), # A9ABBC (2), #CDCFDF (3), #CDCFDF (4), # A9ABBC (5), # A9ABBC (6) en # 888B97 (7).
Selecteer Rechthoektool (M) en maak rechthoek vanaf de bovenkant van de schaal tot iets onder de onderkant. Selecteer Ankerpunten toevoegen (+) en voeg één ankerpunt aan de linkerkant toe en twee ankerpunten aan de rechterkant van de rechthoek. Selecteer gereedschap Direct selecteren (A) en pas de positie van ankerpunten aan om een specifieke vorm van de zijkast te creëren.
Dupliceer de vorm (Optie + muissleuf). Selecteer het selectiegereedschap (V) en pas de positie van gedupliceerde vorm naar horizontaal dezelfde positie aan en een beetje lager verticaal dan de oorspronkelijke. Selecteer Direct selectie gereedschap en pas de positie van twee onderste ankerpunten iets hoger aan dan de oorspronkelijke. Kleur # b3a98e erop toepassen.
Stuur de vorm naar achteren (Command + Left Square Bracket). Als de vorm nog steeds is geselecteerd, pas dan het slagschaduweffect (Effect> Stileren> Slagschaduw) toe met de volgende instellingen: zet de dekking op 60%, X- en Y-verschuiving op 2px en vervagen op 2px.
Nu kunt u het resultaat zien van de afgewerkte zijkanten van de schaal.
Laten we doorgaan met getallen. Als je het nog niet hebt gedaan, download je het Limelight-lettertype dat wordt vermeld in het gedeelte over activa in deze zelfstudie. Er zijn nu twee manieren. Selecteer Type Tool (T), stel de lettergrootte in op 36px. De eerste manier is om alle getallen tegelijk in te typen. Typ dus getallen van 0 tot 12 met ruimte ertussen. De tweede manier is om elk nummer afzonderlijk in te voeren. Typ 0 en druk op de Esc-toets om de typemodus te verlaten. Typ vervolgens 1 en druk op Esc-toets. Typ vervolgens 2 enzovoort.
In het eerste geval klikt u met de rechtermuisknop op de getypte set cijfers en maakt u contouren (Shift + Command + O). Ontkoppel vervolgens de nummers (Shift + Command + G). Het tweede geval heeft geen ungroup-fase nodig, dus selecteer elk nummer en maak contouren (Shift + Command + O).
Deze stap is niet absoluut noodzakelijk, maar is beter voor positienummers omdat het geschetste type zich in het midden ervan bevindt.
Plaats de nummers horizontaal op de geleiders die we instellen voor het snijden van gaten naar de onderkant van de schaal.
Concentreer je nu op de zwarte strook van de C-vorm. Verdeel het verticaal naar derden door middel van hulplijnen. Maak een 3pt-lijn van de eerste snijgaatjesgeleider naar de laatste lijn zoals u op de afbeelding ziet.
Vink de optie onderbroken regel aan en stel de waarde Dash in op 2pt en Gap-waarde op 4pt. Dit werkt voor mijn dimensies van de schaal, dus je zou met deze twee nummers moeten spelen omdat het principe is dat je 100 streepjes op deze regel moet krijgen.
Maak nu het streepje met hetzelfde gewicht als de streepjes die u voor de lijn en lengte hebt ingesteld als een derde van de zwarte streep. Plaats de eerste over het eerste streepje van de lijn. Dit vertegenwoordigt nul. En nu dupliceer (Alt + Mouse sleept) dit voor elk tiende streepje.
Dubbelklik nu op de zwarte streep om de isolatiemodus te openen. Selecteer Rechthoekgereedschap (M) en maak een rechthoek voor een reflectie. Selecteer gereedschap Direct selecteren (A) en pas de positie van ankerpunten aan.
Pas verloop toe met de volgende waarden erop: # 000000 (1,2), # 2c2e28 (3), # 2c2e28 (4) en # 2c2e28 (5)
Dupliceer de zwarte C-vormstreep (slepen met Alt + muis) en Breng deze naar voren (Command +]). Selecteer zowel de kopie van de zwarte streep als de reflectierechthoek.
Maak knipmasker (rechter muisknop> Maak knipmasker).
En nu is het weer tijd voor cijfers. Herhaal de procedure met grote cijfers. Selecteer het gereedschap Tekst (T). Stel de tekengrootte in op 10px en typ getallen van 0 tot 1000 bij honderden: 0, 100, 200, 300 ... 800, 900, 1000. Maak contouren (Shift + Command + O).
Ontkoppel vervolgens de nummers (Shift + Command + G). Plaats elk nummer boven elk tiende streepje dat u eerder hebt gemaakt.
Wanneer alle getallen van 0 tot 1000 zijn gepositioneerd, selecteert u Type Tool (T), stelt u de lettergrootte in op 12px en de lettertypefamilie op Arial.Type kleine letter G en positioneert u deze aan het begin van de kleine schaal. Doe hetzelfde voor het "kg" -teken maar met tekengrootte 18px.
Selecteer het gereedschap Rechthoek (M). Maak een kleine rechthoek en pas de # 8f93a2-kleur hierop toe. Dupliceer de vorm (slepen met Alt + muis) en verplaats deze naar dezelfde afstand van de verticale as.
Pas hetzelfde schaduweffect toe (Effect> Stileren> Slagschaduw) met de volgende waarden voor beide: Zet dekking op 100%, X verschuiving op 5px, Y verschuiving op -4px en vervagen op 4px.
Selecteer het gereedschap Rechthoek (M) en maak een rechthoek met breedte over de hele schaal en een hoogte van ongeveer de helft ervan. Selecteer Ankerpunt toevoegen (+) en voeg twee punten aan de onderkant toe. Selecteer het gereedschap Direct selecteren (A) en pas de posities van de ankerpunten aan.
Selecteer het gereedschap Ankerpunten verplaatsen (Shift + C) en pas de ankerpunten van de onderste hoeken aan om de afgeronde hoeken te maken. De twee bovenste hoeken zijn niet afgerond.
Pas het schaduweffect (Effect> Stileren> Slagschaduw) met de volgende waarden toe: Zet de dekking op 70%, X verschuiving op 0px, Y verschuiving op 10px en vervagen op 5px.
Selecteer het gereedschap Rechthoek (M) en maak de rechthoek iets kleiner dan de vorige vorm. Kleur # 2a2726 erop toepassen. Selecteer gereedschap Direct selecteren (A) en pas de ankerpunten aan om een trapezium te maken.
Gaussiaans vervagen toepassen (effecten> vervagen> Gaussiaans vervagen) met een straal van 4.2px erop. Selecteer alle vormen van de schaal van de schaal en pas zijn positie aan om overeen te komen met de schaal.
Selecteer het ellipsgereedschap (L). Creëer een bijna vlakke vorm om de reflectie te creëren.
De Gaussiaanse vervaging toepassen (effect> vervagen> Gaussiaanse vervaging) met een straal van 4.2 px.
Selecteer het gereedschap Rechthoek (M). Maak een rechthoek over de kleine getalschaal. De kleur maakt nu niet uit. Selecteer Ankerpuntgereedschap toevoegen (+) voeg vier ankerpunten toe aan de bovenrand. Selecteer gereedschap voor directe selectie (A) en pas de positie van deze vier ankerpunten aan om een kleine stronk te maken.
Isoleer de schuifvorm (klik met de rechtermuisknop + isoleer het geselecteerde pad). Selecteer Rechthoektool (M). Maak een rechthoek in de vorm van de schuifregelaar. Breng een andere kleur aan. Selecteer Ankerpuntgereedschap toevoegen (+). Voeg drie ankerpunten toe aan het midden van de onderrand. Selecteer gereedschap voor directe selectie (A). Selecteer het middelste ankerpunt en sleep het een klein beetje naar boven om een kleine snavel te maken.
Selecteer de rechthoek met de kleine snavel en snij hiermee de schuifregelaarvorm mee (Object> Pad> Objecten verdelen hieronder). Pas een verloop met de volgende waarden toe: #cdcfdf (1), # a9abbc (2), # 4a4540 (3), # 928a6e (4), # 2a2726 (5), # 060506 (6).
Pas het schaduweffect hierop toe (Effect> Stileren> Slagschaduw) met de volgende waarden: Zet Dekking op 100%, X Verschuiving op 0px, Y Verschuiving op 1px en Vervaging op 2px.
Selecteer het gereedschap Rechthoek (M) en maak een dunne rechthoek over de vorm van de schuifregelaar. Apply #cdcfdf kleur erop. Stuur het achter (Alt + Left Square Bracket)
Met de rechthoek nog geselecteerd Isoleer het (klik met de rechtermuisknop + isoleer geselecteerd pad). Selecteer het gereedschap Pen (P) en maak de geschatte vormen van de aantalreflecties.
Dupliceer de dunne rechthoekige vorm (Alt + slepen). Breng het naar voren (Shift + Command + Rechter vierkante bracket). Selecteer alle vormen twee dunne rechthoeken en twee reflectievormen. Maak een uitknipmasker (klik met de rechtermuisknop> Maak knipmasker). Open het gemaakte knipmasker (dubbele klik). Selecteer de reflectievormen. Pas het Gaussiaans vervagingseffect op hen toe (effect> vervagen> Gaussiaans vervagen) met straal 4.2px.
Verlaat de isolatiemodus. Selecteer het gereedschap Afgeronde rechthoek en maak een rechthoek met een hoekstraal van 0,5 px. Pas #FFFFFF-kleur daaraan toe.
Dekking instellen op 23%.
De transparante rechthoek maakt een reflectie van de schuifregelaar over de grote getalschaal.
Isoleer de schuifvorm (klik met de rechtermuisknop> Geselecteerde pad isoleren). Selecteer Rechthoektool (M). Maak een rechthoek in de rechterbovenhoek van de schuifregelaar. Pas # 3d3b39 kleur hierop toe.
Gaussiaans vervagen toepassen (effect> vervagen> Gaussiaans vervagen) met straal 16,7 px erop.
Selecteer het gereedschap Pen (P) om de vorm te maken die de bovenste vorm van de schuif kopieert. Verkrijgen van de rechte hoek door shift ingedrukt te houden tijdens het maken van de lijn. Selecteer beide, wazig en nieuwe vorm. Clipping Mask maken (klik met de rechtermuisknop> Clipping Mask maken)
Selecteer het gereedschap Pen (P). Maak een driehoek en de afgeronde vorm voor de aantalreflecties.
Selecteer Beide. Pas het Gaussiaans vervagingseffect toe (Effect> Blur> Gaussian Blur) met een straal van 4.2px. Selecteer het gereedschap Rechthoek (M). Maak een rechthoek om hen heen. Maak het uitknipmasker (klik met de rechtermuisknop> Maak knipmasker).
Richt je op de twee kleine rechthoeken die je hebt gemaakt over de kleine getalschaal, vooral de rechter. Selecteer het gereedschap Rechthoek (M). Maak een rechthoek onder de grijze vorm.
Een Gaussiaans vervagingseffect toepassen (effect> vervaging> Gaussiaans vervagen) met een straal van 4.2px. Selecteer het gereedschap Rechthoek (M). Maak een rechthoek met dezelfde breedte en hoogte van de bovenste vorm tot de lichtlijn onderaan. Selecteer de Wazige vorm en de nieuwe rechthoek en maak een uitknipmasker (klik met de rechtermuisknop> Maak knipmasker).
Stel scherp op de rechterkant van de zwarte c-vorm. Selecteer het gereedschap Rechthoek (M). Maak een rechthoek in de rechterhelft. Pas het binnengloedeffect toe (effect> stileren> binnengloed) met de volgende waarden: stel modus in op normaal, kleur in op # 000000, dekking op 32px en vervaging op 3,03px.
Selecteer het gereedschap Pen (P) Maak een vorm voor het knoopsgat. Houd de shift opnieuw vast voor rechte hoeken. Breng # 000000 kleur aan.
Selecteer het gereedschap Rechthoek (M). Maak een rechthoek in de zwarte vorm om een knop te maken. Pas een verloop toe met de volgende waarden erop: # b23b3d, # 802b2a (2), # 812c2a (3), # 852f2c (4), # 612628 (5), # 612628 (6), # 852b26 (7) en # 812c2a (8).
Last but not least is de logo-vorm. Het logo bestaat uit twee elkaar kruisende cirkels. Selecteer het ellipsgereedschap (L). Maak twee ovale vormen die elkaar met een derde kruisen. Selecteer het hulpmiddel Lijnsegment (Backslash) om een hulplijn te maken voor snijden. Selecteer het gereedschap Ankerpunt toevoegen (+) en voeg ankerpunten toe op plaatsen waar ellipsen elkaar kruisen en ook waar de lijn de ellipsen snijdt. Verwijder de overbodige delen van vormen en voeg de eindpunten toe (Command + J) om één vorm te maken.
Nu heb je een S-vorm klaar om in te kleuren. Pas een verloop toe met de volgende waarden erop: # 3f211f, # 612325 en # 67322f.
Selecteer het gereedschap Tekst (T). Stel de lettertypefamilie in op Myriad, Lettergrootte op 10px en Lettergrootte op Vetgedrukt. Typ de letters K en Z. Maak contouren (klik met de rechtermuisknop> Contouren maken). Groepeer de omgeschreven letters uit de groep (klik met de rechtermuisknop> Groep opheffen). Plaats elke letter. Selecteer het gereedschap Vrije transformatie (E) en verspreid de letters. Pas gradiënt toe met de volgende waarden op K letter: # 6d6a64 (1), # 6d6a64 (2), # a09a89 (3) en # a09a89 (4). Kleur # 605c55 op Z-letter toepassen.
Selecteer het gereedschap Rechthoek (M), maak een rechthoek onderaan de schaal. Selecteer het gereedschap Ankerpunt toevoegen (+) en voeg twee ankerpunten toe aan de onderkant van de rechthoek. Pas de posities van de ankerpunten aan om de vorm van schaalschaduw te maken. Selecteer het gereedschap Ankerpunt converteren (Shift + C) en maak de afgeronde hoeken onderaan van de schaduwvorm.
Pas een Gaussiaans vervagingseffect toe (Effect> Blur> Gaussian Blur) met een straal van 25.0px. Stuur het naar achteren (Shift + Command + Left Square Bracket).
Zet de dekking op 70%.
En de schaal is voltooid.
Selecteer de rechthoek en maak een basisvorm voor de plank door de ankerpunten aan te passen. Pas een verloop toe met de volgende waarden: #ffffff (1) en # e9eaea (2).
Selecteer het gereedschap Rechthoek (M) en maak een rechthoek net onder de vorige. Breng # e9eaea color erop aan.
Met het gereedschap Rechthoek (M) nog steeds geselecteerd, maakt u een nieuwe rechthoek. # 605551 toepassen. kleur erin. Selecteer twee bovenste ankerpunten met gereedschap Direct selecteren (A) en pas hun positie aan om een basisvorm te creëren voor schapschaduw.
Pas het Gaussiaans vervagingseffect toe (effect> vervagen> Gaussiaans vervagen) met straal 200.0px. Stuur het terug (Shift + Command + Left Square Bracket).
Nu heb je de illustratie van de retro-schaal voltooid. Het is ook mogelijk om meer details toe te voegen, zoals het logo van de fabrikant en een reflectie op het schap. Bedankt voor je aandacht, ik hoop dat je deze tut leuk vond!
Accentsconagua