Ontwerp een naadloos patroon van de geestendag in Adobe Illustrator

Wat je gaat creëren

Dit jaar valt Spirit Day op 15 oktober. 

Miljoenen gaan paars op Spirit Day in een strijd tegen pesten en tonen hun steun voor lesbische, homoseksuele, biseksuele en transgender (LGBT) jongeren. 
Jaarlijks sinds 2010 waargenomen, dragen individuen, scholen, organisaties, bedrijven en publieke figuren paars, wat 'geest' op de regenboogvlag symboliseert.

Volg deze tutorial en creëer een levendig, naadloos patroon met mooie platte elementen, symbool voor liefde en vriendschap en toegewijd aan GLAAD's Spirit Day. We zullen basisvormen en kettingeffecten gebruiken, de objecten maken en deze vervolgens combineren in een ingewikkelde textuur, met behulp van het patroongereedschap en enkele andere bewerkingstools. Laten we beginnen!

1. Maak een koffiekopje

Stap 1

Laten we om te beginnen een mooie paarse achtergrond maken voor ons toekomstige patroon. 

Maak een Nieuw document van 400 x 400 px grootte. Neem de Rechthoekgereedschap (M) en maak een rechthoek van dezelfde grootte als ons tekengebied (400 x 400 px), vullend het met levendige paarse kleur.

Stap 2

Laten we beginnen met het vormen van een plastic kop koffie uit een rechthoek van 65 x 100 px.

Stap 3

We moeten het onderste deel van de beker smaller maken. Neem de Direct selectie gereedschap (A) en selecteer het ankerpunt linksonder. Druk op de invoeren sleutel om het te openen verhuizing optievenster en stel de Horizontaal waarde voor 5 px, Verticaal waarde voor 0 px. Klik OK om het punt te verplaatsen 5 px naar rechts.

Herhaal hetzelfde voor het ankerpunt rechtsonder, maar stel deze keer de Horizontaal verplaats waarde naar -5 px, dus verplaats het punt naar links.

Stap 4

Laten we nu een dop toevoegen door een te vormen 80 x 15 px rechthoek op de bovenkant van de beker. En nog een rechthoek erboven, van 70 x 10 px grootte. Selecteer alle drie vormen en ga naar de richten paneel. kiezen Uitlijnen op hoofdobject en klik Horizontaal centreer uitlijnen om de vormen uit te lijnen.

Stap 5

Laten we een papieren streep rond de beker toevoegen. Plaats een rechthoek over de basis van de beker. Houd de vorm geselecteerd, ga naar Effect> Verdraaien> Boog en stel de Horizontale buiging waarde voor -10% door de schuifregelaar naar rechts te verplaatsen, waardoor de vorm lichtjes gebogen wordt.

Stap 6

Object> Uiterlijk uitbreiden van de papieren streep om de Boog effect. Selecteer vervolgens zowel de gebogen streep als de bekerbasis, neem de Shape Builder Tool (Shift-M) en verwijder de overbodige stukken buiten de beker door erop te klikken, terwijl je de knop ingedrukt houdt alt sleutel.

Stap 7

Laten we ook de basis van de beker aanpassen. Selecteer het en pas het toe Boog effect met -5% horizontale buiging waarde. Object> Uiterlijk uitbreiden van de beker.

Stap 8

Geweldig, nu is de onderkant van de beker licht gewelfd, maar we moeten het bovenste gedeelte weer recht maken. Selecteer de beker en neem de Schaargereedschap (C). Klik op de ankerpunten aan de linkerboven- en rechterbovenzijde van de bekerbasis en snij de bovenste lijn af. Verwijder vervolgens de overbodige regel.

Stap 9

Laten we een kopje koffiebonen toevoegen aan onze beker. Begin met het maken van een 30 x 35 px ellips met behulp van de Ellipse Tool (L). Bewapen jezelf dan met de Pencil Tool (N) en teken een golvende verticale lijn over de ellips. Selecteer beide vormen en gebruik de Verdelen functie van de verkenner paneel om de ellips uit elkaar te splijten. Selecteer ten slotte het juiste deel van de vorm en verplaats deze een paar pixels naar rechts met behulp van de pijl naar rechts van je toetsenbord.

Stap 10

Werk af met de beker door de koffieboon in het midden van de papierstreep te plaatsen voor het logo.

Super goed! Laten we naar het volgende element van ons toekomstige patroon gaan.

2. Maak een liefdesbriefvelop

Stap 1

Begin met het vormen van de envelop door een 80 x 55 px rechthoek en maak er een kopie bovenop (Control-C> Control-F)

Selecteer de bovenste kopie en ga naar Object> Pad> Anker toevoegen punten om extra ankerpunten aan elke zijde van de rechthoek te maken.

Stap 2

Neem de Ankerpunttool verwijderen (-) en verwijder de ankerpunten links onderaan en onderaan rechts, en laat die in het midden achter, zodat een driehoek op de kop wordt gevormd. Selecteer het onderste ankerpunt van de driehoek met de Direct selectie gereedschap (A) en sleep het punt omhoog, plet de vorm.

Stap 3

Laten we een hartvormige zegel vormen voor onze envelop. 

Maak een cirkel van ongeveer a 20 x 20 px grootte, met behulp van de Ellipse Tool (L) en ingedrukt houden van de Verschuiving sleutel. Selecteer het onderste ankerpunt met de Direct selectie gereedschap (A) en Converteren het naar de hoek met behulp van de Converteren functie in het bovenste bedieningspaneel, waardoor de onderkant van de vorm wordt geplaatst.

Selecteer nu het bovenste ankerpunt met de Direct selectie gereedschap (A). Schakel over naar de Anchor Point Tool (Shift-C) en sleep de ankerhandvatten omhoog, waardoor een V-achtige vorm ontstaat. Sleep het bovenste ankerpunt naar beneden, plet de vorm en vorm zo een gestileerd hart. 

Stap 4

Verzegel onze liefdesbrief door de hartstempel in het midden van de envelop te plaatsen.

Stap 5

Gebruik dezelfde hartvorm om extra elementen te maken, die ons later zullen helpen om de lege ruimtes van ons patroon te vullen. Het gevleugelde hart is een eenvoudige combinatie van de gecreëerde vorm en een groep afgeronde rechthoeken, gemaakt met de Afgeronde rechthoek-tool (het bevindt zich in hetzelfde drop-down menu als de Rechthoekgereedschap (M) in de Hulpmiddelen paneel).

3. Maak een lekkere appel

Stap 1

Neem de Ellipse Tool (L) en begin met het vormen van de appel van a 75 x 75 px cirkel. Selecteer het bovenste ankerpunt met de Direct selectie gereedschap (A) en sleep het naar beneden, waardoor de bovenkant van de vorm vlakker wordt. 

Stap 2

Gebruik de Anchor Point Tool (Shift-C) om de handvatten van het bovenste ankerpunt te positioneren en ze naar boven te slepen. En doe hetzelfde voor de handvatten van het onderste ankerpunt, sleep ze naar beneden, waardoor ze op een omgekeerde letter V lijken.

Selecteer ten slotte beide ankerpunten aan de zijkant en verplaats ze een beetje naar boven met behulp van de pijl-omhoog, waardoor het onderste deel van de aanbreng smaller wordt.

Als u zeker wilt weten dat u de ankerhendels symmetrisch verplaatst, gebruikt u de Gidsen, die u zal helpen om de uiteinden van de handgrepen uit te lijnen. Schakel de Linialen (Control-R) en sleep gewoon de Gidsen tot aan je tekengebied van de bovenste liniaal. Vervolgens kunt u eenvoudig de overbodige gids verwijderen als u deze selecteert en verwijdert of de hulplijnen wist Bekijken> Gidsen> Duidelijke hulplijnen.

Stap 3

Laten we nu het blad vormen vanuit een kleine, gelijke cirkel. Selecteer de bovenste en onderste ankerpunten van de cirkel en Converteren hen naar hoeken met behulp van de Converteren functie in het bovenste bedieningspaneel. Plet de vorm, maak hem dunner en draai het blad, plaats het boven de linker helft van de appel.

Voeg een gestileerde kuiltje aan de appel toe door een gebogen lijn te maken met de Pencil Tool (N).

Stap 4

Voeg ten slotte een stengel toe aan onze appel. 

Vorm een ​​kleine verticale streep met de Rechthoekgereedschap (M) en maak het onderste deel smaller door de onderste ankerpunten dichter bij het midden van de vorm te bewegen met behulp van de pijltjestoetsen.

Bevestig de stengel aan de appel en maak je klaar voor het volgende element van ons patroon!

4. Vorm een ​​glanzende diamant

Stap 1

Maak een 75 x 18 px rechthoek. Dupliceer de vorm (Control-C> Control-F), pak de bovenste rand van de rechthoek met de Selectie gereedschap (V) door ingedrukt te houden en naar beneden te slepen, waardoor een grotere rechthoek onder de eerste ontstaat.

Stap 2

Houd de grotere vorm geselecteerd, ga naar Object> Pad> Ankerpunten toevoegen. Selecteer de Ankerpunttool verwijderen (-) en verwijder de ankerpunten linksonder en rechtsonder, en vorm een ​​driehoek ondersteboven.

Stap 3

Laten we nu het bovenste deel van de diamant aanpassen. Selecteer het ankerpunt linksboven met de Direct selectie gereedschap (A) en druk op invoeren om de te openen verhuizing menu. Verplaats het punt 10 px naar rechts door de Horizontaal waarde voor 10 px en Verticaal waarde voor 0 px. Doe hetzelfde voor het ankerpunt rechtsboven, verplaats het in de tegenovergestelde richting door de Horizontaal waarde voor -10 px.

Stap 4

Laten we nu de facetten van de diamant voorstellen. Neem de Pen gereedschap (P) en maak een korte lijn evenwijdig aan de linkerkant van de bovenste vorm. Vervolg de lijn en bevestig deze aan het onderste punt van de diamant. 

druk op P opnieuw om een ​​nieuwe lijn te beginnen en een rechte verticale lijn in het midden van de diamant te tekenen, door de Verschuiving sleutel.

Selecteer ten slotte de eerste facetlijn en dubbelklik op de Reflect Tool (O). In de reflecteren optiemenu, selecteer de Verticale as en klik Kopiëren om een ​​gespiegelde kopie van de regel te maken. Plaats de kopie aan de rechterkant van de diamant en maak een symmetrische vorm.

Stap 5

Laten we onze diamant laten schijnen! Teken drie verticale lijnen bovenop de diamant en Groep (Control-G) hen. Lijn de lijnen horizontaal uit met de ruit, met behulp van de richten paneel.

Selecteer de lijnen, neem de Roteer gereedschap (R), ingedrukt houden alt en klik in het midden van de ruit om een ​​draaipunt te plaatsen. Laat de muisknop los om de. Te openen Draaien menu. Stel hier de Hoek naar 360/30. Op deze manier berekent Adobe Illustrator automatisch de benodigde hoekwaarde voor 30 kopieën, dus geen noodzaak om de hoek in te stellen door giswerk. Klik op de Kopiëren om een ​​geroteerde kopie te maken.

En, ten slotte, druk op Controle-D meerdere keren om alle 30 kopieën te maken, met een gestileerd, glanzend effect.

Goed gedaan! Laten we verder gaan.

5. Teken een vintage sleutel

Stap 1

Laten we beginnen met het vormen van de sleutel van het bovenste decoratieve gedeelte. Maak een cirkel van 30 x 30 px en plaats een kleinere erin, waardoor een ring ontstaat. Selecteer beide vormen en gebruik de Minus voorkant functie van verkenner om de binnenste cirkel uit te snijden, een gat in de ring te maken. Op dit moment zul je geen verschil merken, maar je zult het resultaat van deze operatie een paar stappen later zien, wanneer we onze objecten inkleuren.

Maak nog twee exemplaren van de ring en combineer deze tot een ingewikkelde compositie, waarbij je een cirkel op twee andere plaatst en ze laat overlappen.

Stap 2

Gebruik de Afgeronde rechthoek-tool om een ​​lange, smalle schacht voor de sleutel te maken. Voeg twee kleinere afgeronde rechthoeken toe aan de onderkant van de schacht en plaats ze horizontaal. Selecteer vervolgens alle afgeronde rechthoeken en Verenigen ze in verkenner, ze samenvoegen in een enkele vorm.

En dat is alles voor de sleutel! Laten we het volgende item maken!

6. Maak een muzieknoot

Stap 1

Neem de Rechthoekgereedschap (M) en begin met het vormen van de notitie van a 30 x 10 px rechthoek voor het bovenste horizontale deel, dat "de straal" wordt genoemd.

Maak een dunne verticale streep voor de stengel van de notitie. Selecteer beide vormen en klik op de balk terwijl u ingedrukt houdt alt om het te maken Sleutelvoorwerp. Ga naar de richten paneel en lijn de stengel uit met de linkerkant van de balk.

Voeg een andere stengel toe aan de rechterkant van de notitie en lijn deze uit aan de rechterkant van de balk.

Bevestig er ten slotte twee 15 x 15 px cirkels naar de onderkant van de stengels, de zogenaamde "hoofden" van de notitie vormen.

Stap 2

Laten we ons briefje een beetje scheeftrekken. Neem de Direct selectie gereedschap (A) en selecteer de hele rechterkant van de notitie door op het selectiekader boven het benodigde deel van het object te klikken en te slepen. 

Houd de linkermuisknop ingedrukt en verplaats het geselecteerde deel van de notitie naar boven, waardoor de vorm scheef wordt. 

Geweldig! Laten we doorgaan en onze objecten inkleuren!

7. Pas Bright Colors toe op de gemaakte items

Stap 1

We gebruiken een beperkt aantal kleuren voor ons palet, dat alleen bestaat uit paarse en gele kleuren en hun lichtere en donkere tinten.

Breng de kleuren op de beker aan, en laten we het een beetje gedetailleerder maken. Selecteer de basis van de beker en ga naar Object> Pad> Offsetpad. Stel de compenseren naar -5 px, een extra vorm creëren in de beker. Vul het met lichtere gele kleur, het toevoegen van dimensie aan onze platte kop.

Stap 2

Laten we nu de envelop inkleuren, gebruikmakend van dezelfde techniek om het meer gedetailleerd te maken. Gebruik de Verschoven pad functie om extra vormen in de rechthoekbasis en in de hartstempel te maken.

Wat het bovenste driehoeksdeel van de envelop betreft, dupliceer het (Control-C> Control-F) en verplaats de kopie een beetje omhoog. Selecteer vervolgens beide driehoeken en gebruik de Shape Builder Tool (Shift-M), ingedrukt houden alt om het ongewenste stuk buiten de envelop te verwijderen. 

Stap 3

Laten we naar onze diamant gaan en de facettenlijnen een beetje dikker maken, waardoor de Beroerte gewicht aan 4 pt in het bovenste bedieningspaneel. Object> Uiterlijk uitbreiden om de lijnen in voorwerpen te veranderen. Kleur de basis van de diamant met gele tinten en breng een zeer donkerbruine kleur aan op de facetlijnen. Stel de Overvloeimodus naar Scherm, waardoor de facetlijnen semi-transparant zijn.

Stap 4

Kleur andere items van onze set, met behulp van de Verschoven pad functie en het toevoegen van kleine details, zoals kleine cirkelhoogtepunten, waardoor de elementen er fraai uitzien.

8. Render een Fancy Naadloos Patroon

Stap 1

Nu alle items klaar zijn, laten we ze combineren in een ingewikkelde naadloze textuur!

Laten we het tekengebied een tijdje verbergen Weergave> Tekengebieden verbergen (Control-H), zodat niets ons van ons patroon afleidt. Selecteer alle elementen en ga naar Object> Patroon> Maken.

Stap 2

Nu u de modus voor het maken van patronen hebt geopend, gaat u naar de Patroonopties venster en stel de Breedte en Hoogte van de Tegel naar 400 x 400 px (wat gelijk is aan de grootte van ons tekengebied). Laat alle andere opties als standaard (zorg ervoor dat de Tegeltype ingesteld op rooster).

Begin met het plaatsen van de objecten in de Tegelrand, draai ze en combineer ze in een mooie uitgebalanceerde compositie zonder gaten of lege ruimtes.

Stap 3

Stel de kopieën waarde voor 7 x 7 in de Patroonopties menu en zoom uit om uw patroon in het algemeen te bekijken. De gedimde kopieën rond de rand van de tegel helpen je bij het vinden van de lege plekken en kleine onvolkomenheden terwijl je de objecten verplaatst. Die kopieën zullen samen met je echte elementen bewegen, met een live preview.

Stap 4

Ten slotte, wanneer u tevreden bent met de compositie, keert u terug naar de normale modus door te dubbelklikken ergens buiten de Tegelrand. Nu kun je het patroon vinden dat je hebt gemaakt in de Stalen paneel. Laten we het toepassen op een vorm!

Schakel het tekengebied weer in Weergave> Tekengebieden weergeven (Controle-H). Selecteer de paarse achtergrondrechthoek die we in onze allereerste stap hebben gemaakt en pas het formaat aan 800 x 600 px in het bedieningspaneel bovenaan. Maak er een kopie bovenop (Control-C> Control-F) en pas ons naadloze patroon toe door het te selecteren in de Stalen paneel.

Stap 5

Laten we een paar laatste aanpassingen maken!

Ten eerste zullen we de schaal van de elementen een beetje kleiner maken. Houd de vorm van het patroon geselecteerd, dubbelklik op de Scale Tool (S) om de te openen Schaal optievenster. Stel de uniform waarde voor 75% en schakel alle selectievakjes uit, met uitzondering van de Transformeer patronen checkbox. Klik OK om de wijzigingen toe te passen.

Stap 6

Dubbelklik nu op de Roteer gereedschap (R) en vanaf hier stelt u de Hoek naar 20 graden. Controleer alleen de Transformeer patronen vak en klik OK.

Ga paars voor Spirit Day!

Goed werk! Ons ingewikkelde naadloze patroon voor Spirit Day is klaar! Ik hoop dat je deze tutorial met plezier hebt gevolgd en nieuwe tips en trucs hebt geleerd over het vormen van de objecten van basisvormen en deze te combineren in een textuur.

Veel plezier, wees creatief en vergeet niet om een ​​paar andere tutorials gewijd aan Spirit Day te bekijken:

  • Transformeer een stockfoto in een Airbrushed en gestencilde afbeelding in Adobe Photoshop 
  • Maak een Paars monochroom portret voor Spirit Day in Adobe Illustrator