Създаването на собствен уебсайт винаги започва с разработването на скица и бъдещ дизайн и неразделна част от това развитие е визуализацията на дизайна на сайта във Photoshop и нарязването на готовия дизайн на блокове за последващо оформление. Възможността за правилно изрязване на снимка на дизайна на сайта пряко влияе върху по-нататъшния успех на оформлението и правилното поставяне на графични файлове на сървъра.
Инструкции
Етап 1
Отворете създаденото оформление на дизайна във Photoshop, което е солидно изображение с желаната резолюция. От лентата с инструменти в Photoshop изберете инструмента Slice. Временно изключете видимостта на всички текстови слоеве, полета за въвеждане, икони и подобни елементи.
Стъпка 2
Начертайте с избрания инструмент водещите линии, по които ще изрежете сайта - тези линии на изображението ще бъдат зелени. Разделете внимателно еднокомпонентното оформление на структурни елементи с желания размер и количество.
Стъпка 3
Помислете как ще изрежете изображението - в него не трябва да има твърде много отделни елементи. За да създадете водещи линии, поставете курсора върху горната линийка над изображението, щракнете с левия бутон и плъзнете надолу водача. Отпуснете бутона на мишката.
Стъпка 4
След като всички водачи са настроени (както вертикални, така и хоризонтални), преминете към нарязване на оформлението.
Стъпка 5
С помощта на инструмента за рязане, избран по-горе, изрежете оформлението, като щракнете с левия бутон върху началото на всяка насока и разтегнете появилото се поле до размера на желания обект, който искате да изрежете. Отпуснете левия бутон на мишката, така че в левия ъгъл на изрязания фрагмент да се появи сериен номер.
Стъпка 6
Настройте границите на фрагментите, като ги разтегнете ръчно. За да запазите нарязаните части от цялостното изображение, щракнете върху опцията "Запазване за уеб страници" в менюто Файл и изберете JPEG формат. В прозореца за запазване изберете "Всички фрагменти".
Стъпка 7
След като запазите разделените фрагменти от изображения поотделно, запазете всички визуални елементи на дизайна на страницата - текстови блокове, бутони, линии и т.н.
