Scribble-effecten gebruiken in Illustrator

Er zijn nogal wat Illustrator-tools die velen van ons nog nooit hebben gebruikt, wat begrijpelijk is. We hebben vaak een workflow die we efficiënt hebben gevonden en houden ons eraan. Af en toe is het echter een goed idee om Illustrator te kraken en enkele van de onderbenutte functies te bekijken. Scribble-effecten zijn het bekijken waard omdat ze een snelle manier zijn om textuur aan je ontwerpen en een beetje persoonlijkheid toe te voegen.

De toegevoegde textuur is vergelijkbaar met de naam van het effect (krabbels), maar er is veel variatie die je kunt regelen en je kunt ook een willekeurig gevoel toevoegen. Laten we eens goed bekijken hoe dit effect te gebruiken en hoe u er creatief mee kunt werken!

Final Image Preview

Hieronder staat een van de ontwerpen uit de laatste reeks Photoshop-penselen waaraan we zullen werken in deze zelfstudie, nadat we hebben uitgelegd hoe het krabbeleffect werkt in Illustrator. Wil je toegang tot de volledige Vector Source-bestanden (en het ABR-brushes-bestand), evenals downloadbare kopieën van elke tutorial, inclusief deze? Word lid van Vector Plus voor slechts 9 $ per maand.

Zelfstudiedetails

  • Programma: Adobe Illustrator CS4
  • Programma: Adobe Photoshop CS4
  • Moeilijkheidsgraad: Beginner - gemiddeld
  • Geschatte voltooiingstijd: 1 uur

Invoering

In deze tutorial zullen we elke optie in het Scribble Effect-menu van nabij bekijken. Dan laat ik je zien hoe je het toepast op een rechthoekig ontwerp en een eenvoudig bloemmotief. Ik zal je zelfs laten zien hoe je een set Photoshop-penselen maakt die dit effect gebruiken.

Omdat het Scribble-effect interessante texturen kan produceren, die handgemaakt kunnen lijken, dient het als een uitstekend hulpmiddel om een ​​interessant stempelpenseel voor Photoshop te maken. Ik heb onlangs een set Scribble-penselen gemaakt met deze methode voor Psd Plus, en je ziet de resultaten in deze versie Floral Scribble Photoshop Brushes - Psd Plus Pack.

Houd er rekening mee dat er nog veel meer is dat u mogelijk met dit effect kunt maken. U kunt het Scribble-effect gebruiken om arceringsachtige patronen te maken om uw personageontwerpen, kinderlijke krabbels en meer te verduisteren. De video-zelfstudie Bekijk het Krabbel-effect in Illustrator uit de Creative Suite Podcast toont deze tool en geeft een paar tips over mogelijk gebruik, zoals Flash-animaties, waardoor het bereik van creatieve mogelijkheden aanzienlijk wordt uitgebreid. Dit is een van die tools die je, zodra je het opent, ermee wilt spelen. De resultaten voelen zelfs speels aan, dus experimenteer weg!

Illustrator CS4 wordt geleverd met een reeks Scribble-effecten die u kunt openen en gebruiken, of gewoon analyseren. Merk op dat veel van hen meer dan één krabbeleffect hebben toegepast (zoals weergegeven in het paneel Uiterlijk hieronder). Je kunt zien dat er twee fills zijn, beide met Scribble Effects hier toegepast. U kunt deze openen door naar Windows> Graphic Style Libraries> Scribble Effects te gaan.

Achtergrond

Voordat we naar Scribble Effects kijken, is het een goed idee om inzicht te hebben in wat Effecten in Illustrator zijn en welke voordelen ze bieden ten opzichte van Filters. U zou ook een basiskennis moeten hebben van wat uiterlijkheden zijn en welke opties het palet Uiterlijk biedt.

Er is een artikel met de naam Werken het meest effectief met effecten op de website van Lagen Magazine. Het gebruikt zelfs het Scribble-effect voor veel van de voorbeelden, en het is een geweldig artikel om te lezen om effecten te begrijpen voordat je verder gaat met deze tutorial. Ook, hoewel beperkt, zou het een goed idee zijn om te lezen wat Illustrator-hulp te zeggen heeft over het maken van een schets met behulp van het Krabbel-effect. Laten we nu beginnen!

Deel 1 - Verkenning van de Krabbel-effectopties

In dit gedeelte van de tutorial zullen we elke optie onderzoeken die het Scribble-effect biedt en visuele voorbeelden geven die laten zien hoe deze te gebruiken en alle instellingen duidelijk maken. Nadat je dit snel hebt doorgelezen, zul je begrijpen hoe je deze tool volledig kunt gebruiken - de instellingen zullen niet langer een mysterie zijn.

Stap 1 - Wereldwijd geïnstalleerde instellingen

Allereerst zijn er nogal wat opties onder het tabblad Instellingen in Scribble Options. Dit zijn globale instellingen, die in feite vooraf gemaakte Scribble-instellingen zijn. Aan de slag gaan door deze instellingen te bekijken is uitstekend. Het toont een goede diversiteit aan beschikbare opties en interessante krabbelresultaten. Bekijk ze allemaal, noteer de wijzigingen van elke optie, verschillende kenmerken van elke krabbel, en zorg ervoor dat je de voorbeeldweergave aanvinkt, zodat je ze kunt bekijken zonder dat je ze hoeft aan te pas- sen. Hieronder enkele voorbeelden.

Stap 2 - Hoek

De hoekoptie is eenvoudig te begrijpen. Het bestuurt de hoek van de gekrabbellijnen. Merk ook op dat wanneer u een wijziging aanbrengt in deze of de volgende opties, de vervolgkeuzelijst Instellingen verandert van Standaard in Aangepast, wat aangeeft dat u op dat moment een uniek Krabbel-effect creëert. Let op de verandering die de hoek teweegbrengt, zoals aangetoond in de onderstaande voorbeelden.

Stap 3 - Padoverlap en -variatie

Door de schuifregelaar Padoverlap naar binnen te verplaatsen, wordt het gebied waarin het krabbeleffect wordt toegepast, verder in de vorm geplaatst (zie de eerste afbeelding hieronder). Terwijl het verplaatsen van de schuif naar de buitenkant de gekrabbellijnen langs de buitenafmetingen van de vorm past (zie de tweede afbeelding hieronder). Padoverlap bepaalt de hoeveelheid krabbellijnen die binnen de padgrenzen blijven of deze overschrijden.

Als u het effect op het midden toepast, wordt het effect toegepast op de buitenste rand van de vorm, maar als u de variatie verhoogt, betekent dit dat het pad varieert op basis van de hoeveelheid die u opgeeft. Variatie bepaalt de lengte van het verschil in lijnlengten van krabbels ten opzichte van elkaar. In het laatste voorbeeld hieronder is de variatie voldoende verhoogd om zowel binnen als buiten de rand van de vorm te gaan.

Stap 4 - Lijnopties: Lijnbreedte

De streekbreedtefuncties werken zoals u zou verwachten. Het werkt op dezelfde manier als het lijnpaneel; het verandert de breedte van de gekrabbellijn. Als u de maat van de streek vergroot of verkleint, past u de wijziging toe op de enkele lange lijn waaruit het krabbeleffect bestaat. Een paar voorbeelden worden hieronder getoond.

Stap 5 - Curviness en variatie

Curviness manipuleert de hoeveelheid kromme lijnen voordat ze van richting veranderen. Het eerste voorbeeld hieronder toont de standaardbuiging, die relatief laag is ingesteld, en de tweede toont de ronding helemaal naar boven.

De Curviness-variatie bepaalt hoe verschillend de gekrabbellijncurven ten opzichte van elkaar zijn. Merk in de eerste afbeelding hieronder op hoe de lijnen er ongeveer hetzelfde uitzien, daar Variatie daar op 1 is ingesteld; het ziet er schoon uit. In het laatste voorbeeld hieronder is de variatie helemaal opgedraaid en valt op hoe verschillend alle lijnen er in vergelijking met elkaar uitzien; het ziet er een beetje rommelig uit.

Stap 6 - Afstand en variatie

Afstand bepaalt de hoeveelheid ruimte tussen de gekrabbellijn vouwt. Merk op hoe extreem de spatiëring verandert door gewoon de schuifafstand te vergroten van 5px naar 24 px in het onderstaande voorbeeld.

De Afstandsvariatie bepaalt hoe verschillend de hoeveelheid ruimte is tussen de gekrabbellijnvouwen. Merk op hoe verschillend de eerste en laatste afbeeldingen zijn in het onderstaande voorbeeld. Door de Variatie omhoog te draaien, ontstaan ​​gebieden met verschillende tussenafstanden tussen elke regel - de afstand is niet langer uniform.

Breng het nu allemaal samen

Alles samenvoegen draait allemaal om experimenteren. Afhankelijk van het project, kunt u verschillende uitkomsten hebben die u wilt maken. Hieronder staan ​​enkele voorbeelden waarbij meerdere instellingen in combinatie worden gebruikt, die ook laten zien hoe instellingen kunnen samenwerken en elkaar kunnen beïnvloeden. In het eerste voorbeeld hieronder is de afstand dramatisch afgenomen, waardoor ook de slagbreedte moet worden verlaagd, anders zou het als een vaste massa eindigen. Het tweede voorbeeld is slechts een willekeurig experiment.

Misschien wilt u sommige van deze experimenten ook opslaan als grafische stijlen, zodat u ze later opnieuw kunt gebruiken. Als je eenmaal een Scribble-effect hebt gemaakt dat je leuk vindt, sleep je het naar het palet Afbeeldingenstijlen en klik je vervolgens op de pijlknop in de rechterbovenhoek van het palet en kies je Bibliotheek grafische stijl opslaan. Deze bibliotheek voegt dit toe als een nieuwe verzameling.

Deel 2 - Krabbeleffecten toepassen en Photoshop-penselen maken

In dit gedeelte leren we de Scribble-effecten toepassen op een eenvoudig diagonaal patroon dat bestaat uit meerdere rechthoeken van verschillende grootten. Vervolgens maken we een kleine voorbeeldset van Photoshop-penselen.

Stap 1 - Maak een nieuw document

Laten we een nieuw Illustrator-document maken (ik gebruik Illustrator CS4) op het formaat waarop u de maximale penseelgrootte wilt hebben, in dit geval 2500px bij 2500px. Creëer nu een eenvoudige rechthoek gevuld met zwart en geen streek in een door u gewenste grootte, en maak vervolgens ook een handvol andere willekeurige rechthoeken.

Stap 2 - Roteren, kopiëren en schikken

Roteer deze vormen door het gereedschap Roteren (R) te selecteren en houd vervolgens Shift ingedrukt om te beperken en 45 graden te draaien zoals weergegeven. Kopieer nu de vormen en plak deze in een laag met de naam 'Rectangle_1'. Ga door met het kopiëren, plakken en rangschikken van de vormen tot je een compositie maakt die je leuk vindt. U kunt ook de grootte van de rechthoeken wijzigen of meer toevoegen als dat nodig is. Houd er rekening mee dat je dit later altijd kunt wijzigen.

Stap 3 - Experimenteren met Scribble-effecten

Experimenteer nu met verschillende krabbeleffecten tot je er een maakt waarvan je denkt dat het een goed Photoshop-penseel is. We werken met zwart in deze zelfstudie, maar Photoshop-penselen kunnen een volledige grijstint interpreteren, houd daar dus rekening mee met uw eigen ontwerpen.

Hieronder is een krabbeleffect dat ik graag gebruik voor een set penselen. Let op hoe de patronen met elkaar omgaan wanneer ze elkaar overlappen, wat cool is en daarmee kun je experimenteren - zelfs directionaliteit van lijnen in elkaar spelen. Je zou op deze manier bijvoorbeeld moire-effecten kunnen maken. Hier houden we alles echter in een hoek van 45 graden recht, zoals aangegeven in de schermafdruk van de Scribble-instellingen.

Houd in gedachten dat dit een live-effect is, zodat we het Krabbel-effect op elk moment kunnen manipuleren. Om dit effect te manipuleren, doet u dit via het palet Uiterlijk, zoals hieronder wordt getoond. Ga niet naar Effect> Stileren> Krabbel, want dan past u een tweede instantie van een Krabbeleffect toe op uw vormen.

Stap 4 - Maak meer ontwerpen

Maak nu een flink aantal ontwerpen van verschillende rechthoekige vormen. Een goede set Photoshop-penselen moet uit 15 of meer ontwerpen bestaan ​​die als een set visueel samenwerken, maar ze zijn ook allemaal verschillend. Voor deze tutorial wil ik echter nog een aantal toevoegen, die hieronder worden weergegeven. Dus we zullen met een set van drie werken voor deze tutorial. Ik heb deze ontwerpen op nieuwe lagen met de naam 'rechthoeken_2' en 'rechthoek_3' geplaatst om de dingen overzichtelijk te houden.

Stap 4 - Verander deze ontwerpen in Photoshop-penselen

Kopieer nu het "Rectangles_1" -ontwerp, waarop het live Scribble-effect is toegepast. Start Photoshop op (ik gebruik Photoshop CS4). Open een nieuw Photoshop-bestand (Command + N). Photoshop detecteert automatisch het formaat van het gekopieerde ontwerp, dat voor dit ontwerp iets kleiner dan 2500 px bij 2500 pixels moet zijn, omdat de rechthoeken niet helemaal tot aan de randen van de lay-out reiken. Zorg ervoor dat u het bestand de juiste naam geeft, in dit geval heeft het de naam 'rectangle_1'.

Met dit nieuwe Photoshop-document open je het krabbelontwerp "Rectangles_1". Er verschijnt een pop-upvenster. In dit geval is het goed om Pixels te kiezen en druk op Enter om de plak toe te passen.

Selecteer nu het penseel (B). Ga naar de instellingen voor Penseelgereedschap linksboven in de interface van Photoshop. Klik op de vervolgkeuzepijl om Penseelvoorkeurkiezer te openen. Binnen de Picker bevindt zich een kleine pijl in de rechterbovenhoek. Klik daarop en kies Preset Manager.

In het penseelgebied van de preset-manager drukt u op Command + A om alle penselen te selecteren en vervolgens op Verwijderen. Hiermee worden de penselen uit de penseelvoorkeuzekiezer verwijderd, zoals weergegeven in de laatste afbeelding hieronder, maar worden de ABR-bestanden van deze penselen niet verwijderd, zolang deze bestanden maar zijn opgeslagen.

Ga nu naar Bewerken> Penseelp Voorinstelling definiëren en sla de penseel op als 'Rectangle_1'. Nu hebben we onze eerste penseel gemaakt.

Ga je gang en volg dezelfde workflow voor kopiëren, plakken en definiëren van de brush preset om de rest van je penselen te maken. In dit geval maken we penselen: "Rectangle_2" en "Rectangle_3" zoals weergegeven.

Stap 5 - Exporteer je definitieve Photoshop-penseelset

Klik nu op en open de penseelvoorkeuzekiezer, klik vervolgens op de pijl in de rechterbovenhoek en klik op Penselen opslaan zoals weergegeven. Sla de penselen op onder de naam "rectangular_angles_brushes", waarmee het ABR-bestand wordt gemaakt. Dit bestand kan worden opgeslagen, aan vrienden worden gegeven of worden verkocht en in een andere Photoshop van dezelfde versie worden geladen (CS4 in dit geval).

Informatie over ontwerpschaalbaarheid

Houd er rekening mee dat ze bij het maken van dit soort penselen niet goed schalen, ook al zijn ze gebaseerd op vectorontwerpen. Ze worden meer gebruikt als postzegels in Photoshop. Dus als u enorme penselen van 2500 x 2500 pixels ontwerpt, zijn ze ideaal voor grootschalig werk of voor het toepassen van grote texturen of grote achtergronden.

Als u deze penselen wilt maken voor kleinschaliger werk of voor kleinschaliger gebruik, moet u ze in Illustrator maken op de schaal waarop u ze wilt gebruiken. Als u ze bijvoorbeeld op 600 px bij 600 px formaat wilt gebruiken, dan is het het beste om eerst in Illustrator op die maat te ontwerpen.

Je zou kunnen denken dat je ze groot zou kunnen maken, de EPS-bestanden zou kunnen exporteren en dan naar elk formaat zou kunnen schalen, maar dat werkt niet zo. Dit komt omdat de penselen zijn gemaakt van lijnen en wanneer deze lijnen kleiner worden, worden ze samengevoegd en verandert het karakter van het ontwerp drastisch, zelfs in vectorformaat, laat staan ​​als pixelpenseel. De beste oplossing is om het ontwerp te plannen op de grootte waarnaar u de penselen gaat exporteren.

Deel 3 - Snel hoe bloemsierkrabbels met bloemenkrabbels maken

In deze sectie zullen we een korte blik werpen op het proces dat ik gebruikte om Floral Scribble Photoshop-penselen te maken - Psd Plus-pakket. De eigenlijke penseelcreatie is hetzelfde proces, dus we zullen alleen de vectortechnieken en Scribble-effecten bekijken die zijn toegepast.

Stap 1 - Maak een ovaal en draai eraan

Maak eerst een ovaal dat ongeveer de helft van uw documentgrootte heeft. Gebruik het gereedschap Direct selecteren om de vorm van het ovaal te bewerken zodat het er meer uitziet als een bloemblad.

Grijp nu met de geselecteerde vorm het gereedschap Roteren (R), houd Alt ingedrukt en klik onder de bloemblaadjesvorm, waardoor het dialoogvenster Rotate-instellingen wordt geopend.

Voeg een graad in om het bloemblad te laten draaien. Het is goed om iets te kiezen dat deelbaar is door 360, wat een volledige cirkel is. Gebruik 45 graden, zodat u 8 bloembladen kunt gebruiken wanneer u hebt gereden. Klik nu op OK. Ga je gang en druk Command + D nog zes keer om de bloemvorm te voltooien. Selecteer Alles (Command + A) en kopieer en plak, waarmee de vorm op het canvas wordt gecentreerd, zolang je canvas gecentreerd is. Ga door en houd Shift ingedrukt om de schaal te beperken terwijl je deze vorm hebt geselecteerd en schaal het formaat naar je voorkeur.

Stap 2 - Geef de bloem een ​​organisch gevoel

Gebruik het gereedschap Direct selecteren om de punten en handvatten van elke bloem te manipuleren. Misschien wilt u ze ook schalen en een beetje verplaatsen met behulp van het selectiegereedschap. Het doel is om elk bloemblad meer een organisch gevoel te geven en de bloemvorm te voltooien. U kunt zien dat ik nogal wat wijzigingen in het uiteindelijke bloemontwerp heb aangebracht.

Stap 3 - Pas het Krabbel-effect toe

Ga je gang en pas het Krabbeleffect toe op het bloemontwerp met de onderstaande instellingen, of kies je eigen instellingen. De laatste Scribble Flower wordt hieronder getoond.

Nu kunt u hetzelfde proces toepassen om meer bloempatronen te maken of andere bloemmotieven gebruiken als basis voor het toepassen van het krabbeleffect. Zodra je een goede maatcollectie hebt, ga je gang en pas je dezelfde stappen toe als in hoofdstuk 2 om een ​​set penselen te maken.

Conclusie

Gewapend met kennis van hoe Scribble Effects in Illustrator werken, spring erin en maak je eigen effecten. Veel plezier met het toepassen van deze effecten op je vectorcreaties. Het is een interessant hulpmiddel om mee te spelen en een snelle manier om textuur toe te voegen. Ook, voor uw Photoshop-werk, wees niet verlegen om uw eigen penselen te maken. Zoals aangetoond, is het proces heel eenvoudig.

Abonneer u op de Vectortuts + RSS-feed om op de hoogte te blijven van de nieuwste vectorhandleidingen en -artikelen.