Maak een old-school anaglyph-effect

Sep 12, 2025
Procedures
anaglyph effect or 3D effect
(Afbeelding Credit: Travis Knight)

Een anaglyph-effect is de juiste naam voor de klassieke 3D-stijl waar je rode en blauwe glazen moet dragen om de inhoud te waarderen. Hier leert u hoe u het klassieke 3D-effect bereikt met behulp van basisafbeeldingen, schaduw en texturen. Voordat je begint, krijg je wat Gratis texturen Om uw ontwerp te maken, zoals u het wilt.

De bruid ', gemaakt in deze tutorial, is een origineel stuk dat ik heb gemaakt met behulp van een referentiebeeld als de basis en het gebruik van het anaglyph-effect. Ik gebruik dit effect vaak in mijn werk om thema's van dualiteit te verkennen, en ook om eerbetoon te stellen aan B-films van de '50s en' 60s.

Voor meer tutorials, zie onze Photoshop-tutorials post.

01. Maak het kleurenpalet

Om het effect te bereiken, moet ik tinten blauw en rood gebruiken. Het kan ook met andere kleuren werken, maar dit zijn de meest traditionele. Kleur is een uitdaging voor mij, vooral in het digitale medium, waar je letterlijk elke kleur kunt vinden, staat tot uw beschikking.

Dit kleurenpalet is afgenomen van een vintage 3D-poster die ik in een antiekwinkel vond. Ik nam er een foto van en samplelde de kleuren in Photoshop om het palet te maken. Ik heb sindsdien een paar tweaks gemaakt, maar ik vind het goed met de 3D-bril die ik altijd verzend met mijn afdrukbestellingen.

02. Ontvang het juiste referentiebeeld

Anaglyph effect - Reference image

Het originele reclamebeeld dat wordt gebruikt als een referentie (Afbeelding Credit: Travis Knight)

Vintage reclame-illustraties en fotografie geven me eindeloze inspiratie. Ik hou van de geïdealiseerde, droomachtige en hoopvolle wereld waarin deze afbeeldingen plaatsvinden.

Voor mij is het vinden van het juiste referentiebeeld de sleutel: ik zoek naar algemene samenstelling en gezichtsuitdrukking. Het referentiebeeld is belangrijk, maar ik doe altijd een behoorlijke hoeveelheid bewerking in mijn schetsen terwijl ik ga. Meestal begin ik te zien wat er in de onderlaag gebeurt als ik begin te blokkeren in de tekening van de bovenste laag.

03. Teken de bovenste laag

3D effect - upper layer

Teken over - maar sla het niet slaafs te traceren - de originele afbeelding om de inkt van de bovenste laag te maken (Afbeelding Credit: Travis Knight)

Ik blokkeer het referentiebeeld om de basissamenstelling te krijgen. Ik merk dat het echt belangrijk is om niet direct over de bovenkant van de afbeelding te traceren - Directe sporen kunnen soms gesteld en emotioneel voelen. Op deze manier werken kan ik de tekening wat beweging geven. Zodra de afbeelding is geblokkeerd, beweeg ik een kleine kopie van de referentiebeeld naar de hoek van mijn canvas waar ik het gemakkelijk kan zien.

04. Introduceer het linework

Anaglyph effect - Inking

Voeg een laagmasker in rood toe (Afbeelding Credit: Travis Knight)

Vervolgens digitaal 'inkt' de tekening. Meestal wordt al mijn lijnwerk in één keer gedaan. Werken in zwart en wit helpt ervoor te zorgen dat ik de lijnen krijg die ik wil. Ik zou in deze stap in een laagmasker of inkt in rood kunnen tekenen, maar dat heeft de neiging om me te vertragen.

05. Voeg een laagmasker toe

Anaglyph effect - Layer mask

Zet de dekking tot ongeveer 20 procent (Afbeelding Credit: Travis Knight)

Om het lijnwerk te kleuren, maak ik het leuk om een ​​vaste kleurlaag (rood) te maken. Dan maak ik een laagmasker waar ik mijn lijnwerk zal plakken. Op dit punt zal ik het instellen om de dekking naar ongeveer 20 procent te vermenigvuldigen en te draaien, net genoeg om de rode laag te zien.

07. Schets de onder-laag

Het creëren van de onderlaag is mijn favoriete onderdeel van mijn proces - dit is waar het stuk echt interessant wordt. Ik probeer meestal verschillende ideeën en composities. Het skelet is iets dat ik veel tijden heb getrokken, dus ik voel me behoorlijk zelfverzekerd om het uit de vrije hand te trekken. Ik zal de vage bovenste laag als gids gebruiken.

Voor de kraaien en slangen, gebruik ik referentiebeelden op dezelfde manier die ik deed voor de bovenste laagtekening zie stap 03). Ik inkt ze voordat ik naar het skelet ga. Op die manier kan ik dingen verplaatsen als de compositie niet werkt.

08. Definieer de inkt van de figuur

Zodra ik blij ben met de compositie, inkt ik de resterende schets en plak ik het in een masker, net zoals ik eerder deed.

09. Voeg schaduw en textuur toe

3D effect - shade and texture

Voeg halftonen en textuur toe, maar maak het subtiel (Afbeelding Credit: Travis Knight)

Nu ik mijn rode en blauwe lagen heb waar ik ze wil, is het tijd om wat schaduw en textuur toe te voegen. Ik maakte jarenlang mijn eigen aangepaste borstels en texturen aan, nauwgezet scannen inkt splatters en korrelige texturen.

Toen ontdekte ik True Grit Texture Supply en ik heb niet achterom gekeken. True Grit heeft enkele van de beste printkwaliteit, fotohopborstels met hoge resolutie op de markt.

10. Schaduw één laag tegelijk

Anaglyph effect - Shade layer

Schaduw de rode laag met een borstel met een halve tonen. (Afbeelding Credit: Travis Knight)

Terwijl ik in de schaduw is, focus ik graag op één laag tegelijk. Op deze manier weet ik dat elke laag op zichzelf vaste is. Op de rode laag gebruik ik een van de helft-tone shader borstels van True Grit met stippen van 45 graden. Ik hou van hoe ik meteen een vintage halftone textuur kan bereiken. Op de blauwe laag gebruik ik een halftoonborstel van 90 graden, ook van True Grit (ik beloof dat ze me niet betalen ...). Dit gebeurt allemaal op het laagmasker.

11. Voeg grit en textuur toe

Wanneer de schaduwwaarden er goed uitzien, is het tijd om wat korrel en textuur toe te voegen. Mijn doel is om een ​​versleten en robuuste uiterlijk te creëren die weerschade nabootst.

Ik wil dat het stuk het gevoel heeft dat het is vergeten of verloren tot tijd. Het is echter belangrijk dat ik niet overboord ga in deze stap en dat het verontrusten op beide lagen elkaar aanvullen.

De dekking van de lagen is op dit punt met veel gespeeld, dus ik wil ervoor zorgen dat de dingen willekeurig uitzien en niet te gepland.

Dit artikel is oorspronkelijk gepubliceerd in kwestie 296 van computerkunsten, 's werelds bestverkopende designmagazine. Kopen probleem 296 nu of inschrijven naar computerkunsten.

Lees verder:

  • 54 Gratis Photoshop-acties
  • De beste gratis Photoshop-borstels
  • 3D-kunst: 28 geweldige voorbeelden om u te inspireren

Procedures - Meest populaire artikelen

HOE TE GEBRUIKEN REAICT Spring om componenten te animeren

Procedures Sep 12, 2025

(Afbeelding Credit: Matt Crouch) React Lente kan u helpen met animaties, die notoir lastig zijn om op internet te imp..


Hoe texturen te gebruiken in Photoshop

Procedures Sep 12, 2025

Textuur is vaak wat de lijnen verbindt tussen traditioneel en digitaal kunstwerk. Vaak is het gemakkelijk om het verschil te vertellen tussen de twee als je digitale kunstwerk geen enkel soor..


8 Essentiële WordPress Security Secrets

Procedures Sep 12, 2025

In de afgelopen 15 jaar is WordPress het populairste contentbeheersysteem 's werelds geworden. Makkelijk aan de slag met en extreem veelzijdig, het is een van de Beste bloggenplatform..


Hoe het labyrint-stijl monster van een pan

Procedures Sep 12, 2025

Pagina 1 van 2: Pagina 1 Pagina 1 Pagina..


Hoe te gebruiken Markdown in Web Development

Procedures Sep 12, 2025

Als webontwikkelaars en contentscheppers besteden we over het algemeen veel tijd aan het schrijven van tekst die binnen ingepakt ..


Master Gebruikerservaringstrategie

Procedures Sep 12, 2025

UX-strategie is een proces dat moet worden gestart voordat het ontwerp of de ontwikkeling van een digitaal product be..


Maak een drukke stadsscène in Illustrator

Procedures Sep 12, 2025

De beste stad is een drukke stad, maar die drukke sfeer is niet gemakkelijk om met succes vast te leggen. Echter met wat simpel ..


De anatomie van karikatuur: 15 toptips

Procedures Sep 12, 2025

Als full-time freelancer, ben ik gewend aan het werken in een scala aan stijlen en Tekeningstechnieken ​Deze omv..


Categorieën