Share
Wat je gaat creërenVoor velen van ons is de zomer het meest opwindende seizoen. Hete zon, lichte kleding, warme zeegolven en vakanties - daar wachten we met ongeduld op! In deze zelfstudie maken we een vrolijk zomer-naadloos patroon in Affinity Designer. We zullen trendy vlakke zomerelementen een voor een tekenen en combineren dan de intro met een uitgebalanceerde herhaalde textuur. Laten we beginnen!
Het is een goed idee om uw website of blog bij te werken door een nieuwe achtergrond voor het zomerseizoen te maken! De beschreven technieken zullen echter ook nuttig zijn voor het maken van andere soorten naadloze patronen in Affinity Designer, of het nu een plat zomerpatroon is of een herhalend patroon in een bloemmotief of platte stijltexturen, alles zoals dit.
Laten we het proberen!
Eerst en vooral, laten we een maken Nieuw bestand van 600 x 600 px grootte. We gebruiken pastelkleuren voor de elementen om het algehele palet van ons patroon licht en zacht te maken.
Neem de Ellipse Tool (M), houden Verschuiving en maak een 40 x 40 px cirkel. U kunt de grootte instellen in de Transformeren paneel.
Gebruik de Kleur paneel om de vorm te vullen met lichtblauwe kleur. Duplicaat (Command-C> Command-V) de vorm, houd vast Command-Shift en schaal de onderste kopie tot 55 x 55 px. Vul de nieuwe vorm met een zachte lila kleur en vorm de rand van de bril.
Laten we nu een hoogtepunt op het glas zetten. Neem de Rechthoekgereedschap (M), maak een paar smalle strepen en groep (Command-G) hen. Roteer de strepen terwijl je ze vasthoudt Verschuiving en plaats ze boven de bril.
Ga naar de Lagen paneel en selecteer en sleep de strepen boven de blauwe glaslaag totdat u een korte blauwe lijn ziet, wat aangeeft dat u het ene object in het andere plaatst. Op deze manier kunnen we de overbodige delen van de markering in het glas verbergen. Bekijk de onderstaande screenshot om te zien hoe het werkt.
Een kopie maken (Command-C> Command-V) voor de tweede helft van de bril en verbind ze met een horizontale lijn, met behulp van de Pen gereedschap (P) en instellen van de Beroerte gewicht naar 8 pt in de bedieningsbalk bovenaan. Breng dezelfde lila kleur aan op de slag als bij de rand van de bril.
Als u Affinity Designer nieuw bent of als u niet helemaal zeker bent van het gebruik van de kleurenkiezer, controleer dan Deel 2, Stap 1 van deze tutorial om te zien hoe het werkt.
Gebruik de Node Tool (A) om de slag te buigen, waardoor deze iets gebogen is. Voeg twee kleine toe 10 x 10 px cirkels aan de zijkanten van de bril om ze er compleet uit te laten zien.
En laten we naar het volgende element van ons patroon gaan!
Laten we beginnen met het vormen van een ijsje uit de kegel. Gebruik de Triangle Tool om een gele vorm van te maken 60 x 70 px grootte en draai hem ondersteboven.
Laten we nu een zachte wafelstructuur aanbrengen op onze kegel. Gebruik de Diamond Tool om een te maken 10 x 18 px vorm van een donkerdere gele kleur, plaats hem boven de kegel. Houden Option-Shift en sleep naar rechts, maak een kopie van de vorm. Druk nu op Command-J twee keer om nog twee kopieën te maken. Groep (Command-G) de vier diamanten samen.
Houden Option-Shift en sleep deze groep nu naar beneden en maak een kopie. Verplaats de diamanten en plaats ze in een schaakpositie (je moet één extra stuk uit de groep verwijderen). Selecteer de kegel en de groep en gebruik de richten paneel aan de bovenkant om de vormen op uit te lijnen centrum.
Maak nog twee kopieën, vul de lege ruimte van de kegel en verander het in een getextureerde wafel. Vergeet niet om groep (Command-G) de delen van de kegel.
Laten we een bolletje pistacheroomijs op de kegel plaatsen. Maak een 75 x 75 px groene cirkel, met behulp van de Ellipse Tool (M). druk op Command + Shift + [ om de objecten opnieuw in te delen, plaats de schep onder de kegel.
Begin met het vormen van een rij kleinere cirkels onderaan de schep. Maak een 15 x 15 px omcirkelen, vasthouden Option-Shift en sleep naar rechts, maak een kopie.
druk op Command-J meerdere keren om een rij met cirkels te maken. Als elementen niet op elkaar passen, dan groep (Command-G) de cirkels en maak ze een beetje kleiner. Selecteer alle elementen en lijn ze uit met de centrum in de richten paneel bovenaan.
Gebruik de Ellipse Tool (M) om een paar zachte hoogtepunten toe te voegen. Nu ziet het ijs eruit als voltooid! Laten we verder gaan!
Laten we eerst een cocktailglas maken met een omgekeerde kegelvormige kom. Gebruik de Triangle Tool om een te maken 80 x 40 px blauwe vorm. Maak een andere driehoek van kleiner formaat aan de bovenkant en vul deze met lichtgeel voor het sap.
Eindig met het glas door een driehoekig onderste deel en een lange dunne nek toe te voegen.
Gebruik de Pen gereedschap (P) om een eenvoudig rietje te maken. Stel de Beroerte gewicht naar 4 pt.
Schakel over naar de Ellipse Tool (M) en maak een kleine vorm van ongeveer 29 x 29 px cirkel voor het stuk oranje, bevestigd aan het glas. Stel zijn Vullen kleur naar oranje en zijn Beroerte kleur naar een donkerder oranje.
Laten we nu onze cocktail gelaagd maken. Gebruik de Rechthoekgereedschap (M) om twee strepen van dezelfde hoogte te maken. Vul ze met oranje en rood-oranje kleuren en gebruik de Lagen paneel om de strepen in een gele driehoeksvorm te slepen en neer te zetten om de overbodige stukken te verbergen.
Dus hier hebben we het: onze zomersapcocktail! Laten we naar ons volgende object gaan.
Zoals u al heeft opgemerkt, heeft Affinity Designer veel aangepaste vormen die geschikt zijn voor elke behoefte. Afgezien daarvan kan elke vorm eenvoudig worden aangepast via de bedieningsbalk bovenaan. Het maakt het proces van tekenen en ontwerpen een stuk sneller!
Gebruik de Star Tool om een te maken 5-puntige ster. Ga naar de bovenste werkbalk en laten we onze ster aanpassen. Stel de Linkercurve naar 20%, de punten van de ster gedeeltelijk afgerond maken. Doe dan hetzelfde voor de Juiste curve-verplaats de schuifregelaar naar 20%, de ster glad en afgerond maken.
Gebruik de Ellipse Tool (M) om een paar vlekken boven de zeester te spikkelen.
We kunnen onze zeester kopiëren en vergroten of verkleinen, zodat we later de lege ruimtes van ons patroon kunnen vullen. Om meer variatie toe te voegen, laten we zien hoe we het object in een paar klikken opnieuw kunnen kleuren. Selecteer een van de zeesterren en open de aanpassingen menu onderaan in de Lagen paneel. Vind de recolour functie en in de recolour Opties venster verplaats de Tint schuif naar links of rechts totdat je de gewenste kleur vindt. Zo eenvoudig!
Maak een 150 x 150 px roze cirkel voor het vlees van de meloen, met behulp van de Ellipse Tool (M). Maak een nieuwe kring van 160 x 160 px, vul het met geel en plaats het onder de roze cirkel (Commando-[). Eindig met het maken van een derde, grotere cirkel, gevuld met groen.
Nu moeten we alle delen van de watermeloen groeperen en in twee delen verdelen. Selecteer de Vector Crop Tool en snijd de bovenste helft van onze watermeloen bij. U kunt dit altijd ongedaan maken of de grootte van het bijgesneden gebied aanpassen met behulp van de Vector Crop Tool nog een keer.
Laten we wat zaden toevoegen aan onze watermeloen, waardoor het levensechter lijkt. Maak een 7 x 7 px cirkel. Vul het met donkerblauw of donker violet. Gebruik geen zwart om ons toekomstige patroon milder en lichter te maken.
Ga naar de bedieningsbalk bovenaan en gebruik de Converteren naar curven functie om onze cirkel bewerkbaar te maken. Neem de Node Tool (A) en selecteer het bovenste knooppunt van onze vorm. Converteren het aan Scherp hoek, met behulp van de Converteren functie in de bovenste werkbalk. Sleep het punt omhoog en maak een druppelachtige vorm.
Nu kunnen we de zaden boven onze meloen kopiëren en plaatsen, in verschillende richtingen. Spreid eerst de zaadjes over het linkerdeel van de meloen en kopieer dan de zaadjes en spiegel de kopie naar de andere kant, met behulp van de Draai horizontaal functie in de bedieningsbalk bovenaan.
Nu gaan we de laatste elementen van ons patroon maken: een bovenaanzicht van een gestreepte parasol. Gebruik de Polygoon gereedschap om een achthoek te maken (stel het aantal zijden in 8 in de bovenste werkbalk van het besturingselement). Selecteer de Pen gereedschap (P) en teken een verticale lijn over onze achthoek. Selecteer beide vormen en richten naar hen centrum.
Kopieer de streek, houd vast Verschuiving en draai het 90 graden, de lijn horizontaal over de vorm plaatsen. Maak meer kopieën en roteer ze allemaal 45 graden, waardoor onze achthoek in segmenten wordt verdeeld.
Selecteer alle streken, open de Beroerte paneel (u vindt dit tabblad naast de Kleur paneel) en stel de Breedte waarde voor 0,1 pt.
Selecteer de streken in de Lagen paneel en ga naar Laag> Strepen uitvouwen, verander ze in vormen. Houd de lijnen geselecteerd, ga naar de Activiteiten paneel in de bedieningsbalk bovenaan en klik op de Toevoegen om de lijnen samen te voegen tot één enkele vorm.
Laten we nu onze achthoek in stukjes snijden. Selecteer zowel de samengevoegde regels als de achthoek en gebruik de Aftrekbewerking om de vorm te snijden. De stukjes van de vorm zijn nog steeds verbonden, dus laten we ze verdelen Laag> Geometrie> Verdelen. Zoals je kunt zien in de Lagen paneel, nu hebben we voor elk segment een aparte driehoek.
Van hieruit vullen we de segmenten, afwisselend roze en lichtgeel.
Voeg ten slotte een kleine roze cirkel toe aan elke tip van onze paraplu, zodat deze een voltooide look krijgt.
Super goed! Al onze objecten zijn klaar, dus nu kunnen we ze combineren in een naadloos zomerpatroon.
Laten we nu de magie van het naadloos en herhalen van een patroon leren! Plaats de watermeloen aan de linkerrand van het document. Laat de rand gedeeltelijk over de rand lopen, zodat de ene helft van de vorm buiten het canvas onzichtbaar is.
Dupliceren (Command-C> Command-V) het object en verplaats de kopie 600 px (wat gelijk is aan de breedte van ons document) aan de rechterkant door te typen “600" in de Horizontale positie in de Transformeren paneel.
Plaats nu de zeester bovenaan ons document en laat deze de bovenste rand van het canvas oversteken. Maak een kopie van de zeester en verplaats deze 600 px naar beneden (wat gelijk is aan de hoogte van ons document), met behulp van de Transformeren paneel en typen "+600" in de Verticaal positie.
Dit is hoe het werkt: de herhalende kopieën aan de randen van het document maken het patroon naadloos. Alles dat de randen van het canvas overschrijdt, moet worden gekopieerd en aan de andere kant worden geplaatst.
Verspreid de objecten over het canvas, maak kopieën en hercodering van sommige van de objecten om variatie toe te voegen aan ons patroon.
Hier heb ik nog twee ijsjes van verschillende kleuren toegevoegd, evenals een andere zeester en een gespiegeld cocktailglas.
Maak een lichtblauwe rechthoek van dezelfde grootte als ons document (600 x 600 px) en plaats het helemaal onderaan de Lagen paneel (Shift-Command [). Of u kunt ook een maken Nieuwe laag voor de blauwe achtergrond en plaats hem daar.
Ik heb sommige elementen (de cocktailbril en het binnenste deel van de zonnebril) opnieuw ingekleurd om ze zichtbaar te maken over de blauwe achtergrond. En ik heb ook enkele kleine lichtblauwe elementen toegevoegd, zoals kleine zonnen, cirkels, wolken en zigzaggen om de lege plekken van het patroon te vullen, waardoor het er drukker en gedetailleerder uitziet.
Tenslotte, Groep (Command-G) alle elementen van ons patroon (behalve de achtergrond) en sleep de groep over de achtergrondvorm in de Lagen paneel, plaats de groep in de rechthoek.
Laten we ervoor zorgen dat ons patroon naadloos is. Maak onze rechthoek kleiner, waardoor de afmeting kleiner wordt 300 x 300 px in de Transformeren paneel. Houd het in de linkerbovenhoek van het document. Dupliceer het patroon en gebruik de Transformeren paneel opnieuw om de kopie horizontaal te verplaatsen 300 px naar rechts. Zoals je kunt zien, komt het patroon al overeen, waardoor een uitgebalanceerde, zich herhalende compositie ontstaat.
Laten we nog een paar stukjes toevoegen in de onderste helft van ons document. Maak nog twee exemplaren van het patroon en plaats deze naast elkaar. Super goed! Ons patroon ziet er perfect naadloos en gedetailleerd uit.
Nu kunnen we dat Bestand> Exporteren ons naadloze patroon in elk formaat, afhankelijk van onze behoeften.
Goed gedaan, iedereen! We hebben een gedetailleerd proces gevolgd om platte elementen te maken en een aantal eenvoudige technieken geleerd, waardoor we een herhalend zomerpatroon hebben kunnen opbouwen, wat perfect is voor websites en blogs als achtergrond. Het kan ook worden gebruikt voor inpakpapier, stof, bedrukt behang en nog veel meer.
Geniet van het maken van nieuwe naadloze patronen en blijf op de hoogte voor meer tutorials voor Affinity Designer!
Accentsconagua