Maak een gesneden Kiwi-fruit met slechts één vorm in Adobe Illustrator

Ik praat vaak over hoe krachtig het paneel Uiterlijk van Adobe Illustrator is, maar het is tijd om mijn geld op mijn mond te zetten. Ik ga je laten zien hoe je een gesneden segment van een kiwi kunt maken, met behulp van het paneel Uiterlijk. De uiteindelijke afbeelding bestaat uit slechts vier ankerpunten. Ja, dat heb je goed gelezen ... slechts vier ankerpunten. Het beste is dat deze tutorial ideaal is voor beginners, omdat ik je elke stap en alle instellingen laat zien zodat je dit zelf kunt uitproberen.


Kijk eens naar de Kiwi Fruit

Het paneel Uiterlijk is geweldig. Als je merkt dat je met een oefening met een vorm kan worden gedupliceerd en aangepast, of het nu de vulling, de streek, een kwast is, enz. Dan is de kans groot dat je zelf ankerpunten had kunnen opslaan en het uiterlijk-paneel hebt gebruikt. Het is een handig paneel in Illustrator waarmee u nauwkeurigere ontwerpen kunt maken en ruimte kunt besparen door minder ankerpunten te gebruiken. Niet alleen dat, als u complexe effecten met het paneel Uiterlijk maakt, kunt u ze later voor ons opslaan door het maken van grafische stijlen.

Laten we eens kijken naar deze stockfoto van een kiwifruit. Een gesneden kiwi is in wezen een serie ronde vormen met gevarieerde texturen, kleuren en maten. Dit is een perfecte kandidaat voor deze oefening bij het gebruik van het paneel Uiterlijk.



1. Maak de Kiwi Seeds

Stap 1

De eerste stap is het maken van de zaden voor de kiwifruit en het omliggende gebied. Laten we een maken Scatter Brush hiervoor, maar laten we eerst de vormen maken die hiervoor nodig zijn.

Van de Toolbar, selecteer de Afgeronde rechthoek-tool en klik op je tekengebied. U krijgt een dialoogvenster en ik wil dat u de onderstaande gegevens invoert. Hierdoor ontstaat een langwerpige vorm, dit is het klinkend gedeelte van het zaad.


Stap 2

Laten we nu de basisvorm voor het zaad maken. Met de Ellipse Tool (L), klik eenmaal op het tekengebied en u krijgt een dialoogvenster. We gaan voor een even cirkel, dus voer de onderstaande gegevens in.


Stap 3

Met de richten paneel, selecteer eerst beide vormen en klik vervolgens op Horizontaal centreer uitlijnen en Verticaal Onderkant uitlijnen. Selecteer de cirkel met de Selectie gereedschap (V) en duw het ongeveer zes nudges met de Pijltje omhoog toets op je toetsenbord zodat je het onderstaande resultaat hebt.


Stap 4

Ik ga nu de vormen iets taps toelopen om een ​​meer zaadachtige vorm te creëren. Laten we eerst aan de cirkel werken. Met de Direct selectie gereedschap (A), selecteer het bovenste punt van de cirkel en schuif het vervolgens omhoog met uw pijltjestoetsen. Selecteer het onderste punt en duw het vervolgens naar beneden.


Stap 5

Nu aan het zaadgebied werken. Het gereedschap Afgeronde rechthoek maakt een rechthoek met vier afgeronde hoeken. Vanwege de grootte van onze vorm overlappen de twee punten die anders beter zichtbaar zouden zijn voor een grotere afgeronde rechthoek, elkaar. Dus in plaats van alleen het ene punt te selecteren, moeten we beide punten selecteren.

Dus met de Direct selectie gereedschap (A), selecteer de bovenste twee punten door er een rechthoek over te tekenen. Hiermee worden alle punten in het gebied geselecteerd en in dit geval hebben we de twee bovenste punten geselecteerd. Verschuif de punten zes plaatsen omhoog. Selecteer vervolgens de onderste twee punten en duw deze naar beneden met drie punten.


Stap 6

Het zaad zelf lijkt een beetje te bits. Dus laten we het aanpassen. Selecteer de vorm voor het zaad en ga naar Object> Transformeren> Schalen. Gebruik de Non-Uniform onderstaande opties, omdat we de breedte willen verkleinen /Horizontaal verhouding maar toch de hoogte willen behouden /Verticaal verhouding. Klik op OK als je klaar bent.


Stap 7

Ik ga kleur aan onze vormen toevoegen. Verwijder eerst de streek uit beide vormen en kleur het zaad donkerbruin (# 321a0a) en de omliggende een erwtengroen (# 668520).

Nu om te beginnen met het gebruik van Verschijning paneel. Als je het niet hebt geopend, ga je naar Venster> Uiterlijk om het zichtbaar te maken.

Selecteer het zaad en in de Verschijning paneel, klik op Vullen. Onder de Vullen bevat verschillende factoren die van invloed zijn op het uiterlijk van de vulling. Hetzelfde zal gelden voor de Beroerte. Als u erin inzoomt, ziet u de ondoorzichtigheid link naar de Transparantie paneel. Evenzo, als je op hebt geklikt Beroerte het zal je naar de leiden Beroerte paneel. Maar voor nu waren gericht op de Vullen van het zaad.

In de rechter bovenhoek heb je een drill down menu, klik je hierop en selecteer je Nieuwe vulling. Dit geeft je een nieuwe vulling met dezelfde vulkleur als je eerder gemaakte vulling. Het zal geen verdere attributen dupliceren. Als je een ... hebt Vullen die verschillende attributen heeft die je wilt dupliceren, dan zou je gebruiken Item dupliceren. Dit kan op zowel Fills als Stroke's worden gebruikt.


Stap 8

Dus terug naar de nieuwe Fill die je hebt gemaakt. Dit wordt het hoogtepunt van het zaad, dus ik heb de kleur veranderd in een lichtbruine kleur (# a67c52). Als het geselecteerd is, klik dan op de "fx"knop en ga naar Vervormen en transformeren> Transformeren en je opent de Transformeer effect optievenster. Ik ga de grootte van het gevulde gebied verkleinen (de Schaal deel wijzigt dit), verplaats de vorm naar de rechterbovenhoek van de vorm (de verhuizing gedeelte wijzigt dit) en vervolgens Draaien het gevulde gebied om de illusie te geven dat het zaad is afgerond.

Als u de Voorbeeld in het vak, kunt u uw voorgestelde zien Transformeer effect op de vulling voordat je je eraan verbindt. Het is dus een goed idee om ervoor te zorgen dat uw nieuwe vulling een andere vulkleur heeft voor de onderliggende vulling. Als je tevreden bent met de onderstaande instellingen, klik je op OK.


Stap 9

Laten we een soortgelijk effect op de omgeving van het zaadje doen. Maak eerst een Nieuwe vulling, kleur dan de originele vulling met een lichtere kleur groen (# 829927). Je zou dus een donkerdere green moeten hebben bovenop een lichtere green. Met de donkerder groen geselecteerd, ga naar fx> Vervormen & transformeren> Transformeren en gebruik de onderstaande instellingen. Klik op OK als je klaar bent.


Stap 10

Nu zijn we blij met onze twee vormen, laten we er een maken Scatter Brush. Selecteer beide vormen en in de Borstels paneel klik op Nieuw penseel. U krijgt een dialoogvenster en selecteert Scatter Brush. Dit opent de Opties voor verstrooiingsborstel venster.

Noem je penseel "Kiwi Seeds". Laten we alle opties doornemen:

  • Grootte: Dit bepaalt de schaal van het penseel in vergelijking met de originele vormen waaruit u het penseel wilt maken. Omdat ik de penseel kleiner wil maken dan oorspronkelijk was gemaakt, heb ik gekozen 70%.
  • Afstand: Dit bepaalt de afstand tussen elk exemplaar van de zaden. De grootste lengte van je vorm zal zijn 100% afstand. Dus we willen dat het minder is dan dit, omdat we willen dat de zaden naast elkaar staan. Ik heb geselecteerd 10%.
  • Verstrooien: Dit bepaalt hoe ver het wordt verplaatst van het middelpunt van de vorminstantie. Ik heb dit ingesteld om te worden beïnvloed Willekeurig en tussen -15% en 15%, dus er is een kleine variatie in de plaatsing.
  • Rotation: Dit is de hoek die wordt geroteerd vanaf de oorspronkelijke positie. Ik wil niet dat de vorm roteert, echter ...
  • Rotatie ten opzichte van:... ik wil dat de vorm roteert ten opzichte van de richting van de Pad.

Als u tevreden bent met de instellingen, klikt u op OK. Ik heb toen een cirkel getrokken om mijn penseel te testen en zo wil ik het. Als u niet zeker bent van uw instellingen, kunt u het penseel altijd toepassen op een cirkel en vervolgens Dubbelklik op het penseel in de Borstels paneel. Dit opent de Opties voor verstrooiingsborstel venster. Met Voorbeeld gecontroleerd, kunt u met de instellingen spelen en zien welke het beste past.



2. Maak de gesneden kiwi met één vorm

Stap 1

Laten we beginnen met het opbouwen van onze gesneden kiwifruit uit één vorm. Met de Ellipse Tool (L) Maak een 100 x 130 px vorm. Kiwivruchten zijn geen gelijke cirkel, dus laten we het ovaal maken.

Breng onze "Kiwi Seed" -borstel aan op de slag en houd de onderstaande laag over.


Stap 2

Ik ga de vorm een ​​grijsbruine vulling geven (# 534741) en verstop nu de kiwizaden zodat je het volgende deel duidelijker kunt zien.


Omdat de zaden niet op de rand van de kiwifruit zitten, moeten we het ovaal voorbij de zaadjes uitsteken. Terwijl Vullen is geselecteerd, klik op fx> Pad> Offsetpad. Dit opent de Verschoven pad dialoog venster. In de compenseren vak moet u een waarde invoeren (en zoals eerder kunt u controleren Voorbeeld helpen). Als je een positief cijfer invoert, zal dit je vorm uitbreiden met een X-hoeveelheid padding rondom de vorm. Als u een negatief cijfer invoert, wordt uw vorm ingetrokken. Omdat we de vorm willen uitbreiden, heb ik de waarde ingevoerd van 90px. Klik op OK eenmaal gedaan.


Stap 3

Kiwi's staan ​​erom bekend dat ze een harige huid hebben en we zullen dit moeten repliceren. Dus terwijl Vullen is geselecteerd, ga naar fx> Vervormen & transformeren> Opruwen. Hiermee wordt een willekeurig gegenereerde ruwe opvulling gemaakt. In de opties, we gaan het bepalen Grootte van de vervorming, die de grootte van de golven en de bepaalt Detail bepaalt de frequentie van de golven. Familielid zal de Grootte buiten de vorm terwijl absoluut zal het toepassen op de grens van de vorm.

De punten zal bepalen of de golven zijn Glad of Corners (Punt). Omdat ik een pelseffect wil creëren, heb ik gekozen Hoek. Klik op OK eenmaal gedaan.


Stap 4

Ik wil dat de vacht mooier lijkt. Dus met Vullen geselecteerd, klik op fx> Vervormen & Transformeren> Pucker & Bloat. rimpelen zal de lijnen trekken tussen punten en zwellen zal de lijnen tussen de punten uitblazen.

EEN rimpelen zal scherpere punten creëren, dus ik heb het vaak voor een beetje rimpelen. Dit wordt toegepast op elk van de waves die is gecreëerd door het Roughen-effect.


Stap 5

Ik wil dat het harige effect meer diepte heeft, dus selecteer je Vullen en ga naar het drill down menu en Item dupliceren. Dit dupliceert zowel de vulling als alle andere effecten. Verander de vulling in een lichtere bruine (# 736357). Klik vervolgens op Verschoven pad en dit zal de Verschoven pad dialoog venster. Ik ga dit lichtjes verminderen compenseren tot 89px.

Hoewel de ruw maken effect is willekeurig, ik wil wel dat de andere kleur vacht zichtbaar is. Dus het verminderen van de compenseren zal dit helpen.


Stap 6

Item dupliceren op de lichtbruine vulling en breng deze terug naar de donkerbruine (# 534741). We klikken op Verschoven pad opnieuw en verminder de compenseren naar x 88 pixels om dezelfde reden als eerder.


Stap 7

Hoewel de harige vacht zal aantonen dat er een schil aan de vrucht zit, wil ik toch een kleine omtrek hebben. Zo Item dupliceren op de laatste opvulling en markering Pucker & Bloat en verwijder het. Verander de vulling in de lichtbruine kleur (# 736357). Klik nu op ruw maken. Ik ga het effect minder ernstig maken, dus gebruik de onderstaande instellingen om een ​​zacht, vloeiend golfeffect te creëren. Klik vervolgens op Verschoven pad en verander de compenseren naar 89px. Dit is zodat het de vacht een beetje overlapt.


Stap 8

Item dupliceren bij de laatste vulling en verminder de Verschoven pad naar x 88 pixels. Laten we dit vullen met a Radiaal verloop. Ik ga drie knooppunten toevoegen aan het verloop, groen (# a2b947), limoen groen (# cbd51f) en dan lichtbruin (# 736357).

Een woord van waarschuwing bij het toepassen van een verloop op een vulling die heeft Verschoven pad toegepast. Terwijl u het verloop aanpast met de Gradient Tool (G), het gedraagt ​​zich alsof het Verschoven pad wordt niet toegepast. Pas het verloop dus aan de oorspronkelijke afmetingen van de vorm aan.


Stap 9

Er is een textuur op het vlees van de vrucht die bijna lijkt alsof het verschillende lijnen zijn die uit de zaden leiden. We kunnen het effect dat wordt gebruikt voor de harige huid wijzigen om een ​​soortgelijk effect te creëren.

Item dupliceren op een van de harige vullingen en sleep deze onder de "Kiwi Seeds" Beroerte. Eerste kans de Verschoven pad naar 30px omdat we niet willen dat dit effect het hele gebied bestrijkt.

Klik op Pucker & Bloat. Laten we de rimpelen naar -37% vergroot de spikes.


Stap 10

Ik wil de frequentie van de pieken veranderen, dus klik op ruw maken en wijzig de instellingen zoals hieronder weergegeven.


Stap 11

Verander de vulling in limoengroen (# cbd51f) en klik op ondoorzichtigheid om toegang te krijgen tot de Transparantie paneel. Ik ga het veranderen Overvloeimodus naar Scherm en ondoorzichtigheid naar 40%.


Stap 12

U kunt effecten toepassen op beide Beroerte en / of de Vullen. Ik heb besloten om de plaatsing van de zaden uit te breiden, dus ik ga een Verschoven pad naar de Beroerte. Markeer de Beroerte en ga naar fx> Pad> Offsetpad. ik heb compenseren de Beroerte door 10px omdat ik niet wil dat het te veel wordt.


Stap 13

Laten we de overgang tussen de zaden en het vlees van de vrucht verzachten. Item dupliceren op de Beroerte en verander de ondoorzichtigheid naar Overvloeimodus Donkerder en Dekking 30%. Dan Item dupliceren nog drie keer op deze gewijzigd Beroerte. Versleep het origineel Beroerte zonder ondoorzichtigheid instellingen bovenop de Verschijning paneel dus dit is des te dominanter.

De scatterpenseel-opties specificeerden dat de spreiding van de instanties willekeurig was. Dit zal de exemplaren op de dubbele penseelstreken variëren om deze zachtere overgang te creëren. U hoeft geen wijzigingen aan het scatterpenseel aan te brengen zolang u de zelfstudie naar elke instelling hebt gevolgd.


Stap 14

De kern van de vrucht is veel bleker dan de rest van het vlees en het zit in het gebied van de zaden. Dus maak een Nieuwe vulling en sleep de Vullen onder de top Beroerte. Verander de vulling in een lichtgroen (# d2d897).


Stap 15

Ik wil een subtiele glans toevoegen aan de top van het vlees. Item dupliceren op een van de Vullens gebruikt voor de gladde golven van de huid. Klik op de Verschoven pad link en verander de compenseren naar 85px. Sleep dit boven alle andere attributen in het paneel, boven de zaden.


Stap 16

Laten we deze vulling vullen met een lichtgroene omgekeerde transparant Radial gradiënt (# d2d897). Gebruik de Gradient Tool (G) om de markering te positioneren en vorm te geven en verander dan de ondoorzichtigheid instellingen naar Overvloeimodusscherm, Dekking 50%.


Stap 17

Hoewel we ervan uitgaan dat we onze vrucht een schoon stuk hebben gemaakt, zal er nog steeds een element van textuur aan vast zitten. Item dupliceren op de Vullen we hebben het net gedaan en slepen het onder de bleekgroene kern van de vrucht. Markeer de ondoorzichtigheid attribuut en verwijder het.

Laten we het vullen met een patroon. In de Stalen paneel, klik op het drill down menu en ga naar Open Swatch-bibliotheek> Patronen> Standaardafbeeldingen> Basale grafische_structuren. Selecteer hier het patroon "USGS 20 Scrub".


Stap 18

Deze textuur is een beetje klein, dus laten we hem vergroten. Terwijl dit Vullen is geselecteerd, ga naar Object> Transformeren> Schalen. In de Schaal dialoogvenster, met Transformeer patronen alleen geselecteerd, verhoogt u de Schaal door 200%. Klik op OK eenmaal gedaan.


Stap 19

Stel vervolgens de ondoorzichtigheid instellingen naar Overvloeimodus Kleur Dodge en Dekking 25%.


Stap 20

Item dupliceren op de Vullen met het patroon en sleep het boven het zadenattribuut maar onder de glans. Ga terug naar binnen Object> Transformeren> Schalen en verander de Schaal naar 25%. Verander de ondoorzichtigheid naar Overvloeimodus Kleur Branden, Dekking 5%. Dit zorgt voor een subtiel ruiseffect voor de vruchten.



Geweldig werk, je bent nu klaar!

Daar heb je het, je hebt een gedetailleerde plak van kiwi's gemaakt met slechts één vorm met vier punten. Als je me niet gelooft, kijk dan Bekijken> Overzicht (Besturing Y) en je zult zien dat het slechts een ovaal is.

Het deelvenster Vormgeving is een zeer krachtige functie van Illustrator. Neem de tijd om de mogelijkheden te verkennen, het zal de manier waarop je werkt echt veranderen.