Share
De focus van deze tutorial ligt op het toevoegen van efficiëntie en flexibiliteit in uw workflow. Wanneer je als ontwerper of kunstenaar in een commerciële omgeving werkt, moet je niet alleen creatief zijn, maar moet je ook bestanden kunnen maken waarmee je terug kunt gaan en eenvoudig wijzigingen kunt aanbrengen. Leer de workflowverbeteringen van Photoshop, terwijl u een tijdschriftdekking reconstrueert bestaande uit pijlen en lijnen.
Voordat we aan de slag gaan, laten we eens kijken naar de afbeelding die we gaan maken. Zoals altijd is het gelaagde Photoshop-bestand beschikbaar via ons Psdtuts + Plus-lidmaatschap.
Hoogstwaarschijnlijk neem je iemand de leiding over wanneer je professioneel werkt en je weet nooit wat die klant of art director vraagt. Wanneer ze een kromme bal naar je gooien, wil je niet teruggaan en alles opnieuw doen omdat je je bestand niet op een ordentelijke manier hebt opgebouwd. Je moet dingen op de meest efficiënte manier doen. Je zult ook buiten de kaders moeten denken om problemen snel op te lossen.
We gaan een oude tijdschriftomslag opnieuw maken die op het eerste gezicht lijkt alsof het niet te moeilijk zou zijn om te doen, maar als je de fout maakt om te beginnen voordat je wat planning gaat maken, zul je snel een doodlopende weg bereiken, en moet opnieuw beginnen.
Laten we eens kijken naar de illustraties die we opnieuw gaan maken. Je ziet het hier. Het is van de cover van het tijdschrift Juana Gaita, dat momenteel zijn 50ste jaar van publicatie viert.
Dus welke stappen overweegt u te nemen om dit opnieuw te creëren? Ik kan je nu vertellen dat je niet alles zult kunnen bedenken. Er zijn altijd kleine details waar je mee te maken hebt als ze opkomen, maar laten we het beste doen wat we kunnen. Hier zijn enkele details die ik kan zien te behandelen:
Nu met de bovenstaande observaties kunnen we een snelle en rationele manier verzinnen om dit patroon te creëren. Laten we beginnen met de lijnen. Maak een nieuw document van ongeveer 2000px bij 1300px. Ga in de Voorkeuren naar de sectie Gidsen, Raster, Segmenten en Telling. Stel vervolgens je Grid in op elke 80px met 8 subdivisies.
Schakel nu je Grid in door naar Beeld> Tonen> Raster (Command + ') te gaan. Selecteer vervolgens de Rechthoek-tool (U), zorg ervoor dat Pad maken is aangevinkt in de Eigenschappenbalk. Teken een rechthoekpad dat de breedte heeft van een van de onderverdelingen van het raster. Druk nu op Command + T en transformeer het pad zodat het dezelfde breedte heeft, maar laat de hoogte zo ver voorbij de hoogte van het canvas reiken.
Lijn je pad uit zodat het naast een van de hoofdrasterlijnen staat. Zorg ervoor dat u Snap to Grid hebt ingeschakeld onder het menu Weergave, zodat het exact is. Nu met het gereedschap Pen (P) Command-drag over het hele pad. Druk vervolgens op Command + C om te kopiëren, Command + V om te plakken en vervolgens Command + T om te transformeren. Verplaats vervolgens de nieuwe naar de volgende hoofdrasterlijn. Herhaal dit totdat je iets hebt dat op de onderstaande afbeelding lijkt. Wanneer u bij de rand van het canvas komt, selecteert u alle paden en verplaatst u ze naar links. Zorg ervoor dat ze op een lijn staan en ga verder.
Selecteer nu alle paden met het gereedschap Pen en druk op Command + T. Voer in de Eigenschappenbalk 45 in de Hoekdoos in en druk op Enter. Maak nu een nieuwe effen kleuraanpassingslaag met de paden en vul deze met zwart. Dupliceer die laag en druk op Command + T. Klik vervolgens met de rechtermuisknop in het vak Transformeren en selecteer Horizontaal spiegelen. Nu hebben we onze twee sets van loodrechte lijnen.
Notitie: De reden dat we de lijnen zwart maakten en niet de kleur die we eigenlijk willen, is omdat we op dit moment een masker bouwen dat we later zullen gebruiken om de kleur te maken. Dit is vanwege wat ik opmerkte in observatie nummer drie waar de kleuren omgekeerd zijn. Het zal later meer zin hebben, maar let er nu op dat we een masker bouwen.
Zoom in op een manier zodat je de pixels kunt zien waar de lijnen elkaar kruisen. Maak een gids door op de liniaal boven aan het document te klikken en te slepen. Als u geen liniaal ziet, drukt u op Command + R en deze verschijnt. Lijn de gids uit, zodat deze precies zit waar de lijnen elkaar kruisen. Zoom nu een beetje uit. Maak dan een andere gids op dezelfde plaats, plaats hem alleen in vier vakken. Zorg ervoor dat elke gids zich op relatief exact dezelfde plaats bevindt. Dit zal belangrijk zijn om dingen later op één lijn te houden.
Laten we nu ons lagenpalet een beetje indelen door de twee "lijn" -lagen in hun eigen groepen te verdelen. Selecteer een van de lagen "Lijn". Ga vervolgens naar Laag> Nieuw> Groep uit lagen. Doe hetzelfde voor de ander.
We willen niet dat de negatieve ruimte van elk van deze groepen transparant is, dus maak een nieuwe Effen kleuraanpassingslaag en vul deze met wit. Dupliceer deze witte laag en plaats een van deze in elke groep net onder de laag "Lijn". Nu zou u slechts één set regels tegelijk moeten zien.
Nu zijn we allemaal ingesteld om het zigzagpatroon met de lijnen te maken. Selecteer het gereedschap Rechthoek (U) en maak een rechthoekig pad dat volgt op de hulplijnen die u hebt gemaakt. Zorg ervoor dat Snap is ingeschakeld. Nu met het pad gemarkeerd in het padenpalet en de bovenste groep "Lijn" gemarkeerd in het lagenpalet, ga naar Laag> Vector masker> Huidige pad. Als uw hulplijnen correct werden uitgelijnd, zou u een perfecte zigzagvorm moeten krijgen.
Nu hebben we een andere zigzag nodig in de onderste helft van het document. Klik op het vectormasker dat u in de bovenste groep hebt. Met het gereedschap Pen (P) houdt u Command ingedrukt en sleept u rond het pad, drukt u op Command + C om te kopiëren, op Command + V om te plakken en vervolgens op Command + T om te transformeren. Breng het nieuwe pad naar beneden totdat de tweede zigzaglijn perfect is uitgelijnd.
U moet ook controleren of de twee paden in het vectormasker zich op gelijke afstand van elkaar bevinden. Het liniaalgereedschap (I) is hier handig en verstopt zich onder het gereedschap Pipet (I). Klik met de liniaal en sleep. De afstand tussen de twee punten wordt weergegeven in het informatiepalet.
Nu zijn we klaar om de horizontale balken te maken. Op dit moment hebben we alles wat we nodig hebben om ze al gemaakt te maken. Klik op het vectormasker in de bovenste groep "Lijn". Sleep vervolgens in het padenpalet het pad dat zegt "Groep 1 vectormasker" naar beneden naar de knop Nieuw pad onderaan in het palet.
Zorg dat het nieuwe pad dat in het padpalet is geselecteerd een nieuwe inversie-aanpassingslaag boven beide "lijn" -groepen maakt. Het komt perfect overeen met de zigzaglijnen omdat we dezelfde paden hebben gebruikt als we hebben gedaan om de zigzags te maken.
Laten we nu de pijlvorm maken. Zoom in op een van de punten waar de lijnen samenkomen. Klik met het gereedschap Pen (P) rechts op het punt waar de lijnen samenkomen om een nieuw padpunt te maken. Terwijl je Shift de hele tijd vasthoudt om het pad te beperken, klik je op de verschillende punten die je nodig hebt om de pijl te vormen.
Alle lijnen moeten perfect recht zijn, of in een hoek van 45 graden, als u Shift ingedrukt houdt. Je zult ongetwijfeld terug moeten gaan om enkele van de punten aan te passen. Om dit te doen, hoeft u Command + klik op een punt te klikken. Gebruik vervolgens de pijltoetsen om het rond te bewegen. Hier zijn een paar foto's van hoe mijn pijl omhoog komt. Ik heb het rood gemaakt, zodat je het beter kunt zien.
Zorg dat je pijlpad is geselecteerd en maak een nieuwe inversie-aanpassingslaag boven de vorige. Lijn de pijlvorm naar boven uit op een van de plaatsen die het zou moeten zijn. Het zou een goed moment zijn om naar het origineel te verwijzen om te zien waar de dingen naartoe gaan. Het moet vrij eenvoudig zijn om ze in een rij te plaatsen als u de Snap hebt ingesteld. Blijf de laag "Pijl omkeren" dupliceren en plaats de verschillende pijlen waar ze moeten zijn. Er is een totaaltotaal plus een laag met een effen kleuraanpassing.
Er is nog een klein detail dat we moeten repareren voordat we een masker van dit kunstwerk kunnen maken. Let op hoe de lijnen de voorkant van de pijlen verstoren. Als je terugkijkt op de originele illustratie, zie je dat er geen lijnen zijn met de voorkant van de pijlen. Dit is een eenvoudige oplossing.
Open een van de "Lijn" -groepen. Klik vervolgens op de laag "Lijn". Druk op de knop Laagmasker toevoegen en er verschijnt een masker naast het vectormasker. Nu het laagmasker is gemarkeerd, kunnen we de lijnen eenvoudig wegstrepen met een zwarte penseel waar we ze niet willen hebben. Herhaal deze stap voor de andere laag "Lijnen".
Deze dubbele maskertechniek is een echte spaarder omdat we de vectorlijnen niet hoeven te verwijderen. Dat betekent dat alle vectorinformatie nog intact is voor het geval we terug moeten gaan en iets op een later tijdstip moeten wijzigen.
Nu zijn we eindelijk klaar om wat kleur toe te voegen! Zoals ik al eerder zei, we gaan gebruiken wat we hebben gemaakt als een masker om een effen kleuraanpassingslaag te maken. Maak eerst een effen kleuraanpassingslaag boven alle andere lagen behalve de effen kleurenpijl. Maak het welke kleur je maar wilt. Dit is de eerste kleur van je ontwerp.
Schakel de effen kleurenpijl en de effen kleurenlaag uit die u zojuist hebt gemaakt, zodat u het ontwerp eronder kunt zien. Sleep vervolgens in het palet Kanalen het rode kanaal naar de knop Nieuw kanaal om het te dupliceren. Laad nu de selectie van het kanaal door Command + te klikken op de kanaalminiatuur. Maak nog een effen kleuraanpassingslaag net boven de vorige laag. Kies vervolgens je tweede kleur, bij voorkeur een complementaire kleur op je eerste kleur. Zet alle lagen weer aan en daar heb je je ontwerp in kleur.
Als laatste heb ik in een textuurlaag toegevoegd. Je kunt zien hoe je het moet doen in de Psychedelic Poster Tutorial uit de jaren 60.
Nu hebben we een PSD-bestand dat relatief eenvoudig is gezien de complexiteit van het ontwerp. Het belangrijkste onderdeel van de constructie van dit bestand is dat we gemakkelijk kunnen teruggaan naar een van de bovenstaande stappen. Ik hoop dat deze tutorial enig licht heeft geworpen op hoe een professionele workflow wordt bereikt in Photoshop.
Accentsconagua