Hoe maak je een BBQ-tijd Concept Illustratie in Adobe Illustrator

Wat je gaat creëren

In deze zelfstudie leert u hoe u een zomerbarbecuebeeld in plat ontwerp maakt met behulp van de meest elementaire vormen en gereedschappen van Adobe Illustrator.

Als u de zelfstudie wilt overslaan, kunt u het resultaat gewoon kopen als onderdeel van mijn pakket met achtergronden voor zomeractiviteitenconcept. Vind meer inspiratie op GraphicRiver.

1. Hoe een nieuw document te maken

Laten we ons project starten door een nieuw document te maken. Ga gewoon naar Bestand> Nieuw (of Controle / Command-N) en stel het document als volgt in:

  • Aantal tekengebieden: 1
  • Breedte: 800
  • Hoogte: 600
  • units: pixels

Van de Geavanceerd tabblad:

  • Kleur mode: RGB
  • Raster effecten: Scherm
  • Voorbeeldmodus: Standaard
  • Nieuwe objecten uitlijnen op pixelraster: Haal het vinkje weg

2. Hoe maak je een picknicktafel en een stoel

Stap 1

Laten we eenvoudig beginnen door een te nemen Rechthoekgereedschap (M) en een maken 215 x 15 px rechthoek die als een tafelblad fungeert en daarmee vult # BD3337 kleur.

Bouw een andere 8 x 130 px verticale vorm met # B8B79D opvulkleur. Plaats het dichter bij de linkerkant van de rode rechthoek, uitgelijnd met de onderkant.

Selecteer de verticale streep en kies de Reflect Tool (O). De alt toets, klik op het midden van de grote rechthoek. In de reflecteren optievenster, stel de As naar Verticaal en druk op Kopiëren, het reflecteren van de streep naar de rechterkant van de rode vorm, het krijgen van de tafelpoten.

Stap 2

Bouw twee kleine 10 x 12,5 px rechthoeken van # 47392C kleur, plaats ze recht over de onderste omtrek van de verticale tafelpoten en uitgelijnd met hun midden.

Vorm een 65 x 4,5 px horizontale streep die we zullen gebruiken in kleur # B8B79D. Selecteer het cijfer en dubbelklik op de Roteer gereedschap (R) om de te openen opties menu. Stel de Hoek waarde voor 90 graden,druk op OK en stuur de rechthoek naar achteren met Object> Schikken> Naar achteren verzenden.

Plaats de vorm die we hebben gemaakt aan de linkerkant van de tafel onder de rode rechthoek en verberg de boven- en onderkant achter het tafelblad en de tafelpoot.

Kies de schuine rechthoek en selecteer de Reflect Tool (O). De alt toets, klik op het midden van het tafelblad. In de reflecteren venster, stel de As naar Verticaal endruk de Kopiëren knop, een spiegelkopie van de schuine vorm aan de rechterkant van de tafel.

Groep (Control-G) alle tafeldelen samen.

Stap 3

Begin met het maken van de stoel door een 94 x 40 px rechthoek van # E04938 kleur.

Voeg twee dunne verticale rechthoeken toe van 4 x 110 px maat (#DEDDBD) aan elke binnenkant van de rode vorm, plaats ze onder de onderkant van de grote figuur. Ze zullen fungeren als stoelpoten.

Maak er twee 22 x 7 px kleine rechthoeken, waarmee ze worden gekleurd # E04938. Plaats elke rechthoek in het midden van het stoelbeen en plaats deze 20 px onder de bovenste vorm.

Voeg nog een toe 118 x 9 px rechthoek en plaats het op de stoelpoten, laat het ongeveer zakken 15 px naar beneden van de kleinere rode vormen en uitlijnend naar het midden van de bovenste grote rechthoek.

Stap 4

Met de hulp van de Pen gereedschap (P), teken een gehoekte lijn van 4 px breedte, die van de kruising van de linker tafelpoot en de onderste rode vorm diagonaal naar de onderkant van de rechter stoelpoot gaat en vervolgens ongeveer 10 px aan de rechterkant (kijk naar het onderstaande voorbeeld)

Reflecteer de lijn naar de rechterkant van de stoel met behulp van de Reflect Tool (O).

Kies beide lijnen die we hebben gemaakt en ga naar Object> Uitbreiden. Controleer de Beroerte optie en schakel het selectievakje uit Vullen optie, druk op OK. Onze slagen zullen transformeren in gevulde vormen.

Houd beide cijfers geselecteerd, ga naar Object> Schikken> Naar achteren verzenden, ze achter de andere delen van de stoel plaatsen. Groep (Control-G) alle stoeldelen bij elkaar.

3. Hoe maak je een beker

Stap 1

Begin met het bouwen van de beker door een 52 x 53.5 rechthoek die we zullen vullen met #DEDDBD. Selecteer de twee onderste ankers met de Direct selectie gereedschap (A)

Gebruik de Live hoeken functie om de hoeken afgerond te maken door de cirkelindicator naar het midden van de rechthoek te trekken, waarbij de hoekradius op ongeveer wordt ingesteld 6 px.

Stap 2

Maak een 55 x 3,5 px streep en kleur het met # 977866.

Selecteer de streep en de grote rechthoek, ingedrukt Verschuiving. Klik nogmaals op het grotere object (je hoeft Shift deze keer niet ingedrukt te houden!). 

Een blauwe omtrek verschijnt rond de grotere vorm, en Uitlijnen op hoofdobject wordt automatisch geselecteerd in de Controle paneel en de richten paneel.

In de richten paneel (Venster> Uitlijnen) of de Controle paneel,Klik op de Horizontaal centreer uitlijnen knop en vervolgens op de Verticale bovenkant uitlijnen knop.

Stap 3

We hebben nog steeds een handvat nodig voor onze beker.

Bouw een 16 x 20 px rechthoek zonder nummer Vullen kleur, het slaggewicht instellen op 3 px en streekkleur naar # 977866. De ... gebruiken Verlaat hoeken functie, maak de rechterbovenhoek en de rechteronderhoek van de vorm afgerond. Stuur de hendel naar achteren en plaats deze aan de rechterkant van de beker en verberg het linkergedeelte achter de beker. Groep (Control-G) alle kopjes samen.

4. Hoe maak je een lepel en een vork

Stap 1

Eerst gaan we een handvat maken, dat we in de volgende stappen zullen gebruiken om een ​​lepel en vork te vormen.

Bouw een 5 x 41 px rechthoek van #DEDDBD kleur. Houd de gecreëerde vorm geselecteerd en pas toe Effect> Warp> Ardennen met -3% verticale buiging waarde en Verticale vervorming van 25%.

Ga naarObject> Uiterlijk uitbreiden om het effect in een vaste vorm te veranderen. Maak het onderste deel van de figuur volledig afgerond door de Live hoeken widgets. 

Omdat we dezelfde hendel voor de lepel en de vork nodig hebben, maakt u nog een kopie van de vorm.

Stap 2

Met de hulp van de Ellipse Tool (L), bouw een 17 x 27,5 ellips van #DEDDBD kleur, zittend op de bovenkant van het handvat. Kies de ankerpunten aan de zijkant met de Direct selectie gereedschap (A) en sleep ze een beetje naar beneden.

Selecteer beide figuren en voeg ze samen tot één Verenigen optie van de verkenner paneel.

Maak de hoeken tussen het bovenste, ei-achtige deel van de lepel en de hendel afgerond met behulp van de Live hoeken voorzien zijn van.

Stap 3

Neem de Polygoon gereedschap en klik op het tekengebied nabij het tweede handvat dat we in stap 1 hebben gemaakt. In de Polygoon optie paneel, stel de straal in op 7,5 px en kanten aan 8, de achthoekige vorm krijgen. Verander de Vullen kleur van de figuur aan #DEDDBD en sleep de vorm op de bovenkant van de tweede hendel, waardoor deze de hendel overlapt en uitlijnt met het midden ervan (1).

Selecteer de Ankerpunttool verwijderen (-) en klik op de twee bovenste ankers van de achthoekige vorm en verwijder ze (2). Kies het linker onderste anker van de overgebleven vorm en verplaats deze naar rechts terwijl u ingedrukt houdt Verschuiving, knip het punt naar de linker omtrek van het handvat. Sleep met dezelfde methode het ankerpunt rechtsonder naar de rechter omtrek van het handvat (3).

Kies beide vormen en Verenigen ze in verkenner. Maak de hoeken tussen het bovenste gedeelte en het handvat afgerond met behulp van de Live hoeken functie (4).

Stap 4

Bouw een verticaal 2 x 15 px rechthoek van hetzelfde #DEDDBD kleur en plaats het op de bovenzijde van de eerder gebouwde vorm, en lijn het uit aan de linkerkant. Voeg vervolgens een ankerpunt toe aan het midden van de bovenrand van de rechthoek met de Ankerpunttool toevoegen (+) (1).

Verwijder de linker en rechter bovenste ankers met de Ankerpunttool verwijderen (-), een naaldachtige vorm krijgen. Maak dezelfde vorm aan de rechterkant van de figuur (2).

Selecteer beide naaldachtige vormen met de Selectie gereedschap (V) terwijl u de Verschuiving sleutel. Kiezen Object> Blend> Maken.

Illustrator maakt standaard een vloeiende kleurovergang. We gaan het repareren door te kiezen Object> Blend> Mengopties of dubbelklikken op de Blend-tool. Verander de tussenruimte optie om Opgegeven stappen, de waarde instellen op 2 (3).

Houd het object geselecteerd, ga naar Object> Uitbreiden. Controleren de Voorwerp optie, en haal het vinkje weg de Vullen en de Beroerte optie, druk op OK. 

Kies de naaldachtige vormen samen met de onderste figuur en gebruik de Verenigen optie van de verkenner paneel.

Maak de tussenruimten tussen de naalden afgerond door de schuine ankers met de te selecteren Direct selectie gereedschap (A) en slepen van de Live hoeken widgets (4).

Onze vork is klaar!

5. Hoe maak je een koekenpan en een grillpan aan?

Stap 1

Laten we beginnen met het bouwen van een koekenpan door de Ellipse Tool (L) en een maken 95 x 95 px cirkel van # 635042 kleur. Voeg twee kleinere cirkels aan de binnenkant toe: a 77 x 77 px cirkel van # 977866 kleur en een 65 x 65 px cirkel( # B08F64).

Maak een 17 x 175 px rechthoek zonder Vullen kleur maar met een 5 px slag (# 46382B) nabij de cirkelsgroep. Maak het bovenste deel van de vorm volledig afgerond. Draai vervolgens de onderste ankers iets rond door de Live hoeken met de Direct selectie gereedschap (A). Plaats de resulterende vorm op de cirkels, uitgelijnd met hun midden en maak het onderste deel van de rechthoek iets uit de onderste contouren van de buitenste cirkel.

Stuur de rechthoekvorm naar achteren door deze te selecteren en naar toe te gaan Object> Schikken> Naar achteren verzenden. Groep (Control-G) alle delen samen.

Stap 2

Maak een 90 x 90 px omcirkelen met 3 px slaggewicht en #DEDDBD kleur zonder Vullen kleur. Selecteer de cirkel en ga naar Object> UitbreidenControleren de Beroerte optie, en haal het vinkje weg de Vullen optie, druk op OK. Onze slag zal transformeren in een gevulde vorm.

Maak een 1,5 x 130 px streep van # 47392C kleur in de buurt van de linkerkant van de cirkelvorm, waarbij het midden tussen de bovenste en onderste ankers van de cirkel wordt uitgelijnd.

Selecteer de verticale streep en kies de Reflect Tool (O). De alt toets, klik op het bovenste middelste anker van de cirkelvorm. In de reflecteren optievenster, stel de As naar Verticaal en druk op Kopiëren, de streep naar de rechterkant van de cirkel weerkaatsen.

Stuur beide verticale figuren naar achteren met Object> Schikken> Naar achteren verzenden, ze te verbergen achter de cirkelvorm.

Stap 3

Kies beide verticale strepen en ga naar Object> Blend> Maken.

selecteren Object> Blend> Mengopties of dubbelklikken op de Meng het gereedschap, stel de tussenruimte optie om Opgegeven stappen en de waarde voor 10.Houd het object geselecteerd, gebruik Object> Uitbreiden. Controleren de Voorwerp optie, en haal het vinkje weg de Vullen en de Beroerte keuze. Druk vervolgens op OK. 

Selecteer de groep lijnen die we hebben gemaakt en druk op Besturing C en Controle-F, een kopie maken van de groep vóór de eerste. Houd de objecten geselecteerd en verplaats de aanwijzer buiten het selectiekader en in de buurt van de rechterhandgreep van het selectiekader, zodat de aanwijzer verandert in een schuine pijl. Sleep vervolgens naar de onderkant en houd de knop ingedrukt Verschuiving toets, roteert de kopie met 90 graden.

Stap 4

Laten we de delen van de strepen afsnijden die buiten de cirkelvorm vallen.

Selecteer de groep met verticale strepen samen met de cirkel. Gebruik dan de Shape Builder Tool (Shift-M). Houd de toets ingedrukt alt toets, klik en houd de linkermuisknop ingedrukt op een vrij gebied in de buurt van de linkerkant van de groep, sleep langs het uitstekende deel en laat de muis los om deze te verwijderen. Herhaal de actie voor alle overlappende delen.

Groep (Control-G) alle delen samen.

Stap 5

Maak een 7 x 167 px rechthoek zonder Vullen kleur en met 2 px slag (#DEDDBD). Verwijder de onderkant door erop te klikken met de Direct selectie gereedschap (A) en drukken op de Verwijder knop. Maak het bovenste gedeelte afgerond.

Bouw een 9,5 x 27 px rode rechthoek van # E04938 kleur, plaats het op de bovenste helft van de verticale vorm, laat een opening van ongeveer 9 px tussen de bovenkant van de rode vorm en de bovenomtrek van de verticale afgeronde figuur.

Voeg nog een afgerond toe 12 x 6,5 px rechthoek zonder nummer Vullen en met 2 px slag (# 47392C) een paar pixels lager dan de rode vorm, uitgelijnd met het midden ervan. Groep (Control-G) de hele constructie en plaats deze op de eerder gecreëerde cirkel, uitgelijnd met het midden en het onderste deel een paar pixels naar beneden verlopend vanaf de onderste omtrek van de cirkel.

Groep (Control-G) de grillpan-objecten.

6. Hoe de barbecue grill te maken

Stap 1

Laten we eenvoudig beginnen door een 125 x 95 px ellips van de standaardkleurinstellingen met behulp van de Ellipse Tool (L). Teken een horizontale lijn die over de middelste en zijste ankers van de figuur loopt. Selecteer beide vormen en Verdelen hen, met behulp van de verkenner paneel. Ontkoppelen (Control-Shift-G) de vormen en stel de Vullen kleur van de bovenste helft tot # E04938 en van het onderste gedeelte naar #DEDDBD.

Stap 2

Bouw een 135 x 9,5 px rechthoek van # BD3337 kleur voor de rand, plaats deze in het midden van de ellipsvorm.

Maak een kleine afgeronde rechthoek zonder vulling en 2 px slag (# 915B3F) die als handvat fungeert. Plaats het op de bovenkant van het rode gedeelte en verberg de onderste helft van de rechthoek achter de grotere vorm.

Voeg een kleine toe # E1F4F7 gekleurde cirkel aan de rechterkant van de rode vorm, met een vlakke, gestileerde schittering.

Maak een T-achtige vorm bestaande uit twee rechthoeken die we zullen kleuren met # 47392C: de horizontale van 10,5 x 2,5 px grootte en de verticale van 2 x 5 px grootte. Verenigen beide rechthoeken in verkenner en draai het figuur, plaats het aan de linkerkant van de grote onderste helft van de cirkelvorm en verberg de rechterrand erachter. Maak een spiegel kopie van de T-achtige vorm aan de rechterkant met behulp van de Reflect Tool (O).

Stap 3

Maak een 4,5 x 95 px verticale streep voor het barbecuepootje, waarmee het gevuld wordt # B8B79D en de onderkant afgerond.

Voeg een ... toe 4,5 x 7 px kleine rechthoek (# 47392C) naar het middengedeelte, waarbij de rubberen verbinding wordt nagebootst. Bouw een grotere rechthoek van dezelfde kleur, die het onderste deel van het been overlapt. Snijd de delen van de rechthoek af die uit het been steken met behulp van de Shape Builder Tool (M) en Groep (Control-G) alle delen van het been.

Selecteer de beengroep en dubbelklik op de Roteer gereedschap (R), opening van de opties menu. Stel de Hoek waarde voor 20 graden endruk op OK. Stuur het been naar achteren met Object> Schikken> Naar achteren verzenden en plaats het aan de rechterkant van het ronde barbecuegedeelte dat we in de vorige stap hebben gemaakt.

Maak een symmetrische kopie van het been aan de linkerkant van de ellipsvorm met behulp van de Reflect Tool (O) methode.

Stap 4

Voeg een ... toe 4,5 px breedte brug (# c4c4c4) tussen de barbecuepoten en verbergt de zijkanten achter de bovenste zwarte gewrichten.

Maak nog een verticaal 4.5 x 95 px rechthoek met een afgeronde bodem, vullen met # 524C4E. Plaats het tussen de barbecuepoten, uitgelijnd met het midden van het ellipsachtige barbecuegedeelte en de onderkant van de rubberen voetjes. Stuur het voorwerp naar achteren en verberg het boven het cirkelgedeelte.

Groep (Control-G) alle delen samen. Onze barbecue is klaar!

7. Hoe de barbecueachtergrond te creëren

Tijd om de hele barbecuescène af te maken door een simplistische achtergrond te creëren en de uiteindelijke compositie te vormen.

Stap 1

Maak een achtergrondrechthoek en vul deze aan # A2B51B. Maak een nieuwe afgeronde rechthoek die we gaan kleuren # FDF9FF in het onderste deel van de compositie voor het maaiveld.

Voeg een grote rechthoek van toe #DEDDBD kleur die het onderste deel van de afgeronde lichtfiguur volledig overlapt. Selecteer beide vormen en verwijder de uitstekende delen van het onderste figuur met behulp van de Shape Builder Tool (Shift-M), de flat gestileerde schaduw krijgen op het lagere gedeelte van het maaiveld.

Stap 2

Bouw een eenvoudige dennenboom, bestaande uit driehoeken, en spreid de sparren achter het maaiveld uit om de achtergrond van het bos te creëren.

Stap 3

Om de lege ruimte te vullen en diepte toe te voegen aan ons landschap, maakt u met behulp van de cloudachtige vormen over het bos Pen gereedschap (P) of de Rechthoekgereedschap (M), de hoeken van de resulterende figuren afgerond maken.

Stap 4

Omdat we klaar zijn met de achtergrondscène, is het tijd om terug te gaan naar de eerder gemaakte barbecuetoestellen en deze over het maaiveld uit te spreiden, waardoor een uitgebalanceerde compositie ontstaat. Je kunt het onderstaande voorbeeld gebruiken als referentie, maar voel je vrij om je eigen verbeeldingskracht te gebruiken.

Het is BBQ-tijd!

En daar hebben we het! Keurig gedaan!

Als je het bronbestand wilt bekijken om alle details te zien, of als je de hele set outdoor-activiteiten conceptillustraties voor je ontwerpen wilt hebben, kun je deze zomeractiviteit-conceptachtergronden pakken op GraphicRiver.

Ik hoop dat je deze barbecue-illustratie leuk vond en onderweg iets nuttigs hebt geleerd.