Artă de benzi desenate retro: utilizarea punctelor Ben Day în web design

În calitate de designeri de web, căutăm întotdeauna idei noi și creative de adăugat pe site-urile noastre web. Din fericire, inspirația nu este greu de găsit. De exemplu, arta retro a benzilor desenate revine întotdeauna. Uneori este la fel de tipografie, alteori ca filtre foto. În ultimul timp, texturi și ilustrații cu puncte Ben Day apar în multe locuri. Vrei să le încerci singur?

În acest articol vă vom explica originea punctelor Ben Day și cum să le realizați singuri. În plus, avem câteva exemple despre cum să utilizați această tehnică vizuală în designul web.

Ben Day Dots și Half-Tone Dots

Termenii „Ben Day dots” și „retro comic book art” tind să fie folosiți în mod interschimbabil. De fapt, punctele Ben Day au venit pe primul loc. Benjamin Henry Day Jr. le-a creat în 1879, pentru a reduce costurile de imprimare color. Sunt o tehnică care plasează puncte la fel de îndepărtate pe o grilă. Punctele roșii tipărite peste alb fac puncte roz, albastre și galbene verzi.

Punctele Ben Day au fost inspirate de punctele în tonuri jumătate care au fost utilizate pentru imprimarea litografică și fotografică în alb și negru. Ambele stiluri de puncte sunt aranjate pe o rețea pătrată, dar punctele pe jumătate de ton sunt de dimensiuni diferite, în timp ce punctele Ben Day sunt la fel.

Ben Day Dots, benzi desenate și Roy Lichtenstein

În anii 1930, cărțile de benzi desenate au intrat în scenă într-un mod mare, iar punctele Ben Day au fost tehnica de imprimare. Punctele Ben Day nu erau tocmai o artă frumoasă până când Roy Lichtenstein a fost inspirat de unicitatea lor generică din anii 1960. Lucrarea lui Roy Lichtenstein cu arta de benzi desenate a adus punctele lui Ben Day în centrul atenției. Ceea ce a făcut Lichtenstein a fost să copieze secțiuni mici de pagini de cărți de benzi desenate și să le transforme în capodopere la scară largă.

Chiar dacă Roy Lichtenstein folosea puncte care semănau cu punctele Ben Day, ele erau puțin diferite. Istoricii de artă vă vor spune că sunt mai bine numiți „puncte Lichtenstein”. Principala diferență este că punctele Ben Day erau mici și pe o rețea pătrată, în timp ce punctele Lichtenstein erau pe o rețea diagonală decalată și considerabil mai mari.

credit de imagine Radu Bercan / shutterstock.com

Rise of Retro Comic Book Art

Arta lui Roy Lichtenstein a devenit sinonimă cu arta de benzi desenate retro. O mulțime de artiști au copiat tehnica Lichtenstein. Mulți designeri au folosit puncte de benzi desenate în creațiile lor pentru scheme de branding și materiale de marketing. Acum puteți adăuga puncte Ben Day sau puncte Lichtenstein și pe site-urile dvs. web.

Derulați pentru a afla cum să vă creați propriile creații cu puncte Ben Day. Proiectele finale pe care le veți realiza vor acoperi de fapt o varietate de tehnici; puncte pe jumătate de ton, puncte Ben Day și puncte Lichtenstein. Una peste alta, toate sunt design retro în stil de benzi desenate.

Să ajungem la asta.

Cum să creați artă de benzi desenate retro cu Photoshop

Punctele pe jumătate de ton sunt atât de frecvente încât Photoshop are un filtru pentru ele și funcționează cu orice imagine. Ce face acest filtru este să transforme culorile din imagine în puncte. Distribuția unghiului punctelor este controlată de canalele de culoare. Când aplicați filtrul, imaginea dvs. este acum formată din puncte cyan, magenta, galben și negru. Dacă aplicați filtrul semitonal pe o culoare pură precum roșu (# ff0000), verde (# 00ff00) sau albastru (# 0000ff), filtrul nu va funcționa deoarece nu va avea culori de care să se separe.

Pentru a crea puncte Ben Day și puncte Lichtenstein adecvate, aveți nevoie de Adobe Illustrator. Faceți clic aici pentru a trece mai departe.

Cum să faci o fotografie să arate ca o artă de benzi desenate retro în puncte semitone cu Photoshop

1. Alegeți imaginea pe care doriți să o transformați în puncte în stil de benzi desenate.

Am ales acest tip amuzant de pe site-ul de fotografii gratuite, Gratisography. Faceți clic aici, dacă doriți să utilizați aceeași imagine pentru a urmări. Deschideți imaginea în Photoshop și centrați-o pe pânza dvs.

2. Duplicați stratul de două ori și ascundeți-l pe primul.

Pentru a duplica, în timp ce este selectat primul strat, faceți clic dreapta și alegeți „dublează stratul” sau faceți clic pe Comandă + J pe Mac și Ctrl + J pe computer. Redenumiți-le pentru a nu vă pierde urma fiecăruia. Reglați opțiunea de amestecare a stratului superior la „lumină puternică” și reduceți opacitatea la aproximativ 40%. Culorile se vor schimba dramatic, acest lucru va ajuta la obținerea aspectului granulat al punctelor în tonuri jumătate.

3. Grupați cele două straturi superioare și transformați-le într-un obiect inteligent.

4. Aplicați filtrul de semitoniere punctului obiectului inteligent.

În fereastra pop-up setări Color Halftone, alegeți dimensiunea maximă pixel la 13 și canalele la grade diferite. Vă puteți juca cu acestea pentru a vedea diferite efecte.

5. Duplicați stratul inferior și mutați-l în partea de sus.

Aplicați filtrul „Găsiți marginile” și reglați nivelurile astfel încât să vedeți contururile mai bine. Pentru a realiza acest lucru, deplasați triunghiul negru cât mai departe spre dreapta și cel alb spre stânga.

6. Folosiți reglajele pentru a transforma stratul în alb și negru.

Setați opacitatea stratului de ajustare la 30%. În cele din urmă, setați opțiunile de stratificare a stratului „găsiți margini” la „suprapunere”.

Designul terminat!

Cum să creați un fundal retro de benzi desenate cu Photoshop

1. Găsiți un fundal de culoare care are un design sau un gradient frumos.

Deschideți imaginea de pe tabloul de bord Photoshop și centrați-o pe ecran.

2. Deblocați stratul de fundal, copiați-l și ascundeți-l pe cel de jos.

Aplicați filtrul de puncte pe jumătate de ton pe stratul superior. Ajustați parametrii din fereastra pop-up a filtrului de puncte de semiton pentru diferite efecte

3. Designul terminat!

Cum să creați un fundal retro de artă de benzi desenate cu Illustrator

Așa cum am menționat anterior, punctele pe tonuri sunt de dimensiuni diferite pentru a recrea contrastul într-o imagine. Filtrul Photoshop pe care l-am folosit mai sus este perfect pentru acest efect. Dar dacă doriți să creați puncte de dimensiuni egale precum punctele Ben-Day sau punctele Lichtenstein, va trebui să utilizați Adobe Illustrator și modelul integrat. După cum am menționat mai sus, punctele Ben Day sunt pe o grilă pătrată, iar punctele Lichtenstein sunt pe o grilă diagonală decalată. Ambele pot fi realizate cu modelul din Illustrator.

Cum să creați un model de puncte Ben-Day cu Illustrator

1. Creați un nou proiect pe Illustrator.

Mărimea nu prea contează. Am folosit 600 x 350 px.

2. Selectați Instrumentul dreptunghi rotunjit.

Faceți clic o dată pe planșă și setați dimensiunea formei dvs. Faceți-l de 15 px cu 15 px cu o rază de colț de 7,5 boi. Schimbați culoarea cercului într-o umplere albastră și fără lovitură.

3. Faceți clic pe „obiect” în bara de meniu de sus și selectați „model”, apoi „faceți”.

4. Reglați preferințele astfel încât punctele să fie pe o grilă pătrată.

Acestea sunt preferințele pe care trebuie să le alegeți:

• Selectați Tile Type to Grid
• Verificați dimensiunea plăcii la art
• Setați spațierea H și spațierea V la 15 px cu 15 px
• Selectați Copii la 9 x 9

Când vedeți modelul ca imaginea de mai jos, faceți clic pe Gata. Aceasta va salva automat modelul în panoul Swatches.

Cum să creați un model de punct Lichtenstein cu Illustrator

Acest model urmează aceiași pași ca cel de mai sus și se modifică numai când este timpul să reglați preferințele din modelul de modelare. Deschideți preferințele modelului Ben-Day și apăsați „Salvați o copie”. Denumiți noul model „Lichtenstein Dots”. Când faceți clic pe OK, se va salva ca o copie pe panoul de mostre. Închideți modelul de puncte Ben-Day. Înapoi în panoul Swatches, deschideți modelul de puncte Lichtenstein. Veți vedea un pop-up cu numele șablonului atunci când treceți cu mouse-ul peste el. În preferințe, schimbați doar tipul de aspect la „Cărămidă după rând” și faceți clic pe Terminat.

Cum se adaugă modele retro de benzi desenate la forme

Acum, că v-ați creat propriile modele de benzi desenate retro, le puteți aplica oricând oricărei forme doriți. În primul rând, trebuie să salvați specimenele de model, astfel încât să le puteți adăuga la orice proiect viitor.

1. În panoul Swatches, selectați ambele noi modele pe care le-am creat.

Faceți clic pe pictograma bibliotecii Swatches și alegeți „Save Swatches”. Denumiți noul model Swatches „Retro Comic Book Pattern” și faceți clic pe OK.

2. Când creați un proiect nou și doriți să utilizați aceste modele, accesați panoul Swatches.

Nu veți vedea noile noastre mostre acolo, așa că trebuie să le importați. Faceți din nou clic pe pictograma bibliotecii Swatches și derulați în jos până la „definit de utilizator” și apoi „Modelul de benzi desenate retro”. Se va deschide o nouă fereastră cu specimenele și culorile obișnuite, cu modele de benzi desenate incluse. Acum sunt gata de utilizare pe orice formă doriți.

3. Creați o formă nouă și umpleți-o cu unul dintre modele.

Dimensiunea punctelor va depinde de dimensiunea formei pe care o creați. Dimensiunea maximă a formei este controlată de dimensiunea planșei.

Cu cât forma este mai mică, cu atât punctele sunt mai mari și invers. Dacă utilizați o formă mică și simțiți că punctele sunt prea mari, faceți clic dreapta pe model în interiorul formei și selectați „transforma”, apoi „scala”. Pentru a face punctele foarte mici, alegeți următorii parametri.

• Uniformă: 10%
• În Opțiuni: bifați Transformare modele

Încercați parametri diferiți pentru opțiunea „uniformă” pentru a obține diferite dimensiuni de puncte.

4. Pentru a crea o formă de stea cu un stil retro de benzi desenate, creați un nou proiect la 1000 px pe 1000 px.

În panoul de culori, faceți clic pe negru pentru linie și pe modelul Lichtenstein pentru umplere. Selectați forma stelei și faceți clic pe pânză pentru ao face să apară.

Idei pentru utilizarea artei de benzi desenate retro în web design

Tendința de artă a benzilor desenate pare să fie în creștere. Desigur, nu toate mărcile vor beneficia de acest stil de creativitate. Pentru distracție, mărcile iubitoare de culoare, punctele Ben Day și grafica inspirată din Lichtenstein sunt perfecte pentru o gură de aer proaspăt. Cea mai bună utilizare pentru un model de puncte de benzi desenate este ca fundal, fie peste o altă culoare, fie fără. În mod similar, încercați să folosiți bulele de vorbire mari ca separatoare sau exclamații în stil de benzi desenate cu conținutul dvs. Vă puteți crea propriile dvs. cu tutorialele de mai sus sau puteți obține surse de imagini deja proiectate de la Freepik.

Proiectele de mai jos au fost realizate cu modele de benzi desenate provenite de la Freepik. După cum puteți vedea, designerii și-au luat unele libertăți în modul în care au proiectat dimensiunile punctelor. Cu toate acestea, ei încă întruchipează perfect stilul Retro Comic Book în felul lor.

Concluzie

După cum puteți vedea, posibilitățile cu designul retro de benzi desenate sunt destul de variate. De la stiluri clasice la versiuni mai moderne, puteți face aproape orice. Indiferent dacă creați singur modelele sau sursați unele elemente grafice online, puteți crea lucruri destul de uimitoare cu arta Retro Comic Book și Divi!