Өзүңүздүн веб-сайтыңызды түзүү ар дайым эскизди жана келечектеги дизайнды иштеп чыгуудан башталат жана анын өнүгүшүнүн ажырагыс бөлүгү болуп, сайттын дизайнын фотошопто визуалдаштыруу жана даяр дизайнды кийинки макет үчүн блокторго бөлүү болуп саналат. Сайттын дизайнынын сүрөтүн туура кесүү мүмкүнчүлүгү макеттин мындан аркы ийгилигине жана сервердеги графикалык файлдардын туура жайгашуусуна түздөн-түз таасир этет.
Нускамалар
1 кадам
Фотошопто түзүлгөн дизайн макетин ачыңыз, бул керектүү резолюциянын бекем сүрөтү. Photoshop'тагы шаймандар тилкесинен Slice куралын тандаңыз. Бардык текст катмарларынын, киргизилген талаалардын, сүрөтчөлөрдүн жана ушул сыяктуу элементтердин көрүнүшүн убактылуу өчүрүп коюңуз.
2-кадам
Тандалган шайман менен сайтты кесип турган жетектөөчү сызыктарды тартыңыз - сүрөттөгү бул сызыктар жашыл түстө болот. Бир бөлүктүн макетин керектүү өлчөмдө жана өлчөмдө структуралык элементтерге кылдаттык менен бөлүңүз.
3-кадам
Сүрөттү кандайча кескениңиз жөнүндө ойлонуп көрсөңүз - анда өтө эле көп жеке элементтер болбошу керек. Жетектөөчү сызыктарды түзүү үчүн, курсорду сүрөттүн үстүңкү сызгычына коюп, сол баскычты басып, гидди ылдый сүйрөңүз. Чычкан баскычын коё бер.
4-кадам
Бардык колдонмолор орнотулгандан кийин (тик жана горизонталдуу), макетин кесүүгө өтүңүз.
5-кадам
Жогоруда тандалган кесүүчү куралды колдонуп, ар бир колдонмонун башталышына сол баскыч менен чыкылдатып, пайда болгон тилкени каалаган объектинин көлөмүнө чейин созуп, макетти кесип алыңыз. Кесилген фрагменттин сол бурчунда сериялык номер пайда болушу үчүн, чычкандын сол баскычын коё бериңиз.
6-кадам
Фрагменттердин чек араларын кол менен сунуп тууралаңыз. Жалпы сүрөттүн кесилген бөлүктөрүн сактоо үчүн, Файл менюсунан "Веб баракчаларына сактоо" параметрин чыкылдатып, JPEG форматын тандаңыз. Сактоо терезесинен "Бардык фрагменттерди" тандаңыз.
7-кадам
Кесилген сүрөттүн фрагменттерин өзүнчө сактагандан кийин, барактын жасалгасынын бардык визуалдык элементтерин - тексттик блокторду, баскычтарды, саптарды ж.б.
