Share
Deze tutorial laat je zien hoe je een vectorillustratie van de Sidekick LX maakt. Deze tutorial gebruikt meestal het gereedschap Pen, basisvormen en eenvoudige gradiënten om deze illustratie een zekere mate van realisme te geven. In deze tutorial leer je snelle manieren om gestileerde vectorillustraties te maken.
Om te beginnen, laten we eens kijken naar de afbeelding die we gaan maken. De uiteindelijke afbeelding is hieronder.
Ga nu naar Bestand> Nieuw en kies Web voor het documentprofiel. Sla vervolgens het bestand op en noem het "Sidekick".
Nu het document gereed is, controleert u of het deelvenster Stalen, het deelvenster Lagen en het toolpaneel open zijn. Deze drie panelen zijn de meest essentiële panelen in deze zelfstudie.
Plak de JPEG van de Sidekick LX. Zorg ervoor dat deze afbeelding op een eigen laag staat en is vergrendeld. Dit is uiterst belangrijk omdat het definitieve ontwerp veel objecten bevat en dit helpt om ze georganiseerd te houden.
De eerste stap bij het maken van de telefoon is om een back te maken die uiteindelijk onder het flip-scherm zal verschijnen. Hiervoor kunt u eenvoudig een rechthoek maken of het gereedschap Pen gebruiken.
Vervolgens maken we de contouren van de telefoons in verschillende delen. Ik heb de telefoon opgedeeld in drie delen, linkerkant, scherm en de rechterkant. Volg deze drie delen met het gereedschap Pen. Zorg ervoor dat u de meeste lijnen kromt door het gereedschap Pen te slepen om een vloeiende curve te maken, omdat rechte lijnen er vreemd en onnatuurlijk uit zullen zien.
Nu zullen we het verloop toevoegen aan de twee kanten. We hoeven het verloop maar één keer te maken; we kunnen dan het verloop kopiëren en het voor de andere kant omdraaien. Het doel van de gradiënt is niet om een lichtbron weer te geven en de illusie van diepte te creëren.
De telefoon is een bolvormig voorwerp. Het verloop moet ten minste drie kleuren bevatten. Eén kleur moet de basiskleur zijn, de volgende een lichtere tint voor de highlight en de derde een donkerdere tint.
De volgende stap is om het flip-scherm van de telefoon te maken. Hiervoor kunt u eenvoudig het gereedschap Afgeronde rechthoek gebruiken. Maak de vulkleur zwart zonder een lijnkleur. Maak vervolgens het zwarte gebied waarin het scherm zal worden geplaatst.
Kies nu voor een saaie bruine kleur om het LCD-scherm te maken. Gebruik het gereedschap Rechthoek en maak een rechthoek met een gelijkmatige zwarte rand bovenaan, onderaan en links. Er moet meer ruimte aan de rechterkant zijn, dit is waar het grote logo naartoe gaat.
Dupliceer nu de rechthoek van het LCD-scherm en pas er een grijs horizontaal verloop op toe. Zodra het verloop is toegepast, stelt u de hoek in op -40 °. Stel vervolgens de overdrachtsmodus in op Overlay en de dekking op 60%.
Creëer een kleine cirkel met behulp van het Ellips-gereedschap en pas er een grijs horizontaal verloop op toe. Plaats dit onder het LCD-scherm en centreer het. Dit is de lichtdetector.
Nu ontwerpen we de symbolen die op de knoppen gaan. Gebruik hiervoor de afbeelding van de sidekick als referentie en maak de symbolen opnieuw. Voor de Menu en de annuleren symbolen Ik gebruikte het gereedschap Afgeronde rechthoek. Voor de Huis symbool Ik heb de Ellipse-tool gebruikt. Voor de terugkeer symbool Ik heb het gereedschap Pen gebruikt.
Voeg een verloop toe met een lichtbruine en de bruine basiskleuren die we eerder hebben gebruikt. Gebruik de donkerbruine kleur voor de streek. Plaats de hoek zo dat de lichtbron linksboven in de "Sidekick" staat.
Als u de knop voor deze symbolen wilt maken, gebruikt u het gereedschap Afgeronde rechthoek om een eenvoudige vierkante vorm te maken met dezelfde donkerbruine lijn en bruine basisvulling. Dupliceer dit ene vierkant om een knop te maken voor alle vier de symbolen en centreer de symbolen op de vierkanten. Groepeer elke knop en elk symbool. Plaats vervolgens de knoppen op basis van de referentie afbeelding.
Nu gaan we de zilveren luidsprekerknop maken. Gebruik het gereedschap Afgeronde rechthoek om twee vierkanten te maken. De ene moet groter zijn dan de andere. Breng het grijze horizontale verloop op het kleine vierkantje aan. Breng dezelfde grijze horizontale verloop op het grotere vierkant aan, maar verander de hoek naar 90 °.
Maak een kleine cirkel met een donkergrijze vulling en een grijze streek. Maak vier kolommen en vier rijen van dezelfde cirkel. Plaats vervolgens de luidspreker op de juiste locatie in referentie met de afbeelding "Sidekick".
Gebruik het gereedschap Afgeronde rechthoek om het te maken Mic. Pas dezelfde kenmerken toe die de symbolen hadden voor deze rechthoek. Plaats vervolgens de Mic naast het annuleren knop.
Maak nu het Ophangen knop. Deze rechthoek heeft een cirkel uitgesneden in de rechter benedenhoek. Het zal ook een lichte bobbel boven het streepje hebben om een geëxtrudeerd effect te geven. U kunt het gereedschap Pen gebruiken om deze vorm te tekenen, zoals hieronder wordt weergegeven. Gebruik de makker afbeelding als referentie.
Breng nu een verloop aan met dezelfde lichtbruine en basisbruine kleuren. Stel de hoek in op 139 °.
Dupliceer de Eindknop en draai het horizontaal zodat het ondersteboven ligt.
Gebruik het pengereedschap om het te traceren Praten en Einde symbolen. Beide mogen geen beroerte hebben. Kleur de Praten knop # 00B384 en de Einde knop # E46674. Plaats beide symbolen in de hoeken van de knoppen.
Vervolgens maken we de Track Ball. Gebruik de Ellips-tool om een cirkel te maken. De vulling moet crèmekleurig zijn en de streek moet lichtbruin zijn.
Voeg nu een verloop toe aan de cirkel. Het verloop kan elke kleur hebben; Ik heb ervoor gekozen om een crème te houden.
Rond de Track Ball, maak een grote cirkel met een verloopvulling. Het verloop moet de eerder gebruikte lichtbruine kleur hebben en een donkerbruine kleur. Verplaats dit object achter de Track Ball.
Maak nu een nieuwe cirkel en plaats deze op de top van de cirkel gemaakt in stap 23. Gebruik dezelfde gradiënt, maar verander het van lineair naar radiaal, zodat het lichtste bruin aan de buitenkant is.
Je kunt in de onderstaande afbeelding zien waar alle vormen die we hebben gemaakt zijn geplaatst. Gefeliciteerd, je hebt zojuist een gave telefoon gemaakt met basisgereedschappen en eenvoudige verlopen in Adobe Illustrator. Nu kunt u teruggaan en de vector naar uw smaak bijwerken! Ik rondde dit ontwerp af met het toevoegen van een huisstijl en een reflectie, zoals hieronder getoond.
Accentsconagua