Maak een retro telefoonillustratie in Adobe Illustrator

Wat je gaat creëren

Ik wil vandaag een snelle tutorial over het maken van een retro telefoonillustratie in Adobe Illustrator met je delen. Dit is een voorproefje van mijn nieuwe cursus Tuts +, Mastering Sketch Design in Illustrator.

In die cursus duikt u meteen in en maakt u een stilleven geheel in Illustrator. Je leert het allemaal te schetsen met verschillende tekengereedschappen en je objecten te renderen met gelaagde verlopen, transparante vormen en verschillende overvloeimodi. Aan het einde van de cursus weet u hoe u vrij volledige ontwerpen in Illustrator kunt tekenen, tekenen en schilderen zonder aanvullende toepassingen te gebruiken.

1. Maak de telefoon

Stap 1

Begin met een eenvoudige, snelle schets van een object. U kunt ter referentie een stockfoto gebruiken, een stilstaand beeld maken of een eigen foto maken. Ik gebruikte de Penseelgereedschap (B) en de standaardinstelling Kalligrafische borstel in het snel schetsen van deze Princess-telefoon. Groep (Control-G) samen je gestreept lijnen en verminder de groep ondoorzichtigheid naar 40% in de Transparantie paneel.

Stap 2

De ... gebruiken Pen gereedschap (P), Ik heb elk gedeelte van de telefoon getraceerd. Om elk vlak gescheiden te houden voor het maken van de lijntekeningen, heb ik regelmatig van kleur veranderd.

Stap 3

Ga door met het traceren van elke sectie van het object totdat je het hele ding uittrekt. Het is aan jou hoe gedetailleerd je kiest om je tekening te maken. Verberg de schetsgroep in de Lagen paneel. We zullen het snoer van de telefoon later verwerken.

2. De lijntekeningen maken

Stap 1

Om de lijntekeningen te maken, vond ik het het gemakkelijkst om het te gebruiken Shape Builder Tool (Shift-M) om overlappende delen van objecten te scheiden zodat elke vorm eindigt waar de volgende begint.

1. Selecteer twee overlappende vormen. 
2. Met de Shape Builder Tool gebruik in gebruik het kruisende gedeelte van de twee vormen.
3. Hef de selectie de onderste vorm en combineer de bovenste twee tot een enkele vorm.

Herhaal deze techniek in heel je object en Groep alles bij elkaar.

Stap 2

Kopiëren (Control-C) en Plakken (Control-V) de objectgroep en wijzig de vulkleur in nul en de lijnkleur in donkerpaars, blauw of zwart. In de Beroerte paneel, zet de doppen en hoeken op afgeronde en de Beroerte gewicht naar 3pts. In de Transparantie paneel stelt de Mengmodus naar bedekking. Pasta een andere lijngroep en stel de Mengmodus naar normaal, ondoorzichtigheid naar 60%, en de Beroerte gewicht naar 0.5pt. richten beide lijntekeningengroepen met de hoofdobjectgroep. 

3. Het telefoonsnoer tekenen

Stap 1

De ... gebruiken Pencil Tool (N), stel de Beroerte gewicht naar 10pts en begin met het tekenen van een spiraallijn. Om ervoor te zorgen dat de lijn niet vervormd raakt, heb ik de Trouw naar Glad in de Potloodtool opties. Je zult merken dat de lijn maar zo lang getekend kan worden, dus zorg dat je dat kunt Bewerk geselecteerde paden (opnieuw in de opties van het gereedschap) en ga verder waar je was gebleven om het telefoonsnoer een volledig pad te laten zijn.

Stap 2

Kopiëren en Pasta het koord. Verbergen of stel inhet exemplaar opzij. Uitbreiden je snoer onder Voorwerp. Stel de vulkleur in op wat je telefoon ook is (in dit geval een blauw). Kopiëren en Pasta de uitgebreide cordlijn tweemaal en gebruik dezelfde instellingen voor de lijntekeningen van het snoer als gebruikt voor de telefoon in het vorige gedeelte. Zichtbaar maken de streepjeslijn, stel de Beroerte gewicht naar 2-4pts, de kleur naar iets lichter dan de basiskleur van je koord, en de mengmodus naar overlay. Groep samen alle snoerobjecten en plaats achter de telefoongroep.

4. Render de telefoon

Stap 1

Kies een kleur voor je telefoon. Ik koos voor een pastelblauw, zoals te zien in het telefoonsnoer in het vorige gedeelte. Typisch, Princess telefoons komen in diverse pastels.

Stap 2

Begin met schaduwen: gebieden met giet-, vorm-, kern- en middelste tonen. Ik tekende gradiëntvormen met de Pencil Tool en lagen ze op elkaar. Het verloop is donkerpaars bij 100% dekking naar 0% dekking. De Overvloeimodi variëren van Hard licht naar normaal, de algehele dekking van elke vorm varieert van 40% -100%, en ik veranderde de hoeken van de hellingen met de Gradient Tool (G).

Stap 3

In het geval van deze telefoon zijn er drie hoofdsecties die worden weergegeven: de handset, de bovenkant van de behuizing (waar de draaischijf is) en de voorkant van de behuizing (tegenover de kijker). Kopiëren en Pasta de telefoonbasisgroep en Verenigen de vormen in elk van deze secties in de verkenner paneel. Je zou drie telefoonstukken moeten hebben. Deze zullen worden gebruikt om Maak clipping maskers (Control-7).

1. Groep samen je schaduwgradievormen waaraan je hebt gewerkt in de vorige stap.
2. kiezen de nieuwe vorm van de handset. Zorg ervoor dat het uitgelijnd is met de afbeelding van de rest van de telefoon en zich boven de schaduwverloopgroep in de Lagen paneel. Maak een uitknipmasker ofwel door te slaan Controle-7 of gaan naar Object> Knipmasker> Maken.
   
3. Ga door met het maken van schaduw- en markeer verlopen. Voor de hoogtepunten gebruikte ik een Radiaal verloop van lichtgeel (vergelijkbaar met wat wordt gebruikt voor de achtergrond) bij 100% tot 0% dekking. De Mengmodus was ingesteld op bedekking en ik verminderde de overall ondoorzichtigheid van elke vorm aan 60% in de Transparantie paneel.

Stap 4

1. Werk verder aan elk gedeelte van de telefoon. Overweeg hoe het toestel schaduwen op de behuizing werpt.
2. Wanneer u klaar bent met het renderen van de telefoon, Groep allessamen en creëer gegoten schaduwen op de achtergrond onder de telefoon. In dit geval is het vloerbedekking, dus geen markering (voor een glanzende tafel of vloer) nodig.
3. Sommige schaduwen zijn grote vormen getekend met de Ellipse Tool (L) met een Radiaal verloop versie van de eerder gebruikte schaduwgradiënten. Drie ervan zijn gelaagd onder de telefoongroep, waardoor sommige schaduwen hard en donker blijven en andere diffuus. Wanneer je klaar bent, Groep samen al je schaduwlagen.

5. Achtergrond en laatste details

Gebruik de Rechthoekgereedschap (M) om twee grote rechthoeken te tekenen om je achtergrond te maken. De vloer is gemaakt van drie afzonderlijke lagen: een vlakke grijze kleur, een verlooplaag met dezelfde schaduwgradiënt als eerder in deze zelfstudie en een extra grijze laag met de Notitie papier effect toegepast in de Verschijning paneel met de onderstaande instellingen. De Notitie papier laag is, ten slotte, ingesteld op Vermenigvuldigen, en dat zijn ze alle drie gegroepeerd samen.

Stap 2

Teken voor de polka dots op de achtergrond vier kleine cirkels met de Ellipse Tool, elk van hen een andere kleur geven. Kopiëren en Pasta alle vier dus je hebt twee verspringende lijnen van cirkels. kiezen alle acht cirkels en creëer een nieuw patroon in de Patroonopties paneel. Gebruik dit voor een laag boven de gele achtergrond en stel deze in op Vermenigvuldigen.

Stap 3

Laten we als laatste een paar sprankeltjes toevoegen. Teken een kleine witte cirkel met de Ellipse Tool en past het effect toe onder Effecten> Vervormen & Transformeren> Pucker & Bloat.  Stel de rimpelen percentage tot 103 en Uitbreiden de vorm onder Voorwerp. Een van beide Kopiëren en Pasta de sprankeling rond je compositie, of maak een Scatter Brush. Ga naar de Borstels paneel, kiezen Nieuw penseel en kies Scatter Brush. Kies uit de onderstaande opties bij het maken van je penseel, druk op OK, en gebruik de Paintbrush Tool om sparkles rond je illustratie te verspreiden.

Geweldig werk, je bent klaar!

Nu je deze teaser-tutorial hebt voltooid, bekijk je de volledige cursus, Mastering Sketch Design in Illustrator. Hierin schetst u uw compositie met een reeks miniaturen, gebruikt u een tweepuntsperspectief om een ​​op de 80's geïnspireerd stilleven te creëren, perfecte lijntekeningen te maken, elk object weer te geven en een leuke patroonachtergrond te maken om alles samen te brengen.