Share
Het beste boek dat ik ooit heb gelezen over tekenen is er een genaamd Tekenen aan de rechterkant van de hersenen. Na het lezen ben ik nog steeds behoorlijk slecht in tekenen, maar ik heb veel geleerd over licht en schaduw. In deze tutorial gaan we enkele zeer eenvoudige principes van licht en schaduw gebruiken om een nogal indrukwekkend uitziend teksteffect te maken.
Dus voordat we de tutorial beginnen, is hier een klein diagram over hoe licht een object zou kunnen raken. Hier hebben we een vierkant object in het midden met links van linksboven. Je kunt zien dat waar het licht het object raakt, er een schaduw wordt geworpen op de andere kant. Merk op dat de schaduw geen Photoshop-slagschaduw is, waardoor het object eruit ziet alsof het boven het canvas zweeft. Hier willen we dat het object eruitziet alsof het een driedimensionaal ding is dat op het canvas is geplakt, het extrudeert als je wilt. Vertel me nu wat andere Photoshop-tutorials je diagrammen geven? Het is alsof je weer op school bent!
We beginnen de zelfstudie door een subtiel lineair verloop te tekenen van donkergrijs naar donkerder grijs. Merk op dat, omdat we willen dat ons licht van linksboven komt, daar het lichtere deel van het document is.
Nu plaatsen we wat tekst. Ik heb een heel cool lettertype gebruikt, genaamd Agency FB, dat een gecondenseerd, hard-edge gevoel heeft. Je moet de tekst een grijs-achtige blauwe kleur maken - # c2c8d4 om precies te zijn.
Volgende Ctrl-klik op de tekstlaag en maak een nieuwe laag erboven. Plak in de nieuwe laag, met die selectie nog steeds, een lineair verloop van # 495a79 van links naar rechts van links naar rechts. Dus met andere woorden, je verduistert rechtsonder zoals weergegeven.
Zet je voorgrondkleur op zwart (je kunt dit doen door op de letter 'D' op je toetsenbord te drukken die de standaardinstellingen herstelt).
Ctrl-klik nu opnieuw op de tekstlaag en maak een nieuwe laag onder de tekstlaag. Druk nu eenmaal op de pijl omlaag op uw toetsenbord en eenmaal op de pijl naar rechts op uw toetsenbord. Druk vervolgens op Alt + Backspace om het met zwart te vullen. Druk vervolgens één keer naar beneden en weer naar rechts en vul met zwart. Elke keer dat je 1px naar rechts en 1px naar beneden verplaatst. Je moet dit proces ongeveer 30 keer herhalen (daarom is het belangrijk om Alt + Backspace te gebruiken in plaats van de Fill-tool).
Merk ook op dat om de selectie maar niet de vullingen te verplaatsen wanneer u op uw pijltjestoetsen drukt, u een van de selectiekadergereedschappen moet hebben. Als u naar het verplaatsgereedschap (V) overschakelt wanneer u naar beneden en naar rechts drukt, verplaatst u feitelijk de zwarte vulling en de selectie en vult u dezelfde pixels steeds opnieuw.
Dit is wat je nu zou moeten hebben. Schakel de selectie uit en zorg ervoor dat je op de schaduwlaag staat, ga dan naar Filter> Vervagen> Bewegingsonscherpte en gebruik waarden van -45 graden en een afstand van 30 px.
Stel uw schaduwlaag in op Vermenigvuldigen en ongeveer 40% Dekking en houd vervolgens Shift ingedrukt en druk op de pijl-omlaag en vervolgens op de pijl naar rechts. Hiermee verplaats je je object naar rechts en naar beneden elk 10px (Shift vertelt Photoshop om 10px tegelijk te gaan in plaats van 1). Nu kunt u enkele van de wazige delen van de schaduw naar boven en links van het object uitsteken. Als dit het geval is, pak dan een kleine zachte gum en wis alles wat niet grijs mag worden weg (onthoud het schema aan het begin).
Dupliceer vervolgens de schaduwlaag, houd Shift ingedrukt en schuif deze naar beneden en weer naar rechts. Voer vervolgens het Motion Blur-filter opnieuw uit met een afstand van 50px deze keer en stel deze laag in op Vermenigvuldigen en 20% Dekking. Dit is alleen maar om onze schaduwen meer een spoor te geven.
Maak nu een nieuwe laag boven alle andere lagen, houd Ctrl ingedrukt en klik op de hoofdtekstlaag om de pixels te selecteren en terug op je nieuwe laag vul de selectie met wit. Laat de selectie echter nog niet los. Druk in plaats daarvan één keer naar beneden en naar rechts om 1 px te verplaatsen en druk vervolgens op Wissen.
Zet deze dunne witte lijnlaag op ongeveer 80% dekking.
Zoals u kunt zien, geeft de dunne witte lijn een soort van highlight-effect waarbij de lichtbron de tekst raakt en de indruk wekt dat de tekst meer driedimensionaal is.
Vervolgens willen we een aantal natuurlijke lichtstromen creëren. Maak een nieuwe laag boven alle andere en teken vier of vijf witte rechthoeken die ongeveer gelijk zijn aan de weergegeven (d.w.z. dikker worden als ze naar beneden gaan).
Druk nu op Ctrl + T om de rechthoeken te transformeren en draaien en vergroten, zoals weergegeven. Normaal zou je nu op Enter drukken als je klaar bent, maar deze keer laat je het nog niet los. Klik in plaats daarvan met de rechtermuisknop en u krijgt een pop-upmenu met andere soorten transformaties die u kunt doen. Kies Perspectief. De reden dat het belangrijk is om dit in één stap te doen, is dat je je selectiekader niet verliest. Dus neem de twee bovenste punten linksboven en breng ze dichter bij elkaar zodat het licht van één plaats lijkt te komen en zich uitspreidt.
Hier hebben we onze vier stroken van "licht". Zet nu de laag op Overlay en 20% Dekking en ga dan naar Filter> Blur> Gaussian Blur en geef het een blurstraal van 6 px.
Je zou nu iets moeten hebben dat er zo uitziet.
Nu, omdat die dunne stroken bedoeld zijn als licht, zou het logisch zijn als onze hooglichtlaag alleen opdaagt waar het licht precies goed was? Dus Ctrl-klik op de lichte laag en klik vervolgens op de markeerlaag van eerder, en terwijl de selectie nog aan is, klik dan op de knop Laagmasker toevoegen (het is de laag onderaan het lagenpalet rechts van de f ' icoon). Hierdoor wordt een masker gemaakt dat alleen de markeringslaag toont waar het licht dit overlapt.
Dus je zou hier kunnen stoppen; het ziet er al redelijk goed uit, maar we zullen dit effect afmaken door wat warme verlichting toe te voegen.
Dus maak eerst een nieuwe laag net boven de achtergrond en vul deze met een roze kleur - # 9d506c.
Zet nu de overvloeimodus van de roze laag op Kleur en de dekking op 20%. Dit geeft onze achtergrond een mooie roodachtige warmte. Op de top hiervan kunnen we nu wat gele kleuren mengen. Als we de roodachtige cast eronder niet aanbrengen, ziet het resultaat er te geel uit en is het niet echt.
Vervolgens maken we een laag net boven het roze. Vul het volledig met wit en ga vervolgens naar Filter> Render> Belichtingseffecten. Ik gebruik niet vaak belichtingseffecten, maar het heeft wel een heel coole voorinstelling, de 'Tweeklokspot', die je kunt selecteren door bovenaan naar Stijl te gaan en door de opties te kijken. Je kunt dit vrijwel standaard gebruiken, maar voor onze doeleinden helpt het om de ellips uit te breiden om het iets langer te maken (de spot is iets verder weg).
Nu plaatsen we de verlichtingslaag op Overlay en hebt u iets als hieronder weergegeven. Dupliceer nu die laag, verplaats hem boven alle andere en zet hem op 40% dekking. Dit zorgt ervoor dat onze warme verlichting ook interactie heeft met de tekst en niet alleen met de achtergrond.
http://psd.tutsplus.com/tutorials/text-effects-tutorials/using-light-and-shade-to-bring-text-to-life/
Ten slotte dupliceren we de bovenste verlichtingslaag nog een keer en zetten deze op 65% Dekking, klik vervolgens opnieuw op de knop Laagmasker toevoegen in het lagenpalet en tekent een lineair wit naar zwart verloop van linksboven naar rechtsonder. Hierdoor vervaagt de extra verlichtingslaag naarmate deze naar beneden gaat.
Accentsconagua