Een zaal met draaiende jaren 60 creëren in Adobe Illustrator CS5

In de Premium-zelfstudie van dit moment leer je hoe je van het basisschetsconcept kunt gaan, dat is geïnspireerd op een voorbije tijd en ook op voorraad, en vervolgens een oude retro-woonkamer kunt instellen als vector. Het uiteindelijke artwork is compleet met vectorstructuren, een televisie, stoel en gevouwen stof met behulp van verlopen en het immer prachtige paneel Uiterlijk.

Final Image Preview

U kunt de bronbestanden vinden in de map met het label 'bron' in de bestanden die u hebt gedownload. Misschien wil je er even overheen kijken voordat we beginnen. Een voorbeeld van de definitieve afbeelding is hieronder.



Zelfstudiedetails

  • Programma: Adobe Illustrator CS5
  • moeilijkheid: Geavanceerd
  • Geschatte voltooiingstijd: 4 uur+

Invoering

Na het creëren van een swingende jaren 60-look met een van mijn vorige portretstudieonderwerpen, wilde ik een woonruimte creëren die geïnspireerd was door hetzelfde decennium. Ik ben dol op het gewaagde gebruik van kleur in dat tijdperk decor.

Dus laten we er naar toe gaan ...


Stap 1

Hoewel ik een heel basaal idee had van wat ik wilde in mijn in 1960 geïnspireerde kamer, moest ik een ruwe schets maken van hoe ik wilde dat het eruit zag en de plaatsing van de objecten erin. Ik wilde een soort plastic stoel, een televisie, een gordijn, een tapijt en mogelijk iets aan de muur. Dus hieronder is mijn extreem ruwe schets die ik in Photoshop heb gemaakt.


Van de schets ging ik op een voorraadjacht naar plastic retro ogende stoelen en kwam ik een inspirerende aandelenafbeelding tegen, die je hier kunt vinden. Het heeft een geweldige stoel, perfect voor wat ik wil creëren:


En het gaf me ook een geweldig idee voor het "iets op de muur" -idee ... het patroon is erg 60s en lijkt iets te zijn dat opnieuw moet worden gemaakt in vector!



Stap 2

Ik ga beginnen met het vectoren van elk van de objecten en ze vervolgens integreren in mijn leefruimte. De eerste is de stoel en ik ga mijn lagen voorbereiden zoals ik gewoonlijk doe, met een laag voor de referentiebeelden en een andere voor een 50% dekkingsrechthoek (M) over de bovenkant, en dan een aparte laag voor de " bases".



Stap 3

Ik ga het gereedschap Pen (P) gebruiken om de twee delen van de stoel te tekenen en vervolgens de schaduwen erover weergeven. Ik blijf bij grijswaarden, omdat ik later de kleuren kan manipuleren met de mengmodus.



Stap 4

Dupliceer de basisvorm voor de eigenlijke stoel en maak vervolgens de onderstaande vorm met behulp van het deelvenster Vormgeving en uit wit transparante, radiale verlopen. De originele vorm zal later worden gebruikt om een ​​uitknipmasker te maken. Ik heb de neiging om wit te vermijden, want niets is puur wit. Ik heb elk van deze vormen ingesteld op dekking 50%.



Stap 5

Voor de hooglichten heb ik verdere vormen met de gebroken witte transparante radiale kleurverloop toegevoegd en de dekking op 100% gehouden.


Vervolgens toegevoegd medium grijs, transparant, radiale verlopen voor de schaduw. Deze zijn ingesteld op dekking 40%.



Stap 6

Ik ga een penseel met ronde mix gebruiken om witte strepen rond de rondingen van de stoel te verwijderen. U kunt de mengborstels gebruiken die in deze zelfstudie worden gebruikt in mijn kwallenhandleiding. Ik heb deze streken ingesteld op dekking 40%.



Stap 7

Ik ga alle elementen groeperen (Command + G) en vervolgens de originele stoelvorm gebruiken om een ​​uitknipmasker te maken (Command + 7).



Stap 8

Voor de basis van de stoel ga ik een vergelijkbare methode gebruiken voor schaduw. Dupliceer eerst de basis, die later in het knipmasker wordt gebruikt en maak vervolgens de basis via het deelvenster Uiterlijk.



Stap 9

Nu voor de middelgrijze, transparante, radiale verlopen zijn deze ingesteld op dekking 40%.


Ik heb toen een gebroken wit, transparant, radiaal verloop toegevoegd voor een glans op het hoofdbeen van de stoel. Dit staat ingesteld op dekking 80%.



Stap 10

De mixborstels worden vervolgens toegevoegd aan lijnen voor de glans op de basis. Deze zijn met een gebroken witte lijnkleur en dekking 50%.


Vervolgens leg ik ze allemaal in een knipmasker met de oorspronkelijke vorm voor de basis (Command + 7).



Stap 11

Nu ik de hele stoel bij elkaar zie, ga ik er nog meer details aan toevoegen. De eerste is het toevoegen van middelgrote en lichtgrijze mix-penseelstreken rond het zitgedeelte om de vorm te verbeteren. Deze worden vervolgens in de groep Clipping Mask geplaatst.


De volgende is het toevoegen van lichte streken rond de naad van de stoel en om te helpen de arm te definiëren vanaf de achterkant van de stoel. Deze zijn met de mengborstel en ingesteld op Lijndikte 0.1pt. Met de naad, die langs de voorkant loopt, heb ik ook een middellanggrijze lijn van 0.1pt toegevoegd om dit te benadrukken.



Stap 12

Nu aan het behangontwerp werken geïnspireerd op het stockbeeld. Ik ga niet voor de panelen van verschillende lengtes, maar verschillende stelen van het ontwerp. Ik heb het gemaakt door een van de hoeken van een even cirkel (L) naar buiten te trekken, het te dupliceren en Object> Transformatie> Reflect> Horizontaal toe te passen.


Met behulp van het gereedschap Lijnsegment (\) heb ik een verticale lijn van het 7pt-lijngewicht getekend tussen de vormen en vervolgens Object> Uitgevouwen. Als ik klaar ben, heb ik alle drie vormen gegroepeerd (Command + G).



Stap 13

Als het gaat om het plaatsen van de achtergrond, ga ik de effecten> Vervormen en transformeren> Transformeren om het item te dupliceren en om het verticaal te "verplaatsen" en dan weer horizontaal. De werkelijke waarden die u verplaatst, zijn volledig afhankelijk van de grootte van de vormen die u hebt gemaakt.



Stap 14

Ik wilde een retro uitziende televisie vinden en ik kwam dit voorraadbeeld tegen en het gaf me een ander idee van wat ik al had. Ik ga het eerst in het document instellen nadat ik het in Photoshop heb bijgesneden.



Stap 15

Ik ga eerst het plastic midden van het scherm maken met behulp van het deelvenster Vormgeving. Beginnend met een off-zwart tot grijs lineair verloop en vervolgens offset-pad voor -1pt met een off-black-vulling. Dit geeft de indruk van een slag van 1 t rond de rechthoek (M) die een verloop heeft. Ik heb hetzelfde herhaald om een ​​indruk te geven van een andere verloopomtrek en vervolgens afgemaakt met 5pt Round Corners.


De hoeken van het plastic hebben markeringen waar het plastic buigt. Dus ik ga vier nieuwe vullingen maken voor het plastic en een transparant radiaal verloop toepassen, zoals hieronder weergegeven.



Stap 16

Er zijn twee manieren om de vorm voor het plastic te wijzigen, de eerste zal via Object> Envelopvervorming> Resetten met verdraaien (Alt + Shift + Command + W) zijn en in het vervolgkeuzemenu ga ik naar gebruik de stijl Opblazen. Ik wil slechts een kleine buiging en dit krijgt de waarde van "9".



Stap 17

Ik heb een soortgelijke methode gebruikt voor het eigenlijke scherm van de televisie, maar de waarde voor de ronde hoeken is ingesteld op 20pt. Ik heb ook de shape opgeblazen via het Fx-menu onderaan in het deelvenster Vormgeving.


Ik heb dezelfde methode voor de buitenkant van de televisie gebruikt en deze keer een textuur aan de binnenkant. Dit is een van de standaardstructuren die u in de Swatch-bibliotheken kunt vinden door naar Open Swatch-bibliotheek> Patronen> Grafische basiselementen> Grafische basisstructuren te gaan en het patroon "USGS 21 ingewikkelde oppervlak" te selecteren om een ​​getextureerd verwrongen kunststof oppervlak te geven.



Stap 18

Zoals ik al zei, heeft het originele stockbeeld mij geïnspireerd om een ​​ander ogende televisie te maken en dit is een meer plastisch uitziende televisie binnen een bol op een langwerpig statief. Dus om de bol te maken, ga ik het paneel Uiterlijk opnieuw gebruiken met een even cirkel (L).

Eerst vullen met een wit tot medium grijs, radiaal verloop, met het midden in de linkerbovenhoek. De reden hiervoor is dat de lichtbron op de stoel in deze richting lijkt te zijn.


Voeg nu Nieuwe vulling toe met hetzelfde verloop, maar aangepast en met het verloop centraal. Dit wordt ingesteld op Blending Mode Color Burn en Dekking 30%. Gebruik deze instellingen om een ​​nieuwe grafische stijl te maken die later kan worden gebruikt.



Stap 19

De standaard van het apparaat wordt gemaakt met het Effect> 3D> Revolve-effect. Dus ik ga eerst de vorm van de helft van de standaard creëren en een vaalwitte vulling geven. Ik heb het hier blauw gekleurd om het makkelijker te kunnen zien.


Ik heb toen het perspectief van de stoel gebruikt als een leidraad om de hoeken van de standaard te schatten en het oppervlaktelicht te wijzigen met behulp van het gedeelte Meer opties van de 3D Revolve-opties, zoals hieronder weergegeven.



Stap 20

Ik heb drie conische verloopknoppen gemaakt door een geweldige tutorial van Iaroslav Lazunov te volgen. Gebruik het paneel Uitlijnen op Verticaal uitlijnen boven zodat ze allemaal uniform zijn.



Stap 21

Als afsluiting van de televisie heb ik drie vormen toegevoegd met een gebroken witte transparante radiale verloopvulling ingesteld op Mengmodusscherm en dekking 30% om een ​​lichte glans aan het scherm te geven.



Stap 22

Nu om de gordijnen / gordijnen van de kamer te maken. Ik begin met het maken van een eenvoudige blend. Ik heb al besloten dat ik een paarse kamer wil, dus ik wil een subtiele dip-dye-stof voor de gordijnen. De top wordt lichtpaars en de onderkant medium paars.

Om te beginnen, ga ik een golvende lijn van de lijn van de lijn van 5 pt met de Pen Tool (P) tekenen. Dupliceer de regel en verplaats deze naar boven. Selecteer beide lijnen en maak een overvloeiing (Command + Shift + B). Wanneer u de optie Object> Blend> Blend in gaat, moet u ervoor zorgen dat deze is ingesteld op "Smooth Colour".


Ik heb de overvloeiing gedupliceerd en vervolgens Object> Uitvouwen en Object> Uiterlijk uitvouwen en Pathfinder gebruiken> Verenigen om één vorm te maken. Je merkt misschien dat de randen te veel punten hebben, dus heb ik aan beide zijden een rechthoek (M) gelaagd en met behulp van Pathfinder> Minus vooraan de randen bijgesneden.



Stap 23

Voordat ik de zonwering op de gordijnen start, ga ik schetsen waar ik denk dat de lichtbron is. Het lijkt erop dat het achter de stoel zit, maar nog steeds aan de linkerkant.


Nu om een ​​aantal hulplijnen voor de gordijnen in te stellen. Ik heb de blend gedupliceerd en vervolgens uitgebracht, zodat ik alleen de bovenste en onderste regel heb. Hiermee heb ik het gereedschap Lijnsegment (\) gebruikt om verticale lijnen te maken om me te laten zien waar de vouwen in de stof zouden zijn.



Stap 24

Het is belangrijk op te merken dat de bovenkant van de gordijnen niet zichtbaar is in de uiteindelijke compositie, dus ik ben niet zo bezorgd over hoe de bovenkant ervan eruit ziet. Ik ben meer gefocust op de bodem. Ik heb een verloop gemaakt met een vet paars, medium donker en donker paars om de rondingen van de stof te volgen. Ik heb de vouwgeleiders voor stof gebruikt om te weten waar de overgangen in kleur moeten worden gehouden, zodat ze een bijna harde rand creëren.

Ik heb vervolgens een nieuwe opvulling gemaakt en een andere grafische basisafbeelding bovenop het verloop met de naam "Mezzotint onregelmatig" toegevoegd om een ​​subtiel patroon / textuur op de stof te geven.



Stap 25

Ik heb de overvloei op de verloopvorm geplaatst en deze ingesteld op Blending Mode Soft Light om een ​​lichte kleurverandering naar de onderkant te creëren. Om de glans in de gordijnen te benadrukken, heb ik drie paarse verticale lijnen toegevoegd met de mengborstel ingesteld op Overvloeimodus Kleur Dodge, met dekking 50%.

Ik heb vervolgens al deze vormen toegevoegd aan een uitknipmasker met een duplicaat van de verloopvorm.



Stap 26

Nu om te beginnen met het plaatsen van de objecten voor de compositie. Ik heb het Rechthoekgereedschap (M) gebruikt om vormen toe te voegen voor de vloer, plinten, muur en afgesneden behang. Ik heb alle paarse tinten gebruikt, maar dit zal later veranderen.



Stap 27

Voor elk van de rechthoeken heb ik de volgende paneelinstellingen van Uiterlijk toegevoegd:

Het tapijt, gebruikmakend van het "USGS 21 ingewikkelde oppervlak" patroon voor textuur en ik heb transparante radiale verlopen gebruikt om een ​​schaduw te produceren voor de gordijnen, tv en stoel ... maar ik verwijder later de schaduw voor de tv en de stoel.


De plint is een eenvoudig transparant, lineair verloop om een ​​rand bovenop de boarding te creëren.


De muur heeft een verloop dat een zachte schaduw creëert van de bovenkant van de muur en onder het ingelijste behang.


De achtergrondsectie zelf heeft een frame Verschoven door 10pt en verloopt dan om de indruk te wekken van een opstaande rand aan de boven- en onderkant.


Ten slotte is het patroon bovenop de achtergrond ingesteld op Blending Mode Hard Light en Opacity 90% om de subtiele kleurverandering mogelijk te maken.



Stap 28

Ik wil niets anders op de muur hebben dan het behangpatroon, maar toch moet er iets anders zijn dat de ruimte binnendringt. Ik heb besloten om antennes aan de televisie toe te voegen, waarbij de grafische stijl is gemaakt op basis van de bol van de tv-behuizing aan de bovenkant van de staven..



Stap 29

Voor het vloerkleed heb ik een Ellips getekend (L) en de onderstaande paneelinstellingen van het Uiterlijk gebruikt en twee texturen toegevoegd. De eerste is "Sticks" om een ​​algeheel zacht oppervlak toe te voegen. Vervolgens heb ik het patroon geschaald (Object> Transformeren> Schalen en alleen "Patroon" aangevinkt) tot 80%. Vervolgens heb ik het patroon 'Kruisen' toegevoegd om subtiele highlights aan de stof toe te voegen.



Stap 30

Ik ben teruggegaan naar het uiterlijk-paneel voor het tapijt en heb de schaduwen voor de tv en de stoel aangepast en daarna het verloop gebruikt voor een subtiele schaduw voor onder het tapijt om de diepte te benadrukken.



Stap 31

Omdat alle oppervlakken paars zijn, wil ik dat dit wordt weerspiegeld in de glanzende plastic oppervlakken van televisie en stoel. Ik heb een medium paars met de mengborstel gebruikt om reflecties onder de plastic oppervlakken toe te voegen en vervolgens naar de overeenkomstige groepen knipmaskers verplaatst.



Stap 32

Om een ​​schaduw te creëren, heb ik met de Pen Tool (P) de vormen getekend van hoe ik denk dat de schaduwen eruit zullen zien voor de stoel en de televisie. Vervolgens heb ik ze een zwarte vulling gegeven. Ik heb het mengpenseel gebruikt met een zwarte streep van 0,5 p om de randen te vervagen en veranderde vervolgens de overvloeimodus in vermenigvuldigen en opaciteit in 30%.



Stap 33

Ik wil de hele compositie een ouder gevoel geven, dus ik zal eerst het standaard "Groen, Geel, Oranje" lineair verloop en "Sticks" patroon toevoegen aan de bovenkant van de hele illustratie. Daarna heb ik de textuur "Tissue Paper 1" van een Premium-pakket gebruikt dat ik heb ingesteld op Blending Mode Darken, Dekking 100% om een ​​enigszins vervormde textuur te geven.



Conclusie

Na het wijzigen van een aantal kleuren, heb ik besloten om greens en paars / pinks bij elkaar te passen om het vet, mooi en heel 1960s te maken!

Ik hoop dat je hebt genoten van de Premium-zelfstudie van dit moment en hoop dat het je heeft geïnspireerd om je eigen woonkamer uit de jaren 60 te maken.