Konstruktivistisk grafisk design er ofte forbundet med kommunistisk politikk og propaganda, men det er mer enn det. Konstruktivisme handler om å bruke lyse farger, leker med lyshet, perspektiv, geometriske former, foruten fotomontasje teknikker og digital collage. Denne gangen vil jeg våge å nevne denne opplæringen et "Neo-Constructivist" -design. Det er på tide å komme i gang!
Ta en titt på bildet vi skal skape. Du kan se det endelige bildet forhåndsvisning nedenfor eller en større versjon her.
Vår videoredaktør Gavin Steele har laget denne videoopplæringen for å komplimentere denne teksten + bildeopplæringen.
Åpne Photoshop og opprett et nytt dokument 1200px bredde med 1600px høyde, med en RGB-farge og 72dpi. Deretter går du til Opprett et nytt fyllings- eller justeringslag i paletten Lag, velg Gradient-alternativet og sett fargene fra # 7D0000 til # 480000. Still vinkelverdien til 17 - 20º og trykk OK.
Legg nå en tekstur over bakgrunnen, ta tak i dette bildet og lim det inn i et nytt lag med navnet "Texture" over Gradient-laget. Deretter endrer du blandingsmodus til Linear Burn.
Velg "Texture" -laget. Gå til Lag> Lagermask> Skjul alt. Etter å ha valgt lagmasken, ta tak i Gradient Tool (G), sett gradientfargene til Svart til Hvit (# 000000 - #FFFFFF) og sett alternativet Reflevert Gradient på topppanelet.
Fyll lagmasken med en svak gradient (se bildet nedenfor) og bruk en stor svart pensel (Opacity and Flow at 50%) for å skjule litt av "Texture" lagets nederste høyre.
Nå øker kontrasten til "Texture" -laget ved å justere nivåene (Command + L), som vist nedenfor.
La oss legge til en av hovedobjektene i designet, denne fyren ser på klokken hans. Lim inn bildet i et nytt lag som heter "mann", og trekk ut figuren fra den hvite bakgrunnen.
Velg "man" -laget og velg Flyttverktøyet (V), og kontroller at Vis Transform Controls er merket i Alternativer-panelet. Deretter Kommandoklikk øverst til venstre og dra det litt til venstre, og gjenta det, men med det høyre hjørnet denne gangen. Dette vil skape et perspektivisk illusjon, som om vi så på fyren ovenfra. Ta deretter Brennverktøyet (O) og mørk litt av fyrens høyre side.
Jeg skal prøve denne eksperimentelle måten å øke mannens farge og kontrast. Dupliser "man" -laget, og gå til Filter> Annet> Høypass, sett Radius til 10px, og trykk OK. Bytt nå "man kopi" Blending modus til Overlay. Deretter fletter du begge "man" lagene og Dodge venstre side av det resulterende laget litt.
Nå legger vi til en projisert skygge. Dupliser det nye "man" -laget, legg kopien bak originalen, og nevn den "Skygge". Flytt den litt til høyre.
Ved hjelp av alternativene for gratis transformasjon, kommando-klikk på midtpunktskontrollpunktet i "Skygge" -laget og flytt det til høyre, og spill deretter med transformasjonsalternativene for å få skyggen til å se ut som bildet nedenfor. Deretter går du til Hue / Saturation-vinduet (Command + U) og skru ned "Shadow" -lagets lyshet til -100.
Velg "Skygge" -laget, og gå deretter til Filter> Blur> Gaussian Blur og sett radiusen til 5px. Deretter dupliserer "Shadow" -laget, gjør kopien større enn originalen, og reduser Opacity til 25%. Endelig skift "Skygge" lagets Opacity til 75% og slå sammen begge.
Velg Eraser Tool (E) og slett ekstra skyggen foran mannens føtter.
Deretter legger vi til hovedtekstlaget. Bruk ordet Verktøy ved å skrive ordet "TIME" ved hjelp av Arial Black for skrifttypen. Sett den til en størrelse på 300pt og legg den under "Shadow" -laget.
Velg Typeverktøyet, og trykk på Opprett skjult tekst på Alternativer-panelet. I dialogboksen, sett stilen som bue, bøy til 0%, horisontal forvrengning til -60% og vertikal forvrengning ved 0%. Jeg bruker noen guider forresten til å markere det horisontale midtpunktet.
Deretter skråler vi teksten litt. Ved hjelp av Move Tool velger du "Time" -tekstlaget, og aktiverer Free Transform Options (Command + T), deretter Kommandoklikk på venstre-midt-transformasjonspunktet, og flytt det litt ned. Nå Kommando-klikk på midten til høyre, men denne gangen flytter den opp litt. Prøv å få noe som bildet nedenfor. Når du er fornøyd med resultatet, trykk Retur-tasten eller Forbind transformasjonen fra Alternativer-panelet.
La oss jobbe litt mer på "Time" tekstlaget. Legg til følgende lagstil: En gradientoverlegg (# 8D6009 til # 522300) med en vinkel på 36º. Og en full, stor Drop Shadow (sett verdiene som vises nedenfor).
Legg til et annet tekstlag, skriv inn ordene "Så lite" og legg det over "Time" -laget. Vrid det med Arc Style og sett Horizontal Distortion to -50, forvreng deg, og trykk på Command + T for å vise de gratis transformasjonsalternativene. Kommando-klikk på midt-høyre kontrollpunkt og flytte det litt ned. Prøv å matche tekstbaselinjen med "Tid" -lagets øverste linje. Deretter Forbind transformasjonen.
Deretter kopierer du "Time" Layer Styles (Alt-klikk eller Høyreklikk over lag miniatyr> Copy Layer Style). Velg "så lite" laget og lim inn lagstilen (Alt-klikk eller Høyreklikk over lagminaturen> Lim inn lagsstil). Deretter dobbeltklikker du over Gradient Overlay-stilen i "så lite" laget, og justerer gradientfarger til: # 3A0303 - # 2A0000. Hit OK, og se hvordan det ser ut.
Det er veldig viktig å ha en slags mørk farge på gradienter fordi vi vil telle dem ved å bruke en tekstur fremover. For å fullføre dette trinnet, ta tak i de to lagene og legg dem i en gruppe som heter "tekst". En rask måte å gjøre det på er å klikke over "Time" -laget, deretter Shift-klikk på "så lite" laget for å velge begge, og trykk Kommando + G for å gruppere dem.
Nå skal vi skape den gode gamle tekstrefleksjonen. Konverter "Tekst" -mappen til et smart objekt (høyreklikk over mappens miniatyr og velg Konverter til smart objekt). Deretter Dupliserer det smarte objektet, du kan bruke Flyttverktøyet, velg "Tekst" Smart Object, hold nede Alt-tasten og dra en kopi. Velg Kopier og gå til Rediger> Transform> Flip Vertical.
Velg "tekstkopi" -laget, trykk Kommando + T for å aktivere de gratis transformeringsverktøyene, klikk over høyre midtbehandler og flytt det opp. Prøv å matche baselinjene. Endelig flytter du "Text Copy" Smart Object under "Text" Object i Layout Palette.
Velg "Tekstkopi" -laget og gå til Lag> Lagermask> Skjul alt. Fyll deretter lagmasken med en diagonal svart til hvit gradient, som vist nedenfor.
Her kommer lyset, ta dette bildet av et fint stykke grungepapir og lim det inn i et nytt lag over alt og nev det "Topp tekstur".
Hit Command + U for å justere Hue / Saturation-verdiene og skru ned mengdemengden til -100. Endre nå "Topptekstur" Blending Mode til Overlay. Låse "Topptekstur" -laget ved å klikke i de små krysspilene i Lagpaletten. Hvis du ikke gjør det, vil du ikke kunne klikke / velge et annet lag under det.
Dupliser "man" laget. Siden mannen ikke matcher bakgrunnens farger eller teksten, må vi justere hans farger. Velg det originale "man" -laget og gå til Lag> Nytt justeringslag> Fotofilter, velg Oppvarmingsfilter 85 fra Filteralternativer, og trykk OK. Du ser at justeringslagene blir brukt på hele dokumentet. Du må opprette en kappemaske for å bruke justeringen bare for "man" -laget. Du kan gjøre dette enkelt ved Alt-klikke i linjen mellom Justeringslag og "Man" -laget.
Velg "man kopi" laget og flytte det noen piksler til høyre. Gå nå til Hue / Saturation-alternativer (Command + U) og skru ned lysheten til -100.
Deretter slører vi den svarte silhuetten. Velg "Man Copy" -laget og gå til Filter> Blur> Motion Blur, sett avstanden til 800 piksler og vinkelen til 20º, og trykk OK.
Nå, dupliser "man kopi" laget to ganger, du må ha noe som bunnen av bildet nedenfor. Velg deretter de tre "man kopi X" -lagene (Skift-klikk lag miniatyrene for å velge) og slå sammen dem ved å trykke på Command + E. Navn på det resulterende laget "skygge uskarpt."
Flytt "skygge uskarpt" lag over Photo Filter-laget. Bruk deretter en stor, myk Eraser (E) med Opacity og Flow satt til 50% for å slette skyggen over mannens ansikt og kropp.
Følgende avslører vi en liten bit av papirstrukturen i trinn 2 og 3. Velg "Texture" -laget i lagpaletten, og klikk over Lagmaskerminaturen.
Velg børsteverktøyet (B), og bruk en stor, myk børste med en hardhet på 0%, Opacity og Flow ved 50%, og sett forgrunnsfargen til Hvit (#FFFFFF). Nå maler noen flekker under mannens føtter.
Sett både "Texture" og "Gradient fill" lagene i en mappe med navnet "Background." Kopier mappen og slå sammen kopien. Legg alltid en kopi av de første lagene i tilfelle du må returnere senere.
Nå skal vi kutte opp et stykke av bakgrunnen. Bruk Lasso Tool til å gjøre et uregelmessig valg. Gå deretter til Lag> Lagermask> Avslør alt. I lagmasken, bruk Paint Bucket Tool (G) for å fylle utvalget med Black (# 000000). Jeg legger til et midlertidig svart fyll lag under "Bakgrunn" laget for å se hvordan det ser ut.
Trøtt ennå? ... heller ikke jeg. Nå åpner dette bildet, velg bare avisen og lim det inn i en ny mappe under "Bakgrunn" -laget og nev det "Newspaper".
Plasser en ny kopi av avisen, men roter den noen grader for å få det til å se annerledes ut enn første gang. Bruk Brennverktøyet (O) for å brenne deler av papirarkene, noe som gjør områder mørkere. Nå Slå sammen "Avis" -mappen (Command + E).
Siden papirets farger ikke samsvarer med scenen, går du til Lag> Nytt justeringslag> Fotofilter for å justere dem. Velg et fargepalett (# E4AD04) med en tetthet på 66%. Bruk det bare til "Aviser" -laget ved å lage en Clipping Mask (Alt-klikke mellom begge lagene).
Nå vil vi skape en revet effekt på papiret. Først, hold Alt-tasten og klikk Lagmask av "Bakgrunn" -lag, bruk deretter Magic Wand Tool (W) til å bare velge det svarte området på masken.
Klikk over bakgrunnslaget igjen for å gjøre det synlig igjen. Deretter går du til Velg> Endre> Utvid og utvide den med 6 piksler. Klikk over miniatyren "Bakgrunnslag" og gå til neste trinn.
Trykk på Kommando + U for å vise alternativene Hue / Saturation, skru ned valget Metning til -100 og trykk OK. Du ser at det utvidede valget er grått nå. Velg Dodge Tool (O) og bruk en uregelmessig børste (Kalk er perfekt), sett eksponeringen til 25%, og bruk Dodge til den grå grensen tilfeldig.
For å øke realismen i bakgrunnspapirene, legger vi til noen skygger over "Aviser" -laget. Opprett et nytt lag over avisens fotofilter, og navngi det "Shadows."
Bruk en stor svart pensel (B) med en størrelse på 200px, hardhet på 0%, og Opacity and Flow satt til 50%, og maler noen skygger i nærheten av revet papir. Du kan spille med penselstørrelsene for å forbedre effekten.
Åpne dette bildet, pakk papirformen og lim det inn i et nytt lag med navnet "papir" over "Topptekstur" -laget. Legg papiret nederst til høyre i vårt design.
Nå skal vi lage illusjonen av dette papiret som kommer bak det revet papiret. Alt-klikk på "Bakgrunn" -lagets lagmaske. Bruk deretter Magic Wand Tool til å velge bare det svarte området, og klikk på "papir" lag miniatyr for å velge det.
Deretter ta tak i Lasso Tool, hold nede Shift-tasten for å legge til valget til den eksisterende, og gjør deretter et utvalg som dekker hele papirformen. Endelig, vend markeringen (Command + Shift + I) og Slett den.
La oss legge til noen skygger. Opprett et nytt lag over "papir" laget og nevne det "skygger". Sett begge inn i en ny gruppe kalt "Paper." Deretter maler du med noen store skygger på bunnen med en stor myk børste. Gjenta de tidligere valgstrinnene (Trinn 33) for å slette papirets ekstra skygge.
Nå lager et nytt lag under "papir" laget, betegner det "skygger 2", og maler noen svarte skygger bak papiret for å lage en pop effekt.
Skyggen av papiret er ment å bli vendt hvis du sammenligner det med mannens skygge, bare fordi dette er en konstruktivistisk inspirert kompositt, og jeg ønsket å skape illusjonen at mannen er en del av bakgrunnsarkivet.
Vi er nær å være ferdige. Velg "papir" -laget og juster dets metning med -25. Deretter griper du hele "Papiret" i Lagpaletten og drar det rett over "Bakgrunn" -laget.
Bruk en uregelmessig børste, Dodge "paper" grenser bare litt for å skape en myk revet effekt.
Opprett et nytt lag kalt "så mye å gjøre" og bruk en liten pensel for å utarbeide noen uregelmessig tekst på den. Jeg bruker tabletten min til dette, men du kan enten bruke musen eller en hvilken som helst hånd skrevet skrift.
Her har vi det siste stykket. Jeg håper du likte denne, og ikke nøle med å stille spørsmål hvis du møter noen forvirrende eller overveldende skritt. Ha det gøy!