Crearea propriului site web începe întotdeauna cu dezvoltarea unei schițe și a unui viitor design, iar o parte integrantă a acestei dezvoltări este vizualizarea designului site-ului în Photoshop și tăierea proiectului finit în blocuri pentru un layout ulterior. Abilitatea de a tăia corect o imagine a designului site-ului afectează în mod direct succesul în continuare al aspectului și plasarea corectă a fișierelor grafice pe server.
Instrucțiuni
Pasul 1
Deschideți aspectul de design creat în Photoshop, care este o imagine solidă a rezoluției dorite. Din bara de instrumente din Photoshop, selectați instrumentul Slice. Dezactivați temporar vizibilitatea tuturor straturilor de text, câmpurilor de introducere, pictograme și elemente similare.
Pasul 2
Desenați cu instrumentul ales liniile de ghidare de-a lungul cărora veți tăia site-ul - aceste linii de pe imagine vor fi verzi. Împărțiți aspectul dintr-o singură piesă cu atenție în elemente structurale de dimensiunea și cantitatea dorite.
Pasul 3
Gândiți-vă cum veți tăia imaginea - nu ar trebui să existe prea multe elemente individuale în ea. Pentru a crea linii de ghidare, plasați cursorul pe rigla superioară deasupra imaginii, faceți clic stânga și trageți în jos ghidajul. Eliberați butonul mouse-ului.
Pasul 4
După ce toate ghidajele sunt setate (atât verticale cât și orizontale), treceți la felierea aspectului.
Pasul 5
Folosind instrumentul de tăiere selectat mai sus, tăiați aspectul făcând clic stânga pe începutul fiecărei linii directoare și întinzând câmpul apărut la dimensiunea obiectului dorit pe care doriți să îl tăiați. Eliberați butonul stâng al mouse-ului, astfel încât să apară un număr de serie în colțul din stânga al fragmentului tăiat.
Pasul 6
Reglați marginile fragmentelor întinzându-le manual. Pentru a salva porțiunile în felii ale imaginii generale, faceți clic pe opțiunea „Salvați pentru paginile web” din meniul Fișier și selectați formatul JPEG. În fereastra de salvare, selectați „Toate fragmentele”.
Pasul 7
După salvarea separată a fragmentelor de imagine decupate, salvați toate elementele vizuale ale designului paginii - blocuri de text, butoane, linii și așa mai departe.
