Photoshop - un exemplu de tăiere capac de aspectul site-ului

Confruntându-se cu dificultatea de modul în care să taie capacele logo-ul de aspect.

Problema a fost că un strat este suprapus pe de altă parte. Soluția a fost găsită cu ajutorul htmlbook on-line. Deci, există un fragment al capacului. De vrei să taie logo-ul viitor, care ar trebui să fie dintr-un fișier cu un fundal transparent, simbolul de pavilion și cuvintele „Formula“:

Selectați instrumentul „Move“, verificați dacă panoul este verificat „Auto:. Grupuri Layer“ Alternativ, facem clic în antetul pe pictograma de pavilion, inscripția „Formula“ și o umplere de fond, în timp ce observând care straturile sunt responsabile pentru desenarea layout-ul fiecărui element.

Ca urmare, în panoul Straturi vedea trei straturi, care împreună alcătuiesc pălăria: „Formula“, „Layer26“, „Shape2“:

Pentru a lucra în continuare cu straturile de date ale opțiunea cea mai convenabilă este să le copiați într-un document nou separat. Acest lucru realizat două obiective:

• În primul rând - cu un izolat separat din straturile documentului mai ușor la locul de muncă;
• în al doilea rând - așa că trebuie să se protejeze de schimbări neintenționate accidentale la documentul sursă.

Și, deși există un instrument, „Istoria“ în Photoshop, toate la fel, această metodă pare a fi mai convenabil pentru mine.

Deci, selectați toate cele trei straturi. Pentru a face acest lucru apăsați pe Ctrl și apoi facem clic pe mouse-ul pe butonul layer „Formula“, „Layer26“, „Shape2“. Apoi, du-te la meniul „Straturi - Duplicate layer.“

Deschide o cutie mică „Duplicate layer“ de dialog, care selectează destinație „Documentul - Nou“ și faceți clic pe OK. Straturile de contact selectate (vor fi create copie) duplicate în noul document Photoshop, care se va deschide automat într-o filă nouă „Untitled-1.

Checkerboard în fundal înseamnă că stratul de fond este transparent. Eliminați pixelii care nu sunt necesare fundal transparent, care nu avem nevoie. Dar, înainte de asta, încă o dată analiza trei straturi duplicat.

Layer „Formula“ reprezintă un text cu efect de umbră. Când taie logo-ul vom lăsa așa cum este - cu umbra. În acest caz, textul „lovit“ în capacul viitorului șablon site-ul neschimbat - elaborat de designerul de fonturi, care a ales. Acest lucru ne satisface pe deplin.

Stratul următor - o pictogramă de pavilion. El trebuie să transfere, de asemenea, antetul șablon. Al treilea strat - gradient de umplere de fundal. Stratul de panou se poate observa că ultimele două straturi sunt interconectate unele cu altele - „Layer26“ și „Shape2“.

În plus, stratul de efecte „Shape2“ aplicat - umbra internă și externă. De la ei putem obține cu ușurință scăpa de, astfel încât acestea puse în aplicare în mod liber, folosind reguli de stil CSS pe care prescriem în modelul viitor. Deci, le dezactivați făcând clic pe „ochi“ în caseta marcată „Efecte“:

Apoi, îndepărtați pixelii transparente ale stratului de fundal. Pentru aceasta vom folosi instrumentul „tunderea“. Du-te la meniul „Image - tăiere“.

deschide fereastra, în care vedem că eliminarea pixelilor suplimentare se va face pe baza pixelilor transparenți, și în același timp de tăiere va avea loc din toate laturile imaginii: sus, jos, stânga, dreapta. Faceți clic pe OK:

Vedem că fundalul este îndepărtat și numai imaginea în sine rămâne: fundal, „Formula“ pavilion și o inscripție. Acum, trebuie să eliminați de umplere de fundal. O vom face cu CSS, inclusiv cu gradient. Acest lucru va reduce dimensiunea fișierului rezultat, care are un impact pozitiv asupra vitezei de download a site-ului.

Pentru a face acest lucru, pur și simplu ștergeți stratul „Shape2“, care este fundalul antet. Selectați-l în panoul Straturi și faceți clic pe tasta Delete. Se pare că această imagine a panoului:

În Photoshop, fereastra de operare este schimbat, de asemenea, ceva. Și anume - Îndepărtați umplerea și lăsând doar un simbol de pavilion și inscripția „Formula“.

Acest lucru este exact ceea ce este necesar. Și din nou, a existat o tablă de șah pe locul fostului strat Shape2. Ei putem fi din nou, de asemenea, șterse. Sau, mai degrabă - să tăiați imaginea rezultată în același mod - prin intermediul instrumentului de „tundere“.

La urma urmei, scopul nostru este de a reduce dimensiunea imaginii, la un nivel minim și noi, în plus pixeli la nimic. Am prune prin tăiere, și pentru a obține rezultatul:

Totul este gata - avem ceea ce avem nevoie. Rămâne pentru a salva imaginea rezultată ca ar trebui să fie - pentru Web. Desigur, păstrarea produce un png. deoarece susține pixelii transparenți (pentru necesarul de fundal) și o bună reproducere a culorilor de culori (gradient). Chiar procesul de conservare, nu voi descrie - este simplu și a fost descris de multe ori în rețea.

Creați reguli de stil pentru a PAC șablon de viitor site-ul: