Retro tekenen en arcering met Adobe Illustrator

Bij het illustreren op computers is het altijd verleidelijk om alle krachtige en heldere kleuren te gebruiken die in de standaardkleurenpaletten voorkomen. Soms zullen minder kleuren en iets zachtere tinten je werk een bepaalde warmte en charme geven waardoor mensen zich afvragen of het op een computer is gemaakt!

U kunt de bronbestanden voor dit project vinden in de map met de naam 'bron' in de bestanden die u hebt gedownload. Misschien wil je er even overheen kijken voordat we beginnen.


Invoering

Voordat we gaan duiken in kleur, laten we eens kijken hoe ik deze retro-stijlillustratie heb samengesteld. Ik heb alle snelkoppelingen opgenomen die ik heb gemaakt en punten waarop ik moet letten bij het kiezen en plaatsen van je kleur.

De illustratie is een humoristische kijk op computerveilingen. De nadruk ligt op de lamp net rechts van het midden. Ik heb een groep computer bieders aan de linkerkant en de veilingmeester aan de rechterkant. De mensen die uit de computer komen, lijken de meest gecompliceerde elementen te zijn, daar zullen we eerst aan werken. Ik vind het leuk om eerst de moeilijke dingen te doen, want de klus lijkt altijd makkelijker als dat eenmaal is gebeurd!

Ik heb een schets uitgewerkt om te volgen, het is erg los en is slechts een richtlijn voor posities, etc. Nadat ik dat in de computer heb gescand, plaats ik het op een laag genaamd "TRACE" en vergrendel ik de laag, dus ik doe ik ga per ongeluk dingen later aanstoten.



Stap 1: Old Skool Reference

Ik zocht een aantal fotoverwijzingen op voor mijn oude schoolcomputer en dacht dat deze uit de jaren 70 een goed begin was. Ik hou van het gebogen ingebouwde toetsenbord en dat oh, zo kleine afgeronde beeldscherm! Deze illustratie wordt een curieuze mix van 50's, 70's en hedendaagse culturen!



Stap 2: Lijntips

Teken eerst de vorm van de computer met zwart en wit. Ik dacht dat de ventilatieopeningen op de foto er cool uitzagen, dus ik zou de lijnen gebruiken voor een beetje decoratie aan de zijkant van de mijne.

De snelste manier om nette lijnen aan de zijkant van een paneel [1] uit te voeren is om de bovenste regel en de onderste regel te kopiëren (alleen) en met behulp van het gereedschap BLEND (B) op de werkbalk en voor het uit elkaar plaatsen van de gespecificeerde stappen van 6. Maak een reeks lijnen die allemaal parallel aan elkaar zijn. Vouw het selectiemenu uit> Object> Uitbreiden. Kopieer en plak vervolgens een kopie van het hele zijpaneelgebied en beweeg je lijnen eronder zodat je de twee elementen kunt gebruiken om een ​​masker te maken.

Ik gebruikte hetzelfde proces om de knoppen [2] te maken. Door de gespecificeerde stappen tussen twee objecten te gebruiken, houdt het de afstand echt en gelijkmatig. Een laatste stukje decoratie aan de bovenkant van de computer is een gebogen lijn [3]. De snelste manier om dat te doen is om een ​​ovaal te tekenen met een streek en een kopie van de topvorm van de computer te gebruiken om een ​​ander masker te maken om de ongewenste delen te verliezen.



Stap 3: Dumb Down the Colour

Je weet dat we die computers gaan kopiëren en plakken in plaats van ze allemaal opnieuw te tekenen toch! Eerst laten we wat kleur op de computer vallen, zodat we die vijf keer niet opnieuw hoeven te kleuren. Omdat de achtergrond zacht is en slap, laten we de computers sterke, platte kleuren geven zodat ze mooi tegen elkaar contrasteren.

Ik heb warm grijs, turkoois met cyaan lijnen gebruikt, ik weet het! klinkt vreselijk als je het aan iemand beschrijft, maar visueel ziet het er goed uit, soms is het de moeite waard om een ​​notitie te houden van kleurencombinaties die werken, je weet nooit wanneer je ze nodig zult hebben!

Ik liet enkele vreemde midtoonkleuren op de knoppen vallen omdat ik ze wilde bespelen en ervoor moest zorgen dat ze de mensen hinderden. Ik probeer vaak uit te werken wat ik mensen wil laten zien in een illustratie en probeer iets af te zwakken dat een visuele afleiding kan zijn.

Opmerking: het zwarte aan de zijkant is hetzelfde grijs als de bovenkant maar met de zwarte schuifregelaar helemaal naar 100% gedrukt op het CMYK-kleurenpalet houdt het diep en rijk.



Stap 4: Alle jonge jongens

Ik begin met de bieder aan de achterkant, zijn hoofd is slechts een ovaal met een ruwe vorm voor haar en een basisdriehoek voor een neus. Hij ziet er aanvankelijk nogal flauw uit [4] maar met een paar goed geplaatste melanges moeten we hem kunnen opfleuren. Het eerste is om hem wat diepte te geven door wat schaduw toe te voegen.

Ik vind een kleine schaduw achter het oor en een onder de neus brengt echt een gezicht naar buiten. Ook het toevoegen van een donkerdere huid en het maken van een verloop zal de huid ook tot leven brengen. De gradiënt is heel subtiel en wordt bij gebruik slechts iets donkerder naar één kant. In dit geval wordt het iets donkerder naar zijn voorhoofd toe, een beetje donkerder op het puntje van zijn oor en hetzelfde op de brug van zijn neus.

Het pak is alleen groen omdat ik dacht dat blauw of grijs verloren zou gaan tegen de computer. Zie je hoe ik een vrij donkere kleur aan de onderkant van zijn pak heb toegevoegd? Dat is om de indruk te geven dat hij echt in dat computerscherm staat en zijn onderste helft in de schaduw gaat.

Om de man in de tv te helpen, neemt u een kopie van het scherm en verlengt u de bovenste R / H-hoek om te bedekken waar zijn hoofd en arm terecht kunnen [5]. Gebruik deze vorm opnieuw als masker en snijd het lichaam bij. Zie hoe het dupliceren van vormen, plakken aan de voorkant en het masker een geweldige manier zijn om uw werktijd te verkorten. Je zou de vormen kunnen verdelen en netjes inkorten, enz., Maar als ze niet afdrukken, waarom zou je dan moeite doen! Plaats de gemaskerde man dus op het computerscherm en hij moet eruitzien alsof hij daar echt staat!



Stap 5: Variaties op een thema

Nu hebben we één man en één computer helemaal gekleurd. Laten we hem drie keer dupliceren en kleine wijzigingen aanbrengen in de nieuwe versies. Er zijn maar een paar aanpassingen nodig om een ​​bestaande tekening een nieuw gevoel te geven. De man die in het midden van de rug is, [6] laten we zijn arm iets naar voren draaien en ook zijn oogbollen naar voren schuiven om ... misschien die lipkleur in wit te veranderen, en de onderste boog naar beneden trekken om een ​​glimlach te maken. Plots hebben we een bieder die opgewonden en wanhopig is om een ​​bod uit te brengen.

Evenzo, met de andere jongens, kleine veranderingen maar merkbaar! Ik maakte ze groter om te helpen met het perspectief en veranderde de mond als een grijns en een halve glimlach.

Het is maar een klein puntje, maar ik heb de knoppen veelkleurig gemaakt op de computers en de patronen op elke computer door elkaar gehaald. Ik weet niet waarom ik dat precies deed? Maar ik kan je vertellen dat het op dat moment goed voelde.


Dezelfde deal met de vrouw. Teken een versie, dupliceer en maak een paar kleine wijzigingen. In dit geval was het haarkleur en gezichtsvorm. Om haar rechterarm [7] volledig buiten het scherm te laten komen. Ik plakte het voor alles om het aan de bovenkant van de stapel te plaatsen (zorg ervoor dat de arm niet uitsteekt in het gebied van de halsband en de delen niet blokkeert)

Het dollarteken BTW is slechts tekst geschaald horizontaal 80% met de schaal tool (S), en schuin een beetje verticaal met de schuintrekken Tool (W), dan geroteerd een paar graden. Vaak met deze kinderen van dingen kun je ze handmatig aanpassen totdat het visueel lijkt te zitten met wat je probeert te bereiken, het hoeft geen raketwetenschap te zijn.


Stap 6: Verlichte arcering verlichten

De lamp is het belangrijkste aandachtspunt in de illustratie, maar ik wil het lichthouden en niet overbelast houden zoals met de computers. Terwijl ik probeer het idee over te brengen van iets lichtjes afgerond kan een beetje licht en schaduw van pas komen!


Ik vond dat hoe onregelmatiger de vormen waren en hoe eigenzinnig de schaduwhoeken waren, hoe interessanter de illustratie werd.

De belangrijkste highlight op de veilingslamp was een blend gemaakt met het menggereedschap (B) tussen een roze en rode ovaal. Ook waren sommige arcering bij weinig licht [8] een vignet tussen een rood en donkerbruin met behulp van het gereedschap Verloop (G). Ik wilde ook een schaduw op de hals van de lamp werpen [9] en de snelste manier vinden om dit te doen was als volgt:

  • Trek ruwweg een ovale vorm achter de vaas.
  • Selecteer de vaashals en kopieer, terwijl het nog steeds is geselecteerd klik op Paste In Front (dat het op zichzelf houdt maar NIET op de gele lampenkap).
  • Vervolgens Shift Selecteer de ovale vorm - zodat u ze allebei hebt gemarkeerd.
  • Selecteer nu vanuit je Pathfinder-palet Doorsnijden

Dit laat je achter met je schaduwvorm, een lichte hellingshoek van rood naar bruin geeft het een mooie schaduw van links naar rechts.

Als je je pathfinder-palet niet hebt (en er is geen reden waarom je het niet zou moeten doen! Het is een handig hulpmiddel) kan je het vinden onder Menu> Venster> Pathfinder (Shift + Command + F9).

Om de lamp het gevoel te geven dat hij een elektrisch product is, heb ik hem een ​​plug [10] gegeven en de flex gemaakt 2pt slag met een scheutje van 2 en a kloof van 2 in lichtbruin. Ik plakte een kopie van de flex achter zich in donkerbruin om een ​​mooi contrast te geven.


Stap 7: een menigte maken

Gebruik een andere kopie van een van de mannen die we eerder hadden getekend om hem verticaal te kantelen met de Reflect Tool (O) en hem achter een podium te plaatsen. Het podium gebruikt dezelfde kleuren als de computer zonder de lijnen aan de zijkant. Om de nieuwe Auctioneer een klein beetje anders te maken dan de gewone Joe's die het bieden deden, gaf ik hem een ​​mooie ronde bril en een vlinderdas (stijlvolle kerel!). Dezelfde schaduwtechniek, laag op zijn jasje, werkt voor het podium, net als voor de binnenkant van het tv-scherm.


Nee we hebben al onze mensen en elementen, het is tijd om ze samen te voegen! Om selectiewaarschuwingen te voorkomen, is het het beste om elke veilingbieder te kopiëren en te plakken en OBJEC / GROUP (G) te groeperen, zodat we de mensen en computers samen kunnen verplaatsen, alleen met het SELECTIEHULPMODULE (V)


Stap 8: Do not Go Nuts!

Nu je al het harde werk hebt gedaan om iets verschillende mannen en twee vrouwen te maken, is het misschien verleidelijk om ze allemaal te dupliceren om een orc leger zoals in "Lord of the Rings", en maak echt een show van al je werk. Maar om eerlijk te zijn, alles wat dat doet is verdunnen wat je hebt gedaan, niet verbeteren. Waarom zeshonderd mensen gebruiken om een ​​idee over te brengen wanneer zes het zullen doen. Ten minste met zes personen kunnen sommige van de fijnere details die je hebt ingevoerd, worden bekeken.



Stap 9: Verspreid de actie rond

Bij het regelen van de mensen zijn er geen harde en snelle regels. De dingen waar ik normaal naar uitkijk zijn:

  • Verspreiding van de belangstelling rond - in dit geval worden de vrouwen afgewisseld met mannen die een naïef gemengd groepsgevoel geven.
  • Ervoor zorgen dat elementen van belang niet worden verdoezeld - dus hoofden blokkeren andere hoofden achter hen niet, en de veilingvleermuizen zijn duidelijk zichtbaar tussen mensen en computers.


Stap 10: Achtergrond

Als we achter de illustratie een vlakke blauwe achtergrond laten vallen, ziet het er een beetje saai uit, zelfs als we een sterretje achter de lamp toevoegen.


Wat zou het goed zijn om het te geven dat het cyberspace-gevoel zou zijn om de computers in de lucht te laten zweven en misschien wat mystieke wetenschappelijke sterren rond te strooien en wat zachte schaduwen. Laten we beginnen met die achtergrond. In plaats van een nieuwe kleur te introduceren, is het misschien leuk om een ​​zachtere tint van een kleur te introduceren die al in de illustratie staat.

Ik denk dat een zachtere tint van het warme grijs bovenop de computers er goed uit zou zien. En om de focus naar het midden toe te voegen, voegen we een verloop toe van de computer bovenaan grijs in onze nieuwe achtergrondkleur. De vormen hoeven alleen maar ruwe driehoeken te zijn omdat ze van de rand van de illustratie zullen aflopen.


Om sommige elementen in de illustratie naar voren te brengen, zoals de hamer en sommige bidpeddels, zal een cirkelvormig verloop van de achtergrondkleur naar een gebroken wit hopelijk de aandacht van de kijker trekken! Ik heb er ook een achter de ster van de lamp geschoten om hem zachtjes te verzachten. De cirkelvormige helling van de kerel aan de achterkant gaat eigenlijk onder de ster-burst-gradiënt. Ik zou dit kunnen oplossen door de cirkels opnieuw te tekenen en enkele transparantieopties te gebruiken, maar ik voel dat het slechts een klein punt is dat ik het zal laten gaan ... deze keer!


Dus nu bijna daar! Ik denk dat sommige solide grondschaduwen echt voor de hand liggen (in plaats van deze piekerige witte halo's) en laat mensen weten dat deze mensen echt rondzweven en dat een paar stekelige sterren gemaakt van 2 pt-lijnen echt aan de mix zullen bijdragen. Probeer de sterren een beetje uit balans te brengen, niet te symmetrisch en gebruik enkele van de kleuren die al in de illustratie staan.



Conclusie

Makkelijk, eh! Houd het mager, hou het gemeen. Zorg dat je een paar goed gekozen kleuren hebt en hergebruik ze wanneer je kunt, en gebruik de functie Kopiëren en plakken vooraan zo vaak mogelijk. Proost.