De-a lungul week-end trecut, am decis că era timpul pentru a înlocui imaginile de antet de pe acest site, așa că am venit cu această imagine. Acesta a fost inspirat de o combinație de ecran de pornire Microsoft Windows și o mulțime de icoane și butoane care au fost dominante în lumea web 2.0.

Simțiți-vă liber să faceți clic pe imagine și descărca mai mare (4000 x 2754) imagine dacă aveți nevoie să-l utilizați pentru ceva. Vă rog să-mi de credit în cazul în care acest lucru într-un fel se potrivește cu tot ceea ce-l utilizați pentru, dar nu se simt obligat să facă acest lucru.

Am decis să transforme acest post într-un tutorial pentru cei care ar putea fi incepand de la design grafic și interesat în a face ceva de genul acesta. Combinatie de culori este foarte ușor să se schimbe, ceea ce face o imagine foarte personalizabil. Rezultate similare pot fi realizate utilizând vectori dar nu va face ca acest moment.

Acest tutorial presupune că aveți Photoshop sau o aplicație similară design grafic, cum ar fi Gimp. Să începem.

Pasul 1 - Making Waves

Pentru a începe, deschide Photoshop sau software-ul grafic ce îl utilizați și decide cu privire la dimensiunea imaginii. Am fost destul de mare (aproximativ 4500 x 3500), așa că am putea folosi cu ușurință porțiuni ale imaginii finit, dar nu trebuie să vă faceți griji despre ele fiind prea mică dacă am doar a decis să introducă o secțiune mică. Ați putea fi limitată de cantitatea de memorie de pe computerul dumneavoastră. Mai multă memorie cu atât mai bine.

Pe un nou layer gol, trage un model val negru. Este important să vă asigurați că acesta este destul de aleatoriu și neted sau rezultatele nu se poate dovedi foarte bine.

În imaginea de mai sus, am compilat patru exemple de modele de val. În fișierul Photoshop, toate modelele unde vor fi plasate pe partea de sus sau de jos a reciproc în setul strat, cu efecte de filtru în cele din urmă aplicate.

Deci, de exemplu, a verifica afară de imaginea spre stânga. Fiecare dintre cele 4 valuri este un strat diferit. Puteți vedea că am stabilit să aibă o opacitate. În acest caz de 25%. Nu aveți nevoie pentru a face acest lucru încă, dar am crezut că a fost important să arate o imagine, astfel încât să puteți urmări mai ușor de-a lungul.

Acum, mergeți mai departe și să facă o serie de modele de val aleatoare. Dacă îmi amintesc corect, am făcut aproximativ 20-30 de modele. Când te saturi de a le face, întinde doar câteva sau flip-le pe orizontală și numărul de unde le-ați va crește rapid. Nu există nici un punct în cheltuirea nenumărate ore de a le face toate complet unic, dacă vă poate da impresia de dimensiuni si inaltimi aleatorii de a face o câteva porțiuni, strâmb sau flips orizontală.

Pasul 2 - Aplicarea unui efect Fade

Acum va dori probabil să decide cu privire la o schemă de culori. In cazul meu am ales o culoare albastru deschis. Utilizați 2 nuante usor diferite de aceeași culoare pentru culoarea prim-plan și culoarea de fundal.

În această imagine, puteți vedea selectia mea culoare cu albastru deschis pentru prim-plan și albastru închis pentru fundal. Acum, face toate straturile de val cu excepția 1 complet invizibil, astfel încât acestea să nu lua in drumul tau. Cu stratul de val restul, dublu-clic, astfel încât să puteți actualiza Layer Style și activați opțiunea Gradient Overlay. Alege să utilizeze un Foreground opțiunea fundal care va fi spre stânga sus. Veți dori să se joace cu unghiul și Scala. M-am dus cu între 20% și 40% pentru scara, si unghiurile mele variaza intre 125 de grade și 60 de grade, în funcție de modelul de val. Joaca-te cu acest lucru până când veți găsi ceva care arata bine pentru tine.

Acum, că aveți un efect de decolorare pe stratul, veți dori pentru a defini marginea de sus un pic mai mult. Putem face acest lucru, dându-i un efect de decolorare ușoară de-a lungul marginii merge de la întuneric la partea de sus a mai ușor spre partea de jos. Acest lucru va pacali ochii în gândire sunteți în căutarea la o suprafață mai rotunjite. Pentru a face acest lucru, du-te înapoi în Layer Style și faceți clic pe Bevel and Emboss. Am ales setarile din imaginea de mai jos.

Valorile mele sunt după cum urmează:

Stil: Inner Bevel, Tehnica: Smooth, Adâncime: 31%, Direcție: Up, Dimensiune: 250px, se înmoaie: 16px, Unghi: 90 grade cu utiliza lumina Global activat, Altitudine: 1 grad, activat anti-aliasing.

Mod culminant a fost stabilit la normal cu negru ca și culoare și o opacitate de 100%.

Shadow Mode a fost setat la Screen (orice opțiune va face, deoarece este invizibil), cu un negru (stiu, in imaginea din stânga e alb. E invizibil și nu contează), și setați-l la 0% opacitate, astfel că este invizibil .

Prin ajustarea acestor valori tot așa-ușor, trebuie să obțineți un pic de un efect de intunecare in jurul marginea val.

Puteti vedea diferența minore care se face în acest gif animat. Uită-te cu atenție pentru că este foarte subtil, dar în opionion mea foarte necesar pentru a vinde efectul global al valurilor. Vrei să aibă marginea mai inchisa.

Layer-ul ar trebui să fie în căutarea oarecum ca aceasta în acest moment.

Acum, face aceeași procedură pe care ați făcut-o cu acest strat de straturi val rămase. Asigurați-vă că aveți doar un strat vizibil la un moment sau lucrurile vor deveni confuz foarte repede și ați putea fi tentați să facă alte tipuri de modificări în funcție de imaginea de ansamblu în acest moment. Cel mai bine este să părăsească până la sfârșitul timpul retușuri.

Pasul 3 - Adăugarea de fundal

Fundalul este un pur și simplu un gradient folosind culori similare la undele tale. Am ales să-l duc la inchisa (bine, mai întunecat decât în ​​alb) în partea de sus a mai ușor în partea de jos. Începând cu jumătatea de jos a valurilor tale vor fi acoperind partea de jos a fundal în oricum final, tu chiar nu trebuie să vă faceți griji despre ceea ce în partea de jos a de fond arata ca in acest moment. Deci, un fundal alb ar trebui să funcționeze bine.

Acum e doar o chestiune de a aplica filtre pentru straturile și unele retușuri.

Pasul 4 - Adaugarea de straturi și retușuri

În prima converti straturile de undă în straturi netede, astfel încât efectele de strat sunt aplicate direct pe stratul. Cu alte cuvinte, te aplatizare fiecare strat, dar asigurați-vă că pentru a menține tot mai sus complet opac val. În imaginea din stânga, puteți vedea ce vreau să spun. Stratul "Înainte" este modul în care a ta este configurat acum. Stratul de "după" este ceea ce aveți nevoie să îl transforme în.

Acum face 2-mai de jos straturi val vizibil. Pentru stratul superior val, setați opacitatea la aproximativ 20% și se aplică un filtru. Am cea mai mare parte blocat cu Hard Light, Linear Burn, Color Burn, Pin Lumina si se multiplica. Apoi, face similar cu stratul de val prea jos. Acest lucru ar ușura în sus partea de jos a valurilor, astfel că nu este atât de întuneric.

Face următorul strat în sus vizibil și aplica din nou un filtru și a pus-o la circa 20% în opacitate. Repetați acest lucru până când toate straturile sunt vizibile și ar trebui să aveți ceva similar cu produsul meu final.

Sper ca acest tutorial este suficient pentru a ajuta obține ai început.