Share
De manier waarop webontwerpers Photoshop gebruiken, is aan het veranderen; pixel perfecte composities zijn minder relevant dan een jaar of twee geleden. Photoshop is echter nog steeds een ontwerptool van onschatbare waarde en het gebruik van de functies ervan is net zo belangrijk als altijd. De volgende tips helpen je het werken met lagen onder de knie te krijgen.
Lagen zijn een klassieke boosdoener als het gaat om de desorganisatie van projecten. Door een PSD aan een collega over te dragen, moet je ervan uitgaan dat ze de dingen die je hen hebt gegeven kunnen begrijpen en ermee kunnen werken. Dit betekent goed beheerde lagen, kleurcodering, juiste etikettering, groepering, efficiënte en niet-destructieve technieken, opruimen enzovoort.
Deze aspecten zijn allemaal erg belangrijk, maar we zullen hier hier niet op ingaan. In plaats daarvan gaan we ons richten op technieken en vaardigheden die uw persoonlijke workflow zullen versnellen.
Slepen en neerzetten wordt hier het vaakst op vertrouwd, maar er is een schonere en betrouwbaardere manier. Als u een kopie van uw huidige laag wilt maken en deze op de exacte locatie in een ander Photoshop-document wilt laten verschijnen, klikt u met de rechtermuisknop op de laag die u wilt kopiëren en kiest u Duplicate Layer. Wanneer het dialoogvenster verschijnt, kiest u de Bestemming in de Documentenlijst en klikt u vervolgens op OK.
Ik heb bijvoorbeeld een document gemaakt met een laag met een logo. Ik wil dit logo binnen een ander document dupliceren.
Na de bovenstaande stappen krijg ik het dialoogvenster Dubbele laag te zien.
Hier is het mogelijk om een bestaand open document te selecteren of een nieuw open document te maken. In dit geval maak ik een nieuw document.
Dat is het! Deze techniek kan erg handig zijn als je met een aantal lagen werkt die je moet exporteren (zoals het maken van Sprite-sheets).
Wanneer u een laag dupliceert in Photoshop, wordt standaard de naam toegevoegd met "kopie". Dit is een van die standaards die me irriteert, dus ik wil het graag veranderen. Om deze standaard uit te schakelen, klikt u op het kleine menupictogram in de rechterbovenhoek van het lagenpaneel en gaat u naar Paneelopties.
In het resulterende pop-upvenster vinkt u het vinkje weg Voeg "kopiëren" toe aan gekopieerde lagen en groepen.
Er zijn nog een paar andere handige paneelopties ...
Handig als u visueel bent geneigd, kunt u met deze optie de miniatuurgrootte in het Lagenpaneel wijzigen.
Semi-gerelateerd aan de vorige optie, deze optie helpt je de inhoud van een laag te visualiseren. Stel dat u bijvoorbeeld een groot canvas en een laag met een klein pictogram hebt. Om de inhoud van deze laag goed te kunnen zien binnen de miniatuur, kunt u de instelling wijzigen Layer Bounds.
In het onderstaande voorbeeld heb ik dit gesimuleerd met een canvasgrootte van 1600x1200 en een eenvoudige cirkel erop. Zie het verschil?
Wilt u dat laagmasker verwijderen wanneer u een opvullaag maakt? Als dat het geval is, schakelt u het selectievakje uit Gebruik standaardmaskers op vullagen keuze.
Een andere standaard die handig kan zijn om te negeren. Schakel dit selectievakje uit en de volgende keer dat u ergens nieuwe laagstijlen toepast, worden de stijlen samengevouwen wanneer u klaar bent. Het kan behoorlijk vervelend zijn om uitgebreide stijlen samen te vouwen elke keer dat je ze hebt gemaakt.
Deze techniek wordt ook wel jailbreaking layer-stijlen genoemd. Met deze techniek kunt u elke laagstijl afzonderlijk volledig manipuleren. Selecteer een laag (met stijlen) en ga naar Laag> Laagstijlen> Lagen maken en je ziet je stijlen opgedeeld in lagen van hun eigen.
Hier heb ik bijvoorbeeld een rechthoekige vorm gemaakt met een paar laagstijlen.
Laten we zeggen dat ik elke laagstijl afzonderlijk wil roteren. ik meld me aan Lagen maken zoals hierboven beschreven.
Dit scheidt vervolgens alle effecten, die nog steeds gekoppeld zijn aan mijn laag.
Ik kan nu elk effect afzonderlijk roteren.
Notitie: Dit is geweldig wanneer u Photoshop gebruikt en u kunt soortgelijke effecten simuleren met behulp van CSS Transforms in de browser.
Deze aanpak is een goed alternatief voor de staten van Fireworks. Door gebruik te maken van Layer Comps kunnen we verschillende laagrangschikkingen opslaan, waardoor het echt gemakkelijk wordt om tussen de lagen te schakelen. Dit kan niet alleen uw eigen workflow versnellen, maar verbetert ook aanzienlijk het presenteren van een PSD aan uw klanten.
Laten we zeggen dat ik bijvoorbeeld drie ontwerpvoorbeelden voor een eenvoudige knop moet maken. Mijn cliënt is geïnteresseerd in een voorbeeld met een schaduw, een tweede met een innerlijke gloed, dan een derde met een streek. Het wijzigen van de verschillende overvloeiopties en het elke keer uitsluiten van sommige laagstijlen zou zeer onpraktisch zijn. Met Layer Comps opslaan kan ik schakelen tussen presets, zoals:
Ga naar Venster> Laagcompensatie om het paneel lagencompensaties te openen. Maak een laag met enkele basisstijlen ...
... sla dan een nieuwe comp op (het kleine "nieuwe document" -pictogram in het paneel lagencompensaties). Voer een naam in voor de comp, controleer Zichtbaarheid en Vormgeving en voeg een opmerking toe voor uw eigen referentie.
Als u een bepaalde laag comp zichtbaar wilt maken, vinkt u het comp-pictogram links ervan aan.
Deze is een van mijn favorieten bij het werken met een heleboel lagen en pixelperfectie is belangrijk.
Als ik bijvoorbeeld een laag in een specifieke positie wil centreren maar ik heb niets om mee uit te lijnen, kan ik de selectietool gebruiken.
Maak een selectie met de Rectanglular Marquee Tool. Selecteer de laag die u wilt uitlijnen, selecteer Verplaatsgereedschap (V) en gebruik een van de uitlijnopties in de bovenste werkbalk.
Photoshop biedt een overvloed aan sneltoetsen om uw werkstroom te versnellen. Onthoud deze vijf voorbeelden en je wordt razendsnel wanneer je met lagen werkt.
Om uw eigen snelkoppelingen te definiëren, gaat u naar Bewerken> Sneltoetsen, maar wees erop bedacht dat u geen standaardsnelkoppelingen overschrijft.
Ik wil bijvoorbeeld een snelkoppeling maken voor "Rename Layer" en daarvoor wil ik de combinatie Cmd / Ctrl + Shift + R gebruiken. Ten eerste ga ik naar Bewerken> Sneltoets en vervolgens onder Laag tabblad Ik klik op Laag hernoemen druk vervolgens op de knopcombinatie (Cmd / Ctrl + Shift + R) en klik Aanvaarden. Dat is het! U kunt zoveel aangepaste sneltoetsen gebruiken als u wilt.
Het goed en snel manipuleren van lagen is een fundamentele vaardigheid voor Photoshoppers. Het versnelt de workflow en verbetert het samenwerkingsproces bij het werken in een team. Als u andere tips op basis van lagen kent, zou ik ze graag in de comments willen horen!
Accentsconagua