Share
In deze tutorial gaan we leuke, realistische, diervriendelijke, 3D-typografie maken in Photoshop met behulp van de Repousse-tool van CS5. Laten we beginnen!
De volgende items zijn gebruikt tijdens het maken van deze zelfstudie.
Open een nieuw Photoshop-bestand dat 17 inch breed en 11 inch hoog moet zijn met een resolutie van 300 pixel / inch.
Eerst gaan we een eenvoudige achtergrond maken. Ik wil dat de laatste achtergrond echt helder is, zodat ik de letters goed kan laten zien, maar het zou het een beetje moeilijk maken om aan te werken, dus ik ga gewoon een subtiele gradatie zetten die we later kunnen verwijderen.
Ontgrendel de achtergrondlaag door er twee keer op te klikken en het menu Lay-outstijl te openen. Selecteer de optie "Gradient Overlay" en selecteer een verloop dat van Zwart naar Wit gaat tot een hoek van ongeveer 39km en verminder de dekking tot 70%.
Maak daarboven een nieuwe laag en gebruik het gereedschap Emmer (G) om de voorgrondkleur in te stellen op zwart en de laag op te vullen. Ga dan naar het menu Filter> Ruis> Ruis toevoegen en gebruik een hoeveelheid van 20% met Distribution on Uniform en de Monochromatic optie aangevinkt.
Ga naar Afbeelding> Aanpassingen> Omkeren (Command / Ctrl + I) en stel de overvloeimodus in op vermenigvuldigen.
Je achtergrond is ingesteld en zou er ongeveer zo uit moeten zien:
Selecteer het tekstgereedschap (T) en schrijf de eerste letter van uw tekst. We zullen deze brief per brief doen, zodat we elk een ander perspectief kunnen geven als we ze samen met de Repouss maken? tool. Het lettertype dat ik zal gebruiken voor deze les heet Hobo Std met de grootte van ongeveer 380 pt (verander de grootte afhankelijk van de documentgrootte waar je aan werkt).
Zodra u uw tekstlaag heeft gepositioneerd, gaat u naar menu 3D> Repouss? > Tekstlaag. Zorg ervoor dat je de "extrude" vormvoorinstelling selecteert en draai je 3D-letter naar een mooi perspectief met behulp van het rotate text mesh-gereedschap. We laten alle andere opties staan op hun standaardinstellingen. Alle 3D-letters vormen de basis van ons werk dus neem rustig de tijd om ze te positioneren en weer te geven.
In principe gaan we hetzelfde doen voor elke letter in uw woord. Elke keer veranderde een beetje het perspectief van de brief. Je hoeft je nu geen zorgen te maken over lichtbronnen, we gaan dit oplossen zodra we onze texturen om de letters beginnen te wikkelen.
Speel gerust met de positie van elke letter. Zoals je hier kunt zien, plaats ik de "L" voor de "I" en de "D" om meer variatie en diepte te geven.
Ik stel voor dat je elk woord letters in verschillende groepen bewaart om dingen georganiseerd te houden.
Doe hetzelfde voor het tweede woord. Vergeet niet om te blijven ronddraaien en spelen met de posities van de lagen, zodat ze er niet allemaal hetzelfde uitzien. Maak een nieuwe groep voor elk woord dat je maakt.
Nadat u klaar bent met elk woord, moeten ze in verschillende groepen worden gescheiden om de dingen georganiseerd te houden voor de volgende stap. Uw afbeelding met de gerenderde letters zou er nu ongeveer zo uit moeten zien:
Kopieer de mappen van je 3D-letters en rasteren elk van hen door met de rechtermuisknop naast de duim van de laag te klikken en de optie "3D renderen" te selecteren, dit zal het gemakkelijker maken om ermee te werken. Als je wilt, kun je de originele 3D-woorden behouden, zodat je ze kunt terughalen voor het geval dat nodig is.
We zullen veel clip-gemaskerde lagen en aanpassingslagen gebruiken, dus ik raad je aan elke letter in een eigen groep te plaatsen.
Om dit effect te laten werken, moeten we eerst elke kant van de letter isoleren, zodat we de texturen volgens het letterspectief kunnen omsluiten. Dit proces kan in het begin een beetje saai zijn, maar uiteindelijk krijgen we een cool, realistisch effect van dierlijke textuur.
We beginnen met de letter "W". Er zijn veel manieren waarop we de zijkanten van elke letter kunnen isoleren. Op dit moment gaan we twee methoden gebruiken. Het gereedschap Toverstaf (W) en het gereedschap Pen (P) gebruiken.
Selecteer het toverstaf-gereedschap (W) en klik op één kant van de letter. Nadat de selectie is gemaakt, maakt u een nieuwe laag en vult u de vorm met kleur wit (ALT + BACKSPACE). Hernoem de nieuwe laag met welke kant dan ook van de letter die je hebt geselecteerd. In dit geval de "voorkant", dan gaan we met de "zijkant" de "achterkant" enzovoort.
Deselecteer de vorm (Command / Ctrl + D) en ga terug naar de "W" -laag en selecteer vervolgens een nieuwe zijde met het toverstafgereedschap, maak een nieuwe laag en vul deze met wit. Herhaal ditzelfde proces voor elke zijde.
Mogelijk moet u de waarde "Tolerantie" van het toverstaf-gereedschap wijzigen, afhankelijk van hoe de selectie is gemaakt. Als het gereedschap een kleinere selectie doet dan u wilde, selecteert u een tolerantiewaarde die hoger is dan die u hebt ingesteld totdat u uiteindelijk een selectie van de hele vorm maakt.
Het is het beste als we alle zijden vullen met kleur wit, zodat we snel kunnen zien of we textures op de letter hebben gemist.
Zodra u alle zijden van de letter hebt geïsoleerd, kunt u de zichtbaarheid van de laag van de oorspronkelijke 3D-vorm uitschakelen.
Download de
Luipaard vacht textuur en sleep het naar uw document. We gaan het meerdere keren dupliceren om in elke vorm van de brief te wikkelen en we gaan elk van de textuurlagen verbinden met knipmaskers. Sleep de textuurlaag naar de bovenkant van de vorm. Houd ALT vast en klik tussen de twee lagen om een knipmasker te maken.
Gebruik de transformatiegereedschappen nu om de textuur aan te passen aan het perspectief en de positie van de letter.
Een van de beste hulpmiddelen om de tekst in te pakken, is de optie "Verdraaien". Dupliceer de tekstlaag en knip masker één aan elk van de vormen en transformeer deze overeenkomstig.
Het kan enige tijd duren om het perspectief goed te krijgen, maar het wordt gemakkelijker terwijl je het doet.
Zodra je alle kanten op hebt met de textuurclip die aan elke vorm is gemaskeerd, moeten je lagen en 3D-letter er ongeveer zo uitzien:
Nee, we zullen schaduw aan elke kant van de letter toepassen om diepte en realisme toe te voegen. Maak een nieuwe laag bovenop de structuurlaag, stel de overvloeimodus in op "Vermenigvuldigen" en knip het masker weg.
Pak het penseel (B) vast met een basisrond punt van 0% hardheid en ongeveer 150 pixelbreedte met de borsteldekking ingesteld op 30%, zet je voorgrondkleur op zwart. Kies je lichtbron (in dit geval besloot ik dat het licht zou komen van het middengedeelte van het canvas aan de bovenkant) en zachte penseelschakeringen en schaduwen op basis van je lichtbron.
Borstel zoveel keer nodig aan elke kant van de letter.
Je lagen en schaduwen zouden er nu ongeveer zo uit moeten zien:
Nu de schaduw op de letter klaar is, moeten we de delen verbeteren waar het licht onze vorm raakt. Om dit te doen, knip je een nieuwe laag op de schaduwlaag van de vorm die je licht wilt toevoegen.
In dit geval voeg ik gewoon licht toe aan het voorste gedeelte van de brief. Zet de overvloeimodus van de laag op "Overlay" en gebruik dezelfde zachte borstel die we voor de arcering hebben gebruikt, nu gaan we beginnen te schilderen met wit.
Het haar of
"pels" is erg belangrijk om deze look realistisch te maken en de diepte van de typografie te vergroten. Maak een nieuwe laag bovenop alle lagen in je groep. U hoeft deze niet te maskeren.
Pak het penseel en selecteer een harde ronde penseel van ongeveer 3 pixels breed en 100% dekking. We hebben dit echt nodig om zoveel mogelijk details te krijgen. Controleer in het penselenmenu de optie "Shape Dynamics" en stel Size Jitter Control in op "Pen pressure".
Zoals je kunt zien in de voorbeeldweergave van de penseelstreek, zorgt het instellen van het besturingselement op pendruk ervoor dat de lijn aan het begin en het einde vervaagt. Ik gebruik hiervoor een grafische tablet, zodat de drukdynamiek beter zal zijn. Als u geen grafisch tablet hebt, kunt u altijd het gereedschap Pen gebruiken om kleine paden te tekenen, deze vervolgens te aaien en te dupliceren, zodat u het hele silhouet van de letter gemakkelijker kunt vullen met het haar.
Begin met ALT + vast te houden en klik op een kleur van de textuur om een "quick eyedropper" -modus te openen en te samplen (ik raad aan om eerst met de donkere tonen te beginnen) begin met korte korte halen langs de randen van de letter volgens de richting van de haar in de textuur.
Naarmate u vordert, kunt u de kleuren op regelmatige basis (van de donkerste tot de lichtste) blijven houden, rekening houdend met de kleuren op de textuur om een mooie blend te maken.
Neem de tijd terwijl je deze stap doet. Hoe meer detail en variatie in kleur je maakt, hoe realistischer het wordt.
Zodra je alle randen hebt bedekt met het geschilderde haar, verander je de grootte van de borstel in 1 pixel. Selecteer een middentonenkleur en krabbels enkele willekeurige lijnen eromheen.
Blijf het haar bewerken tot de randen volledig zijn gevuld.
Nu gaan we wat contrast toevoegen aan de afbeelding. Wanneer u tevreden bent met het resultaat van de vorige stappen, kunt u de "W" -groep dupliceren en vervolgens samenvoegen (Command / Ctrl + E) om de volgende contrastinstellingen toe te passen:
Kleine details zoals het plaatsen van staarten en ogen in dit soort manipulatie maken het echt pop en geeft het een zeer organische uitstraling.
Op de originele textuurafbeelding tekent u met het gereedschap Pen of het hulpmiddel voor veelhoekige lasso (L) een swirly vorm en kopieert u deze naar een nieuwe laag.
Nu moeten we volume en schaduw aan de staart geven. Ga naar het menu Lay-outstijl, vink de optie Schuine rand en reliëf aan en pas de volgende instellingen toe:
Deze instellingen zullen enige schaduw en lichten op de staart aanbrengen en het wat volume geven. Bovendien kunt u maskers een nieuwe laag knippen en nog meer schaduwen en hooglichten verven zoals we in de vorige stappen hebben gedaan.
We moeten ook wat haar schilderen. Gebruik dezelfde techniek als bij de randen van de letters.
Je kunt de staartlagen ook in een andere groep plaatsen. Dit moet onder onze letter zijn, zodat de staart erachter schuilgaat.
Net zoals we eerder met de letter "W" gedaan hebben, moeten we beide zijden van de letter "I" isoleren.
Sleep de Zebras-voorraadafbeelding naar uw document. Teken met het pengereedschap of de veelhoekige lasso een grote selectie van de zebrahuid en kopieer deze naar een nieuwe laag. Dit is de textuur die we voor deze brief zullen gebruiken.
Gebruik het clipmasker opnieuw en wikkel de textuur rond de vormen. Pas op dat je dit niet te veel wijzigt, want we willen het zebrapatroon zo herkenbaar mogelijk houden.
Zodra je de textuur hebt, is het tijd om de arcering uit te voeren en highlights te markeren. Maak een nieuwe laag, knip het masker in de textuur en dienovereenkomstig schaduw.
We moeten ook wat haar rond de randen schilderen. Het verschil is dat we deze keer het haar een beetje korter moeten schilderen dan met de luipaardbrief. Gebruik een harde ronde borstel van ongeveer 2 pixels breed en proef de kleuren van de textuur.
Omdat de textuur er een beetje plat uitziet zoals het nu is. We moeten ook wat haardetails in de brief schilderen. Gebruik hiervoor een borstel van 1 pixel en 2 pixel.
Voor de detaillering van deze brief ga je terug naar je originele stockbeeld en maak je een selectie van het achterhaar van de Zebra. Gebruik een veerstraal van 3 pixels voor de selectie en kopieer het haar in een nieuwe laag.
Plaats het achter de letter en schilder wat haar erop zoals op de vorige stap. Het zou er ongeveer zo uit moeten zien:
Teken op de laag met de Zebra-textuur een selectie van een andere swirly-vorm (probeer ze van de andere te maken) en kopieer deze naar een nieuwe laag. Zet deze laag op de bovenkant van de brieflagen.
Clip een nieuwe laag en voeg arceringen en markeringen toe met een zachte ronde borstel.
Open het menu Lay-outstijl en gebruik de volgende instellingen voor Afschuinen en reliëf om het volume van de staart te verdelen. (Experimenteer met deze waarden voor verschillende resultaten)
Verf op een nieuwe laag wat haar om het af te maken. Masseer of verwijder ook met een zachte borstel, een stukje van de staart waar het het achterhaar ontmoet, zodat het lijkt alsof de staart van achteren naar de top komt.
Maak een nieuwe laag tussen de groepen "I" en "W". Hier gaan we de schaduw schilderen die op de "W" valt door de letter "I". Pak een zachte ronde borstel van ongeveer 200 pixels breed met een laagdekking van ongeveer 30% en veeg over de letter
"W" waar de schaduw zou moeten zijn:
Begin met het isoleren van elke zijde van de letter in afzonderlijke vormen. Sleep vervolgens naar de snake skin texture, maak een selectie op de skin zoals eerder en kopieer deze naar een nieuwe laag.
Terwijl de clip de textuur in de vormen maskeert, probeert u de textuurpatronen en vormen te volgen. Experimenteer met verschillende posities om te zien wat het beste zou passen. Zoals je in het onderstaande voorbeeld kunt zien, heb ik geprobeerd het patroon langs de letter te laten lopen in plaats van alleen de textuur willekeurig te knippen:
Met een textuur als deze kan deze er heel plat uitzien als je de textuur niet transformeert volgens het perspectief van de vormen in de letter.
Voeg de arceringen en lichten toe zoals we eerder met de letters deden:
Neem de Reptile Eye-stockfoto en sleep deze naar uw document. Gebruik het pengereedschap om het oog uit de afbeelding te halen. Draai het horizontaal, transformeer het zodat het overeenkomt met het perspectief van de letter en plaats het op de top van de voorste vormlaag.
Nu gaan we Dodge en Burn (O) gebruiken om het licht van de vorm te evenaren. Pak het gereedschap Verbranden en selecteer een zachte ronde penseel van ongeveer 30 pixels breed met het bereik van het gereedschap Verbranden ingesteld op middentonen en de belichting op 25%. Penseel rond de donkere gebieden om schaduw te creëren op het oog.
Selecteer nu het gereedschap Ontdooien en doe hetzelfde om hoogtepunten te maken.
Nu gaan we wat detaillering toevoegen aan de letter, om de dierlijke reptielachtige look nog verder te verbeteren.
Selecteer een harde ronde borstel van ongeveer 10 pixels breed en de dekking ingesteld op 100%. Selecteer de laag van de vorm waarin we de texturen gemaskeerd hebben gemaskeerd. Verf kleine bulten langs de randen volgens het patroon van de schalen. Je zult zien dat de textuur ook werkt op deze nieuwe geschilderde delen. Als er op enig moment onoverdekte plekken zijn door de textuur, kun je het altijd een beetje meer transformeren om alles te bedekken.
Aangezien deze brief voor andere twee letters staat, moeten we de schaduwen die erover vallen overschilderen. Maak een nieuwe laag onder de "L" -groep en gebruik een zachte ronde borstel met kleurzwart en lage dekking om de schaduwen op de letters te schilderen, net zoals we deden bij stap 18.
Hier is een blik op het deelvenster Lagen tot nu toe.
Ster door elke kant van de letter uit zijn eigen laag te extraheren. In dit geval, evenals op sommige andere letters, werkt het gebruik van het toverstaf-gereedschap mogelijk niet goed. Gebruik in dit geval het pengereedschap om een pad langs de vorm te tekenen en het te vullen.
Mogelijk moet u dit doen in letters met veel schaduwen en rondingen.
Neem het voorraadbeeld van de Elephant-textuur en pas de volgende helderheids- en contrastinstellingen toe:
Net als bij de vorige stappen, begint u met het kopiëren en knippen van de textuurlaag naar elk van de zijden van de brief.
Wees voorzichtig en neem de tijd om de textuur te veranderen, vooral op de ronde gebieden.
Terwijl u de arcering op de texturen doet, neemt u als referentie uw eerste 3D-vorm, op die manier kunt u lichten en schaduwen op een meer accurate manier toepassen.
Sleep de olifantenkop naar je document, draai hem horizontaal om en gebruik de pen om de romp van het dier uit te trekken.
Het beeld is op dit moment een beetje verzadigd en zal niet goed mengen met de rest van de gestructureerde laag. Ga naar het menu Kleuring en verzadiging (Command / Ctrl + U) en desatureer de afbeelding.
Nu de verzadiging is opgelost, moeten we de kleine delen gras op de stam bedekken. Om dit te doen, gebruiken we de gereedschappen voor het klonen van stempels. Selecteer het (S) en kies een zachte ronde borstel; terwijl je de toets ALT vasthoudt, proef je een deel van de stam dat lijkt op het deel dat we willen patchen, eenmaal bemonsterd, langzaam langs het grashobje borstelen, bemonsteren vanuit een andere bron elke keer dat je het nodig hebt.
Gebruik de tools ontwijken en branden om de lichten en schaduwen op de afbeelding te verbeteren. Plaats de romplaag bovenop de getextureerde letter, we gaan beginnen met het mengen van de romp.
Voeg een laagmasker toe aan de romplaag en maskeer de randen van de romp met een zachte borstel zodat deze vervaagt met het lichaam van de brief.
Gebruik de Clone stamp-tool met een zachte borstel om delen van de stam in de body van de brief te klonen om een beter blending-effect te krijgen.
Gebruik dezelfde techniek als in stap 21 om jezelf op een van de hoofdvormen te plaatsen en gebruik een penseel om langs de randen te schilderen met een harde borstel volgens het patroon van de textuur. Doe dit aan de randen van elke vormlaag.
Neem de Hat Stock-afbeelding en sleep deze naar uw document. Pak het dan uit de achtergrond en pas vervolgens de volgende Helderheid- en contrastinstellingen toe:
Plaats het bovenop de getextureerde brief van de olifant. Maak nieuwe lagen en knip deze maskeren om enkele schaduwen en markeringen te schilderen. (U kunt ook de tools Branden en Dodge gebruiken).
Zo ziet uw tekst er nu uit na het beëindigen van het eerste woord:
Nu bent u klaar om de volgende reeks letters te maken met behulp van dezelfde technieken die in de vorige stappen zijn beschreven. Vanaf nu ga ik alleen nog vermelden hoe ik de specifieke details voor elke nieuwe briefset moet maken en de stappen overslaan van het isoleren van elk deel van de letter, arcering en texturering, aangezien deze voor elke letter hetzelfde zijn.
In deze brief gebruiken we een Cat-beeldvoorraad als textuur.
Het schilderen van de vacht en het inpakken van de textuur zal enigszins lijken op wat we deden met de letter "W".
Als je de vacht hierop gaat verven, zorg er dan voor dat je het langer laat strijken, om de lengte van de vacht op de kat aan te passen. Begin de slagen bijna in het midden van de textuur, dit zal ook helpen bij het mengen. Houd ook rekening met de variatie van de kleuren.
Vergeet niet om kleine details aan uw letters toe te voegen, bijvoorbeeld de kattenstaart. (Hetzelfde proces als stap 14).
Deze brief zal lijken op wat we met de eerste letter "I" hebben gedaan, maar in dit geval zullen we er geen haar op schilderen sinds de
Paardenstamafbeelding had al een hele mooie textuur.
Voor de staart koos ik een deel van het haar uit de paardenstapel en plaatste het bovenop de brief.
Verf dan wat haar met grote slagen om het mengen met de vorm te verbeteren.
De volgende letters zijn misschien de moeilijkste om te structureren vooral vanwege de grote aantallen zijden die ze hebben. Vergeet niet om de originele 3D-letter te gebruiken als referentie voor de schaduw en bliksem. Aangezien we een afbeelding van een Tiger-afbeelding als textuur gebruiken, maken we deze laag zoals we dat deden met de letter "W" en de tweede "L" met de textuur van de kattenbont.
Maak nieuwe lagen tussen de lettergroepen om de schaduwen op de vormen te verven.
Deze letter zal erg lijken op de slang getextureerde, omdat we een Frog-afbeelding gebruiken.
Dit is misschien de moeilijkste lettertextuur vanwege het aantal zijden en gebogen vormen, dus neem je tijd om de textuur zorgvuldig te morphen.
Schilder ook over de hoofdlagen om schalen rond de randen van de letter te maken, net zoals in stap 21.
Pak het pengereedschap en teken een pad in een nieuwe laag, zoals het onderstaande voorbeeld, vul het met een felle kleur rood.
Knip een laagje aan deze vorm af en overschilder het met een zachte ronde borstel wat schaduw en hooglichten. Beneden, schilder een schaduw die zal helpen mengen met de Brief:
Teken met behulp van de veelhoeklasso een swirly selectie op de tongvorm. Met een zachte ronde borstel met lage dekkracht (ongeveer 20%) en kleur wit poetst u zachtjes in de selectie. Schilder zachtjes over de randen om speeksel op de tong te krijgen.
Maak een nieuwe laag tussen de lagen "F" en "E" en beschilder de schaduw die op de letter valt.
Het tweede woord van je typografie zou er nu ongeveer zo uit moeten zien, met alle textuur en schaduwen toegepast:
Op dit punt kun je de verlooplaag verwijderen die we in stap 2 hebben geplaatst om ons te helpen een contrast te hebben tussen de achtergrond en de vormen waaraan we werkten, waarbij een bijna witte achtergrond met ruis overbleef.
Maak een nieuwe laag bovenop de ruislaag van je achtergrond en gebruik een zachte ronde borstel met kleurzwart ingesteld op een dekking van ongeveer 20%, Schilder schaduwen onder de tekst op basis van je lichtbron:
Om dingen af te maken, gaan we een aanpassingslaag voor helderheid en contrast toevoegen om hoogtepunten, schaduwen en kleurverzadiging te verbeteren. Ga naar Laag> Nieuwe aanpassingslaag> Helderheid en contrast en stel de volgende waarden in: (deze laag moet bovenop alle lagen staan).
Uw tekst zou er nu ongeveer zo uit moeten zien met de nieuwe aanpassingslaag:
Accentsconagua