Share
In deze zelfstudie bekijken we twee manieren om snel vectorruispatronen te maken, vergelijkbaar met de gradiëntruis van Photoshop, maar deze keer volledig controleerbaar, aanpasbaar en bewerkbaar, omdat het een vectorafbeelding zal zijn. Voor kleurbeheer kijken we naar de Live Colour-functie, beschikbaar in Illustrator CS3.
Onlangs moest ik een alternatief voor de Gradient Noise van Photoshop maken, maar deze keer in Illustrator. Ik zal op twee manieren uitleggen hoe je een vergelijkbaar effect kunt bereiken. We gaan een blogkopafbeelding maken voor deze zelfstudie, gebaseerd op een schaalbaar en gemakkelijk te bewerken gekleurd ruispatroon.
Belangrijke opmerking: aangezien beide methoden overlappende geometrie creëren, zijn onbewerkte resultaten niet geschikt voor teken- en vinylsnijden. Als u deze methode gebruikt voor het maken van tekens, moeten alle overlappende elementen worden samengevoegd voordat ze naar vinylsnijders en -plotters worden verzonden.
Dit is de uiteindelijke afbeelding die we gaan maken. Laten we eerst enkele methoden voor het maken van willekeurige vectorruispatronen doornemen.
Deze methode is gebaseerd op gestippelde streken en geeft u meer controle over het uiterlijk, sinds willekeur (nonchalance) is ingesteld door jou. In principe is het ook van toepassing op elke andere vectorsoftware die aangepaste streepjes ondersteunt (zoals CorelDraw).
Maak een nieuw document, stel de grootte in op 800 pixels bij 350 pixels en stel de kleurmodus in op RGB. Maak vervolgens een 500 px lange lijn, geef deze een zwarte lijn en stel het gewicht in op 10 px. Activeer de stippellijn en stel de waarden voor Dash en Gap in, in dit geval 5, 3, 1, 8 en 2. Dupliceer de lijn en wijzig de waarden voor Dash en Gap in 2, 4, 6, 1 en 2. Maak vier meer stippellijnen en stel verschillende waarden in voor streepjes en openingen (3, 1, 1, 4 en 2), (1, 2, 1, 1 en 6), (2, 5, 1, 1 en 8), en (4, 1, 2, 1 en 1).
Zorg ervoor dat Lijn is geselecteerd (X wisselt tussen Lijn en Vulling) en kies de kleurschakeringen die u verkiest
Als u patroonafmetingen wilt wijzigen, moeten de streken worden geconverteerd naar effen, bewerkbare strepen (Gebruikers van Adobe Illustrator CS2 en ouder, gebruiken de opdracht Afvlakken transparanten om streken in vaste objecten uit te vouwen, zie de eerste afbeelding hieronder). Ga hiervoor naar Object> Uitbreiden, vink en streek aan en klik op OK.
Open het Transform Palet, stel het Reference Point in op middle-top, verwijder Control-width en Height Proportions en stel de Height in op 200px. Herhaal deze stappen voor elke reeks strepen. Gebruik de verticale uitlijningsbovenkant in het uitlijnpalet (Shift + F7)
Zoals je ziet, domineren en doden paars en rood andere kleuren. Het is alleen aan u hoe u strepen, hun volgorde en positie rangschikt. In mijn voorbeeld stuurde ik de paarse reeks strepen naar achteren (Object> Schikken> Naar achtergrond verzenden), de rode strepen 3x Naar achteren verzenden (Object> Schikken> Naar achteren verzenden), olijfstrepen 3x Naar achteren, groene strepen 5 pixels verplaatsen rechts en 2x Naar achteren, gele strepen 2 px rechts en 2x naar voren sturen (Object> Schikken> Naar voren brengen).
Om het uiteindelijke patroon opnieuw in te kleuren, kunt u handmatig strepen selecteren en deze vullen met verschillende kleuren of de zeer bruikbare nieuwe functie Live kleur gebruiken. We gaan de functie later gebruiken wanneer kleuren worden aangepast voor bannerafbeeldingen. Voordat je gaat spelen met opnieuw kleuren, moet je ervoor zorgen dat je alle objecten selecteert die je opnieuw wilt kleuren (je hoeft het niet te groeperen) en een standaardkleurenstatus maakt door op het pictogram Nieuwe kleurgroep te klikken. Hiermee kunt u alle wijzigingen resetten en terugkeren naar het originele kleurenschema voor illustraties.
Veranderende kleuren zijn heel eenvoudig. U kunt afzonderlijke tinten bewerken door op de kleurenbalk te dubbelklikken en de waarden in te stellen of door het kleurenwiel te gebruiken. Alle veranderingen zijn direct zichtbaar op je originele kunstwerk. Sla het resulterende bestand op als "random_noise_pattern."
Een andere manier om een vectorruispatroon te maken, is het gebruik van verschillende standaardopdrachten, waaronder Blend en Transform Each. Methode 2 stelt ons in staat om niet alleen lijnen als referentieobjecten te gebruiken, maar ook cirkels, rechthoeken en meer complexe vormen (sterren, aangepaste symbolen, enz.). We hoeven ook niet het uiterlijk van het ruispatroon uit te breiden, dus het is mogelijk om verander en pas enkele parameters later aan.
Maak in hetzelfde "random_noise_pattern" -bestand een gestippelde verticale lijn van 1 pt die 200px lang is. Dupliceer het en verplaats het 500px naar rechts. Selecteer beide regels en ga vervolgens naar Object> Overvloeien en stel de afstand in op opgegeven stappen met een waarde van 50. Ga naar Object> Overvloeien> Maken (opdracht + Alt + B). Ga nu naar Object> Uitvouwen, Object aangevinkt laten en vink het selectievakje Vulling en lijn uit. Hiermee wordt het afzonderlijke object in afzonderlijke regels vrijgegeven. Ze zijn nog steeds gegroepeerd, dus groepeer ze (Command + Shift + G), maar laat alle geselecteerde objecten achter.
Laten we plezier maken! Ga naar Object> Transformeren> Transformeer elk. Bekijk de rechterbenedenhoek van het dialoogvenster en vink Willekeurig en Voorvertoning aan. Stel de horizontale verplaatsing in op ongeveer 15 pixels (u kunt ook negatieve waarden invoeren). Illustrator verplaatst willekeurig lijnen in de juiste richting. Omdat we met willekeurige getallen werken, zal het resultaat altijd anders zijn. Vink aan en verwijder het vinkje en willekeurig om lijnen in verschillende posities te verplaatsen. Zorg ervoor dat u uw werk bewaart.
Groepeer (Command + G) alle regels en dupliceer ze vervolgens. Selecteer de nieuw gemaakte groep en dubbelklik op een van de regels om groepsinhoud in te voeren en te bewerken. Selecteer alle lijnen en gebruik Elk transformeren en Horizontaal verplaats met verschillende waarden om lijnen naar willekeurige posities te verplaatsen. Maak nog eens vier groepen en herhaal elk voor elk opnieuw.
We zullen meer verschillen instellen voor de groepen. Maar selecteer eerst alle groepen en lijn ze uit met Vertical Align Center.
Selecteer nu elke afzonderlijke groep en stel een andere waarde in voor het gewicht en de kleur van de lijnslag voor elke groep. Je kunt de posities van elke groep verplaatsen om meer willekeur en diversiteit toe te voegen. Speel met slaggewichten om witte gaten op te vullen.
U kunt altijd de lijnposities, kleuren en lijnen voor elke groep wijzigen en aanpassen. Als u het formaat van het patroon proportioneel wilt wijzigen, vergeet dan niet om Scale Stroke & Effects in het palet Transformeren te activeren.
Het eindresultaat van methode 2 wordt hieronder getoond. Zorg dat je het opslaat.
Ok, we zijn klaar met de basis, laten we onze kennis gebruiken en een leuke en frisse banner maken. We gaan de eerder gemaakte patronen gebruiken maar ook een nieuwe maken.
Open een nieuw document van 800 bij 350 pixels en sla dit op als 'banner'. Maak een nieuwe laag, noem deze "Achtergrond". Teken een rechthoek van 800px breed en 350px hoog. Vul het met een verloop, stel het type in op radiaal en stel de kleuren in op een bereik van wit tot blauw. Versleep de verlooprichting van de rechterbenedenhoek naar de linkerbovenhoek. Nu kunt u deze laag vergrendelen.
Maak een nieuwe laag en noem deze "Patroon 1". Ga naar het document "random_noise_pattern," selecteer het patroon gemaakt met methode 2, groepeer het en plak het op de laag "Pattern 1" in het "banner" -document. Zorg ervoor dat u de schaal en lijnen hebt geselecteerd in het palet Transformeren en pas vervolgens het formaat van het patroon aan om het hele illustratiegebied op te vullen. Gebruik de opdracht Horizontaal spiegelen in het palet Transformeren. Als het patroon nog steeds is geselecteerd, stelt u de transparantiemodus in op Scherm en Dekking op 50% en vervolgens op Vergrendel de laag.
Maak een nieuwe laag en noem deze "Patroon 2". Ga naar het document "random_noise_pattern," selecteer het patroon gemaakt met "Method 1", groepeer het en kopieer het in de "Pattern 2" laag in het "banner" document. Stel de hoogte van het patroon in op 150 px. Ga naar het palet Lagen en klik op dat kleine pijltje om de weergave met sublagen uit te vouwen.
Selecteer en verplaats horizontaal enkele groepen naar believen. Schik individuele sublagen. Je kunt ook elke groep invoeren en enkele strepen verwijderen, gewoon om diversiteit toe te voegen. Lijn het patroon uit met de linkerbenedenhoek van het tekengebied. Dupliceer de laag "Patroon 1" en stem de inhoud af op de juiste rand van het document. In dit geval heb ik ook de inhoud van de laag "Patroon 2-kopie" horizontaal omgedraaid. Beide lagen vergrendelen en opslaan.
Laten we wat natuurlijke elementen tekenen. Maak een nieuwe laag, noem deze "Heuvels 1". Schakel alle patroonlagen uit, zodat ze ons niet afleiden bij het tekenen van de nieuwe afbeeldingen. Deze stap heeft alles te maken met individuele gevoelens en behoeften. Ik heb bijvoorbeeld met het gereedschap Pen een reeks heuvels en een gradiëntgaas getekend, zoals hieronder wordt weergegeven.
Met het gereedschap Direct selecteren heb ik individuele ankers geselecteerd en verschillende tinten groen bevestigd. Ik heb de laag "Hills 1" gedupliceerd, aangepaste contourankpunten gewijzigd, meer ankers aan het verloopnet toegevoegd en verschillende tinten groen bevestigd.
Laten we een radiotoren bouwen. Maak een nieuwe laag en noem deze "Radio Tower". Het is een eenvoudig object, gemaakt met het gereedschap Pen en 3D geroteerde rechthoeken. Voor perspectiefvervorming heb ik het gereedschap 3D Rotate gebruikt. Omdat het allemaal om stilering gaat, hoef je niet exact perspectief en 3D-regels te volgen.
Gekleurde lijnen geven het object de diepte. Pas ankerpunten aan om lijnen optisch samen te voegen, zoals weergegeven in de tweede afbeelding hieronder.
Laten we de transmissiegolven maken. Dit is een mooi voorbeeld van hoe flexibel Methode 2 is. We gaan een cirkelruispatroon maken en dit opnieuw kleuren met behulp van de Live Color-functie.
Stel dus een nieuwe laag in, noem deze "Transmission Waves" en rangschik deze achter de laag "Radiotoren". Plaats een cirkel van 120 px ergens buiten het tekengebied. Stel het slaggewicht in op 1 px en kleur op zwart. Dupliceer het en stel de grootte in op 20 px. Centreer de kleine cirkel met de grotere.
Ga naar Object> Overvloeien en stel de Afstand in op Gespecificeerde stappen met een waarde van 8. Ga naar Object> Overvloeien> Maken (Alt + Command + B).
Ga nu naar Object> Uitbreiden, laat het object aangevinkt en haal het vinkje en de lijn uit. Hiermee worden afzonderlijke objecten in gescheiden lijnen vrijgegeven. Ze zijn nog steeds gegroepeerd, dus gebruik de opdracht Ungroup, maar laat alle objecten geselecteerd.
Ga naar Object> Transformeren> Transformeer elk. IN de rechterbenedenhoek van het dialoogvenster vinkt u zowel Random als Preview aan. Stel de schaal van horizontaal en verticaal in op 90%. Illustrator zal cirkels willekeurig naar beneden schalen. Omdat we met willekeurige getallen werken, zal het resultaat altijd anders zijn. Schakel het vakje Willekeurig in en uit om de cirkels te schalen.
Maak een groep van alle kringen en dupliceer deze. Selecteer de nieuw gemaakte groep, dubbelklik op een van de cirkels om in te voeren en bewerk de groepsinhoud. Selecteer alle cirkels en gebruik Transform elk. Horizontaal en verticaal schalen met verschillende waarden om cirkels willekeurig te verkleinen. Maak een andere groep en herhaal elk Transformeren.
Stel een ander slaggewicht en -kleur in voor elke groep cirkels (ik gebruikte 0,5pt voor groen, 0,75 voor rood en 1pt voor geel). Centreer alle cirkelgroepen.
Plaats ze op de top van de toren.
Laten we de kleuren van de golven wijzigen met behulp van Live Colour. Selecteer alle objecten op de laag "Transmissie Golven" en klik op het pictogram Illustratie opnieuw kleuren in de balk Opties bovenaan het scherm.
Sla eerst de beginstatus op door op het pictogram Nieuwe kleurgroep te klikken. Hierdoor worden de originele kleuren opgeslagen, dus het is vrij eenvoudig om met verschillende kleurencombinaties te spelen zonder dat u het dialoogvenster hoeft te annuleren als u de wijzigingen die u maakt niet leuk vindt.
Nu kunt u interactief kleuren veranderen. Klik op het tabblad Bewerken, activeer Harmony-kleuren koppelen.
Klik op een van de cirkels in het kleurenwiel en sleep deze naar de gewenste tinten. Als u slechts één kleur binnen het wiel wilt wijzigen, klikt u op Harmoniekleuren loskoppelen en past u de tinten en tinten onafhankelijk aan. Als u tevreden bent met het resultaat, klikt u op Nieuwe kleurgroep om de nieuwe status op te slaan. Illustrator onthoudt de originele en nieuwe staten, zodat het later gemakkelijk teruggezet kan worden naar originele kleuren als dat nodig is.
Laten we de lawaaierige zon nu maken. Het is eigenlijk een duplicaat van de laag 'Transmissie', genaamd 'Zon', gerangschikt achter de transmissielaag. Cirkels worden verkleind en gewijzigd door Transform Each. In dit geval heb ik ook het slaggewicht aangepast en Live-kleuren gebruikt om de cirkelkleuren te wijzigen.
Maak een nieuwe laag met de naam "Gouden Tarwe" Om gouden tarwe te maken, heb ik de methode Methode 2 gebruikt met deze uitzonderingen:
Dus de basisgroep werd vaak herhaald om de horizontale ruimte van het spandoekontwerp te vullen.
Bloemen zijn gemaakt op een nieuwe laag met de naam 'Bloemen'. Ze zijn gemaakt van de eenvoudige gestreept rondingen en cirkels. Kopieën van cirkelruispatroon werden gebruikt om de compositie levendiger te maken.
Typografie wordt op een nieuwe laag achter de laag 'Bloemen' geplaatst en is gebaseerd op een gratis lettertype met de naam Romeral.
De titel is gevuld met basissinaasappel en geaaid met wit. Voor het toevoegen van witte schaduw heb ik een slagschaduweffect gebruikt. Ga naar Effect> Stileren> Slagschaduw. Stel in het dialoogvenster Opties de modus in op Normaal, dekking op 100% en vervagen op 0%. Hiermee kunt u tekst snel en effectief wijzigen in plaats van tekst dupliceren, compenseren en vullen met een andere kleur, wat zou leiden tot het bewerken van twee teksten. De slogan tekst is Myriad Pro Semibold.
Versmal ten slotte alle overbereikende lagen met een rechthoek, zodat het tekengebied netjes en opgeruimd is.
In deze zelfstudie leerden we verschillende manieren om interessante streepresultaten te krijgen met eenvoudige hulpmiddelen en opdrachten. We hebben interessante schaalbare patronen voor willekeurige vectoren gemaakt en we hebben enkele nieuwe functies in Adobe Illustrator CS3 bekeken, zoals Live Colour. Ik kijk uit naar uw experimenten met deze interessante vectorruistechnieken.
Accentsconagua