როგორ შევინარჩუნოთ GIF Photoshop- ში

Anonim

როგორ შევინარჩუნოთ GIF Photoshop- ში

Photoshop- ის ანიმაციის შექმნის შემდეგ, ის უნდა იყოს შენახული ერთ-ერთ ხელმისაწვდომი ფორმატში, რომელთაგან ერთია GIF. ამ ფორმატის ფუნქცია ის არის, რომ ის ბრაუზერში (პიესის) ჩვენებაა.

თუ თქვენ დაინტერესებული ხართ სხვა ვარიანტებისთვის ანიმაციის შენახვისთვის, ჩვენ ვურჩევ ამ სტატიას:

გაკვეთილი: როგორ გადავარჩინოთ ვიდეო Photoshop- ში

GIF ანიმაციის შექმნის პროცესი აღწერილია ერთ-ერთ წინა გაკვეთილში და დღეს ჩვენ ვისაუბრებთ GIF ფორმატში ფაილის შენახვაზე და ოპტიმიზაციის პარამეტრებში.

გაკვეთილი: შექმნა მარტივი ანიმაცია Photoshop

შენახვა gif.

დასაწყისისთვის, ჩვენ ვიმეორებთ მასალას და წაიკითხეთ შენახვის პარამეტრების ფანჯარაში. იგი იხსნება ღილაკზე "ვებ-გვერდის შენახვა" ფაილების მენიუში.

Point შენახვა ვებ ფაილი მენიუში გადარჩენა GIFS Photoshop

ფანჯარა შედგება ორი ნაწილისაგან: გადახედვის ბლოკი

Photoshop- ში GIFS- ის პარამეტრების პარამეტრების პარამეტრების პარამეტრების პარამეტრების პარამეტრებში

და პარამეტრების ბლოკი.

ბლოკის პარამეტრები Gifi შენარჩუნების პარამეტრების ფანჯარაში Photoshop- ში

ბლოკის გადახედვა

აირჩიეთ ბლოკის ზედა ნაწილში შერჩეული პარამეტრების რაოდენობა. დამოკიდებულია საჭიროებებზე, შეგიძლიათ აირჩიოთ სასურველი პარამეტრი.

შერჩევის პარამეტრები პარამეტრები Gifi კონსერვაციის პარამეტრების ფანჯარაში Photoshop

გამოსახულება თითოეულ ფანჯარაში, გარდა ორიგინალური, კონფიგურირებულია ცალკე. ეს კეთდება ისე, რომ თქვენ შეგიძლიათ აირჩიოთ ოპტიმალური ვარიანტი.

მარცხენა მხარეს ბლოკი არის პატარა კომპლექტი ინსტრუმენტები. ჩვენ მხოლოდ "ხელი" და "მასშტაბის" გამოვიყენებთ.

ხელის და მასშტაბის ინსტრუმენტები Gifi კონსერვაციის პარამეტრების ფანჯარაში Photoshop- ში

"ხელის" გამოყენებით შეგიძლიათ აირჩიოთ გამოსახულება შერჩეული ფანჯრის ფარგლებში. არჩევანი ასევე გააკეთა ამ ინსტრუმენტით. "მასშტაბი" ასრულებს იმავე ქმედებას. დაახლა და წაშლა სურათს ასევე შეიძლება იყოს ღილაკები ბოლოში ბლოკის ბოლოში.

გამოსახულების მასშტაბი Gifi კონსერვაციის პარამეტრების ფანჯარაში Photoshop- ში

დაბალი ქვემოთ არის ღილაკი წარწერით "ნახვა". იგი ხსნის შერჩეულ ვარიანტს ნაგულისხმევ ბრაუზერში.

სურათის ნახვა ღილაკს ბრაუზერში Photoshop- ში ნიჭიერი პარამეტრების პარამეტრების ფანჯარაში

ბრაუზერის ფანჯარაში, გარდა პარამეტრების პარამეტრების გარდა, ჩვენ ასევე შეგვიძლია მივიღოთ HTML GIF კოდი.

სურათის გადახედვა ნაგულისხმევ ბრაუზერში, ხოლო GIF- ის შენარჩუნებისას Photoshop- ში

ბლოკის პარამეტრები

ამ ბლოკში, გამოსახულების პარამეტრები კონფიგურირებულია, განვიხილოთ ეს.

  1. ფერადი სქემა. ეს პარამეტრი განსაზღვრავს, თუ რომელი ოპტიმიზაციისას გამოყენებული იქნება ინდექსირებული ფერების ცხრილი.

    ფერები ინდექსირების სქემის შერჩევა Photoshop- ში GIF- ის შენარჩუნებისას

    • აღქმა, და უბრალოდ "აღქმის სქემა". როდესაც იგი გამოიყენება, Photoshop ქმნის მაგიდასთან ფერები, ხელმძღვანელობს მიმდინარე shades გამოსახულება. დეველოპერების აზრით, ეს მაგიდა რაც შეიძლება ახლოს არის, თუ როგორ ხედავს ადამიანის თვალი ფერს. Plus - გამოსახულება არის ყველაზე ახლოს ორიგინალური, ფერები მაქსიმალურად შენახულია.
    • შერჩევითი სქემა მსგავსია წინა, მაგრამ ფერები, რომლებიც დაკავშირებულია ვებ-გვერდზე, რომლებიც ძირითადად გამოიყენება. მან ასევე ყურადღება გაამახვილა ჩრდილების ეკრანზე თავდაპირველად.
    • ადაპტირება. ამ შემთხვევაში, მაგიდა იქმნება ფერებიდან, რომლებიც უფრო ხშირია გამოსახულებაში.
    • შეზღუდული. შედგება 77 ფერისგან, რომელთა ზოგიერთი ნიმუშია თეთრი სახით (მარცვლეულის) სახით.
    • საბაჟო. ამ სქემის არჩევისას შესაძლებელია საკუთარი პალიტრის შექმნა.
    • Შავი და თეთრი. ეს მაგიდა იყენებს მხოლოდ ორი ფერის (შავი და თეთრი), ასევე მარცვლეულის გამოყენებით.
    • ნაცრისფერი კლასებში. ნაცრისფერი ფერებში 84 დონეა.
    • Macos და Windows. ცხრილის მონაცემები შედგენილია ბრაუზერების რუკების სურათების მიხედვით, რომლებიც ამ ოპერაციულ სისტემებს აწარმოებენ.

    აქ არის სქემების გამოყენების ზოგიერთი მაგალითი.

    გამოსახულების ნიმუშები სხვადასხვა ფერის გამოყენებით ინდექსირების ცხრილების გამოყენებით Photoshop- ში GIF- ის შენარჩუნებისას

    როგორც ხედავთ, პირველი სამი ნიმუში საკმაოდ მისაღებია. მიუხედავად იმისა, რომ ვიზუალურად ისინი თითქმის არ განსხვავდებიან ერთმანეთისგან, სხვადასხვა სურათებზე ეს სქემები განსხვავებულად იმუშავებენ.

  2. ფერების მაქსიმალური რაოდენობა ფერის მაგიდაზე.

    პარამეტრების მაქსიმალური რაოდენობა ინდექსირებულ მაგიდაზე Photoshop- ში GIF- ის შენარჩუნებისას

    გამოსახულების ფერების რაოდენობა პირდაპირ გავლენას ახდენს მისი წონა, და, შესაბამისად, ბრაუზერში ჩამოტვირთვის სიჩქარით. 128-ის ღირებულება ყველაზე ხშირად გამოიყენება, რადგან ეს პარამეტრი თითქმის არ იმოქმედებს ხარისხზე, ხოლო GIF- ის წონის შემცირებისას.

    პარამეტრების მაგალითები მაქსიმალური რაოდენობის ფერების ინდექსირებულ მაგიდაზე, ხოლო GIFS- ის შენარჩუნებისას Photoshop- ში

  3. ვებ ფერები. ეს პარამეტრი ადგენს ტოლერანტობას, რომელთანაც shades მოაქცია ექვივალენტი საწყისი უსაფრთხო ვებ პალიტრა. სფეროში ფაილი განისაზღვრება სლაიდერის მიერ მითითებული ღირებულებით: ღირებულება უფრო მაღალია - ფაილი ნაკლებია. ვებ-ფერების შექმნისას არ უნდა დაივიწყოს ხარისხი.

    შექმნის სურათის კონვერტაციის ტოლერანტობის ვებ-ფერები ხოლო შენარჩუნების GIFS Photoshop

    მაგალითი:

    ფერის კონვერტაციის მაგალითები WEB- სთვის Photoshop- ში GIF- ის შენარჩუნებისას

  4. დისკიზაცია საშუალებას გაძლევთ გათიშოთ გარდამავალი ფერები შორის ფერები შერევით shades, რომლებიც შეიცავს შერჩეული ინდექსირების მაგიდასთან.

    Dystering პარამეტრი, ხოლო შენარჩუნების GIFS in Photoshop

    ასევე, პარამეტრი ხელს შეუწყობს თუ როგორ უნდა შეინარჩუნოს gradients და მთლიანობა მონოქრომული საიტები. როდესაც გამოყენებისას დისპენსერი ზრდის ფაილის წონას.

    მაგალითი:

    მაგალითები გამოყენებისათვის Dystering პარამეტრები ხოლო შენარჩუნების GIFS Photoshop

  5. გამჭვირვალობა. GIF ფორმატში მხარს უჭერს მხოლოდ აბსოლუტურად გამჭვირვალე, ან აბსოლუტურად გაუმჭვირვალე პიქსელი.

    ფონის გამჭვირვალობის შექმნისას Photoshop- ში GIF- ის შენარჩუნებისას

    ეს პარამეტრი, დამატებითი კორექტირების გარეშე, ცუდად აჩვენებს ხაზებს მოსახვევებში, ტოვებს პიქსელ ქალბატონებს.

    მაგალითები კორექტირების მქრქალი გამოყენებისას GIFS- ის შენარჩუნებისას Photoshop- ში

    კორექტირება ეწოდება "მქრქალი" (ზოგიერთ რედაქტორში "Kaima"). მასთან ერთად, კონფიგურირებულია პიქსელების სურათების შერჩევა გვერდის ფონზე, რომელზეც განთავსდება იგი. საუკეთესო ეკრანისთვის, აირჩიეთ ფერი, რომელიც შეესაბამება საიტის ფონის ფერს.

    Pixel images- ის შერევით Photoshop- ში პრესის გვერდებზე

  6. Interlaced. ერთ-ერთი ყველაზე სასარგებლო ვებ-გვერდისთვის. იმ შემთხვევაში, თუ ფაილი აქვს მნიშვნელოვანი წონა, საშუალებას გაძლევთ დაუყოვნებლივ აჩვენოთ სურათს გვერდზე, როგორც ეს იტვირთება გაუმჯობესების მისი ხარისხი.

    შექმნის interlaced ხოლო შენარჩუნების gifs in Photoshop

  7. SRGB კონვერსია ხელს უწყობს მაქსიმალური ორიგინალური სურათების შენახვას.

    SRGB- ში ფერების კონვერტაციის შექმნისას Photoshop- ში GIF- ის შენარჩუნებისას

შექმნის "დისახლის გამჭვირვალობა" მნიშვნელოვნად გაუარესდება გამოსახულების ხარისხს და გაკვეთილის პრაქტიკულ ნაწილში "დაკარგვა" პარამეტრი ვსაუბრობთ.

დისკრიმინაციის პარამეტრების გამჭვირვალობისა და მონაცემთა დაკარგვისთვის Photoshop- ში GIF- ის შენარჩუნებისას

Photoshop- ში GIFS- ის შენარჩუნების პროცესის საუკეთესო გაგება, თქვენ უნდა პრაქტიკაში.

ვარჯიშობა

ინტერნეტის სურათების ოპტიმიზაციის მიზანი არის ფაილის წონის მაქსიმალური შემცირება, ხოლო ხარისხის შენარჩუნებისას.

  1. სურათის დამუშავების შემდეგ, გადადით "ფაილზე - ვებ-გვერდისთვის" მენიუში.
  2. გამოფენა "4 ვარიანტი" View Mode.

    შერჩევა რაოდენობის პარამეტრები ნახვის შედეგების ხოლო შენარჩუნების GIFS Photoshop

  3. შემდეგი, თქვენ გჭირდებათ ერთი ვარიანტი, რათა ყველაზე მსგავსი ორიგინალური. მოდით ეს იყოს სურათის უფლება წყარო. ეს კეთდება იმისათვის, რომ შეფასდეს ფაილის ზომა მაქსიმალური ხარისხით.

    პარამეტრების პარამეტრები შემდეგია:

    • ფერადი სქემა "შერჩევითი".
    • "ფერები" - 265.
    • "დიზერინგი" არის "შემთხვევითი", 100%.
    • ამოღება daws საპირისპირო "interlaced" პარამეტრი, რადგან საბოლოო იმიჯი გამოსახულება საკმაოდ მცირე იქნება.
    • "ვებ ფერები" და "დანაკარგები" - ნულოვანი.

      პარამეტრების პარამეტრების პარამეტრების პარამეტრების Photoshop- ში GIFS- ის შენარჩუნებისას

    შეადარეთ შედეგს ორიგინალი. ნიმუშის ფანჯრის ბოლოში, ჩვენ შეგვიძლია ვნახოთ მიმდინარე GIF ზომა და დატვირთვის სიჩქარე მითითებულ ინტერნეტ სიჩქარით.

    სურათის ოპტიმიზაციის შედეგების შედარება ორიგინალთან ერთად GIF- ის შენარჩუნებისას Photoshop- ში

  4. გადადით სურათზე ქვემოთ მხოლოდ კონფიგურირებული. შევეცადოთ ოპტიმიზაცია.
    • დატოვეთ სქემა უცვლელი.
    • ფერების რაოდენობა შეამცირებს 128-მდე.
    • Dymmering ღირებულება შემცირდა 90%.
    • ვებ-ფერები არ შეეხოთ, რადგან ამ შემთხვევაში ეს არ დაგვეხმარება ხარისხის შენარჩუნება.

      შექმნის სამიზნე სურათების პარამეტრების ხოლო შენარჩუნების GIFS Photoshop

    GIF ზომა შემცირდა 36.59 KB- დან 26.85 კბ-მდე.

    შემცირებული გამოსახულების ზომა ოპტიმიზაციის შემდეგ Photoshop- ში GIF- ის შენარჩუნებისას

  5. მას შემდეგ, რაც ზოგიერთი მარცვლეული და მცირე დეფექტები უკვე იმყოფებიან სურათზე, შევეცადოთ გაზარდოს "დანაკარგები". ეს პარამეტრი განსაზღვრავს GIF- ის შეკუმშვას მონაცემების დაკარგვის დასაშვებ დონეს. შეცვალოს მნიშვნელობა 8.

    დასაშვები მონაცემების დაკარგვის დონის განსაზღვრა, როდესაც GIF- ის შენახვა GIF- ს გადარჩენა Photoshop- ში

    ჩვენ კვლავ მოვახერხეთ, რომ შეამციროთ ფაილის ზომა, ხოლო პატარა ხარისხის დაკარგვა. Gifs ახლა იწონის 25.9 kilobytes.

    სურათის ზომა ფოტოშოპში GIF- ის შენარჩუნებისას დაკარგვის შემდეგ

    საერთო ჯამში, ჩვენ შეგვიძლია შევამციროთ სურათის ზომა 10 KB- ზე, რაც 30% -ზე მეტია. ძალიან კარგი შედეგი.

  6. შემდგომი ქმედებები ძალიან მარტივია. დააჭირეთ ღილაკს შენახვა ღილაკს.

    შენახვა ღილაკს Gifi კონსერვაციის პარამეტრების ფანჯარაში Photoshop- ში

    ჩვენ ვირჩევთ ადგილს გადარჩენა, მისცეს სახელი GIF და დააჭირეთ "შენახვა" ერთხელ.

    Photoshop- ში GIFS- ის შენარჩუნების ადგილი და სახელი შერჩევა

    გთხოვთ გაითვალისწინოთ, რომ არსებობს შესაძლებლობა ერთად GIF შექმნას HTML დოკუმენტი, რომელიც ჩვენი სურათი იქნება აშენებული. ამისათვის უმჯობესია აირჩიოთ ცარიელი საქაღალდე.

    შენახვა GIFS ერთად HTML დოკუმენტი Photoshop

    შედეგად, ჩვენ მივიღებთ გვერდს და ფოლდერს.

    Folder ერთად შენახული GIF Photoshop

რჩევა: ფაილის სახელის მინიჭებისას, ცდილობენ არ გამოიყენოთ კირილეური სიმბოლოები, რადგან ყველა ბრაუზერს არ შეუძლია წაიკითხოს ისინი.

ეს გაკვეთილი GIF ფორმატში სურათის გადარჩენისთვის დასრულდა. მასზე, აღმოჩნდა, თუ როგორ შეგიძლიათ ოპტიმიზაცია ინტერნეტში განთავსებისთვის.

Წაიკითხე მეტი