Өз веб-сайтыңызды құру әрқашан эскизді және болашақ дизайнды жасаудан басталады, ал бұл дамудың ажырамас бөлігі - бұл фотошопта сайт дизайнын визуалдау және дайын дизайнды кейінгі орналасу үшін блоктарға кесу. Сайт дизайнының суретін дұрыс кесу мүмкіндігі макеттің одан әрі жетістігіне және графикалық файлдардың серверге дұрыс орналасуына тікелей әсер етеді.
Нұсқаулық
1-қадам
Photoshop-та құрылған дизайн макетін ашыңыз, бұл қажетті ажыратымдылықтың сенімді бейнесі. Photoshop бағдарламасындағы құралдар тақтасынан Бөлім құралын таңдаңыз. Барлық мәтіндік қабаттардың, енгізу өрістерінің, белгішелердің және ұқсас элементтердің көрінуін уақытша өшіріңіз.
2-қадам
Таңдалған құралмен сайтты кесетін бағыттаушы сызықтарды салыңыз - суреттегі бұл сызықтар жасыл түсті болады. Бір бөліктегі орналасуды қажетті мөлшерде және мөлшерде құрылымдық элементтерге мұқият бөліңіз.
3-қадам
Кескінді қалай кесетіндігіңізді ойлаңыз - онда жеке элементтер көп болмауы керек. Бағыттауыш сызықтар құру үшін курсорды суреттің үстіңгі сызғышына қойып, тінтуірдің сол жақ батырмасын басып, бағыттаушыны төмен сүйреңіз. Тінтуір түймесін босатыңыз.
4-қадам
Барлық бағыттаушылар орнатылғаннан кейін (тік және көлденең), орналасуды кесуге кірісіңіз.
5-қадам
Жоғарыда таңдалған кесу құралын қолданып, әр нұсқаулықтың басында тінтуірдің оң жақ түймешігін басып, пайда болған өрісті өзіңіз қалаған нысанның өлшеміне дейін созып, кескінді кесіңіз. Тінтуірдің сол жақ батырмасын кесілген фрагменттің сол жақ бұрышында сериялық нөмір пайда болатындай етіп босатыңыз.
6-қадам
Фрагменттердің шекараларын қолмен созу арқылы реттеңіз. Жалпы кескіннің кесілген бөліктерін сақтау үшін Файл мәзіріндегі «Веб-беттерге сақтау» опциясын басып, JPEG пішімін таңдаңыз. Сақтау терезесінде «Барлық фрагменттерді» таңдаңыз.
7-қадам
Кесілген кескін фрагменттерін бөлек сақтағаннан кейін, парақ дизайнының барлық көрнекі элементтерін - мәтін блоктарын, батырмаларды, жолдарды және т.б.
