Share
Constructivistisch grafisch ontwerp wordt vaak geassocieerd met communistische politiek en propaganda, maar het is meer dan dat, constructivisme gaat over het gebruik van felle kleuren, spelen met lichtheid, perspectief, geometrische vormen, naast fotomontage-technieken en digitale collage. Deze keer durf ik deze tutorial een 'Neo-constructivistisch' ontwerp te noemen. Het is tijd om te beginnen!
Bekijk de afbeelding die we gaan maken. U kunt hier het uiteindelijke afbeeldingsvoorbeeld hieronder of een grotere versie bekijken.
Onze video-editor Gavin Steele heeft deze video-tutorial gemaakt om deze tutorial voor tekst en beeld te complimenteren.
Open Photoshop en maak een nieuw document van 1200px breedte bij 1600px hoogte, met een RGB-kleur en 72dpi. Ga vervolgens naar Een nieuwe opvul- of aanpassingslaag maken in het palet Lagen, selecteer de optie Verloop en stel de kleuren in van # 7D0000 tot # 480000. Stel de hoekwaarde in op 17 - 20º en druk op OK.
Voeg nu een textuur toe over de achtergrond, pak deze afbeelding en plak deze in een nieuwe laag met de naam "Textuur" boven de laag Verloop. Wijzig vervolgens de overvloeimodus in Lineair branden.
Selecteer de laag "Textuur". Ga naar Laag> Laagmasker> Alles verbergen. Nadat je het laagmasker hebt geselecteerd, pak je het Verloopgereedschap (G), zet je de verloopkleuren op Zwart naar Wit (# 000000 - #FFFFFF) en zet je de Reflecterende Gradiëntoptie op het bovenste paneel.
Vul het laagmasker met een enigszins schuin verloop (zie onderstaande afbeelding) en gebruik een groot zwart penseel (dekking en stroming bij 50%) om een klein beetje van de laag "Texture" rechtsonder te verbergen.
Verhoog nu het contrast van de "Texture" -laag door de niveaus (Command + L) aan te passen, zoals hieronder wordt getoond.
Laten we een van de hoofdobjecten in het ontwerp toevoegen, deze man kijkt op zijn horloge. Plak de afbeelding in een nieuwe laag met de naam "man" en pak de vorm uit de witte achtergrond.
Selecteer de laag "man" en kies het gereedschap Verplaatsen (V) en zorg ervoor dat het besturingselement Transformaties tonen is ingeschakeld in het Optiepaneel. Klik vervolgens met de rechtermuisknop op de linkerbovenhoek en sleep het een beetje naar links. Herhaal dat dan maar met de juiste hoek deze keer. Dit zal een perspectief illusie creëren, alsof we naar de persoon van boven kijken. Pak dan de Burn Tool (O) en verduisterd een klein beetje van de rechterkant van de gozer.
Ik zal deze experimentele manier proberen om de kleur en het contrast van de man te vergroten. Dupliceer de laag 'man' en ga naar Filter> Overig> Hoogspoor, stel de straal in op 10px en druk op OK. Verander nu de "man kopie" overvloeimodus naar Overlay. Voeg vervolgens beide "man" -lagen samen en ontwijk de linkerzijde van de resulterende laag een beetje.
Nu voegen we een geprojecteerde schaduw toe. Dupliceer de nieuwe laag "man", plaats de kopie achter het origineel en noem deze "Schaduw". Verplaats het een beetje naar rechts.
Gebruik de vrije transformatie-opties, Command-klik op het middelste besturingspunt van de "Shadow" -laag en verplaats deze naar rechts, speel vervolgens met de transformatie-opties om de schaduw er uit te laten zien als de onderstaande afbeelding. Ga vervolgens naar het venster Kleuring / verzadiging (Command + U) en verlaag de lichtheid van de laag "Shadow" naar -100.
Selecteer de laag "Schaduw" en ga vervolgens naar Filter> Vervagen> Gaussiaans vervagen en stel de straal in op 5 px. Dupliceer vervolgens de laag "Schaduw", maak de kopie groter dan het origineel en verminder de dekking naar 25%. Wijzig ten slotte de dekking van de laag 'Schaduw' in 75% en voeg beide samen.
Selecteer het gereedschap Gum (E) en verwijder de extra schaduw voor de voeten van de man.
Vervolgens voegen we de hoofdtekstlaag toe. Gebruik het gereedschap Tekst om het woord "TIJD" in te voeren met Arial Black als lettertype. Zet het op een grootte van 300pt en plaats het onder de "schaduw" laag.
Selecteer het gereedschap Tekst en druk in het Optiepaneel op Samengetrokken tekst maken. Stel in het dialoogvenster de stijl in als Boog, Buig naar 0%, Horizontale vervorming naar -60% en verticale vervorming bij 0%. Ik gebruik trouwens een aantal hulplijnen om het horizontale middelpunt te markeren.
Vervolgens zullen we de tekst een beetje scheeftrekken. Gebruik het verplaatsgereedschap om de tekstlaag "Tijd" te selecteren en activeer de Vrije transformatieopties (Command + T), klik met de Command-toets op het linker middelste transformatiepunt en verplaats het een klein beetje naar beneden. Nu Command-klik op het midden-juiste punt, maar deze keer een klein beetje omhoog bewegen. Probeer zoiets als de afbeelding hieronder te krijgen. Zodra je tevreden bent met het resultaat, druk je op de Return-toets of zet je de transformatie vast vanuit het Optiepaneel.
Laten we wat meer werken aan de tekstlaag "Tijd". Voeg de volgende laagstijlen toe: een verloopoverlay (# 8D6009 tot # 522300) met een hoek van 36º. En een volle, grote slagschaduw (stel de waarden hieronder in).
Voeg nog een tekstlaag toe, typ de woorden "Zo klein" en plaats deze boven de laag "Tijd". Verdraai het met behulp van de Boogstijl en stel Horizontale vervorming in op -50, maak de vervorming vast en druk op Command + T om de Vrije transformatieopties weer te geven. Command-klik op het middelste rechtse controlepunt en beweeg het een beetje naar beneden. Probeer de basislijn van de tekst te matchen met de bovenste regel van de laag "Tijd". Voer dan de transformatie uit.
Kopieer vervolgens de laagstijlen "Tijd" (klik met de rechtermuisknop of klik met de rechtermuisknop op de laagminiatuur> Laagstijl kopiëren). Selecteer de laag 'zo weinig' en plak de laagstijl (klik Alt of klik met de rechtermuisknop op de laagminiatuur> Laagstijl plakken). Dubbelklik vervolgens op de overlay Gradient Overlay van de laag "zo weinig" en pas de verloopkleuren aan naar: # 3A0303 - # 2A0000. Druk op OK en kijk hoe het eruit ziet.
Het is erg belangrijk om een soort donkere kleur op de verlopen te hebben, omdat we ze lichter maken door een textuur naar voren te gebruiken. Om deze stap te voltooien, pakt u de twee lagen en plaatst u ze in een groep met de naam 'tekst'. Een snelle manier om dit te doen is door te klikken op de laag 'Tijd' en vervolgens Shift ingedrukt te houden en vervolgens op de 'zo kleine' laag te klikken om beide te selecteren en op Command + G te drukken om ze te groeperen.
Nu maken we de goede oude tekstreflectie. Converteer de map "Tekst" naar een slim object (klik met de rechtermuisknop op het miniatuur van de map en selecteer Converteren naar slim object). Dupliceer vervolgens het slimme object, u kunt het verplaatsgereedschap gebruiken, het slimme object "Tekst" selecteren, de Alt-toets ingedrukt houden en een kopie slepen. Selecteer de kopie en ga naar Bewerken> Transformeren> Verticaal omdraaien.
Selecteer de laag "tekstkopie", druk op Command + T om de gratis transformatiehulpmiddelen in te schakelen, klik over de rechter middle handler en verplaats deze omhoog. Probeer de basislijnen te matchen. Beweeg tot slot het slimme object "tekstkopie" onder het "tekst" -object in het lagenpalet.
Selecteer de laag "Tekstkopie" en ga naar Laag> Laagmasker> Alles verbergen. Vul vervolgens het laagmasker met een diagonaal zwart naar wit verloop, zoals hieronder weergegeven.
Hier komt het licht, pak deze foto van een mooi stuk grungedocument en plak het in een nieuwe laag boven alles en noem het "Toptextuur."
Druk op Command + U om de Tint / Verzadiging-waarden aan te passen en het Verzadigingsbedrag naar -100 te verlagen. Verander nu de overvloeimodus "Bovenste textuur" naar Overlay. Vergrendel de laag "Toptextuur" door in de kleine kruispijlen van het lagenpalet te klikken; als u dat niet doet, kunt u niet klikken / een andere laag eronder selecteren.
Dupliceer de laag "man". Aangezien de man niet overeenkomt met de kleuren van de achtergrond, noch met de tekst, moeten we zijn kleuren aanpassen. Selecteer de originele "man" -laag en ga naar Laag> Nieuwe aanpassingslaag> Fotofilter, selecteer Verwarmingsfilter 85 uit Filteropties en druk op OK. U ziet dat de aanpassingslagen op het gehele document worden toegepast. U moet een uitknipmasker maken om de aanpassing alleen voor de laag "man" toe te passen. U kunt dit eenvoudig doen door met Alt in de lijn tussen de aanpassingslaag en de laag "man" te klikken.
Selecteer de laag "man-kopie" en verplaats deze enkele pixels naar rechts. Ga nu naar Hue / Saturation-opties (Command + U) en verlaag de helderheid naar -100.
Vervolgens vervagen we het zwarte silhouet. Selecteer de laag "man-kopie" en ga naar Filter> Vervagen> Bewegingsonscherpte, stel de afstand in op 800 pixels en de hoek op 20º en druk op OK.
Dupliceer de "man copy" -laag twee keer, je moet iets hebben zoals de onderkant van de afbeelding hieronder. Selecteer vervolgens de drie "man-copy X" -lagen (houd Shift ingedrukt en klik op de miniaturen om te selecteren) en voeg ze samen door op Command + E te drukken. Noem de resulterende laag "shadow blurred."
Verplaats de laag "schaduwwazig" boven de laag Fotofilter. Gebruik vervolgens een grote, zachte wisser (E) met dekking en stroming ingesteld op 50% om de schaduw over het gezicht en lichaam van de man te verwijderen.
Hierna zullen we een klein beetje van de papiertextuur van stap 2 en 3 onthullen. Selecteer de laag "Textuur" in het lagenpalet en klik op het laagmasker miniatuur.
Selecteer het penseel (B) en gebruik een grote, zachte borstel met een hardheid van 0%, dekking en stroming bij 50% en zet de voorgrondkleur op wit (#FFFFFF). Schilder nu enkele plekken onder de voeten van de man.
Zet beide lagen "Structuur" en "Verloopvulling" in een map met de naam "Achtergrond". Dupliceer de map en voeg de kopie samen. Laat altijd een kopie van de eerste lagen achter voor het geval u later moet terugdraaien.
Nu zullen we besnoeiing een stuk van de achtergrond. Gebruik het gereedschap Lasso om een onregelmatige selectie te maken. Ga vervolgens naar Laag> Laagmasker> Alles onthullen. Gebruik in het lagenmasker de Paint Bucket Tool (G) om de selectie te vullen met Black (# 000000). Ik voeg een tijdelijke zwarte opvullaag onder de laag 'Achtergrond' toe om te zien hoe deze eruit ziet.
Nog steeds moe ... ik open deze foto nu, selecteer alleen de krant en plak deze in een nieuwe map onder de laag 'Achtergrond' en noem deze 'krant'.
Plaats nog een kopie van de krant, maar draai deze een aantal graden om het er anders uit te laten zien dan in de eerste instantie. Gebruik het gereedschap Branden (O) om sommige delen van de vellen te verbranden, waardoor sommige gebieden donkerder worden. Voeg nu de map "Newspaper" samen (Command + E).
Aangezien de kleuren van het papier niet overeenkomen met de scène, ga je naar Laag> Nieuwe aanpassingslaag> Fotofilter om ze aan te passen. Selecteer een kleurenfilter (# E4AD04) met een densiteit van 66%. Pas het alleen toe op de laag 'Kranten' door een uitknipmasker te maken (met Alt klikken tussen beide lagen).
Nu zullen we een gescheurd effect op het papier creëren. Houd eerst de Alt-toets ingedrukt en klik op het laagmasker van de laag "Achtergrond" en gebruik vervolgens het toverstaf-gereedschap (W) om alleen het zwarte gedeelte van het masker te selecteren.
Klik nogmaals op de achtergrondlaag om deze weer zichtbaar te maken. Ga vervolgens naar Selecteren> Wijzigen> Uitbreiden en vouw het uit met 6 pixels. Klik op de miniatuurlaag "Achtergrond" en ga naar de volgende stap.
Druk op Command + U om de instellingen voor Kleurtoon / verzadiging weer te geven, zet de verzadiging van de selectie lager op -100 en klik op OK. Je zult zien dat de uitgebreide selectie nu grijs is. Selecteer de Dodge Tool (O) en gebruik een onregelmatige borstel (krijt is perfect), stel de belichting in op 25% en pas de Dodge willekeurig toe op de grijze rand.
Om het realisme van de achtergronddocumenten te vergroten, voegen we wat schaduw toe aan de laag "Kranten". Maak een nieuwe laag boven het fotofilter van de krant en noem deze "schaduwen".
Gebruik een groot zwart penseel (B) met een grootte van 200px, een hardheid van 0% en dekking en stroming ingesteld op 50%, en beschilder sommige schaduwen in de buurt van het gescheurde papier. Je kunt met de penseelgroottes spelen om het effect te verbeteren.
Open deze foto, pak de papieren vorm uit en plak deze in een nieuwe laag met de naam "papier" boven de laag "Bovenste textuur". Plaats het vel papier rechtsonder in ons ontwerp.
Nu creëren we de illusie van dit papier dat achter het gescheurde papier vandaan komt. Houd Alt ingedrukt en klik op het laagmasker van de laag "Achtergrond". Gebruik vervolgens het toverstaf-gereedschap om alleen het zwarte gebied te selecteren en klik op het miniatuur van de "papieren" laag om het te selecteren.
Pak vervolgens het gereedschap Lasso, houd de Shift-toets ingedrukt om de selectie aan de bestaande toe te voegen en maak vervolgens een selectie voor de hele papiervorm. Converteer ten slotte de selectie (Command + Shift + I) en verwijder deze.
Laten we wat schaduwen toevoegen. Maak een nieuwe laag boven de "papieren" laag en noem die "schaduwen". Zet beide in een nieuwe groep met de naam "Paper". Gebruik dan een grote zachte borstel om enkele schaduwen onderaan te schilderen. Herhaal de vorige selectiestappen (stap 33) om de extra schaduw van het papier te verwijderen.
Maak nu een nieuwe laag onder de laag "papier", noem deze "schaduwen 2" en schilder wat zwarte schaduwen achter het papier om een knal effect.
De schaduw van het papier is bedoeld om te worden omgedraaid als je het vergelijkt met de schaduw van de man, alleen omdat dit een constructivistisch geïnspireerd composiet is, en ik wilde de illusie scheppen dat de man deel uitmaakt van het vel achtergrondpapier.
We zijn bijna klaar. Selecteer de laag "papier" en pas de verzadiging met -25 aan. Pak vervolgens in het lagenpalet het volledige "papier" en sleep het net boven de laag "Achtergrond".
Gebruik een onregelmatig penseel en ontwijk de randen van "papier" een klein beetje om een zacht gescheurd effect te creëren.
Maak een nieuwe laag met de naam "zo veel te doen" en gebruik een klein penseel om onregelmatige tekst erop te schrijven. Ik gebruik mijn tablet hiervoor, maar u kunt uw muis gebruiken of een handgeschreven lettertype.
Hier hebben we het laatste stuk. Ik hoop dat je deze hebt leuk gevonden en aarzel niet om vragen te stellen als je wat verwarrende of overweldigende stappen tegenkomt. Veel plezier!
Accentsconagua