Maak een handig 3D Vector kalenderpictogram

Leer een handig agendapictogram te maken voor gebruik op uw blog, website of afdrukprojecten. We gebruiken Illustrators Path en 3D-tools om dit ontwerp te maken. Ook zal een eenvoudig pagina-curl-effect worden gedemonstreerd. Laten we in deze tutorial springen.

Final Image Preview

Dit is de laatste aanblik die we zullen bereiken. Als u deze zelfstudie met succes wilt voltooien, moet u een fundamenteel begrip hebben van Illustrators-hulpmiddelen.

Stap 1

Begin met het tekenen van een vierkant met behulp van de Rechthoek-tool (M).

Stap 2

Roteer het vierkant door naar Effect> 3D> Rotate te gaan. U hoeft deze exacte waarden niet in te voeren, maar noteer wel de waarden die u wel invoert, want u moet er opnieuw naar verwijzen als we tekst toevoegen. Nadat u op OK hebt geklikt, vouwt u uw vorm uit door naar Object> Uiterlijk uitbreiden te gaan.

Stap 3

Om de diepte van de kalender te simuleren gebruiken we Illustrator's 3D Extrude & Bevel Options. Ga naar Effect> 3D> Extrude & Bevel. Voer 1 graad in voor de rotatie van de X-as (eerste vak). Voer in het vak Extrude Depth een hoog getal in, zoals hieronder wordt weergegeven. Hoe groter het X-asnummer, hoe kleiner uw waarde voor Extrude Depth zal zijn.

Ik geef de voorkeur aan deze methode omdat deze het gezicht van de kalender vervormt veel minder dan een groot X-asnummer en een klein Extrude Diepte-nummer in te voeren. Klik op OK en ga vervolgens naar Object> Uiterlijk uitvouwen. Ga als laatste naar Object> Groep opheffen. Houd er rekening mee dat u het object mogelijk meerdere keren moet degroeperen om elke vorm afzonderlijk te kunnen verwerken.

Stap 4

Herhaal stap 3 om de basis van de kalender te maken. Vergroot de vorm zodat deze iets breder is dan de bovenkant. Vergeet niet om de vorm uit te vouwen en te degroeperen, zodat u later elke zijde van het object kunt inkleuren.

Stap 5

Maak een kleine rand rond elk van de randen van het bovenste gedeelte van de agenda door naar Object> Pad> Offsetpad te gaan. Voer de hieronder getoonde waarden in. Deze kleine rand stelt ons in staat om de rand van elke kant aan de zijkanten een klein beetje highlight of een alternatief verloop te geven, wat een klein detail is, maar bijdraagt ​​aan de algehele kwaliteit van het stuk.

Stap 6

Geef de innerlijke vormen die je zojuist hebt gemaakt een kleine hellingshoek. Observeer hoe de linkerkant van de kalender een iets lichtere gradiënt heeft dan de rechterkant.

Teken met behulp van het gereedschap Pen (P) lijnen in de binnenste vormen die u zojuist hebt gemaakt om de rand van sommige kalenderpagina's te simuleren. Er is geen wiskunde betrokken bij deze stap. Gebruik gewoon je oog en zorg dat het er goed uitziet. Merk op hoe de lijnen naar een punt versmallen.

Stap 7

Zodra je alle lijnen hebt getekend, gebruik je het Verdeel Palet om de ruimte tussen elk van de lijnen perfect te maken.

Stap 8

Bovendien kunt u alle lijnen in één keer selecteren en een verloop toevoegen om ze te helpen opgaan in de vormen erachter.

Geef de basis van de kalender wat kleur, zorg ervoor dat u een iets lichtere kleur aan de linkerkant en een donkerdere kleur aan de rechterkant gebruikt.

Gebruik dezelfde lijnvorm die u tekende om de rand van de pagina's te maken, voeg deze toe als onderstaande hoogtepunten om de indruk te geven van een schaduw en een hoogtepunt.

Stap 9

Selecteer een lettertype dat u bevalt (ik heb Din gebruikt) en typ de woorden die u op de voorkant van de kalender wilt weergeven. Roteer het type zodat het overeenkomt met de hoek van het oppervlak van de kalender door naar Effect> 3D> Rotate te gaan. Voer de waarden in die u in stap 2 hebt gebruikt en klik vervolgens op OK.

Stap 10

Voeg het type toe aan de voorkant van de kalender en verander de kleur in wit.

Stap 11

Teken een rechthoek over het vlak van de kalender die overeenkomt met de blauwe rechthoek hieronder. Geef het een licht verloop.

Stap 12

Maak het nummer op de voorkant van de kalender met behulp van dezelfde techniek die we hebben gedaan voor de naam VECTORTUTS. Geef het nummer een dunne witte contour.

Stap 13

Bereik een gekrulde paginaweergave door een vloeiende vorm te tekenen die lijkt op de onderstaande afbeelding. Hoe vloeiender de vorm, hoe realistischer de paginakrul eruitziet.

Stap 14

Om ervoor te zorgen dat de krul zo geloofwaardig mogelijk is, moeten we het deel van het papier aanpassen dat zich direct links van de krul bevindt. Begin met het selecteren van de voorkant van de kalender en het omslaan van de pagina. Klik in het palest Pathfinder op Delen. Ga nu naar Object> Groep opheffen. Merk op dat je misschien de vormorde moet aanpassen na gebruik van het Divide filter, omdat sommige vormen nu bedekt kunnen worden.

Stap 15

Selecteer beide helften van de paginakrul en gebruik de optie Toevoegen aan vormgebied in het Pathfinder-palet. Klik op Uitbreiden in het Pathfinder-palet. Nu worden beide helften van de paginakrul opnieuw gecombineerd en wordt het gezicht van de kalender opgesplitst in twee delen (één links van de paginakrul en één rechts).

Stap 16

Gebruik het gereedschap Direct selecteren (A) en klik op het punt hieronder en beweeg het iets naar rechts en omhoog.

Stap 17

Elimineer de rechte rand van de pagina door er een gebogen vorm overheen te tekenen en gebruik het Pathfinder-palet om de illustratie bij te knippen. Trim de vorm door beide vormen te selecteren en gebruik de optie Aftrekken van vormgebied, hieronder gemarkeerd. Voltooi dit vervolgens door op Uitbreiden te klikken.

Stap 18

Dupliceer de paginakrul en verplaats deze iets om een ​​extra paginakrul te krijgen.

Stap 19

Geef de rechterrand van de kalender een verloop dat de illusie wekt dat het zich in de schaduw bevindt.

Stap 20

Geef de pagina krullen verlopen. Zorg ervoor dat u de paginakrul aan de linkerkant een iets donkerder verloop geeft, omdat het een object heeft dat er heel dicht bij ligt. Voeg iets meer interesse toe aan de rand van de paginakrullen door hun paden te compenseren, zoals we in stap 5 hebben gedaan door naar Object> Pad> Offsetpad te gaan.

Stap 21

U kunt de nieuwe vorm nu een subtiele verandering in het verloop geven, waardoor de rand van het papier wordt benadrukt.

Stap 22

Maak eenvoudig een slagschaduw door de vorm van het bovenvlak van de kalender te gebruiken en de onderste hoek ervan vierkant te maken. Ga naar Effect> Vervagen> Gaussiaans vervagen en voer een waarde in die een wazige onscherpte produceert die een schaduw impliceert.

Laatste afbeelding

Plaats de slagschaduw achter de kalender en geef het bovenoppervlak van de kalender een subtiel verloop en je handige kalenderpictogram is voltooid!

Dit pictogram is veelzijdig en kan voor een verscheidenheid aan toepassingen worden gebruikt. Wees creatief, je kunt het gezicht van de kalender aanpassen aan veel verschillende behoeften.

Abonneer u op de RSS-feed van VECTORTUTS om op de hoogte te blijven van de nieuwste vectorhandleidingen en -artikelen.