Maak een Avocado met slechts één vorm in Adobe Illustrator

Wat je gaat creëren

Volg deze tutorial en leer hoe je een avocado maakt met slechts één shape in Adobe Illustrator. Je begint met een basisvorm en vervormt hem daarna, je krijgt de vorm van de avocado. Vanaf dit punt voeg je de verschijningen één voor één toe om de avocadostijl te creëren. Je maakt de schil, de pulp en het zaadje, je voegt gloed, hooglichten en tinten toe met dezelfde vorm maar met behulp van de live-effecten: offset pad, transformeren, converteren naar vorm, boog boven, boog lager en opblazen. Als dit allemaal interessant klinkt, bereid je dan voor op een 19 optredens lange rit die ervoor zorgt dat je op het einde van het Uiterlijk-paneel houdt. Maak je klaar, start!

1. Start een nieuw project

Lancering Illustrator ga dan naar Bestand> Nieuw om een ​​leeg document te openen. Typ een naam en stel de dimensies in en selecteer pixels zoals eenheden en RGB zoals Kleur mode

Ga vervolgens naar Bewerken> Voorkeuren> Algemeen en stel de Toetsenbordverhoging naar 1px en terwijl je daar bent, ga je naar Eenheden en weergaveprestaties en stel de eenheden zoals hieronder getoond. Ik werk meestal met deze instellingen en zij zullen je tijdens het tekenproces helpen.

2. Creëer de vorm van de avocado

Stap 1

Je zult wat tijd spenderen om de vorm van de avocado te creëren en ik zal het stap voor stap uitleggen, omdat dit een belangrijk onderdeel is van de tutorial. Als je de avocado wilt repliceren, heb je dezelfde vorm nodig die ik heb gebruikt. Natuurlijk kunt u een andere vorm gebruiken, maar dan zullen alle instellingen voor de Offsetpaden en de live-effecten een ander resultaat genereren en moet u deze instellingen aanpassen aan uw vorm. Dit gezegd zijnde, laten we beginnen met de avocadovorm.

Grijp de Lijnsegmenthulpmiddel (\) en klik op uw tekengebied om het te openen Gereedschap Opties lijnsegment venster. Type 91.5px in de Lengte veld en stel de Hoek naar 0 graden dan raken OK. Je krijgt de eerste horizontale lijn. Laat deze regel geselecteerd, ga naar Object> Pad> Ankerpunten toevoegen om een ​​extra punt in het midden toe te voegen. 

Gebruik vervolgens de Lijnsegmenthulpmiddel (\) om een ​​verticale lijn te tekenen met de getoonde afmetingen. Zet nu de twee lijnen zoals in de afbeelding. Gebruik het ankerpunt vanuit het midden als referentie en plaats de verticale lijn iets naar links.

Stap 2

Nu dat je de twee lijnen hebt, gebruik ze als referentie om een ​​driehoek te tekenen tussen de eindpunten zoals aangegeven. Verwijder de regels daarna, want je hebt ze niet meer nodig.

Stap 3

Terwijl de driehoek geselecteerd blijft, gaat u naar Object> Pad> Ankerpunten toevoegen twee keer om drie extra punten aan elke kant van de driehoek toe te voegen. Ik heb een nummer toegevoegd aan deze punten omdat we afzonderlijk met elk daarvan zullen werken. Selecteer nu het ankerpunt "1" en ga naar Object> Transformeren> Verplaatsen, type 33px in de Horizontaal veld en 10px in de Verticaal veld en druk dan op OK. Selecteer vervolgens punt "2" en ga vervolgens naar Object> Transformeren> Verplaatsen, type -32px in de Horizontaal veld en 10px in de Verticaal veld en druk dan op OK. Na deze acties zou je vorm er in de volgende afbeelding uit moeten zien.

Stap 4

Selecteer punt "3" en verplaats deze keer 36px horizontaal en 2px verticaal. Ga verder met punt "4" en gebruik de getoonde instellingen om het ook te verplaatsen.

Stap 5

Selecteer vervolgens de punten "5" en "6" en ga vervolgens naar verhuizing opnieuw en gebruik de instellingen die voor elk punt zijn aangegeven.

Stap 6

Neem de Ankerpunttool verwijderen (-) en klik op de aangegeven punten om ze te verwijderen, selecteer punt "7" en verplaats het 2px horizontaal en -18px verticaal.

Stap 7

Gebruik de Direct selectie gereedschap (A) om alleen het aangegeven punt te selecteren en druk op de Converteer geselecteerde ankerpunten naar glad optie in de Controle paneel. Als gevolg hiervan krijg je een paar handvatten. Als u dit punt nog steeds hebt geselecteerd, gaat u naar Bestand> Scripts> Handles uitbreiden en een percentage toepassen van 200. Hierdoor zullen de handgrepen even lang worden. Natuurlijk kunt u de handvatten handmatig uitbreiden met de Direct selectie gereedschap (A) maar met behulp van dit script behoud je de symmetrie en de hoek.

Als u de. Niet hebt Handles uitbreiden script, kunt u naar dit artikel gaan 20 Gratis en nuttige Adobe Illustrator Scripts om het te downloaden en volg de instructies om het te installeren. Hierna krijgt u toegang tot het script door naar Bestand> Scripts> Handles uitbreiden. Met behulp van dit script kunt u eenvoudig handles verlengen, inkorten, verwijderen of terugdraaien. Waarden voorbij 100 leiden tot een uitbreiding van de handgrepen, waarden onder 100 leiden tot een verkorting van de handgrepen en 0 verwijdert ze.

Stap 8

Selecteer het punt aangegeven met de Direct selectie gereedschap (A) druk vervolgens op de Converteer geselecteerde ankerpunten naar glad optie om de handvatten te genereren. Om de handgrepen langer te laten werken, moet de Handles uitbreiden script en een percentage toepassen van 200 nog een keer. Selecteer vervolgens alleen het punt onderaan en druk op Converteer geselecteerde ankerpunten naar glad optie in de Controle paneel.

Stap 9

Selecteer punt "8" met de Direct selectie gereedschap (A) en druk op de Converteer geselecteerde ankerpunten naar glad optie en voer dan de Handles uitbreiden script en een percentage toepassen van 220 deze keer.

Stap 10

Selecteer de twee aangegeven punten en transformeer ze van hoekpunten naar vloeiende punten zoals u eerder deed. Voer daarna een kleine aanpassing uit met betrekking tot de hoek van de handgrepen om soepele bochten te verkrijgen (1).

Selecteer vervolgens de vier aangegeven punten en druk op Converteer geselecteerde ankerpunten naar glad optie opnieuw om de handvatten te genereren. Op dit punt kun je indien nodig kleine aanpassingen maken, anders is de avocado-vorm klaar (2).

3. Maak de Avocado-stijl

Stap 1

Vul de avocadevorm met donkergroen dan uit het fly-out menu van de Verschijning paneel kiezen Nieuwe vulling toevoegen. Als gevolg hiervan krijg je een tweede Fill boven de eerste en kun je de schaduw van groen gebruiken die is aangegeven als de vulkleur. Dit hebben Vullen attribuut geselecteerd in de Verschijning paneel, ga naar Effect> Pad> Offsetpad en solliciteer een -2px offset. Je hebt zojuist de schil van de avocado gemaakt.

Stap 2

Ik heb dit nog steeds Vullen attribuut geselecteerd in de Verschijning paneel, ga naar Effect> Vervormen en transformeren> Transformeren en typ 0.5px in de Verplaats verticaal veld en druk dan op OK. Dit maakt de schil iets dikker aan de onderkant van de avocado.

Stap 3

Gebruik de Nieuwe vulling toevoegen optie om de derde vulling hierboven toe te voegen en selecteer geel als vulkleur. Dit hebben Vullen attribuut geselecteerd in de Verschijning paneel, ga naar Effect> Pad> Offsetpad en solliciteer een -5.5px offset. Tot nu toe hebben we de schil, de groene rand en de pulp van de avocado gemaakt.

Stap 4

Vervolgens maken we een vloeiende overgang tussen de groene rand en de gele pulp. Selecteer de Beroerte attribuut in de Verschijning paneel (dat op dit punt is ingesteld op geen) en gebruik de aangegeven groen tint en stel vervolgens de Berekend gewicht op 2pt. Ga nu naar Effect> Pad> Offsetpad en solliciteer een -6.5px offset. Op dit punt moet de streek vlak naast de groene rand liggen, maar als dat niet het geval is, kunt u kleine aanpassingen aanbrengen (-6,4 px of -6,6 px). Houd er rekening mee dat dit een live-effect is en dat u de waarden op elk gewenst moment kunt wijzigen.

Stap 5

Het hebben van Beroerte attribuut van de vorige stap geselecteerd in de Verschijning paneel, druk op de Geselecteerd item dupliceren pictogram onderaan. Je krijgt een tweede slag boven de eerste. Dubbelklik op de Verschoven pad effect om het te openen Verschoven pad venster en verander dan de waarde van -6.5px naar -8.5px en druk op OK. Stel de ondoorzichtigheid voor deze tweede slag naar 50%.

Stap 6

Na de tweede Beroerte attribuut geselecteerd in de Verschijning paneel, druk op de Geselecteerd item dupliceren pictogram om een ​​derde slag erboven te krijgen. Open de Verschoven pad venster en verander de waarde van -8.5px naar -10.5px dan raken OK. Verminder ook de ondoorzichtigheid naar 25%.

Deze drie streken moeten net naast elkaar liggen, zoals in de close-up. Indien nodig, kunt u de compenseren waarden totdat u het juiste resultaat krijgt.

4. Maak het zaadje van de avocado

Stap 1

Selecteer uw avocado en uit het fly-out menu van de Verschijning paneel kiezen Nieuwe vulling toevoegen. Sleep deze nieuwe vulling onder de drie streken maar boven de gele pulp en selecteer een vulkleur voor het moment. Terwijl dit Vullen kenmerk blijft geselecteerd, ga naar Effect> Vervormen en transformeren> Transformeren en pas de hieronder getoonde instellingen toe.

Stap 2

Nog steeds het hebben van Vullen Ga naar de vorige stap geselecteerd, ga naar Effect> Converteren naar vorm> Ellips en typ 160px in de Breedte en Hoogte velden dan raken OK. Dit effect zal je vulling dwingen om in een cirkel te veranderen.

Stap 3

Het avocadozaad is niet perfect rond, daarom zullen we wat toepassen schering effecten om het te vervormen. Zorg dat je dit nog steeds hebt Vullen geselecteerd in de Verschijning paneel ga dan naar Effect> Warp en pas de Boog Boven effect eerst dan opblazen en Arc Lower. U kunt het eindresultaat zien in de volgende afbeelding.

Dit zijn de instellingen die ik heb gebruikt: a 25% horizontale buiging voor de Boog Boven effect, a 10% verticale vervorming voor de opblazen effect en een 8% horizontale buiging voor de Arc Lower effect.

Stap 4

Het zaad is klaar en u kunt nu de vulkleur vervangen door de getoonde radiale kleurverloop en vervolgens de Gradient Tool (G) om de straal te wijzigen. Om het eenvoudig te begrijpen, zal ik dit een naam geven Vullen kenmerk "Zaadvulling".

Stap 5

Selecteer de "Zaadvulling" in de Verschijning paneel en druk vervolgens op Geselecteerd item dupliceren pictogram onderaan. Selecteer de kopie eronder en vervang het bestaande verloop door geel. Open nu de Transformeer effect venster, wijzig de instellingen zoals getoond en druk op OK. Laat de andere effecten zoals ze zijn.

Stap 6

Nog steeds het hebben van Vullen Ga naar de vorige stap geselecteerd, ga naar Effect> Stileer> Gloed buiten en pas de getoonde instellingen toe.

Stap 7

Nog steeds het hebben van Vullen uit de vorige stap geselecteerd, druk op de Geselecteerd item dupliceren pictogram onderaan de Verschijning paneel. Focus op de kopie hierboven en Dubbelklik op Ellips om de te openen Vormopties venster. In plaats van 160px, type 172px in de Breedte en Hoogte velden dan raken OK. Stel gewoon de ondoorzichtigheid voor deze Vullen naar 40% en laat de andere effecten zoals ze zijn.

Stap 8

Dupliceer de Vullen uit de vorige stap, focus dan op de kopie waarboven de derde van deze soort is. Open opnieuw Vormopties venster en type 185px in plaats van 172px in de Breedte en Hoogte velden lager dan de ondoorzichtigheid naar 20%. Deze laatste drie vullingen geven je de gele gloed rond het zaad van de avocado.

5. Voeg hoogtepunten toe aan het zaad

Stap 1

Zorg ervoor dat de "Zaadvulling" is geselecteerd in de Verschijning paneel en dupliceer het zoals u eerder deed. Concentreer u op de bovenstaande kopie en vervang het bestaande verloop voor het moment door elke kleur. Om het in de volgende afbeelding weergegeven resultaat te krijgen, moet u enkele van de instellingen van de live-effecten wijzigen.

Dit zijn de instellingen voor de Boog Boven, opblazen en Transformeren bijwerkingen. De andere twee effecten blijven hetzelfde.

Stap 2

Vervang vervolgens de vulkleur die u hebt gekozen met de getoonde radiale kleurovergang. Stel dit in Vullen attribuut aan Overvloeimodusscherm en 40% dekking.

Stap 3

Zorg ervoor dat de laatste Vullen (uit de vorige stap) is geselecteerd en dupliceer het. Stel scherp op de kopie hierboven en vervang eerst de bestaande gradiënt door een wit naar zwart lineair verloop bij a -100 graden hoek. Open nu de Transformeer effect venster en wijzig de instellingen zoals aangegeven. Houd de Hoek op -10 graden en druk op OK. Laat de andere effecten zoals ze zijn en bewaar ook de Overvloeimodus en de ondoorzichtigheid instellingen.

Stap 4

Laten we nu een ander soort highlight aan de linkerbovenkant van het seed toevoegen. Selecteer hiervoor de "Zaadvulling" in de Verschijning paneel en druk vervolgens op Geselecteerd item dupliceren pictogram onderaan. Stel scherp op de onderliggende kopie en vervang de bestaande gradiënt door de lineaire gradiënt die wordt weergegeven onder a 40 graden hoek. Open de Transformeer effect venster verander dan de Horizontaal en Verticale beweging waarden zoals getoond. Kortom, u verplaatst deze nieuwe vulling 1px omhoog en 1px naar links. Stel de Overvloeimodus naar Scherm (zwart wordt transparant).

6. Voeg de schaduw van het zaad toe

Selecteer opnieuw "Zaadvulling" en dupliceer het. Stel scherp op de onderliggende kopie en vervang de bestaande gradiënt door de lineaire gradiënt die wordt weergegeven onder a -60 graden hoek. Verwijder vervolgens de opblazen effect door het naar de. te slepen uitschot wijzig vervolgens de instellingen voor de Boog Boven, Arc Lower en Transformeren bijwerkingen. Stel dit in Vullen naar Mengmodus Vermenigvuldigen en 50% dekking.

Dit zijn de instellingen die u moet wijzigen en u kunt het eindresultaat zien in de bovenstaande afbeelding.

7. Voeg hoogtepunten toe aan de avocado

Terwijl je avocadovorm geselecteerd blijft, ga je naar Appearance paneel en kies uit het uitvouwmenu Voeg N toeieuw Vul in. Verplaats deze nieuwe vulling boven alles en selecteer vervolgens de getoonde lineaire gradiënt en stel de Hoek op -40 graden. Stel dit in Vullen naar Overvloeimodusscherm (zwart wordt transparant) en 50% dekking.

8. Sla de Avocado-grafische stijl op

Op dit punt is de avocado bijna klaar. Je kunt de stijl nu opslaan of tot later wachten nadat je de schaduwen hebt toegevoegd.

Terwijl de avocado-vorm geselecteerd blijft, drukt u op de Nieuwe grafische stijl pictogram onderaan de Grafische stijlen paneel (Venster> Grafische stijlen). Dubbelklik op de thumbnail en typ vervolgens een naam voor uw stijl en druk op OK. Ik noemde de mijne "Avocado Graphic Style no shadow".

9. Voeg de schaduw van de avocado toe

Stap 1

Selecteer de Vullen attribuut vanaf de onderkant van de Verschijning paneel dat eigenlijk het eerste is dat u hebt toegevoegd (de schil) en dupliceert. Focus op de kopie hieronder, ga naar Effect> Stileren> Slagschaduw en pas de hieronder getoonde instellingen toe. U kunt dezelfde vulkleur behouden.

Stap 2

Het hebben van Vullen uit de vorige stap geselecteerd in de Verschijning paneel, druk op de Geselecteerd item dupliceren pictogram opnieuw. Focus op de kopie eronder en Dubbelklik op de Slagschaduw effect om het te openen Slagschaduw venster. Verander de instellingen en druk op OK.

Stap 3

Dupliceer opnieuw het vorige Vullen open vervolgens de Slagschaduw venster en wijzig de instellingen.

Stap 4

Dupliceer de vorige Vullen nog een keer en verander dan de instellingen voor de Slagschaduw effect zoals hieronder weergegeven. Je bent klaar met de schaduwen.

10. Maak de stam

Op dit moment is de avocado klaar, maar als je wilt, kun je een kleine stengel maken, hoewel dit optioneel is. Grijp de Pen gereedschap (P) en teken een vorm zoals in de volgende afbeelding bovenaan de avocado. Vul het met de lineaire gradiënt getoond bij a 90 graden hoek stel dan de ondoorzichtigheid op 40%.

11. Het is tijd om samen te vatten!

Stap 1

In de volgende afbeelding ziet u alle Vullen attributen die we hebben gebruikt om de avocado te maken. De jouwe moet in dezelfde volgorde staan. Als alles er goed uitziet, kun je de stijl opslaan. Terwijl de avocadovorm is geselecteerd, drukt u op Nieuwe grafische stijl pictogram onderaan de Grafische stijlen paneel. Dubbelklik op de thumbnail en typ vervolgens een naam en druk op OK.

Als u deze stijl wilt toepassen op een andere vorm, moet u enkele aanpassingen aanbrengen en de instellingen voor de live-effecten wijzigen totdat ze in de vorm van uw keuze passen.

Stap 2

Zoals je kunt zien in de schets modus, hebben we maar één vorm gebruikt om de avocado te maken. Nou ja, behalve de stam, maar dat is optioneel.

Natuurlijk kun je nog meer optredens toevoegen. U zou bijvoorbeeld meer details kunnen toevoegen, u zou een textuur op de pulp en een textuur op het zaad kunnen toevoegen om het er realistischer uit te laten zien, maar we zullen hier voor nu stoppen.

Heilige Guacamole! U bent klaar!

Als je deze tutorial leuk vond, bekijk dan de eerste tutorial van deze soort die is gepubliceerd door het mooie Sharon Milne en je leert een gesneden kiwi met slechts één vorm te maken. Vertel ons uw mening over dit soort zelfstudie, als u ze interessant en nuttig vindt en we zullen er meer van maken.