Share
Wat je gaat creërenIn de snelle tip van vandaag zal ik enig licht werpen op een tool die vaak genegeerd wordt vanwege de complexiteit die de meeste mensen associëren met de manier waarop het zich gedraagt. Dat hulpmiddel is niemand anders dan het knipmasker, dat naar mijn mening je kan helpen een heel stuk sneller te ontwerpen als je het eenmaal onder de knie hebt.
Dus, in de volgende regels zal ik proberen zijn geheimen te ontrafelen en het dan vergelijken met het Pathfinder-paneel, en zien hoe de eerste kan matchen en in sommige gevallen zelfs de tweede vervangen.
Zoals bij elke leercurve, moeten we eerst begrijpen wat een uitknipmasker is, en Adobe heeft geweldig werk verricht door alleen dat uit te leggen: "Een knipmasker is een object waarvan de vorm andere illustraties maskeert, zodat alleen gebieden die in de vorm liggen zichtbaar zijn."
Dus als u alleen bepaalde delen van uw illustratie of frame-elementen binnen een specifieke vorm wilt onthullen, kunt u een object op het hoogste niveau maken dat u vervolgens kunt gebruiken om precies dat te doen..
Zoals je misschien hebt gemerkt, staat in de definitie dat duidelijk alleen een object, dus een vectorvorm, kan fungeren als een knipmasker. Je kunt alles (een vector, een rasterafbeelding) maskeren met een object, maar je kunt vectoren niet maskeren met behulp van rasterafbeeldingen (jpeg, png, etc.).
Er is ook geen limiet aan het aantal objecten dat je in een uitknipmasker kunt plaatsen, wat natuurlijk geweldig is.
Meestal laten ontwerpers het bestaan van de Clipping Mask-optie weg vanwege het moeilijk te begrijpen mechanisme.
Ik moet bekennen dat ik zelf in eerste instantie overweldigd was door een heleboel dingen in Illustrator, van de manier waarop lagen werkten tot aan de manier waarop Clipping Masks zijn gemaakt. Maar ik zag al snel alles op mijn tekengebied als kleine stukjes papier (witte vellen, gekleurde vellen, transparante vellen) en dat hielp me eigenlijk alles anders te zien.
U kunt het knipmasker proberen uit te lichten als een groter stuk transparant papier dat over een ander gekleurd of wit stuk gaat. Wanneer ze over elkaar heen liggen, verbergt het transparante papier op magische wijze alles dat buiten zijn grenzen komt, waardoor het een duidelijk beeld krijgt van wat eronder ligt.
Als je niet eerder wist hoe je een clippingmasker moet maken, maak je geen zorgen, want het is eigenlijk heel gemakkelijk.
Laten we een voorbeeld nemen en de tool in actie zien. Ik heb een gemaakt 320 x 320 px geel vierkant, dat ik zowel als achtergrond en als knipmasker zal gebruiken, en ik wil er een toevoegen 554 x 230 px ellips die een veld zal vertegenwoordigen.
Zoals je ziet, gaat het veld helemaal buiten het plein, wat ik niet wil dat het doet.
Dit is waar de Knipmasker optie komt in hulp. Door een eenvoudig proces van kopiëren en vervolgens plakken van een duplicaat van het gele vierkant (dat als mijn masker zal fungeren) boven het veld (dat is het object dat ik moet maskeren), selecteer ik beide vormen en gebruik een van de volgende methoden om te maken mijn masker:
Zo simpel is het. Met slechts een paar klikken of toetsen (afhankelijk van de methode), heb ik het voor elkaar gekregen om elk gedeelte van het veld dat buiten de gele achtergrond valt te verbergen. Makkelijk, toch?
Wacht even! Sommigen van jullie zouden kunnen beweren dat je hetzelfde kunt doen met weinig oud verkenner.
Nou, om eerlijk te zijn, zou je dat kunnen. Zoals met de Knipmasker methode, plak dan een kopie van het vierkant over de ellips en gebruik dan de Snijden optie, wat zou resulteren in een nieuwe vorm.
Maar wanneer we de twee methoden vergelijken, ziet u enkele voordelen van het gebruik van de eerste methode voor de tweede.
Ten eerste bieden knipmaskers een hoge mate van bewerkbaarheid, waardoor u elementen in het masker kunt wijzigen, toevoegen of verwijderen.
Dit was het ding dat uiteindelijk mijn workflow veranderde, zodra ik merkte dat het me meer ruimte gaf om te spelen omdat mijn vormen niet hoefden te worden verwijderd en opnieuw gemaakt met behulp van verkenner's Snijden keuze. Ik kon gewoon iets maken, maskeren en dingen bewerken zonder me zorgen te hoeven maken.
Dat gezegd hebbende, begrijp me niet verkeerd, verkenner is nog steeds een geweldig panel. Je kunt hetzelfde resultaat krijgen, maar wat gebeurt er als je dingen moet aanpassen of toevoegen? Nou, je moet beginnen met knippen en creëren en snijden, en voor mij maakt dit dingen gewoon ingewikkeld.
Laten we het voorbeeld van het geel / oranje veld nemen en laten we zeggen dat ik aan de linkerkant nog een ellips wil toevoegen. Als ik dubbelklik op het veldgedeelte, ga ik direct naar binnen Isolatiemodus, waar ik mijn nieuwe vorm kan toevoegen.
Als ik hetzelfde zou doen met verkenner, Ik zou eerst een duplicaat van de gele achtergrond moeten maken, dan mijn ellips moeten maken, ze allebei moeten selecteren en uiteindelijk de optie Doorsnijden moeten gebruiken. Dat is OK, denk ik.
Laten we nu zeggen dat ik mijn recent toegevoegde veld een beetje breder wil maken.
De ... gebruiken Knipmasker methode, ik kan gewoon de vorm selecteren met mijn Direct selectie gereedschap (A) of door binnen te gaan Isolatiemodus, en geef het een hogere waarde voor de breedte.
Als ik het tweede veld heb toegevoegd met behulp van de verkenner methode, nou als ik lui ben en niet dat in details zou ik gewoon het juiste ankerpunt kunnen selecteren met behulp van de Direct selectie gereedschap (A) en sleep het naar rechts. Maar aangezien ik geen van beide ben, zou ik de grotere ellips moeten maken en deze vervolgens opnieuw kruisen met mijn achtergrond.
Maar dit is een best leuk scenario, waarbij onze achtergrond een vierkant is en onze vorm niet zo gecompliceerd is. Wat zou er gebeurd zijn als het achtergrondobject meer gebogen lijnen had en mijn binnenvormen iets anders dan ellipsen waren?
Ik zal je vertellen wat er zou gebeuren. Je zou heel wat vormen hebben verwijderd en ze helemaal opnieuw hebben gemaakt, omdat de secties die tegenover de rand van de hoofdvorm stonden (degene die als een basiskruisingsobject werd gebruikt) een aantal ernstige reparaties nodig zouden hebben.
Natuurlijk kan sommigen zeggen: "Nou, ik kan de vorm eigenlijk selecteren en de rechterkant van het selectiekader naar links of rechts slepen om het te vergroten of verkleinen. Als ik dat eenmaal gedaan heb, kan ik het eenvoudig nog een keer kruisen met de basisvorm van onderaf. "
Wel, dat werkt, als je niet op een pixel-perfecte basis werkt, maar probeer dat te doen als je elke kostbare pixel en ankerpunt op het rooster hebt geknipt en te zien wat er gebeurt.
Ik heb dit voordeel een paar regels geleden opgemerkt. Door gebruik te maken van Clipping Masks zult u sneller creëren, in feite een heleboel sneller dan wanneer u de verkenner paneel. Probeer het gewoon eens, en als ik het mis heb, kun je een smerige "leugenaar, leugenaar, broek in brand" plaatsen in de onderste sectie.
Maar geloof me, ik weet wat ik bedoel. Ik ben daar geweest, heb dat geprobeerd en ben hierheen gekomen, dus ik weet het uit de eerste hand.
Sommigen van jullie, op dit moment, weten waarschijnlijk dat ik super diep zit in de hele pixel-perfecte workflow. Ik wil, moet, moet alles op mijn hebben artboard perfect gebroken naar mijn Pixel Grid, anders ga ik koekoek.
Dus ik ga je een klein geheim vertellen dat echt een verschil maakt bij het toevoegen van details aan illustraties die zijn gebouwd op een pixel-perfecte basis: Clipping Masks kan en zal altijd een betere keuze zijn verkenneropties.
Als je eenmaal een perfect gebroken object hebt, zal het gebruik van het masker ervoor zorgen dat alle innerlijke elementen hetzelfde heldere en heldere uiterlijk behouden.
Ik zal je een klein voorbeeld geven om je te laten zien waar ik het over heb.
OK, dus laten we teruggaan naar onze kleine veldillustratie, en laten we zeggen dat we een schaduw tussen de twee velden willen toevoegen, maar bevatten het zodat het alleen over het kleinere linker veld gaat en niet de hele achtergrond.
De ... gebruiken Ellipse Tool (L) Ik heb een gemaakt 574 x 250 px vorm, die ik vervolgens zwart kleurde en verlaagde ondoorzichtigheid niveau naar 10%. Zoals je kunt zien, heb ik de schaduw recht op al mijn andere elementen geplaatst.
Laten we beginnen met het gebruik van de verkenner methode.
Eerst maak ik een kopie van het linker veld, en dan met zowel het als de schaduw geselecteerd, gebruik ik de Snijden keuze. Vervolgens moet ik een kopie van de gekwadrateerde achtergrond maken en die met de resulterende vorm doorsnijden. Eindelijk kan ik de vorm knippen en plakken in de Knipmasker, ervoor zorgen dat het onder het eerste veld wordt geplaatst.
Op het eerste gezicht zou je kunnen zeggen dat het resultaat precies is wat we wilden.
Maar laten we een beetje inzoomen en de schaduw selecteren met behulp van de Direct selectie gereedschap (A) terwijl in Pixel Preview mode.
Zoals u kunt zien, heeft de nieuwe vorm vanwege de intersect-bewerking een verkeerd uitgelijnd anker (eigenlijk heeft het ongeveer drie). In dit geval zijn ze niet schadelijk omdat ze niet buiten het oppervlak van ons hoofdvierkant komen, en vooral omdat de vorm al in een knipmasker zit.
Maar dit is niet altijd het geval. Ik speelde vroeger met de Snijden optie veel toen ik begon met het maken met pixelperfectie in het achterhoofd, en op een gegeven moment begon ik problemen te krijgen omdat de intersectie ankers zou creëren die opnieuw knappen vereisen. Het probleem was dat door dit te doen, mijn ankers in de meeste gevallen buiten de vorm zouden vallen waarop ik ze had gepositioneerd, waardoor het onmogelijk was ze perfect op mijn marges aan te brengen.
Als we teruggaan naar ons voorbeeld, kunnen we zien dat niet alleen het kruispunt de ankers verkeerd heeft uitgelijnd, maar ook nieuwere omdat de schaduw een andere algemene vorm kreeg.
Laten we nu proberen hetzelfde resultaat te repliceren met behulp van de Knipmasker methode.
Eerst ga ik de kleinere veldvorm selecteren, deze op de schaduw plakken en met beide geselecteerd die ik ga gebruiken klik met de rechtermuisknop> Maak knipmasker.
Zodra ik mijn gemaskerde object heb, kopieer ik het eenvoudigweg in mijn grotere masker en plaats ik het onder het grotere onderste veld.
Zoals je waarschijnlijk hebt gemerkt, is het proces eigenlijk sneller en als ik inzoom en mijn schaduw selecteer, kunnen we zien dat het perfect is afgebroken Pixel Grid, geen extra ankers inbegrepen.
Op dit punt hoop ik dat je twee keer gaat nadenken voordat je het Pathfinder-paneel gebruikt bij het toevoegen van details aan je illustraties en het knipmasker een kans geeft, omdat het misschien een stuk veelzijdiger kan blijken.
Daar heb je het. Ik heb het allemaal op tafel gelegd zodat je het kunt zien, zodat je uiteindelijk een beslissing kunt nemen op basis van je eigen behoeften. Ik hoop dat je beslissing gebaseerd is op het kleine stukje inzicht dat ik heb weten te trekken uit mijn eigen ervaring.
Accentsconagua