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

ინტერნეტში ნორმალური იდეები ვერ ვიპოვე როგორ გააკეთოთ გამჭვირვალე ფონიდასრულებული სურათისთვის, ამიტომ დავიწყე საკუთარი თავის ექსპერიმენტები და ვიპოვე მეტ-ნაკლებად შესაფერისი გამოსავალი!

როგორ გააკეთოთ გამჭვირვალე ფონი სურათისთვის

მაგალითისთვის ავიღოთ ერთი მარტივი სურათი .jpg ფორმატში (ზოგადად, ფორმატი არ არის განსაკუთრებით მნიშვნელოვანი):

აქ არის თეთრი ფონი, რომლის მოშორებაც მინდა და მის ნაცვლად გამჭვირვალე ფონი გავაკეთო. ეს დაგვეხმარება - Photoshop-ის ონლაინ მსგავსება.

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

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

ახლა ჩვენ ვიღებთ ჯადოსნურ ჯოხს (ინსტრუმენტთა პანელი, მარჯვენა სვეტი არის მეორე ღილაკი ზემოდან), მიუთითეთ შემდეგი პარამეტრები: ტოლერანტობა = 21, გამშვები ნიშნები არის გამარტივებაზე და უწყვეტობაზე(როგორც წესი, ასეთი პარამეტრები სტანდარტულია), თუმცა შეგიძლიათ ექსპერიმენტი გააკეთოთ პარამეტრებით; და დააწკაპუნეთ სურათის ფონზე (ჩვენს შემთხვევაში, თეთრ ფონზე).

ახლა ვხსნით ფონს ღილაკზე „წაშლა“ დაჭერით და ვიღებთ ჩვენთვის საჭირო სურათს გამჭვირვალე ფონით.

შედეგად, გამომავალი არის იგივე სურათი გამჭვირვალე ფონით.

Pixlr-ის ერთადერთი ნაკლი- სურათის შენახვა შეუძლებელია .gif ფორმატში, რომელიც ასევე ინარჩუნებს გამჭვირვალე ფონს, მაგრამ ბევრად უფრო ადვილია, ვიდრე .png ფორმატი. მაგრამ თუ სხვა გამოსავალი არ არის, რატომ არ ისარგებლოს ამით?

მადლობა ნატალია პეტროვას

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

ინსტრუქციები

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

ამ სტატიაში ჩვენ გეტყვით, როგორ გავხადოთ გამჭვირვალობა Photoshop-ში.

ფაილის შექმნა

პირველი ნაბიჯი არის ფაილის შექმნა. ამისათვის გახსენით Adobe Photoshop და მენიუში File ( ფაილი) გვერდის ზედა ნაწილში აირჩიეთ შექმნა ( ახალი).

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

* სანამ Photoshop-ში გამჭვირვალობით PNG-ს გააკეთებდეთ, უნდა განვმარტოთ, რომ ამ მაგალითში ჩვენ ვქმნით სურათს საიტის ფონად ასატვირთად, ამიტომ დოკუმენტის ზომა დაყენებულია შემდეგნაირად: სიგანე 3000 პიქსელი, სიმაღლე 1730 პიქსელი, რომელიც არის რეკომენდებული ზომები HD სურათების ატვირთვისთვის:

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

შემდეგ "ფენების" პანელში ( ფენები) დარწმუნდით, რომ მუშაობთ გამჭვირვალე ფენადა არა ფონზე:

მას შემდეგ, რაც დაასრულებთ შექმნას და მზად ხართ შეინახოთ გამჭვირვალე გამოსახულება, გამოყენებულიდან გამომდინარე Photoshop ვერსიები, მენიუში "ფაილი" ( ფაილი) შეგიძლიათ გამოიყენოთ ერთ-ერთი შესაძლო ვარიანტი:

Photoshop ვერსიები უფრო ადრე, ვიდრე CC 2015:

ახლა ჩვენ გეტყვით როგორ გავხადოთ სურათი გამჭვირვალე Photoshop-შირომელიც CC 2015 წელზე ადრე გამოვიდა. ეს ვერსიები იყენებენ Save For Web ( შენახვა ამისთვისვებ და მოწყობილობები) PNG სურათების შენახვა და ოპტიმიზაცია ინტერნეტში გამოსაყენებლად. ამ მეთოდის გამოსაყენებლად, უბრალოდ გადადით ფაილების მენიუში ( ფაილი), და შემდეგ - "შენახვა ვებისთვის" ( შენახვა ვებსა და მოწყობილობებზე):

შემდეგ, ფანჯარაში, რომელიც გამოჩნდება, აირჩიეთ PNG-24 შესაძლო მნიშვნელობების ჩამოსაშლელი მენიუდან და დარწმუნდით, რომ "Transparency" ( გამჭვირვალობა) და " გადაიყვანეთ sRGB-ზე» ( გადაიყვანეთ sRGB-ზე). ეს ადასტურებს, რომ სურათი შეიცავს გამჭვირვალე ფონს და მისი ფერის რეჟიმი გარდაიქმნება sRGB-ად, რეკომენდებულ ფერთა სივრცეში ვებისთვის.

ველები" Სურათის ზომა» ( Სურათის ზომა) ავტომატურად ივსება იმ მნიშვნელობებით, რომლებიც მიუთითეთ ფაილის შექმნისას. მაგრამ თუ გსურთ ფაილის ზომის შეცვლა შენახვამდე, შეგიძლიათ ამის გაკეთება ახლავე.

Photoshop CC 2015 ვერსია:

მანამდე, როგორ გავხადოთ ფოტო გამჭვირვალე Photoshop-ში, თქვენ უნდა იცოდეთ, რომ CC 2015 წლიდან, "Save for Web" ( შენახვა ვებსა და მოწყობილობებზე) ფაილის მენიუში ( ფაილი) მონიშნულია როგორც მემკვიდრეობა. და შეცვალა ახალი ვარიანტი"ექსპორტი" ( ექსპორტი), რომელიც გვთავაზობს იდენტურ ფუნქციონირებას უფრო სწრაფად დაზოგვით პატარა ფაილში და შიგნით საუკეთესო ხარისხი... ექსპორტის ოფციის გამოსაყენებლად დააწკაპუნეთ ფაილის მენიუზე ( ფაილი), და მერე - " ექსპორტი როგორც» ( ექსპორტი როგორც).

შენიშვნა: Adobe კვლავ გთავაზობთ Save For Web ( შენახვა ვებსა და მოწყობილობებზე) Photoshop CC 2015-ში და ის ხელმისაწვდომია File> Export ( ფაილი> ექსპორტი) ან კლავიატურის მალსახმობის გამოყენებით Command + Option + Shift + S (Mac-ისთვის) ან Ctrl + Alt + Shift + S (კომპიუტერისთვის):

შემდეგ, ფანჯარაში, რომელიც გამოჩნდება, აირჩიეთ PNG ჩამოსაშლელი მენიუდან ფორმატი ( ფორმატი) და დარწმუნდით გამჭვირვალობაზე ( გამჭვირვალობა) და " გადაიყვანეთ sRGB-ზე» ( გადაიყვანეთ sRGB-ზე).

შექმნათ გამჭვირვალე PNG გამოსახულება უფასო გამოყენებით ონლაინ სერვისისაიტმა ჯერ უნდა მოამზადოს სურათი. მიზანშეწონილია გამოიყენოთ სურათები PNG ან GIF ფორმატში, როგორც გამოსახულება, რადგან JPEG ფორმატიშეიძლება შეიტანოს მცირე დამახინჯება გამოსახულებაზე ფერის გადასვლის საზღვარზე, რაც ხელს შეგიშლით მომავალი წყლის ნიშნისთვის მაღალი ხარისხის ბლანკის გაკეთებაში.

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

შემდეგ საიტის მთავარ მენიუში უნდა აირჩიოთ პუნქტი „სერვისები“ და გადახვიდეთ ქვეპუნქტზე „გამჭვირვალე სურათის შექმნა PNG ფორმატში“. გვერდზე, რომელიც იხსნება, აირჩიეთ ადრე მომზადებული ფაილი და დააჭირეთ ღილაკს "შემდეგი ნაბიჯი".

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

სურათის სწორ ადგილას მაუსის დაჭერით მივდივართ სურათის დამუშავების შედეგების გვერდზე. ახლა თქვენ უნდა დააწკაპუნოთ დამუშავებულ სურათზე მარჯვენა ღილაკით, აირჩიეთ მენიუს პუნქტი "Save Picture As ..." და შეინახეთ მიღებული სურათი თქვენს კომპიუტერში.

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

მაგრამ ისე ხდება, რომ მე ვიპოვე გასაოცარი სურათი, რომელიც მოერგებოდა ზოგად თემას, მაგრამ ის, ასეთი ძაღლი, არის არასაჭირო საგნებით და ფონით. Და მერე რა? გაიტანა კარგი გრაფიკა? Არანაირად. და მხოლოდ დღეს მოხარული ვიქნები გაჩვენოთ, თუ როგორ უნდა გააკეთოთ სურათის გამჭვირვალე ფონი რამდენიმე ლამაზში მარტივი გზებით.

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

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

შექმენით ახალი დოკუმენტი

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

ჯადოსნური ჯოხი

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

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

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

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

საშლელი

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

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

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

ისე, ამავდროულად არ დამავიწყდება კიდევ ერთი საშლელი. იმავე ხელსაწყოების ნაკრებიდან აირჩიეთ « ჯადოსნური საშლელი» ... ჩვენ კვლავ ვუყურებთ ტოლერანტობას. ასეთი შემადგენლობით, შეგიძლიათ განათავსოთ მაღალი დონეშემწყნარებლობა, თუნდაც 80-90 .

ახლა ჩვენ მხოლოდ ერთხელ უნდა დავაჭიროთ ცას. ნახეთ რა მოხდა? არაფრის გარეცხვა აღარ გვჭირდება. ცის უმეტესი ნაწილი ერთი შეხებით იპარსება.

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

კარგად? სილამაზე არაა? ყველაფერი. ახლა ის შეიძლება გამოყენებულ იქნას ნებისმიერი სახის კოლაჟისთვის ან სხვა სახის გამოსახულებებისთვის. თქვენ კი შეგიძლიათ აჩვენოთ, რომ ის თქვენზე თავდასხმას ცდილობს))). აბა, ასე გეტყვით თქვენი ფანტაზია.

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

ჰოდა, ამაზე გემშვიდობები. იმედი მაქვს, რომ მოგეწონათ ჩემი დღევანდელი გაკვეთილი და თქვენთვის სასარგებლო იყო. არ დაგავიწყდეთ ბლოგის განახლებების გამოწერა და მეგობრებთან გაზიარება სოციალურ ქსელებში... და გელოდები ჩემს სხვა სტატიებში. სხვათა შორის, კონკურსი დაგავიწყდათ? შედეგებს ერთ კვირაში გამოვაცხადებ. ასე რომ, ჩვენ გვეჩქარება! აბა, წარმატებებს გისურვებ. Ნახვამდის!

პატივისცემით, დიმიტრი კოსტინი.