In deze zelfstudie wordt de geavanceerde Adobe Illustrator-artiest getoond hoe een multimedia-apparaat te maken. Deze tutorial maakt licht gebruik van Illustrators 3D-mogelijkheden, maar richt zich meer op traditionele tekeningen. We bespreken ook hoe je schaduw kunt geven en logische reflecties kunt creëren.
Teken een rechthoek met behulp van het gereedschap Rechthoek (M.)
Verdraai de rechthoek door naar Object> Envelop> Make with Warp te gaan, selecteer dan Arch voor de stijl en voer -42 in voor je verticale Bend.
Als u de vorm wilt bewerken, moet u deze uitvouwen. Ga naar Object> Uitbreiden.
Geef de linkerrand van de vorm een rechte rand door eerst een rechthoek over de boogvorm te tekenen en vervolgens de Pathfinder te gebruiken om de vormen af te trekken. Klik op de onderstaande opties.
Dupliceer de boogvorm en draai deze om een identieke linkerhelft te maken. Selecteer beide vormen en voeg ze samen door de hieronder gemarkeerde opties te selecteren. Maak een kopie van deze vorm en houd deze opzij voor gebruik in een latere stap.
Teken een rechthoek met behulp van het gereedschap Afgeronde rechthoek.
Schuif de rechthoek door naar Object> Transformeren> Schuintrekken ... Voer -45 in voor de afbreekhoek en selecteer Horizontaal voor de as.
Dupliceer de vorm drie keer. Lijn alle vier vormen uit en groepeer ze. Selecteer met je vier vormen gegroepeerd de grote vorm op de achtergrond en lijn alle vijf vormen vervolgens verticaal en horizontaal uit, zodat alles mooi en gecentreerd is.
Trek de hoeken van de vorm af door de hieronder gemarkeerde opties te selecteren.
Pak de vorm die u aan de zijkant hebt geplaatst voor later gebruik. Teken nog een schuifvorm, dupliceer en weerkaatst deze. Tenslotte trek je het van de grote vorm af (net zoals je deed in de vorige stap.)
Kopieer de vorm die eruit ziet als een kruis (de lichtgrijze vorm) en plak deze achter de twee vormen door op Command + B te drukken. Je hebt nu drie vormen bovenop elkaar. De lichtgrijze kruisvorm, de vorm die u in de vorige stap hebt gemaakt en het grijze kruis weer achteraan. Zorg ervoor dat alle drie vormen verticaal en horizontaal zijn uitgelijnd.
Geef het gezicht van het multimedia-apparaat enkele details en knoppen met behulp van basisvormen. Zodra je het uiterlijk van het apparaat er goed uit ziet, kun je nu alle details opzij schuiven.
Selecteer alle drie de vormen en geef ze 3D-kwaliteiten door naar Effect> 3D> Extrude & Bevel ... te gaan Voer de variabelen in die hieronder worden weergegeven.
Als u de vormen wilt bewerken, moet u ze uitvouwen door naar Object> Uiterlijk uitbreiden te gaan.
Je hebt nu drie verschillende objecten met 3D-kwaliteiten. Je zult je drie vormen moeten verplaatsen om elke vorm te zien. Je hoeft ze natuurlijk niet zo ver uit elkaar te plaatsen, dit is gewoon zodat je kunt zien waar je mee zou moeten eindigen.
Het is een goed idee om elk van de drie vormen op een eigen laag te zetten. Dit maakt het gemakkelijk om alleen de vorm te selecteren die u wilt bewerken. Plaats je vormen zo dicht mogelijk bij elkaar. Als je dit eenmaal doet, zul je kleine details opmerken die niet perfect op elkaar aansluiten. Dit komt omdat het perspectief dat werd toegepast in stap 13 van invloed is op elk item afzonderlijk. In werkelijkheid zou de gestippelde lijn beide randen van de bovenste en onderste vorm raken. De oplossing is eenvoudig.
Gebruik het gereedschap Direct selecteren (A) om alle punten te slepen die ik heb geschetst in de onderstaande stippellijn. Je moet de andere twee lagen die de middelste en onderste vormen hebben vergrendelen zodat je niet tegelijkertijd punten uit dat object selecteert.
Zodra je die punten hebt geselecteerd, verplaats je ze eenvoudig een beetje naar rechts om op een lijn te komen waar ze zouden moeten zijn. Merk ook op hoe het rode gebied dat ik hieronder heb gemarkeerd, ook aan het einde van de vorm moet samenkomen.
Observeer hoe beide randen de stippellijn raken.
Merk op hoe het rode gebied ook aan de rand van de middelste vorm samenkomt.
De linkerkant moet al behoorlijk vierkant zijn, dus je hoeft daar geen wijzigingen aan te brengen.
Een kleine overlapping op de uiterste linkerrand is OK, dit zal niet worden opgemerkt als we verschillende gradiënten aan elke vorm toevoegen.
Het is van cruciaal belang dat u uw objecten groepeert voordat u ze perspectief en rotatie geeft. Ga naar Object> Groep. Dit zorgt ervoor dat alle details als één object worden behandeld en dat het 3D-effect op hen als geheel en niet op afzonderlijke stukken van toepassing is.
Geef de details van het gezicht van het apparaat hetzelfde perspectief en dezelfde rotatie als voorheen. Ik heb geen Extrude Depth toegepast, omdat ik de knoppen meer een afgeronde look wilde geven.
Als u elk van de objecten op de voorkant van het apparaat wilt bewerken, moet u dit eerst uitvouwen. Ga naar Object> Uiterlijk uitvouwen.
Selecteer het ovaal aan de linkerkant en geef het een lineair verloop, innerlijke gloed en slagschaduw. Pas de gloed- en schaduweffecten toe door naar Effect> Stileren te gaan en het gewenste effect te selecteren. Gebruik de onderstaande instellingen als richtlijn voor uw instellingen. Afhankelijk van de afmetingen van je kunstwerk, kunnen je cijfers verschillen van wat ik hieronder laat zien, maar dit is OK. Zorg er alleen voor dat het goed voor je is.
Pas soortgelijke effecten toe op de knoppen aan de linkerkant als op de knoppen aan de onderkant.
Creëer LED-verlichting met behulp van een bochtkleur en geef de vorm een Outter Glow. Breng een Outter Glow aan door naar Effect> Stileren> Outer Glow te gaan.
Geef de LED een hoogtepunt door een witte rechthoek over het licht te tekenen en deze te vervagen door naar Effect> Blur> Gaussian Blur te gaan.
Kopieer en plak de twee knoppen hieronder om diepte toe te voegen.
Selecteer beide knoppen tegelijk en geef hun gezicht een subtiel verloop.
Als u elk deel van het bovenste gedeelte van het apparaat wilt inkleuren, moet u eerst het groepsniveau opheffen door naar Object> Degroeperen te gaan. Mogelijk moet u dit meerdere keren doen om ervoor te zorgen dat alle delen van het object niet gegroepeerd zijn.
Als u een dramatische reflectie wilt maken, tekent u eerst een vorm met het gereedschap Pen (P) dat over het midden van het apparaat snijdt. U hoeft de vorm niet een vulling of een streek te geven. Selecteer de bovenste laag van het apparaat en de vorm die u zojuist tekende en klik op Delen in de Pathfinder. Ga naar Object> Groep verwijderen en verwijder vervolgens de onnodige vormen rond de randen die u niet nodig hebt.
Selecteer de afzonderlijke vormen en geef ze een verloop dat links donker is en lichter aan de rechterkant.
Geef het scherm een vergelijkbare gradiënt die iets lichter is om de indruk te wekken dat het oppervlak enigszins is veranderd.
Kopieer en plak de onderstaande tekst en maak hem 100% zwart om diepte toe te voegen.
Dupliceer de vorm op het scherm van het apparaat. Aangezien het scherm nu in twee helften wordt gesneden, zal de omtrek die we moeten toepassen een ongewenste lijn in het midden van het scherm creëren. Gebruik daarom de Pathfinder om beide helften van het scherm te selecteren en de vormen samen te voegen zoals we in stap 5 hebben gedaan. Geef de nieuw samengevoegde vorm twee contouren, een grijs en een zwart.
Merk op hoe elke omtrek iets in grootte verschilt. Dit creëert de illusie van een afgeschuind randje. U kunt een object twee contouren geven met behulp van het Vormgevingpalet. Klik op de Flyout-driehoek die hieronder is gemarkeerd en selecteer Nieuwe lijn toevoegen. U kunt ook opnieuw rangschikken welke streek bovenaan of onderaan zit door deze te selecteren en deze boven of onder de andere streek te verplaatsen.
Selecteer de randen van de bovenste laag en geef elke sectie een verloop. Merk op hoe het midden van de vorm een lichtere kleur heeft dan de randen. Dit draagt ertoe bij het idee van lichtbouffering van een gebogen oppervlak over te brengen.
Voeg meer punten toe aan je verloop voor complexere gebieden.
Gebruik een kleine creatieve licentie bij het bepalen hoe elk item eruit ziet. Ik besloot om deze vorm een kleine grijze omtrek te geven.
Dit is hoe uw apparaat eruit moet zien met alle toegepaste gradiënten.
We voegen nog een ring rond de knop toe door de ring te dupliceren en alle effecten eruit te verwijderen. Om de effecten te verwijderen, gebruik je het Vormgevingpalet, selecteer je elk item en klik je op het prullenbakpictogram.
Plaats het ovaal over de knop en vergroot deze iets. Geef het dan een grijze streek en een lichtgrijze vulling.
We maken reflecties op de boven- en onderkant van het ovaal door het ovaal twee keer te dupliceren. Wijzig vervolgens de grootte van het bovenste ovaal om iets groter en breder te zijn dan het andere. Selecteer beide ovalen en deel ze door de hieronder getoonde optie te selecteren. Groeperingen opdelen door naar Object> Groep opheffen te gaan. Verwijder alles behalve het bovenste deel van de vormen. U kunt het bovenste gedeelte van de vorm gebruiken voor reflecties (zie de volgende stap).
Ik heb dezelfde vorm gebruikt voor zowel de boven- als de onderreflectie. Verander gewoon de kleur zodat het lijkt alsof de hoeveelheid licht die elke kant van het oppervlak raakt anders is.
Behaal reflecties voor de andere knoppen op dezelfde manier als bij Stap 43 ...
... en opnieuw voor de reflecties over de knoppen aan de rechterkant.
Dit is hoe je artwork er op dit moment uit zou moeten zien.
Dupliceer het gezicht van het apparaat, gebruik de Pathfinder om beide helften samen te voegen (omdat we het in een vorige stap hebben gedeeld) en vervaag het door naar Effect> Blur> Gaussian Blur te gaan. Selecteer Vermenigvuldigen in je transparantiepalet, zodat de slagschaduw die we zojuist hebben gemaakt er goed uitziet als we er een achtergrond achter plaatsen.
Gebruik het gereedschap Afgeronde rechthoek om een rechthoek te tekenen en het een koele groene kleur te geven.
Deze stap zal veel visueel belang aan het apparaat toevoegen. Gebruik het pengereedschap (P) om langs de randen van enkele hoeken van het apparaat te tekenen. Dit geeft de illusie van licht dat deze hoeken en randen raakt.
Teken ook wat aan de rechterkant.
En sommige op de top. Zorg ervoor dat je niet overboord gaat.
Als laatste zullen we een waas creëren dat enkele van de hoogtepunten omringt om de indicatie van algemene lichtreflectie te geven. Teken een eenvoudige witte vorm die de rand van een object eronder volgt en pas een vervaging toe door naar Effect> Vervagen> Gaussiaans vervagen te gaan.
Hier is de laatste illustratie! U hebt net geleerd hoe u een gestroomlijnd vector-multimedia-apparaat kunt maken.