Share
Dacă sunteți pe twitter și citit acest blog, șansele sunt deja personalizate profilul dvs. cu un fundal de cool twitter. În acest tutorial, vom crea unul din noi în jurul unui mascot central: o pasăre foarte detaliată, care va trebui să vă desenați! Pregătește-te să faci mult mai mult decât să dai clic în acest tutorial artistic!
Atunci când creați un fundal twitter, există diferite lucruri de luat în considerare. Cea mai mare problemă este faptul că nu puteți centra aliniați o imagine în profilul dvs. de twitter. Deci, renunțați la ideile pe care le aveți despre împachetarea graficelor în jurul corpului. Aveți posibilitatea să creați fie un design de tigla, fie să aliniați imaginea. Întrucât dimensiunea corpului nu se modifică în funcție de rezoluția pe care o vedeți, trebuie de asemenea să vă faceți griji cu privire la păstrarea conținutului dvs. principal vizibil pe mai multe dimensiuni ale ecranului și la atenuarea perfectă a ilustrației.
Dacă textul dvs. merge prea departe spre dreapta, mulți oameni ar putea să nu o poată citi. Dacă ilustrația dvs. este foarte detaliată și se termină după doar 250 de pixeli, va arăta ciudat pe ecrane mari, deoarece nu se estompează la dreapta și la partea inferioară. În fine, lucrați în format web, deci gândiți-vă la dimensiunea fișierului atunci când o proiectați.
Pentru a face față tuturor acestor cerințe, vom crea un fundal relativ mic care se va alinia spre partea stângă și va dispărea spre partea de jos și spre dreapta. Și prin scăderea, nu vreau să șterg jumătate din imagine, dar treptat, folosind mai puține și mai puține elemente. Este o practică obișnuită pentru fundalul twitter pentru a include o biografie scurtă și legături către locul în care persoana poate fi găsită online.
Fundalul meu nu are aceste caracteristici, deoarece consider că profilul bio este vizibil oricum pe partea dreaptă și, de asemenea, puteți alege o legătură pe care oamenii o pot folosi. Am legătură cu portofoliul meu, unde există mai multe linkuri ale prezenței mele online, în cazul în care cineva este interesat. Oricum, pentru a face acest lucru mai practic, există un scurt bio (în acest caz total fals din cauza lipsei de inspirație) și câteva linkuri.
Uitați-vă la imaginea pe care o vom crea. Puteți vedea imaginea finală a imaginii de mai jos sau imaginea de dimensiune completă aici.
Primul lucru pe care trebuie să-l faceți este să desenați mascota, o pasăre twitter. Există o mulțime de păsări drăgălașe, strălucitoare și strălucitoare, așa că am vrut una care nu numai că era diferită, dar asta reprezenta stilul meu. La urma urmei, un profil de twitter se referă la proprietar.
Procesul văzut mai jos este foarte întins, dar poate fi scurtat. Nu vreau să te gândești că așa trebuie doar să faci, dar în cazul în care nu ai prea multă experiență în arta grafică, e bine să îți iei timpul și să faci toate etapele dreptate. În timp, după ce a devenit mai experimentat, o doodlă simplă poate fi de ajuns pentru a vă începe în Photoshop.
Deocamdată, începeți prin a obține o bucată obișnuită de hârtie și scoateți câteva schițe de bază ale păsării. Concentrați-vă pe obținerea poziției posturii și nu vă faceți griji cu privire la detalii. acestea vor fi acoperite mai târziu.
După cum puteți observa, poziția picioarelor în imaginea de mai jos nu este identică cu rezultatul final. De fapt, le-am schimbat în fiecare etapă, pentru că este puțin greu să le fac să pară natural și estetic în același timp. Trebuie doar să urmezi o imagine dură a păsării tale în această primă etapă.
Acum veți avea nevoie de hârtie de urmărire. Este în esență o hârtie semi-transparentă care vă permite să desenați ceva pe lângă o imagine de referință, în acest caz schița noastră brută. Am folosit două creioane: 2B și 8B. Cu cât numărul este mai mare, cu atât este mai moale vârful. Am folosit 2B pentru a urmări contururile și 8B pentru a desena umbre. Eraserul este tăiat la jumătate, astfel încât să puteți utiliza muchia ascuțită pentru a șterge suprafețele mici. Acest lucru este util pentru adăugarea de evidențe.
Am alunecat, de asemenea, o foaie suplimentară de hârtie de urmărire între ele pentru a face schița brută mai puțin vizibilă. Dacă imaginea dvs. are prea mult contrast, este o idee bună să o deconectați mai mult, astfel încât să nu vă confundați.
Utilizați creionul pentru a urmări conturul păsării. Acum puteți începe să vă faceți griji cu privire la detalii.
Acum ar fi trebuit să completați schița generală a fiecărei părți a păsării.
Începeți să adăugați umbre, astfel încât pasărea să arate 3D. Observați că umbrele sunt foarte de bază și nu trebuie să arate foarte realiste. Aceasta este doar o parte a întregului proces, și nu o imagine finală, așa că nu vă faceți griji cu privire la a face să arate bine. Tot ce trebuie să faceți este să definiți clar forme și iluminare.
Această parte este importantă deoarece toate umbrele vor deveni linii continue în etapele viitoare. Spațiile libere sunt subliniate, iar liniile paralele sunt umbre. Faceți liniile mai îndepărtate și mai scurte, iar ochiul uman o va percepe ca un gradient. Acesta este, în principiu, un ecran de halfton desenat manual.
Luați o altă bucată de hârtie de urmărire și puneți-o peste schița de creion pe care ați făcut-o. De data aceasta vom folosi aceasta ca o referință pentru pasărea finală, de artă de linie.
Acum tot ce trebuie să faceți este să trasați linii paralele peste umbre. Pentru a le distruge, trageți liniile mai scurte și mai scurte.
Amintiți-vă că puteți distruge și schița, nu doar liniile de umbră.
De data aceasta, fii foarte atent la toate detaliile. Asigurați-vă că aceste forme arata ca pene reale, nu curbe simple.
Continuați acest proces pe cap și pe corp. Asigurați-vă că nu lăsați suficientă evidențiere.
Cum am spus, picioarele au trecut sub o singură modificare finală. Am vrut ceva între o poziție de atac și un zbor de nivel scăzut.
Am făcut a doua aripă, în general mai întunecată decât prima. Acest lucru face ca desenul să pară mai dinamic și mai realist. A arunca o lumină egală asupra întregii păsări poate face să pară mai puțin interesantă. Chiar dacă postura este prea simetrică, puteți întotdeauna să vă bazați pe iluminare pentru a vă împrospăta puțin.
Și acolo este, totul făcut. Poate că un pic prea înalt și întins, dar nu contează, deoarece nu puteți vedea totul în fundalul oricui.
Scanați-l sau fotografiați-l și puneți-l în Photoshop. Accesați Imagine> Ajustări> Niveluri și intensificați considerabil contrastul. Întunecați liniile, dar aduceți și câteva dintre cele mai importante.
Accesați Selectare> Gama de culori. În interiorul ferestrei, faceți clic pe o zonă neagră a fotografiei, astfel încât să aveți o selecție a liniilor negre. Apăsați OK și copiați selecția (Command + C).
Creați un nou document Photoshop cu o lățime de 750 px și o înălțime de 700 px și o rezoluție de 72 dpi. Lipiți pasărea (Command + V), faceți dublu clic pe stratul acesteia și adăugați un efect Color Overlay. Alegeți un albastru închis (# 387bc) și apăsați pe OK. Creați un nou strat gol (Command + Shift + N), faceți clic pe ambele straturi din meniul de nivel și îmbinați-le (Command + E). Aceasta va aplatiza Stratul de Strat.
Acum, într-un nou strat gol de sub linia de artă, utilizați instrumentul Pen (P) pentru a da pasăre o culoare de fundal (# 33ccff).
Pentru această parte ar fi mai bine să aveți un comprimat cu stilou, dar nu este absolut necesar. Puteți utiliza fie o pensulă obișnuită, fie instrumentul stilou pentru a crea cele mai importante și umbre. Am făcut-o cu un comprimat. În acest pas, urmăriți primele câteva evidențieri cu alb și faceți o mască de tăiere, astfel încât să apară numai în interiorul păsării.
Acum trageți lovituri mai mari de un cyan luminos (# 7ff4fe). Faceți un strat separat pentru fiecare dintre acestea.
Sub cea anterioară, vopsea chiar mai mare cu o ciană puțin mai închisă (# 4de2ff).
Culoarea finală a culorilor va fi de câteva accente gri (# ddded9).
Acum folosiți un galben strălucitor (# f5e456) pentru a colora ciocul și a adăuga și unele umbre, cu un galben mai închis (# bcb833).
Pentru a termina pasărea, umpleți ciocul cu același albastru închis și trageți ochiul. Utilizați culoarea albă și același galben închis.
Va trebui să vă întoarceți acum la desen pentru a picta câteva nori. Am folosit mai multe tipuri de cutii de comentarii pentru asta. Aceasta fiind o rețea socială, strigătele de stil comic au dreptate. Traceți conturul cu o nuanță de gri (# d0cdbe).
Dați fundalului o nuanță mai deschisă (#edeedb).
Acum desenați câteva linii subțiri pentru umbre (# dfe0d0) și evidențiază (#ffffff).
Repetați acest proces pentru a crea câteva alte tipuri de casete de comentarii. Combinate, acestea exprimă simple afirmații, gânduri și exclamații. Încerc să nu strig prea mult pe profilul meu, așa că nu vă faceți griji, acestea sunt pur decorative. Nu strig la urmașii mei :)
Este timpul să adăugați un bio și legături. Textul simplu simplu este Calibri Normal și titlurile sunt în Rockwell Std Bold. Ampersandul este Doamna Eaves Medie Italică. Utilizați aceleași culori ca și pasărea.
Întotdeauna amintiți-vă să încercați diferite metode antialiasing atunci când lucrați cu tipul, în special la rezoluții reduse. În primul exemplu, cuvântul este în modul Sharp. Observați că literele de mijloc par să se îndoaie și să coboare sub linia de jos. Poate fi subtil, dar este o greșeală.
Nu numai că, dar literele nu sunt chiar paralele. Fiecare pare să aibă propria orientare. Pentru a rezolva acest lucru, încercați o metodă alternativă de antialiasing, în acest caz puternic. Acum, literele au o orientare comună și o linie de bază nivelată.
În timp ce precedentul poate fi un remediu subtil, următoarea este o greșeală foarte frecventă. Urmărirea inegală poate duce la suprapunerea anumitor litere, iar altele sunt prea îndepărtate unele de altele. În timp ce, de obicei, nu puteți observa aceste erori la linii regulate mici de text, textul afișat pe ecran va dezvălui aceste neconcordanțe.
Pentru a rezolva acest lucru, trebuie să modificați manual spațiul dintre fiecare literă. Alegeți Instrumentul Tip (T), dați clic în interiorul unei linii de text și glisați o selecție a primelor două litere. Introduceți un număr corespunzător în câmpul de urmărire. Când ați găsit doar spațiul potrivit, selectați a doua și a treia literă și faceți același lucru. Treceți prin fiecare spațiu de două până la două litere până când toate urmăririle sunt corecte. Puteți vedea diferența de urmărire personalizată și standard în exemplul de mai sus și de mai jos al cuvântului.
Găsiți stratul de formă vector în care ați urmărit pasărea. Faceți clic pe miniatură Vector Mask a stratului pentru a aduce calea. Utilizați Instrumentul de selecție a traseului (săgeată neagră) pentru a selecta calea și pentru ao copia (Command + C). Deschideți ilustrația, lipiți calea (Command + V) și apăsați enter în fereastra care se deschide în Illustrator (Compus Shape). Selectați culoarea stroke și alegeți albul (este negru aici doar pentru a putea vedea). Setați greutatea cursului la 2 pt.
Aduceți panoul Stroke (Window> Stroke) și utilizați următoarele setări. Nu vă deranjează fundalul cenușiu.
Copiați-l (Command + C) și lipiți-l (Command + V) în fișierul Photoshop ca un obiect inteligent. Repetați procesul și cu casetele de comentarii.
Folosind același font de titlu, creați câteva accente tipografice în jurul comentariului. De asemenea, vom folosi o varietate de păsări din pachetul vectorial Birds 2 Vector din Arsenalul Go Media. Pur și simplu lipiți-le ca obiecte inteligente și dați-le o suprapunere de culori cu orice culoare doriți.
Utilizați diferite păsări cu culori diferite. Încercați să nu exagerați sau să le suprapuneți.
De asemenea, am vrut să dau ideea că păsările poartă mesaje, așa că am pus scrisori în jurul, în apropiere sau ținute de păsările reale. Acestea sunt toate cu unul din cele trei fonturi pe care le-am folosit mai devreme.
Repetați și motivul din colțul de sus. Nu o face științifică. Păstrați orientarea aleatoare și nu neapărat toate într-o singură direcție.
Și apoi răspândiți păsările de pe panza. Amintiți-vă să le estompeze, deși pe partea dreaptă și de jos prin plasarea mai puțini și mai puțini.
Asta e! Fundalul nostru de twitter este complet. Puteți vedea imaginea finală a imaginii de mai jos sau imaginea de dimensiune completă aici.
Aceasta este versiunea pe care o am pe profilul meu de twitter.
Accentsconagua