გაუშვით Photoshop და გახსენით სურათი, რომელიც გსურთ გადააქციოთ გამოსახულების რუკად. დააწკაპუნეთ და ხანგრძლივად დააწკაპუნეთ "Crop" ხელსაწყოზე, რათა ნახოთ მენიუ, რომელიც შეიცავს სხვა ინსტრუმენტებს. დააჭირეთ "Slice" ხელსაწყოს მის ასარჩევად.
დააწკაპუნეთ გამოსახულების შიგნით არსებულ წერტილზე და გადაიტანეთ Slice ინსტრუმენტი, რათა დახაზოთ შემოსაზღვრული ველი სურათის იმ ნაწილის გარშემო, რომლის დაწკაპუნება გსურთ. Photoshop ხატავს დამატებით „ავტო ნაჭრებს“ გამოსახულების სხვა ნაწილებზე. ეს ავტომატური ნაჭრები უზრუნველყოფს სურათის ყველა ნაწილის ნაწილს.
დააწკაპუნეთ მაუსის მარჯვენა ღილაკით თქვენს მიერ შექმნილ ნაწილზე და აირჩიეთ "Edit Slice Options", რათა გახსნათ Slice Options ფანჯარა. ჩაწერეთ URL, რომლის დაკავშირება გსურთ ნაჭერთან. თქვენ ასევე შეგიძლიათ შეცვალოთ ნაგულისხმევი სახელი, რომელიც Photoshop-მა მისცა ნაჭერს, ახლის აკრეფით "Name" ტექსტურ ველში.
დააწკაპუნეთ "OK"-ზე, რათა დახუროთ Slice Options ფანჯარა და დაუბრუნდეთ სურათს. დააწკაპუნეთ სურათის შიგნით სხვა წერტილზე და გადაათრიეთ Slice ინსტრუმენტი საჭიროების შემთხვევაში დამატებითი ნაჭრების შესაქმნელად.
აირჩიეთ "Slice Select Tool" ხელსაწყოთა ზოლიდან და დააწკაპუნეთ ნაწილზე, რომლის გადატანა გსურთ.
დააჭირეთ მაუსის მარცხენა ღილაკს და გადაიტანეთ ნაჭერი ახალ ადგილას.
დააჭირეთ მაუსის კურსორი ნაჭერის ერთ-ერთ კიდეზე და გამოჩნდება ხაზი თითოეულ ბოლოზე ისრებით. დააწკაპუნეთ ამ ხაზზე, გეჭიროთ მაუსის მარცხენა ღილაკი და გადაათრიეთ მაუსი, თუ საჭიროა ნაჭერი უფრო დიდი ან პატარა გახადოთ.
დააწკაპუნეთ "ფაილზე" შემდეგ "Save for Web" გასახსნელად Save for Web ფანჯარა.
დააწკაპუნეთ "Preset"-ზე და აირჩიეთ ფაილის ტიპის ერთ-ერთი ვარიანტი, რომელიც გამოჩნდება. არჩევანი მოიცავს GIF 128 Dithered, JPEG High და PNG-24.
დააწკაპუნეთ "შენახვაზე", რათა გაიხსნას ფანჯარა, რომელიც აჩვენებს თქვენი მყარი დისკის ფაილებს და საქაღალდეებს. დაათვალიერეთ საქაღალდე, სადაც გსურთ შეინახოთ გამოსახულების რუქის ფაილები და ჩაწერეთ სახელი სურათის რუქისთვის ფაილის სახელის ტექსტურ ველში.
დააწკაპუნეთ ჩამოსაშლელ მენიუზე "ფორმატი" და აირჩიეთ "HTML და სურათები". დააწკაპუნეთ "შენახვაზე", რათა შეინახოთ ყველა ფაილი თქვენს მიერ მითითებულ საქაღალდეში.
Photoshop ინახავს თითოეულ ნაწილს ცალკე სურათად სურათების საქაღალდეში. პროგრამა ასევე ინახავს HTML დოკუმენტს, რომელსაც იგივე სახელი აქვს, რაც თქვენ აკრიფეთ "ფაილის სახელი" ტექსტურ ველში. თუ იპოვით ამ HTML ფაილს File Explorer-ში და ორჯერ დააწკაპუნეთ ფაილზე, თქვენი ბრაუზერი იხსნება და აჩვენებს თქვენს გამოსახულების რუკას. დააწკაპუნეთ გამოსახულების რუქის სხვადასხვა ნაწილზე, რათა გადახვიდეთ იმ URL-ებზე, რომლებიც თქვენ მიანიჭეთ ფრაგმენტებს. მაგალითად, თუ თქვენ დაყავით აშშ-ის რუკა შტატებად, თითოეული შტატისთვის ფრაგმენტის შექმნით, შეგიძლიათ დააწკაპუნოთ სახელმწიფოზე, რათა გადახვიდეთ ამ შტატის ნაწილზე მინიჭებულ URL-ზე.
მიეცით ნაჭრებს მნიშვნელოვანი სახელები და გაგიადვილდებათ მათი ამოცნობა, თუ ოდესმე გსურთ შეცვალოთ Photoshop-ის მიერ შექმნილი HTML კოდი. მაგალითად, თუ თქვენ შექმენით ნაჭერი, რომელიც გარშემორტყმული იყო აიოვას შტატში, შეგიძლიათ დაარქვით ნაჭერს აიოვა.
თქვენ ალბათ გსურთ შეინახოთ თქვენი გამოსახულების რუქის სურათები იმავე ფორმატში, როგორც ორიგინალური სურათი. მაგალითად, თუ ეს არის JPEG, აირჩიეთ ერთ-ერთი JPEG ვარიანტი Preset ჩამოსაშლელი მენიუდან Save for Web ფანჯარაში. მაგალითად, აირჩიეთ „JPEG Low“ და Photoshop წარმოქმნის დაბალი ხარისხის JPEG სურათებს. რაც უფრო დაბალია სურათის ხარისხი, მით უფრო სწრაფად იტვირთება ის ვებ ბრაუზერში.
ეს სტატია ვრცელდება Adobe Photoshop CC, 2014 ვერსიაზე. ზოგიერთი ინფორმაცია შეიძლება განსხვავდებოდეს პროგრამული უზრუნველყოფის სხვა ვერსიებში.
