Konstruktivistisk grafisk design är ofta förknippad med kommunistisk politik och propaganda, men det är mer än så. Konstruktivism handlar om att använda ljusa färger, leka med ljushet, perspektiv, geometriska former, förutom fotomontage tekniker och digital collage. Den här gången vågar jag namnge denna handledning en "Neo-Constructivist" -design. Det är dags att komma igång!
Ta en titt på bilden vi ska skapa. Du kan se den sista bilden förhandsvisning nedan eller en större version här.
Vår videoredigerare Gavin Steele har skapat den här videoprocessen för att komplimangera denna text + bildtutorial.
Öppna Photoshop och skapa ett nytt dokument 1200px bredd med 1600px höjd, med en RGB-färg och 72dpi. Gå sedan till Skapa ett nytt fyllnings- eller justeringslager på paletten Lager, välj Gradient-alternativet och ställ in färgerna från # 7D0000 till # 480000. Ställ vinkelvärdet på 17 - 20º och tryck OK.
Lägg nu en textur över bakgrunden, ta tag i den här bilden och klistra in den i ett nytt lager med namnet "Textur" ovanför Gradient-lagret. Ändra sedan dess blandningsläge till Linjärbränning.
Välj "Texture" -lagret. Gå till Layer> Layer Mask> Hide All. Efter att du har valt skiktmasken, ta tag i Gradient Tool (G), sätt gradientfärgen till Svart till Vit (# 000000 - #FFFFFF) och sätt in det reflekterade graderingsalternativet på toppanelen.
Fyll skiktmasken med en något snedställd Gradient (se bilden nedan) och använd en stor svart borste (opacitet och flöde vid 50%) för att dölja en liten bit av "Texture" -lagret längst ner till höger.
Nu, öka kontrast av "Texture" -lagret genom att justera dess nivåer (Command + L), som visas nedan.
Låt oss lägga till ett av huvudobjekten i designen, den här killen tittar på klockan. Klistra in bilden i ett nytt lager som heter "man" och extrahera sin form från den vita bakgrunden.
Välj "man" lagret och välj Flyttverktyget (V) och se till att Visa Transform Controls är markerat i alternativpanelen. Därefter kommandot klicka på det övre vänstra hörnet och dra det lite till vänster, upprepa det men med det högra hörnet den här gången. Detta kommer att skapa en perspektiv illusion, som om vi tittade på killen ovanifrån. Ta sedan i brännverktyget (O) och mörk lite av killen på höger sida.
Jag ska prova detta experimentella sätt att öka människans färg och kontrast. Duplicera "man" -lagret och gå till Filter> Annat> Högpass, sätt Radius till 10px och tryck OK. Byt nu "mankopiering" blandningsläge till överlagring. Därefter sammanfogar du båda "man" -lagren och Dodge den vänstra sidan av det resulterande lagret lite.
Nu lägger vi till en projicerad skugga. Duplicera det nya "man" -laget, sätt kopian bakom originalet och namnge det "Shadow." Flytta den lite till höger.
Med hjälp av alternativen för fri omvandling, Kommandoklicka på mellanskontrollpunkten i skuggskiktet och flytta det till höger och spela sedan med omvandlingsalternativen så att skuggan ser ut som bilden nedan. Därefter går du till Hue / Saturation-fönstret (Command + U) och sänker "Shadow" -lagrets ljushet till -100.
Välj skuggskiktet och gå till Filter> Blur> Gaussian Blur och ställ in radie till 5px. Kopiera sedan "Skugg" -laget, gör kopian större än originalet och minska dess opacitet till 25%. Ändra ändå skuggskiktets opacitet till 75% och slå samman båda.
Välj Eraser Tool (E) och radera extra skuggan framför manens fötter.
Därefter lägger vi till huvudtextlagret. Skriv ordet "TIME" med hjälp av typverktyget med Arial Black för typsnittet. Ställ den på en storlek på 300pt och placera den under skuggskiktet.
Välj typverktyget och tryck på Skapa varped text på alternativpanelen. I dialogrutan ställer du in Style som Arc, Böj till 0%, Horisontell distortion till -60% och vertikal distortion vid 0%. Jag använder några guider för att markera den horisontella mittpunkten.
Därefter skryter vi texten lite. Med hjälp av Flyttverktyget väljer du "Time" -textlagret och aktiverar de fria omvandlingsalternativen (Command + T), sedan Kommandoklicka på den vänstra och mellanliggande transformationspunkten och flytta den lite nedåt. Kommandot-klicka på mitten-högra punkten, men den här gången flytta den upp lite. Försök få något som bilden nedan. När du är nöjd med resultatet, tryck på Retur-tangenten eller Förbind transformationen från Alternativpanelen.
Låt oss arbeta lite mer på "Time" textlagret. Lägg till följande lagstilar: ett överdragsöverlägg (# 8D6009 till # 522300) med en vinkel på 36º. Och en full, stor Drop Shadow (ange värdena som visas nedan).
Lägg till ett annat textlager, skriv orden "så lite" och placera det ovanför "Time" -laget. Varpa det med Arc Style och sätt Horizontal Distortion to -50, begå distorsionen och tryck på Command + T för att visa alternativen för fri omvandling. Kommando-klicka på mitt-höger kontrollpunkt och flytta den lite nedåt. Försök att matcha textbaslinjen med "Time" -lagrets topplinje. Därefter begå transformationen.
Kopiera sedan "Time" -lagstilarna (Alt-klicka eller Högerklicka över lagminimenaturen> Copy Layer Style). Välj lagret "så lite" och klistra in lagstilen (Alt-klicka eller Högerklicka över lagminumaturen> Klistra in lagerstil). Därefter dubbelklickar du över graderingsöverlagringsstilen i så lite lager och justerar gradientfärgerna till: # 3A0303 - # 2A0000. Hit OK, och se hur det ser ut.
Det är väldigt viktigt att ha en slags mörk färg på gradienterna eftersom vi kommer att tända dem med hjälp av en textur framåt. För att avsluta detta steg, ta tag i de två skikten och lägg dem i en grupp med namnet "text". Ett snabbt sätt att göra det är att klicka på "Time" -laget och sedan Skift-klicka på "så lite" lagret för att välja båda och tryck på Command + G för att gruppera dem.
Nu ska vi skapa den goda gamla textreflektionen. Konvertera "Text" -mappen till ett smart objekt (Högerklicka över mappminaturen och välj Convert to Smart Object). Duplicera sedan det smarta objektet, använd verktyget Flytta, välj det smarta objektet "Text", håll ner Alt-tangenten och dra en kopia. Välj Kopiera och gå till Redigera> Transformera> Flip Vertical.
Välj "Text Copy" -laget, klicka på Command + T för att aktivera de fria transformeringsverktygen, klicka över den högra mitthanteraren och flytta den upp. Försök att matcha baslinjerna. Slutligen flytta "Smart Copy" textobjektet under "Text" -objektet i Layerspalet.
Välj "Text copy" -laget och gå till Layer> Layer Mask> Hide All. Fyll sedan lagmasken med en diagonal svart till vit gradient, som visas nedan.
Här kommer ljuset, ta den här bilden av en fin bit grunge papper och klistra in den i ett nytt lager ovanför allt och namnge det "Top texture."
Hit kommandot + U för att justera värden för färgton / mättnad och sänk mättnadsbeloppet till -100. Ändra nu "Topptextur" blandningsläge till överlagring. Låsa "Top texture" -lagret genom att klicka i de små krysspilarna i Layout Paletten; Om du inte gör det kan du inte klicka på / välj något annat lager under det.
Duplicera "man" lagret. Eftersom mannen inte matchar bakgrundens färger eller texten måste vi anpassa sina färger. Välj det ursprungliga "man" -lagret och gå till Lager> Nytt justeringslager> Fotofilter, välj Värmefilter 85 från Filteralternativ och tryck på OK. Du får se att justeringslagen tillämpas på hela dokumentet. Du måste skapa en klippmask för att justera justeringen för "man" -laget. Du kan enkelt göra det genom att Alt-klicka i raden mellan Justeringslager och "Man" -lagret.
Välj "man kopiera" lagret och flytta det några pixlar till höger. Gå nu till Hue / Saturation-alternativ (Command + U) och släck ljuset till -100.
Därefter suddar vi den svarta silhuetten. Välj "Man Copy" -lagret och gå till Filter> Blur> Motion Blur, sätt avståndet till 800 pixlar och vinkeln till 20º och tryck sedan OK.
Kopiera nu "man copy" -laget två gånger, du måste ha något som längst ner på bilden nedan. Välj sedan de tre "Man Copy X" -lagren (Skift-klicka på miniatyrerna för att välja) och slå ihop dem genom att trycka på Command + E. Namn på det resulterande lagret "Skuggor suddigt".
Flytta "skugg suddigt" lagret ovanför Photo Filter-lagret. Använd sedan en stor, mjuk Eraser (E) med opacitet och flöde till 50% för att radera skuggan över människans ansikte och kropp.
Nedan kommer vi att avslöja en liten bit av pappersstrukturen i steg 2 och 3. Välj "Texture" -lagret i lagpaletten och klicka över lagmasken Miniatyr.
Välj borstverktyget (B) och använd en stor mjuk borste med en hårdhet på 0%, opacitet och flöde vid 50% och ställ in förgrundsfärgen till Vit (#FFFFFF). Nu måla några fläckar under manens fötter.
Lägg båda lagren "Texture" och "Gradient fill" i en mapp med namnet "Background." Kopiera mappen och slå samman kopian. Lämna alltid en kopia av de första lagren om du behöver återgå senare.
Nu gör vi det skära en bit av bakgrunden. Använd Lasso Tool för att göra ett oregelbundet urval. Gå sedan till Layer> Layer Mask> Reveal All. I skiktmasken använder du Paint Bucket Tool (G) för att fylla urvalet med svart (# 000000). Jag lägger till ett tillfälligt svart fylllager under "Bakgrund" -lagret för att se hur det ser ut.
Trött än?? Inte heller. Jag öppnar nu den här bilden, välj bara tidningen och klistra in den i en ny mapp under "Bakgrundsskiktet" och namnge det "Tidning".
Placera en ny kopia av tidningen, men rotera den några grader för att få det att se annorlunda ut än första instansen. Använd Brännverktyget (O) för att bränna några delar av pappersarken, vilket gör vissa områden mörkare. Nu sammanfoga mappen "Newspaper" (Command + E).
Eftersom papperets färger inte matchar scenen, går du till Layer> New Adjustment Layer> Photo Filter för att justera dem. Välj ett färgfilter (# E4AD04) med en densitet på 66%. Applicera det bara på "Newspapers" -lagret genom att skapa en Clipping Mask (Alt-klicka mellan båda skikten).
Nu skapar vi en torn effekt på papperet. Först håll Alt-tangenten och klicka på Lagmask av "Bakgrund" -lagret, använd sedan Magic Wand Tool (W) för att bara välja den svarta delen av masken.
Klicka över bakgrundsskiktet igen för att göra det synligt en gång till. Gå sedan till Välj> Ändra> Expandera och expandera det med 6 pixlar. Klicka över miniatyren "Bakgrundslagret" och gå vidare till nästa steg.
Tryck på Kommando + U för att visa alternativet Färgtoning / Mättnad, vrid markeringsmättnad till -100 och tryck OK. Du ser att det utvidgade urvalet är grått nu. Välj Dodge Tool (O) och använd en oregelbunden pensel (Kalk är perfekt), ställ exponeringen till 25% och använd Dodge till den grå gränsen slumpmässigt.
För att öka bakgrunden av realistiken lägger vi till några skuggor över "Newspapers" -laget. Skapa ett nytt lager ovanför tidningens fotofilter och namnge det "Shadows."
Använd en stor svart pensel (B) med en storlek på 200px, hårdhet på 0% och opacitet och flöde till 50% och måla några skuggor nära det sönderdelade pappret. Du kan spela med penselstorlekarna för att förbättra effekten.
Öppna den här bilden, ta bort pappersformen och klistra in den i ett nytt lager med namnet "papper" ovanför "Top texture" -laget. Placera pappersbiten längst ner till höger om vår design.
Nu ska vi skapa illusionen av detta papper som kommer bakom det reviga papperet. Alt-klicka på "Bakgrund" -lagrets lagermask. Använd sedan Magic Wand Tool för att välja bara det svarta området och klicka på miniatyren "papper" för att välja den.
Hämta sedan Lasso Tool, håll ned Shift-tangenten för att lägga till valet till den befintliga, och gör sedan ett val som täcker hela pappersformen. Slutligen vänd markeringen (Command + Shift + I) och Radera den.
Låt oss lägga till några skuggor. Skapa ett nytt lager ovanför "papper" lagret och namnge det "skuggor". Sätt båda in i en ny grupp med namnet "Paper." Använd sedan en stor mjuk pensel, måla några skuggor längst ner. Upprepa tidigare urvalssteg (steg 33) för att radera pappers extra skugga.
Skapa nu ett nytt lager under "papper" -laget, beteckna det "skuggor 2" och måla några svarta skuggor bakom papperet för att skapa en pop- effekt.
Skuggan av papperet är avsedd att vändas om du jämför det med människans skugga, bara för att det här är en konstruktivistisk inspirerad komposit och jag ville skapa illusionen om att mannen är en del av bakgrundsbladet.
Vi är nära att vara färdiga. Välj "papper" lagret och justera dess mättnad med -25. Sedan, i lagpalet, ta tag i hela "Papper" och Dra det precis ovanför "Bakgrund" -lagret.
Använd en oregelbunden pensel, Dodge "papper" gränserna bara en liten bit för att skapa en mjuk torn effekt.
Skapa ett nytt lager med namnet "så mycket att göra" och använd en liten pensel för att utarbeta lite oregelbunden text på den. Jag använder min tablett för detta, men du kan antingen använda musen eller någon handskriven typsnitt.
Här har vi slutstycket. Jag hoppas att du gillade den här och tvekar inte att ställa frågor om du stöter på några förvirrande eller överväldigande steg. Ha så kul!