Share
In deze zelfstudie gebruiken we Photoshop CS om een glanzende nieuwe ketting te maken. We behandelen het maken van vormen met behulp van knock-outtechnieken met vormlagen om een aantal vrij verfijnde contouren toe te passen met laagstijlen. Deze tutorial zal je helpen na te denken over hoe Photoshops Layer Styles werkt en tegen het einde heb je niet alleen een verdomd sexy ketting, maar heb je ook een aantal nieuwe technieken geleerd door out-of-the-box te denken over hoe we denken dat dingen zouden moeten werken. Tijd om ernaar toe te gaan!
Er is een tweede deel aan deze zelfstudie over Fuel Your Creativity, waarin we deze voltooide, glimmende ketting nemen en het er oud, geroest en verdrietig doen uitzien. Bovendien kunt u een Premium-lidmaatschap voor Psdtuts + winnen !! Dus als je hier klaar bent, ga dan naar fuelyourcreativity.com voor een bonus tutorial en maak kans op een Premium 6 maand lidmaatschap voor Psd Plus!
Bekijk de afbeelding die we gaan maken.
Onze video-editor Gavin Steele heeft deze video-tutorial gemaakt om deze tutorial voor tekst en beeld te complimenteren.
Laten we eerst een nieuw document maken door op Command + N te drukken en het een breedte van 750 pixels geven en een hoogte van 1500 pixels bij 300 dpi.
Voordat we onze kettingvormen maken, moeten we nu onze handleidingen instellen. Druk op Command + R om u linialen te tonen en sleep vervolgens een verticale en een horizontale gids om in het midden van het document te klikken. Versleep een andere hulplijn 140 pixels vanaf de bovenkant en een 50 pixels vanaf de linkerkant.
TIP: Door Shift vast te houden tijdens het slepen, wordt de geleider geforceerd om elke 10 pixels te knippen en houdt Alt vast tijdens het slepen om van een horizontale gids naar een verticale gids te schakelen. Dus als u een gids naar exact 100 pixels vanaf links wilt slepen, houdt u Shift + Alt vast tijdens het slepen om een verticale hulplijn te krijgen die elke 10 pixels klikt.
Met onze gidsen op hun plek willen we de basisvorm voor onze ketting creëren. Pak je Rounded Rectangle Tool en verander de Radius in 750px. Plaats uw cursor op het kruispunt van de twee middelste hulplijnen en begin met slepen. Houd Alt ingedrukt om vanuit het midden te schalen totdat het vastklikt met de bovenste en zijgeleiders zoals hieronder afgebeeld. We noemen deze laag 'basislink'. Opmerking: het is belangrijk om te beginnen met slepen voordat je Alt ingedrukt houdt. Ik zal meer uitleggen in de volgende stap.
Nu moeten we knock out het midden van de vorige vorm door de laatste stap te herhalen met een paar kleine verschillen. Selecteer je Afgeronde rechthoek gereedschap en verander de straal in 325 px. Met de vormlaag van de "basislink" opnieuw geselecteerd, beginnen we met onze cursor op het meest centrale snijpunt van onze hulplijnen. Zoals ik in stap 3 al zei, was het belangrijk om Alt niet te raken totdat je midden in de sleep zat. Deze keer willen we Alt ingedrukt houden voordat we beginnen te slepen.
U zult merken dat uw cursor ernaast een minteken heeft. Dit vertelt ons dat we deze vorm zullen aftrekken van de laag "basislink". Dus laten we doorgaan en nu onze innerlijke vorm creëren. Begin bij de middelste hulplijnen en houd Alt ingedrukt en begin met het slepen van je vorm totdat je een vorm hebt van een schakelkoppeling, zoals de afbeelding hieronder.
Laten we deze pup verchromen! Zorg dat de laag "basislink" is gemarkeerd en voeg een afschuining- en reliëflaagstijl toe met de onderstaande instellingen, maar houd het dialoogvenster open.
Nu dubbelklikken we op de glanscontour. We willen deze contour vormgeven om er uit te zien als een tsunami. Gebruik de onderstaande afbeelding als onze gids, laten we de eerste helft van de golf maken. Maak je geen zorgen als het niet precies zo is als de afbeelding hieronder, maar probeer het dichterbij te krijgen. Nu voordat we de tweede helft vormgeven, met de punt van de geselecteerde golf, wilt u het vakje Hoek alleen hieronder controleren voor dit punt. Standaard zijn alle nieuwe punten uitgeschakeld, dus je hoeft het maar een keer te controleren voor het topje van de golf.
Voor de tweede helft van de golf willen we een steile drop-down en een scherpe bocht naar de bodem zoals te zien in de afbeelding hieronder. Hé kijk ... Is dat Keanu?
Nu, vlak onder het Bevel en Emboss-filter is een genest checkbox genaamd Contour. Laten we dat vakje aanvinken, dan dubbelklikken op de Contour en ons vorm geven om op de afbeelding hieronder te lijken. Het is een soort S-curve met het beginpunt één raster bovenin.
Vervolgens glijden we naar wat Satin. Wijzig de instellingen zodat deze overeenkomen met de afbeelding hieronder.
Zoals je waarschijnlijk al ziet, begint onze link er uit te zien als een ketting. Maar wacht, er is meer! Vervolgens voegen we een verloopoverlay toe.
Wijzig de instellingen van het hoofdvenster in overeenstemming met de onderstaande afbeelding en dubbelklik vervolgens op het verloop om de kleuren en de stappen van het verloop aan te passen. Nogmaals, we hoeven niet perfect te zijn met de kleuren of stadia van het verloop, maar we hebben de exacte kleuren hieronder toegevoegd om nauwkeuriger te zijn.
Ewww, wat is er met onze keten gebeurd? Het is allemaal verwaterd en icky, hebben we iets verkeerd gedaan? Wees niet bang! We zullen het venster Laagstijlen namelijk wat langer open houden en de laatste hand leggen om onze chroomgoedheid te bereiken. Oh, en ja ... de oubollige opmerkingen zullen ook doorgaan, dus kom er maar overheen.
Vervolgens voegen we een innerlijke gloed toe aan ons recept van laagstijlen. Inner Glow is in dit geval een beetje misleidend.
Standaard wordt Inner Glow ingesteld op een geelachtige kleur met een mengmodus van het scherm. Dit is prima als we eigenlijk een innerlijke gloed willen, maar waar we naar op zoek zijn, is het tegenovergestelde?
Er is geen Edge Shadow-filter. Maar door Inner Glow te gebruiken en omgekeerd te denken, kunnen we een effect toevoegen aan onze vorm die de rand van onze vorm de illusie van rondheid geeft. Door de mengmodus op vermenigvuldigen in te stellen en een donkerdere kleur te gebruiken in plaats van een lichtere kleur, bereiken we dit effect.
TIP: Je kunt deze omgekeerde Innerlijke Gloed-truc gebruiken voor alles dat je wilt laten uitkomen aan de randen.
Oh het spijt me. Heb ik gezegd dat we klaar waren met de innerlijke gloed? Onthoud onze vriend de Tsunami Contour from Bevel and Emboss "? Nou, we brengen het terug voor Inner Glow. Dit is waar je echt je gewassen delen weer tot leven kunt zien komen.
Gebruik de onderstaande instellingen en pas de contour aan met onze golf uit stap 6 en 7. Nu kunnen we Inner Glow in bed leggen en doorgaan naar de volgende laagstijl.
Vervolgens willen we een innerlijke schaduw toevoegen met behulp van de onderstaande instellingen. De & Inner Shadow vervormt de kleuring net genoeg om de ketting er niet zo symmetrisch uit te laten zien. Wanneer we pseudo-realistische elementen proberen te creëren, is het het beste om de perfectie een klein beetje te vervormen om het een realistischer uiterlijk te geven.
Nu gaan we een andere contour toepassen, maar deze keer is het een voorinstelling. Open het Contour-menu en selecteer "Ring - Dubbel" zoals hieronder te zien is.
Ok mensen, nog een laatste Layer Style effect om toe te voegen en het is Stroke. Verander je instellingen om overeen te komen met de afbeelding hieronder en altviool - we hebben een ketting! Maar we hebben nog een laatste stukje flair om toe te voegen aan de "basislink", dus laten we naar de volgende stap gaan.
Laten we beginnen door een nieuwe laag toe te voegen door op Command + Shift + N te klikken en deze laag de naam 'Hilight' te geven.
Vervolgens, met de laag "Hilight" geselecteerd Command-klik op de basislink laag om onze selectie te krijgen.
Nu willen we deze selectie inkrimpen. We doen dit door naar het hoofdmenu te gaan en op Selecteren> Wijzigen> Inkrimpen te klikken en vervolgens de selectie met 60 pixels inkrimpen.
Vervolgens willen we deze selectie vervagen met 5 pixels. Ga terug naar boven en selecteer> Wijzig> Doezelaar met 5 pixels.
Terwijl we nog steeds op de laag "Markeren" staan, zullen we "D" raken om er zeker van te zijn dat onze voorgrond- en achtergrondkleuren de standaardinstelling zijn. Druk nu op Command + Delete / Backspace om onze gevederde selectie met wit te vullen. Je zou bijna je scherm kunnen bereiken en het pakken!
Nu moeten we de bovenste en onderste koppelingen maken, wat veel sneller zou moeten zijn omdat we al het grondwerk in de "Laagstijlen" hebben gedaan om onze chroomafwerking te maken. Dus laten we een aantal nieuwe handleidingen instellen en we zullen de rest van onze links creëren.
We weten dat onze ketting vanaf het zijaanzicht niet dikker is dan één kant van onze ketting vanaf de voorkant, dus we slepen een gids naar de binnenkant links van onze "basisverbinding" en één naar beneden naar de buitenkant-onderkant van de "basis link, "zoals hieronder te zien.
Met behulp van deze handleidingen willen we de zijaanzicht links van onze keten creëren. Pak het gereedschap Afgeronde rechthoek vast, stel de straal in op 325 pixels en sleep de vorm met behulp van onze nieuwe hulplijnen op zijn plaats totdat deze naar onze hulplijnen klikt. U moet eindigen met een nieuwe vormlaag die eruit ziet als de afbeelding hieronder. Noem deze laag 'toplink'.
Nu willen we de laagstijl kopiëren die we hebben toegepast op de 'basislink' en deze plakken op de link in de zijweergave die we zojuist hebben gemaakt. Klik met de rechtermuisknop op de laag "basislink" en selecteer Laagstijl kopiëren. Selecteer vervolgens de laag 'toplink' en klik met de rechtermuisknop en plak de laagstijl.
De onderstaande afbeelding laat nu zien dat we hetzelfde effect hebben op de 'toplink' als op de 'basislink'. Nu willen we de highlight toevoegen aan de 'toplink', net zoals we dat in stappen 17, 18 en 19 hebben gedaan met de 'basislink'. Laten we daar naar toe gaan.
Maak eerst een nieuwe laag boven de bovenste linklaag door op Command + Shift + N te drukken.
Klik vervolgens met de nieuwe laag nog steeds op Command en klik op de bovenste linklaag om onze selectie te krijgen. Als je je dit herinnert, moeten we deze selectie contracteren en bevederen door naar het bovenste menu te gaan en Select> Wijzigen> Inkrimpen met 60 pixels te kiezen en vervolgens Selecteren> Wijzigen> Doezelaar te kiezen en we willen de selectie vervagen met 5 pixels.
Ten slotte gaan we deze selectie vullen met wit door op Command + Delete / Backspace te drukken. Noem deze laag "top link hilight" en nu hebben we onze toplink met dezelfde Layer-stijl en highlight als onze basislaag.
Laten we nu deze stukjes op hun plaats zetten. Selecteer de laag 'toplink' en 'toplink hilight' door er een te selecteren en Shift-klik op de andere laag. Sleep het naar het midden bovenaan zoals te zien is in de onderstaande afbeelding.
Vervolgens willen we deze twee lagen kopiëren. We doen dit door op Alt te klikken en ze naar beneden te slepen totdat het overeenkomt met de afbeelding. Nu, noem deze kopieën eindelijk de naam 'onderste link' en 'onderste link-highlight'.
Nu, misschien is het alleen mij, maar ik hou niet van de manier waarop de bovenkant van die onderste link eruitziet. Dus laten we het oplossen. Open het dialoogvenster Laagstijlen voor de "onderste koppeling" door te dubbelklikken op de laag. Ga vervolgens naar de stijl Afschuinen en reliëf en wijzig deze van Boven naar Beneden. Veel beter.
Deze stap is niet echt een stap, maar is een goede praktijk. Omdat we verschillende lagen hebben die deel uitmaken van de afzonderlijke koppelingsdelen, gaan we de lagen samenvoegen. Laten we de basislink en de laag 'Hilight' selecteren en op Command + G drukken en deze groepslaag 'basislink' noemen. Doe hetzelfde proces voor de "toplink" en zijn hoogtepunt en dan voor de "onderste link" en zijn hoogtepunt. Allemaal leuk en georganiseerd.
Als we hoogtepunten hebben, moeten we schaduwen hebben toch? Rechts! Dus maak een nieuwe laag boven de "basislink" -groepslaag zoals hieronder weergegeven en noem die "schaduwen". Vervolgens, als het nog niet open is, open dan de "basislink" -groep en met de "schaduwen" -laag nog steeds geselecteerd Command-lik op de "basislink" -vormlaag. Nogmaals, dit geeft ons een selectie van onze "basislink".
Druk nu op Shift + M totdat we onze Elliptical Marquee Tool hebben. We willen een deel van deze selectie aftrekken, dus net als voorheen deden we het uitklinkeffect van de vormlaag van onze basislinks, we houden Alt ingedrukt en opnieuw kunnen we zien dat het minteken zichtbaar is, wat aangeeft dat we aftrekken van deze selectie.
Sleep nu eenvoudig uw selectiekader aan weerszijden van onze originele selectie om het van elke kant af te trekken totdat u uiteindelijk een selectie krijgt die op de onderstaande afbeelding lijkt. Zoals je hieronder kunt zien, is onze selectie ook niet perfect, dus als je het een paar keer wilt proberen, kunnen we wachten.
Veren onze selectie met 35 pixels. Dus als je het eerder onthoudt, kun je naar het menu gaan en naar Selecteren> Wijzigen> Veer gaan. Of druk op Shift + F6.
Om onze gevederde selectie te vullen met zwarte druk op Alt + Delete / Backspace, deselecteer je door op Command + D te drukken en naar de volgende stap te gaan.
Weer met de laag "schaduwen" geselecteerd, Command-klik op de laag "basislink" om onze selectie te krijgen. Vervolgens gaan we naar Laag> Laagmasker> Alles onthullen om de maskerlaag te maken. Vul nu het masker in door op Command + Delete / Backspace te drukken en Command + D om de selectie ongedaan te maken.
Wacht, er is iets mis. Zou de schaduw niet moeten zijn OP de ketting en niet erachter?
Oh ja, een eenvoudige Command + I om ons masker om te keren en daar heb je het. Zet die schaduw op 70% dekking, door op V te drukken om te controleren of ons verplaatsgereedschap actief is en dan 7 om onze dekking op 70% te krijgen.
TIP: Zolang het gereedschap Verplaatsen (V) actief is, wordt de dekking van die laag in stappen van tien verspringen door getallen één tot nul in te drukken. Als u op 1 drukt, krijgt u een dekking van 10% en drukt u op 8 om 80% dekking te geven, terwijl 0 dit terugbrengt naar 100%. Als u vervolgens snel op 5 en vervolgens 3 drukt, krijgt u 53% enzovoort enzovoort.
We maakten het! Klik hier om de voltooide ketting van volledige grootte te zien.
Ik hoop dat je net zoveel plezier hebt gehad als ik! We hebben veel geleerd, en niet alleen hoe je een keten moet maken, maar hopelijk kunnen nog enkele andere technieken worden gebruikt in de toekomstige ontwerpen die je zelf maakt.
Vergeet niet om naar Fuel Your Creativity te gaan om de zusterhandleiding te lezen over hoe je deze keten er oud uit kunt laten zien en maak kans op een Premium 6 maanden lidmaatschap voor Psd Plus!
Accentsconagua