Ձեր սեփական վեբ կայքի ստեղծումը միշտ սկսվում է ուրվագծի և ապագա դիզայնի մշակմամբ, և այս զարգացման բաղկացուցիչ մասը Photoshop- ում կայքի դիզայնի արտացոլումն է և պատրաստի դիզայնը բլոկների կտրելը հետագա դասավորության համար: Կայքի դիզայնի նկարը ճիշտ կտրելու հնարավորությունն ուղղակիորեն ազդում է դասավորության հետագա հաջողության և սերվերի վրա գրաֆիկական ֆայլերի ճիշտ տեղադրման վրա:
Հրահանգներ
Քայլ 1
Photoshop- ում բացեք ստեղծված դիզայնի դասավորությունը, որը ցանկալի լուծաչափի ամուր պատկեր է: Photoshop- ի գործիքագոտուց ընտրեք Slice գործիքը: Textամանակավորապես անջատեք տեքստի բոլոր շերտերի, մուտքի դաշտերի, պատկերակների և նմանատիպ տարրերի տեսանելիությունը:
Քայլ 2
Ընտրված գործիքով նկարեք ուղեցույցի այն գծերը, որոնց երկայնքով կկտրեք կայքը. Պատկերի այս տողերը կանաչ կլինեն: Մի կտոր դասավորությունը զգուշորեն բաժանեք ցանկալի չափի և քանակի կառուցվածքային տարրերի:
Քայլ 3
Մտածեք, թե ինչպես եք կտրելու պատկերը. Դրանում չպետք է չափազանց շատ անհատական տարրեր լինեն: Ուղղորդող գծեր ստեղծելու համար կուրսորը դրեք պատկերի վերին քանոնի վրա, ձախով կտտացրեք և քաշեք ուղեցույցը ներքև: Ազատեք մկնիկի կոճակը:
Քայլ 4
Բոլոր ուղեցույցների տեղադրումից հետո (և՛ ուղղահայաց, և՛ հորիզոնական), անցեք դասավորության կտրատմանը:
Քայլ 5
Օգտագործելով վերևում ընտրված կտրող գործիքը, կտրեք դասավորությունը ՝ ձախ կտտացնելով յուրաքանչյուր ուղեցույցի սկզբում և ձգելով հայտնված դաշտը ցանկալի օբյեկտի չափի, որը ցանկանում եք կտրել: Թողեք ձախ մկնիկի կոճակը, որպեսզի կտրված բեկորի ձախ անկյունում սերիական համար հայտնվի:
Քայլ 6
Կարգավորեք բեկորների սահմանները `ձեռքով ձգելով դրանք: Ընդհանուր պատկերի կտորներով հատվածները պահպանելու համար կտտացրեք «Պահել վեբ էջերի համար» տարբերակը Ֆայլի ընտրացանկում և ընտրեք JPEG ձևաչափը: Փրկելու պատուհանում ընտրեք «Բոլոր բեկորները»:
Քայլ 7
Հատված պատկերի բեկորները առանձին պահելուց հետո պահպանեք էջի ձևավորման բոլոր տեսողական տարրերը ՝ տեքստային բլոկներ, կոճակներ, գծեր և այլն:
