Share
Wat je gaat creërenIedereen voelt een bepaalde passie voor retrostijl! Die buitengewone kleren, die mooie kapsels, de muziek en natuurlijk de auto's! In deze tutorial combineren we onze liefde voor de jaren 50, cinematografie en games, en creëren we een gekke mix. We maken een luchtfoto van een gestileerde Greased Lightning retro-auto, met behulp van basisvormen, verschillende soorten gradiënten en overvloeimodi, werken met het deelvenster Pathfinder en andere functies van Adobe Illustrator.
Vet is het woord. Het is een film die de pure essentie van de jaren 1950 vertegenwoordigt - een verhaal van liefde, vreugde, mooie dingen en prachtige auto's. Die retro-cabrioletten met gladde afgeronde vormen en vouwdaken. Ze blijven zeker stijlvol en onvergetelijk.
Geïnspireerd door deze film, maken we een bovenaanzicht van een retroauto met bliksem-vormige patronen. Je kunt deze technieken eigenlijk gebruiken om elke soort auto te maken - zorg ervoor dat je het gedeelte met de bovenkant van de auto van Envato Market controleert, zodat je je de voertuigen vanuit zo'n gezichtshoek kunt voorstellen. Het bladeren door retro-auto's op Envato Market kan ook heel handig zijn om een mooie gedetailleerde referentie van een voertuig te krijgen.
Klaar om te beginnen met tekenen? Laten we beginnen!
We beginnen met het maken van de belangrijkste onderdelen van onze auto. Neem de Ellipse Tool (L) en laten we het bovenaanzicht van het chassis vormen. Maak een 130 x 300 px ellips, schakel over naar Direct selectie gereedschap (A) en sleep beide ankerpunten naar beneden, waardoor het onderste gedeelte plat en breed wordt.
Ga verder door een kleiner te maken 55 x 155 px ellips en plaats deze aan de linkerkant van het chassis. Dit is de basis voor de koplampen. Sleep de ankerpunten aan de zijkant omhoog, waardoor het onderste deel van de vorm meer spits wordt.
Laten we nu het onderste deel vormen, dat is voor de achterkant van de auto. Maak een 130 x 125 px rechthoek met de Rechthoekgereedschap (M). Selecteer beide onderste ankerpunten met de Direct selectie gereedschap (A) en gebruik de Live hoeken functie om de hoeken onderaan afgerond te maken door aan de Live hoeken cirkelmarkeringen naar boven.
Als u eerdere versies van Adobe Illustrator gebruikt, kunt u zich aanmelden Effect> Stileer> Ronde hoeken. Het beïnvloedt echter alle hoeken van de vorm. U kunt dan de Eraser Tool (Shift-E) en houd ingedrukt alt om het bovenste gedeelte van de vorm te verwijderen, zodat de bovenste hoeken weer scherp zijn.
Voeg nu een smalle vorm toe met de Afgeronde rechthoek-tool, het vormen van het bovenaanzicht van de vleugel. En laten we dezelfde elementen toevoegen aan de rechter helft van het chassis.
Selecteer zowel het ovaal als de vleugel en dubbelklik op de Reflect Tool (O) om het optievenster te openen. Selecteer de Verticale as en druk op de Kopiëren knop. Plaats de kopieën aan de andere kant van de auto, zodat ze in het chassis passen.
Laten we nu een windscherm maken voor onze auto. Maak een kleine rechthoek van ongeveer 110 x 18 px formaat, plaats het in het chassis. Ga naar Effect> Warp> Arc Upper en stel de Horizontale buiging waarde voor 20%, de vorm bovenaan gebogen maken. Object> Uiterlijk uitbreiden om het effect toe te passen.
Ga dan naar Object> Pad> Offsetpad en stel de compenseren waarde voor -5 px, het creëren van een kleinere vorm binnenin. Klik OK.
Laten we tenslotte de interieuronderdelen van de auto toevoegen. Gebruik de Rechthoekgereedschap (M) om twee kleine rechthoeken te maken, passend bij de binnenruimte van de auto. Die zullen voor de stoelen zijn. Maak de buitenste hoeken van de vormen afgerond met behulp van de Live hoeken voorzien zijn van.
Maak tenslotte een eenvoudig stuurwiel, gemaakt van drie ellipsen, de een in de andere.
Super goed! Nu zijn alle belangrijke onderdelen klaar en kunnen we verder gaan met kleuren!
Laten we allereerst het grootste element selecteren, de basis van onze auto, en een heldere radiale gradiënt toepassen van levendig rood in het midden tot donkerder rood aan de randen. Gebruik de Gradient Tool (G) om de vorm van het verloop te verkleinen, waardoor het meer ovaal wordt, waardoor subtiele schaduwen aan de randen van onze auto worden toegevoegd.
Selecteer de ellipsen van de koplampen en gebruik de Pipetgereedschap (I) om de rode kleurverloopkleur uit de basis van de auto te kiezen. Schakel over Type van het verloop naar Lineair en plaats de hellingen verticaal van lichter rood bovenaan naar donkerder rood onderaan.
Voeg een kleine afgeronde rechthoek toe onder het chassis (druk op Shift-Control- [ naar Sturen het to Back) en vul deze met soortgelijke rode kleuren, waarbij de openingen aan de voorkant van de auto worden opgevuld.
Breng dezelfde rode lineaire helling ook op de vleugels van de auto aan, plaats deze op 90 graden hoek in de helling paneel.
Wat betreft het onderste element (de achterkant van de auto), laten we ook een ovaalvormige radiale helling toepassen en Sturen dit deel to Back (Shift-Control- [), plaats het onder de basis van de auto.
Laten we nu de kleuren op de voorruit aanbrengen. Maak de buitenste vorm lichtrood, iets lichter dan de basis van de auto, waardoor deze eruit springt. Wat de binnenvorm betreft, breng een lichtblauwe verticale lineaire gradiënt aan, die het glazen oppervlak afbeeldt.
Laten we wat glanzende hooglichten toevoegen aan de voorruit. Gebruik de Rechthoekgereedschap (M) om twee smalle verticale strepen van elke kleur te maken (alleen om ze zichtbaar te maken boven de witte achtergrond). Stel de Overvloeimodus naar Scherm in de Transparantie paneel.
Houd ingedrukt Verschuiving en roteer de vormen 45 graden, plaatsen van de strepen boven de voorruit. Selecteer nu de strepen samen met de blauwe glasvorm en neem de Shape Builder Tool (Shift-M). Houden alt en klik op de overbodige stukken buiten het glas om ze te verwijderen.
Stel tot slot de Vullen kleur naar wit in de Kleur paneel en hier heb je het!
Nu maken we het gestreepte patroon voor de stoelen om ze realistischer en gestructureerder te laten lijken.
Maak een 13 x 60 px rechthoek en vul het met horizontale lineaire gradiënt van wit naar lichtgrijs.
Houd ingedrukt Alt-Shift en sleep de vorm naar rechts, maak een kopie. druk op Controle-D meerdere keren om nog zeven exemplaren te maken. Groep (Control-G) de vormen.
Laten we nu teruggaan naar onze auto, de stoelen selecteren, Kopiëren (Control-C) hen en Plak aan de voorkant (Control-F). Plaats onze textuur onder de stoelen (druk op Controle-[ een paar keer om het object meerdere posities naar beneden te verplaatsen). Houden Alt-Shift en sleep de textuur omhoog en maak een kopie voor de tweede helft van de stoelen.
Selecteer nu het onderste stuk textuur en de zitvlakvorm erboven, klik op de rechter muis knop en Maak knipmasker.
Zoals je kunt zien, is de textuur verborgen in de vorm van de zitting, waardoor een mooie gezwollen textuur ontstaat.
Herhaal hetzelfde voor de tweede helft van de stoel, plaats de textuur in de Knipmasker.
Laten we nu wat extra schaduw maken om de stoelen meer driedimensionaal te maken. We hebben nog steeds twee contouren van onze stoelen (de exemplaren die we een paar stappen eerder hebben gemaakt).
Selecteer de bovenste helft en vul deze met dezelfde wit-grijze lineaire gradiënt als voor de textuur van de zitting (u kunt de Pipetgereedschap (I) om de kleur te kiezen), maar plaats deze nu verticaal. Schakel over Overvloeimodus naar Vermenigvuldigen, een donkerder semi-transparante vorm maken.
En herhaal hetzelfde voor de tweede helft van de stoelen.
De twee helften van de stoelen zien er nu gelijk uit, maar laten we hier wat meer variatie toevoegen. Om dit te doen, selecteert u de elementen van de onderste helft en krimpt u ze, waardoor de stoel smaller wordt. Wat de tweede helft betreft, laten we het tegenovergestelde doen: de vormen uitbreiden, de stoel veel breder maken, en een contrast creëren tussen de vormen.
Laten we nu naar het stuur gaan. Selecteer de twee cirkels (die voor het wiel zijn), klik met de rechtermuisknop en Compound-pad maken (of druk gewoon op Besturing 8). Vul de gemaakte donutvorm met een geplette radiale gradiënt, bestaande uit drie kleuren: donkergrijs, wit, lichtgrijs. Vul het midden van het stuurwiel met een eenvoudige radiale gradiënt van lichtgrijs naar donkerder grijs.
Laten we nu de achterkant van onze auto aanpassen en een vouwdak toevoegen. Kopiëren de onderste vorm en Brengen het naar voren (Control-C> Control-F> Shift-Control-]). Vul de vorm met een verticale lineaire gradiënt van wit naar lichtgrijs.
Maak de vorm veel kleiner en plaats deze zoals getoond in de onderstaande schermafbeelding: de lichtgrijze vorm moet netjes in de achterkant van het chassis passen, zodat de donkerrode onderkant van het chassis een dunne contour rond de vorm creëert, waardoor zowel vormen passen perfect bij elkaar.
Tenslotte, dupliceren (Control-C> Control-F) de lichtgrijze vorm die we hebben gemaakt, maakt de kopie kleiner en keert de kleuren van het verloop om, waardoor het binnenste gedeelte van het opvouwbare textieldak van de cabriolet ontstaat.
Laten we nu het binnenste deel van de auto vormen, waardoor het veel donkerder wordt. Selecteer de basis van de auto en ga naar Object> Pad> Offsetpad. Stel de compenseren waarde voor -5 px, het creëren van een kleinere vorm in de basis.
Selecteer nu de nieuwe vorm samen met het buitenste deel van de voorruit (de rode), neem de Shape Builder Tool (Shift-M), ingedrukt houden alt en klik op het bovenste stuk om het te verwijderen. Op deze manier hebben we het interieur van de auto gevormd.
We hebben al de basis voor de koplampen, maar we hebben de koplampen zelf nog niet gemaakt. Laten we ze vormgeven!
Maak een 35 x 8 px ovale vorm met behulp van de Ellipse Tool (L). Vul de vorm met een verticale lineaire gradiënt van lichtgrijs naar wit. Kopiëren het en Plakken op de rug (Control-C> Control-B).
Selecteer het onderste ankerpunt van de rugvorm met de Direct selectie gereedschap (A) en sleep het naar beneden, vasthoudend Verschuiving.
Vul als laatste de geëxtrudeerde vorm met een helderrode radiale gradiënt door de kleur uit het chassis te halen, met behulp van de Pipetgereedschap (I).
Voila! Nu kunnen we de koplampen aan de auto bevestigen.
Plaats de koplampen op het bovenste deel van de auto. Ze zouden er zo uit moeten zien.
Laten we nu een glanzend chroomelement toevoegen aan het voorste gedeelte van de auto. Neem de Afgeronde rechthoek-tool en vormen een smalle verticale streep aan de bovenkant van de auto.
Pas een lineair verloop toe met de volgende kleuren: lichtgrijs, wit, donkergrijs, lichtgrijs. Plaats het horizontaal, zoals hieronder weergegeven, waardoor de vorm een levensechte metaallook krijgt.
Nu is het tijd om onze retro-auto uniek te laten lijken en deze te associëren met de Grease-film! Maak je klaar om het te pakken Pencil Tool (N) en teken die vloeiende lijnen, waardoor een fraai bliksemsysteem voor onze auto ontstaat. Probeer het eenvoudig te houden.
U kunt dubbelklikken op de Pencil Tool (N) om met zijn te spelen Trouw instellingen, waardoor het soepel verloopt. Ik teken deze vormen met slechts een muis en, zoals je kunt zien, kan Adobe Illustrator perfect worden gecombineerd met het soepel maken van de lijnen.
Maak drie meer verschillende vormen van bliksem.
Begin met het aanbrengen van de bliksemvormen op de linkerhelft van de auto. Draai ze en verplaats ze zodat ze perfect bij de elementen van de auto passen. Vergeet niet om de te gebruiken Shape Builder Tool (Shift-M) om de ongewenste blikseminslag buiten de auto te verwijderen.
Zodra u tevreden bent met de positie van de elementen, selecteert u ze en gebruikt u de Reflect Tool (O) om de vormen over de te draaien Verticale as, spiegelende kopieën maken en deze aan de andere kant van de auto bevestigen.
Laten we hier nu wat meer dimensie toevoegen. Selecteer de twee gespiegelde bliksemvormen op het voorste gedeelte van de auto en Maak een samengesteld pad (Control-8). Breng een heldere radiale gradiënt aan van wit naar grijsachtig roze, waardoor het patroon zilverkleurig en glanzend wordt. Breng dezelfde kleur aan op alle andere bliksemvormen.
Laten we nu wat highlights toevoegen aan de auto, waardoor het oppervlak er glanzend en gepolijst uitziet. Selecteer het grootste element van het chassis en solliciteer Object> Pad> Offsetpad met -7px offset waarde. Vul de nieuwe vorm met een verticale lineaire verloop van roze naar zwart en plaats de Overvloeimodus naar Scherm. Je zult zien dat het zwarte gedeelte transparant wordt, waardoor een mooi glanzend effect ontstaat.
Doe hetzelfde voor de ovale vormen onder de koplampen.
Voeg een soortgelijke markering aan de achterkant van de auto toe. Zorg ervoor dat u de bliksemspatronen onder de highlights plaatst.
Laten we nu nog een belangrijk element van elke auto toevoegen: de uitlaat of de uitlaat. We zullen er twee maken om onze auto er cool uit te laten zien.
Maak een 8 x 35 px rechthoek voor de uitlaat en vul deze met dezelfde verchroomde lineaire gradiënt als de decoratieve streep bij de neus van de auto (gebruik de Pipetgereedschap (I) om het verloop te kiezen).
Houden Alt-Shift en sleep de vorm naar rechts, maak een kopie. Selecteer beide uitlaatpijpen en Sturen naar hen Terug (Shift-Control- [).
Nu zullen we verbeelden dat vlammen uit de uitlaat worden gegooid.
Begin met het maken van een 7 x 30 px ellips van zwarte kleur en bevestig het aan het uiteinde van de uitlaat. Maak een kleinere ovaal bovenop en vul deze met feloranje kleur.
Selecteer beide ovalen en ga naar Object> Blend> Maken. Op deze manier maken we een vloeiende overgang tussen de kleuren, waardoor een vlameffect ontstaat.
We kunnen nog steeds de elementen bewerken binnen de Mengsel groep in de Lagen paneel. U kunt bijvoorbeeld een kleinere gele ellips bovenaan toevoegen en deze naar binnen slepen Mengsel groep om de vlam nog helderder te maken.
Sleep de zij- en onderkant ankerpunten van de vormen naar beneden, met behulp van de Direct selectie gereedschap (A) om de vlam te verlengen.
Om het semi-transparante vlameffect te krijgen, moeten we eerst elke soort achtergrond onder onze auto maken. Maak hiervoor een grijze rechthoek van 800 x 600 px grootte en plaats deze onder de auto (Shift-Command [).
Selecteer de vlammen en verwissel de Overvloeimodus naar Scherm.
Nu we al begonnen zijn met het maken van de achtergrond, laten we hiermee doorgaan, waardoor onze compositie er compleet en uitgebalanceerd uitziet.
We hebben al een 800 x 600 px rechthoek onder onze auto. Pas een radiale gradiënt toe van grijs naar donkergrijs, waarbij het asfaltoppervlak wordt weergegeven.
Laten we nu terugkeren naar onze auto en het een beetje aanpassen, met een zachte vlakke schaduw. Selecteer alle delen van de auto, duplicaat hen (Control-С> Control-F) en Verenigen in verkenner, een enkel silhouet creëren.
Gebruik de Lijnsegmenthulpmiddel (\) om een rode verticale lijn over de auto te tekenen.
Laten we de objecten uitlijnen. Selecteer zowel de rode lijn als het silhouet van de auto, houd vast alt en klik op het silhouet om het te maken Sleutelvoorwerp. U ziet een dikke selectieslag, waarmee wordt aangegeven dat alle geselecteerde elementen worden uitgelijnd met dit object. Ga naar de richten paneel en klik Horizontaal centreer uitlijnen.
Terwijl beide objecten nog steeds zijn geselecteerd, gaat u naar verkenner paneel en klik Verdelen om het silhouet in twee gelijke helften te splitsen. Verwijder de juiste helft en solliciteer Vermenigvuldig de mengmodus naar de linkerhelft, waardoor deze semi-transparant is en dus de linkerzijde van de auto donkerder maakt.
Laten we de grond onder de auto textuur geven voor meer realisme. Duplicaat (Control-C> Control-F) de achtergrond rechthoek en ga naar de Stalen paneel. Klik hier vanaf Swatch Libraries-menu pictogram en vinden Patronen> Standaardafbeeldingen> Grafische basisafbeeldingen. Pas de USGS 22 Gravel Beach textuur naar onze rechthoek.
Laten we nu een schaduw toevoegen die door onze auto is gegoten. Gebruik de Ellipse Tool (L) om een ovaal te maken dat iets groter is dan de auto. Plaats het onder het voertuig en breng een geplette radiale gradiënt van grijsachtig roze in het midden naar wit aan de randen aan. Schakel over naar Vermenigvuldig de mengmodus, een wazige schaduw op de grond vormen.
En hier is wat we hebben!
Goed gedaan jongens! We zijn met succes de finishlijn van onze race gepasseerd en hebben een luchtfoto gemaakt van een retroauto, geïnspireerd op de film Grease. Deze technieken kunnen worden gebruikt om een ander bovenaanzicht of een symmetrisch voorwerp te maken, wat perfect is voor eenvoudige racegames en gemakkelijk te animeren.
Ga gerust verder en pas ons resultaat nog beter aan. Hier heb ik bijvoorbeeld de auto gedupliceerd die we hebben gemaakt en met de kleuren hebben gespeeld, waardoor alternatieve paletten zijn gemaakt, die ook in de originele vetfilm te vinden zijn. Je kunt deze retro-auto's bekijken in AI, EPS en PNG om te zien hoe ze zijn gemaakt of om ze naar wens aan te passen.
Blijf mooie dingen maken en deel uw resultaten! Succes!
Accentsconagua