Stăpânește tendințele fierbinți de design cu aceste tutoriale Photoshop

Publicat: 2022-03-11

Viața noastră de zi cu zi este plină de imagini uimitoare. Experimentele de design vizual devin tendințe fierbinți în design grafic și, dintr-o dată, le vedem peste tot.

Modelele vizuale uimitoare sunt tencuite pe toate părțile laterale ale autobuzelor, postere, panouri publicitare, reclame TV, reviste și, desigur, produse digitale. Au multe denumiri, inclusiv duoton, dublă expunere, linii de scanare, glitch, pate, canal de culoare, mascare foto, culori vibrante și stridente și tipărire greșită.

Efect vizual de erori de tendință de design grafic pe un anunț de metrou
Tendința de design grafic „glitch” la o reclamă la metroul din New York.

Ca și în cazul modei, tendințele de design sunt adesea reciclate din deceniile trecute - le vedem revenind iar și iar: constructivismul rus, Bauhaus, serigrafie, anii 1970... etc. Modelele de design geometrice simple și saturate există de aproape un secol, iar designerii încă le folosesc pentru că sunt la fel de eficiente ca acum 100 de ani.

Din fericire, designerii de azi au o varietate mult mai mare de instrumente digitale cu care să creeze aceste efecte de stabilire a tendințelor decât au făcut-o în vremurile anterioare. Cu toate acestea, chiar dacă instrumentele pot fi mai ușor de găsit, să nu uităm că creativitatea curajoasă și inovația vizuală vor crea cele mai proaspete și convingătoare modele.

Ar trebui designerii să urmeze tendințele de design?

Unii directori de creație și designeri pot rezista tendințelor de design pentru că nu vor să fie văzuți ca „adepți”. Cu toate acestea, folosirea tendințelor de design grafic s-ar putea dovedi a fi o decizie importantă, deoarece acest lucru poate ajuta un designer să devină mai contemporan. Îndrăzneala de a fi diferit are și recompensele sale. Cei mai buni designeri „urmează și împrumută” în mare măsură din tendințe – trecute și prezente – uneori creând ceva complet nou, combinând tendințele de design grafic în ceva izbitor și proaspăt.

Cuvânt de precauție – designerii ar trebui să folosească tendințele de design grafic în munca lor numai atunci când este cazul și ținând cont de branding. De exemplu, oamenii se așteaptă la stabilitate și încredere din partea mărcilor bancare, de investiții, de asigurări și așa mai departe - așa că un efect de contracultură subversiv precum „glitch” poate să nu fie adecvat în aceste cazuri.

grafică în mișcare cu efect de expunere dublă urmând o tendință de design
Serialul HBO True Detective folosește „dubla expunere” cu mare efect în titlurile sale de deschidere.

Să ne uităm la câteva dintre aceste tendințe fierbinți de design grafic și să împărtășim câteva dintre cele mai bune tutoriale Photoshop despre cum să le creăm.

Tendință de design fierbinte: efectul de dublă expunere

Combinații de imagini spectaculoase pot fi realizate prin utilizarea efectului de „dublă expunere”. Numele provine de la fotografia de film de celuloid, în care două sau trei fotografii sunt făcute fără a înfășura filmul înainte în cameră, expunând același cadru de mai multe ori cu imagini diferite. Această tendință a apărut foarte mult pe afișele de filme și promoțiile TV. După cum s-a văzut mai sus, titlurile de deschidere a emisiunilor TV, cum ar fi True Detective de pe HBO, au folosit acest efect cu grafica în mișcare pentru un mare efect.

tendință de design grafic cu efect de fotografie cu expunere dublă

tendință de design vizual cu efect de dublă expunere

efect Photoshop dublă expunere o tendință fierbinte de design grafic

Pentru a obține un efect mare de expunere dublă, este foarte importantă selecția atentă a imaginii. Imaginile cu contrast ridicat funcționează cel mai bine atunci când zonele mai întunecate ocupă o zonă a imaginii în care urmează să fie utilizată o altă imagine. Juxtapunerea unui portret cu o imagine mai detaliată, cum ar fi un peisaj urban sau peisaj, se face adesea.

Iată câteva tutoriale Photoshop de top despre cum să atingeți această tendință de design fierbinte:

Efect de expunere dublă Photoshop Tutorial #1:


Efect de expunere dublă Photoshop Tutorial #2:


Efect de expunere dublă Photoshop Tutorial #3:


Glitch, greșeală de imprimare, efecte de interferență vizuală

Acesta este un dublu care ia. Atrage atenția într-o mare de „imagini perfecte” pentru că totul este despre imperfecțiune. Se bazează pe rezultatul neașteptat al erorilor digitale cunoscute sub numele de „glitches”. Totul în jurul nostru – reclame, postere, coperți de reviste și promoții TV – a fost creat cu Photoshop la perfecțiune (unii l-ar numi chiar „falsificare” sau „poluare vizuală”), provocând astfel dorința de a vedea mai real, organic, mai puțin... imagini decât perfecte.

Adesea mai atrăgătoare pentru generațiile mai tinere, această tendință de design este o mișcare subversivă, contracultură, „anti-fals”, menită să scoată în evidență designurile. După cum am menționat mai sus, poate să nu fie potrivit pentru anumite situații sau mărci, așa că designerii sunt sfătuiți să calce cu atenție dacă aleg să implementeze acest efect.

Majoritatea designerilor ar folosi termenul „glitch”, dar uneori se numește efect VHS, schimbare RGB cu linii de scanare, imprimare greșită sau interferență vizuală. Designerii inovatori combină uneori mai multe tipuri de aceste efecte la modă în ceva nou.

erori, tipărire greșită, efecte de interferență vizuală tendințe de design grafic
Posterele Mr. Robot au folosit variații ale efectului glitch pentru a ieși în evidență și a întări sensibilitatea contra-cultură a spectacolului.


erori, tipărire greșită, efecte de interferență vizuală tendințe de design grafic
Tendința de design greșită/schimbarea culorii și o combinație a efectului de schimbare a culorii și a erorilor.


linii de scanare video tendință de design cu efect grafic
Liniile de scanare video și deplasarea imaginii sunt, de asemenea, folosite pentru a crea grafice neobișnuite, atrăgătoare.

Fiecare are propria metodă de a crea acest efect, așa că uitați-vă în jurul YouTube și alegeți unul care vă place. Există chiar și designerii Photoshop Actions pe care le pot cumpăra pentru a crea efectul de glitch cu doar câteva clicuri. Iată câteva tutoriale Photoshop de top despre cum să atingeți această tendință de design:

Tutorial Photoshop Efect Glitch #1:


Tutorial Photoshop Efect Glitch #2:


Există chiar și modalități de a obține un efect de glitch cool cu ​​doar CSS, așa cum arată această demonstrație de prezentare de diapozitive și această demonstrație a paginii de destinație.

Abonați-vă la blogul de design Toptal și primiți cartea noastră electronică

Efecte Duotone

Duotone există de ceva vreme, dar nu pare să obosească niciodată. Cu sute de ani în urmă, Sanguine a fost folosit (cretă roșie pe hârtie) pentru a crea desene simple într-un singur ton ale unor artiști precum Leonardo da Vinci. Există ceva durabil în descompunerea unei imagini la o tonalitate simplă, iar o imagine modernă în duoton nu este deloc diferită de schița unui vechi maestru.

desene biton cu cretă sanguină - roșie pe hârtie
Desene sangvine de Da Vinci și Mademoiselle de Mondran și o imagine modernă în duoton.

Astăzi, de la posterele de succes de la Hollywood la Apple și Spotify, toată lumea pare să folosească efectul duoton. Scopul, din nou, este să ne depărtăm, să fii privit ca ceva diferit. Există chiar și Photoshop Actions și multe aplicații mobile pentru a crea cu ușurință efecte duotone.

Efectul duoton al posterului blade runner urmează o tendință de design grafic

tendință de design cu efect duoton Photoshop

tendință de design vizual cu efect duoton

creând o tendință de design grafic cu efect duoton

Iată câteva tutoriale Photoshop de top despre cum să atingeți această tendință de design care se întâmplă:

Tutorial Photoshop Efect Duotone #1:


Tutorial Photoshop Efect Duotone nr. 2:


Tutorial Photoshop Efect Duotone #3:


Divizare RGB, Canal de culoare, Expunere dublă a culorii

Iată un alt efect atrăgător care poate folosi fotografii, text și forme. Acest efect folosește uneori 3 imagini diferite în 3 canale de culoare diferite ale aceluiași subiect și le juxtapune pentru o imagine interesantă. Acest efect poate fi uneori văzut și ca amestecând împreună efectul de glitch și efectul de divizare RGB. Unii designeri devin cu adevărat creativi și amestecă expunerea dublă, glitch și efectele RGB split.

Tendință de design cu efect de schimbare rgb creată în Photoshop

canal de culoare și efect glitch acțiuni Photoshop

tutorial Photoshop efect de schimbare a culorii o tendință de design

Iată câteva tutoriale de top Photoshop și Affinity Photo despre cum să creați acest efect de design vizual în tendințe (vă rugăm să ignorați ceea ce numesc efectul, toată lumea are un nume diferit pentru el):

Tutorial Photoshop cu efect de expunere dublă de culoare:


Tutorial foto de afinitate cu efect de expunere dublă de culoare:


Culori vibrante, stridente și efecte duotone fluorescente

Din nou, scopul aici este să ieși cu adevărat în evidență. Această tendință folosește culori vibrante, saturate și fluorescente în cantități generoase peste design.

tendință de design site web cu efect fluorescent duoton
Site-ul web al New Deal Design urmează tendința de design cu efect duoton fluorescent.


tendință de design grafic cu efect de culoare vibrantă

efect de culoare vibrantă, strident folosit pe un calendar web, o tendință de design de site-uri web
Panoul calendar de la AfriSam 2018 Corporate Stationery folosind tendința de proiectare a site-ului web.


tendință de design de site web cu efect de culori saturate îndrăznețe
Folosind această tendință de design site, site-ul agenției de design ELJE Group folosește culori vibrante, saturate.


hackernoon folosește un efect de culoare saturată fluorescentă strălucitoare, o tendință de design de site-uri web
Hackernoon folosește culori saturate fluorescente strălucitoare pentru a ieși în evidență.

Direcția de luat aici este să fii îndrăzneț (când este cazul) și să-ți asumi riscuri cu culori stridente, saturate, fie că este vorba de un site web, de coperta unui album sau de un poster.

Mascare foto, decupaje, abstractionism, cubism

Aceasta este una dintre acele tendințe recurente de design care continuă să fie o abordare de durată a designului grafic. Poate fi un hibrid de zone de culoare îndrăznețe, plate, montaj și mascare. Este o tehnică veche de aproape 100 de ani, așa cum demonstrează aceste afișe propagandistice rusești din anii 1920.

postere de propagandă rusă cu forme geometrice simple, decupaje și efect vizual de mascare a fotografiilor

Pentru a crea lucrări cu o varietate de culori și complexitate, în timpul ultimului deceniu al vieții sale, Henri Matisse a folosit două materiale simple - hârtie albă și guașă - care au devenit faimoasele sale decupaje de hârtie. O simplă pereche de foarfece a fost instrumentul folosit de Matisse pentru a transforma vopseaua și hârtia într-o lume de plante, animale, figuri și forme.

decupajele matisse stabilesc o anumită tendință de design pentru forme și culori simple

Variația digitală a cubismului, a artei abstracte și a „decupajelor” de astăzi este tendința de design foto-mascare folosită de mulți designeri pentru a atrage atenția.

tendință de design cu efect de mascare a fotografiilor
Unele dintre aceste efecte vizuale de stratificare seamănă cu celebrele decupaje de hârtie de Matisse.


o altă tendință de design este efectul de mascare a fotografiilor
Efecte interesante de mascare a fotografiilor pot fi obținute cu forme geometrice simple sau fonturi.


tendință de design grafic cu efect de mascare a fotografiilor

Nu există reguli stricte și rapide cu privire la modul de a crea acest efect. Totul depinde de materialele sursă și de creativitatea ta. Căutați inspirații pentru design și artă, cum ar fi afișele de propagandă rusă, arta cubistă abstractă a lui Picasso și decupările lui Matisse. Cele mai multe dintre aceste tehnici de mascare foto și colaje pot fi create cu mascarea straturilor în Photoshop. Este mai mult despre selecția fotografiilor și creativitate, și mai puțin despre tehnică.

Cu toate acestea, iată câteva tutoriale Photoshop de top despre cum să creați această tendință de design modern, efectul de mascare a fotografiilor:

Cum să creezi un poster cu efect de text Tutorial Photoshop:


Tutorial Photoshop Cum să creați un portret cu litere:


Iată un alt tutorial Photoshop interesant care folosește mascarea foto pentru a crea această imagine:

tutorial Photoshop pentru tendința de design de mascare foto

Tutorialul este un exemplu al modului în care câteva tehnici simple pot fi folosite pentru a crea ilustrații elaborate folosind mai multe straturi, mascare, instrumentul stilou, niște iluminare de bază și o textură simplă.

Explorează, fii curajos și stabilește-ți propriul curs

Astăzi, curajul creator nu este opțional. Este ceea ce trebuie să facă designerii pe măsură ce așteptările oamenilor cresc și atenția lor devine mai greu de captat. Nu te sfii de a urma unele tendințe de design. De fapt, amestecă, fă ceva nou cu ei! Stabilește status quo-ul, fii îndrăzneț și explorează-ți fantezia. Fa saltul! Fii creativ curajos!

• • •

Citiri suplimentare pe Blogul Toptal Design:

  • eCommerce UX – O privire de ansamblu asupra celor mai bune practici (cu infografic)
  • Importanța designului centrat pe om în proiectarea produsului
  • Cele mai bune portofolii de designeri UX – Studii de caz și exemple inspiratoare
  • Principii euristice pentru interfețele mobile
  • Design anticipator: Cum să creați experiențe magice pentru utilizator