Cum să taie șablonul site-ul în HTML în Adobe Photoshop - Forum de orientare

Cum ar putea traduce pentru a crea un șablon de site de la Adobe Photoshop în format intuitiv browser-ul web.

Să luăm, de exemplu, acest șablon aici

Copiați fișierul și deschideți-l în Photoshop. clei toate straturile.

Alegeți o singură coloană Marque Tool (în grupul de Marque)

Alege cea mai din stânga marginea șablonul nostru, apoi Ctrl + C, Ctrl + N. Ctrl + V (Copiere, Creare și Inserare). Amintiți-vă imaginile obținute din dosar. acest lucru va fi fundalul site-ului nostru.

În plus, ghidul, care separă site-ul în cazul în care trebuie să-l taie.
(meniuri, texte, anteturi, icoane, etc.)

Dacă pur și simplu nu obține că Selectați ghidajele de câmp text, dar taie meniul nu este așa cum ar trebui, atunci nu este o problemă. De la început se termina cu obiecte mari, atunci vom lucra bine.

Uită-te la poza, noi nu am împărțit secțiunea principală a site-ului de extindere spre dreapta, deoarece aceasta va reduce meniu, care pe partea de sus.

În continuare, să ia instrumentul Slice Tool (K) și selectați caseta unui pătrat ghiduri divizat.

După ce ați completat toate, apăsați Alt + Ctrl + Shift + S (sau Salvare pentru Web),
va deschide o fereastră, dar imaginea va fi acoperită decât cel alb.

Selectați orice pătrat (aceasta ia forma sa inițială) și pot fi ajustate ca nume pentru ea, sau selectați toate prin Ctrl + A și se adapteze la toate dintr-o dată.

Când toate terminat, faceți clic pe Salvare.

În caseta, introduceți numele fișierului (de exemplu, main_design) și selectați Salvare ca tip (HTML și imagini)

Deschideți dosarul, a se vedea există un singur fișier HTML și imagini dosar. Deschideți fișierul într-un browser. Acesta a tăiat deja fișierul în tabele (deschis-o în Adobe Dreamweaver, și este deja începe să se adapteze în funcție de nevoile lor)

Acum deschideți folderul imagini și selectați fișierul pe care ne amintim nedorezanny, deoarece meniul din partea de sus.

Deschideți-l în Photoshop și, de asemenea instrument de tăiat Slice Tool. După salvarea fișierului pentru a obține al doilea tabel. Înlocuiți fotografia (care tocmai a schimbat) de la primul fișier de pe masă (cu imagini tăiate felii) din al doilea fișier. (Acum, al doilea fișier poate fi șters).

Asta e tot. Foto traduse în HTML și feliate.