ქულა 1 ქულა 2 ქულა 3 ქულა 4 ქულა 5

დეტალები კატეგორია: ვებ დიზაინერი ავტორი: SEO & WEB - KELL4

გამჭვირვალე ფონის შექმნა HTML და CSS-ში (გაუმჭვირვალობა და RGBA ეფექტები)

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

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

მოდით შევხედოთ ტექსტის და ფონის გამჭვირვალობას - როგორ გამოვიყენოთ ის სწორად ვებსაიტის დიზაინში:

ამ ქონების მთავარი მახასიათებელია ის, რომ გამჭვირვალობის მნიშვნელობა გავლენას ახდენს ყველაფერზე ბავშვის ელემენტებიშიგნით და არა მხოლოდ ფონზე. ეს ნიშნავს, რომ ფონიც და ტექსტიც გამჭვირვალე გახდება. გამჭვირვალობის დონე შეგიძლიათ გაზარდოთ გამჭვირვალობის ბრძანების 0.1-დან 1-მდე შეცვლით.

HTML 5 CSS 3 IE 9

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

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

გამჭვირვალე ფონი HTML 5 CSS 3 IE 9

ფონის გამჭვირვალობა დაყენებულია 90%-ზე - ნახევრად გამჭვირვალე ფონი და გაუმჭვირვალე ტექსტი.

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

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

სურათი No1. მოდით გავხადოთ ჭიქა გამჭვირვალე Photoshop-ში.

სურათი No2. მაგიდა კაფეში.

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

როგორ გავხადოთ ფენა გამჭვირვალე Photoshop-ში

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

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

სურათი No3. როგორ ამოიღოთ ობიექტი ფონიდან.

ახლა დააკოპირეთ მთელი ფენა გამოყენებით ცხელი კომბინაციაგასაღებები Ctrl+A, და მერე Ctrl+C, და გახსენით ფოტო, რომელზეც ვაპირებთ ჩვენი შუშის დადებას (სურ. 2). შემდეგ ჩადეთ ჭიქა გასაღების კომბინაციის გამოყენებით Ctrl+V, და დაარეგულირეთ მინის ზომა, რომელიც გვჭირდება, თუ მოულოდნელად აღმოჩნდება საჭიროზე დიდი (სურ. 4).

სურათი No4. ჩადეთ ჭიქა ახალ ფონზე.

ობიექტის ზომის შეცვლა Photoshop-შითქვენ შეგიძლიათ გააკეთოთ ეს:

აირჩიეთ ფენა ჭიქით (1) და გადაადგილების ხელსაწყო(2) (სურ. 5);

სურათი No5. Move Tool Photoshop-ში.

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

სურათი No6. Transform Controls-ის ჩვენება Photoshop-ში.

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

სურათი No7. როგორ შევცვალოთ ობიექტის ზომა.

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

სურათი No8.

როგორ გავხადოთ ობიექტი გამჭვირვალე Photoshop-ში

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

სურათი No9. შეცვალეთ Eraser Tool-ის გამჭვირვალობა Photoshop-ში.

ახლა ჩვენ მხოლოდ უნდა დავფაროთ შუშის ის ნაწილი, რომელიც გვინდა გავხადოთ გამჭვირვალე (სურ. 10).

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

გამჭვირვალობა(გაუმჭვირვალობა) არის პარამეტრი 100% მასშტაბით, რომელიც საშუალებას გაძლევთ შეცვალოთ მთელი ფენის გამჭვირვალობის ხარისხი, ყველა გამოყენებული ეფექტით. თუ მნიშვნელობა განსხვავდება 100%-დან, ქვემდებარე ფენა გამოჩნდება. გამჭვირვალობის დონე 0% მიუთითებს სრული არარსებობახილული სურათები.

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

შეავსეთ(შევსება) არის 100% მასშტაბური პარამეტრი, რომელიც საშუალებას გაძლევთ შეცვალოთ ფენის ხილვადობა მის გადაფარვაზე გავლენის გარეშე.

როგორ გამოიყურება გამჭვირვალობა Photoshop-ში

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

გააცნო Photoshop სიმბოლოგამჭვირვალობა კომპიუტერული გრაფიკის სამყაროსთვის - ჭადრაკის ფონი .

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

სურათის ფენის გამჭვირვალე გახადოს 3 გზა

დასაწყისისთვის, საჭიროა საჭირო ფენა. ორი ან მეტის გამოყენებით შერჩევის ტექნიკა Ctrl კლავიშებიან Shift.

შენიშვნა

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

კიდევ ერთი შენიშვნა

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

მეთოდი 1 რიცხვების შეყვანა

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

მეთოდი 2 სლაიდერის კონტროლი

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

რიცხვის ჩვენება აჩვენებს მიმდინარე მნიშვნელობას და თავად სურათი შეიცვლება თქვენი ხელის მოძრაობით.

მეთოდი 3 კლავიატურის გამოყენებით

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

ახლა დააჭირეთ ნომრებს თქვენს კლავიატურაზე:

• ნომერი 1 შეცვლის გამჭვირვალობას 10%, 2-დან 20%-მდე, 5-დან 50%-მდე და ასე შემდეგ;
• რიცხვი 0 ნიშნავს 100%-ს;
• აკრიფეთ 55 და მიიღებთ 55%, 67 არის 67% და ასე შემდეგ

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

როგორ გავხადოთ ფენის ცალკე მონაკვეთი გამჭვირვალე

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

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

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

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

მეთოდი 1 ჭრა საჭირო ფართობისურათები ახალ ფენაში

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

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

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

მეთოდი 2 საშლელის გამოყენებით

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

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

შეცვალეთ მნიშვნელობა გამჭვირვალობა, თუ საჭიროა არათანაბარი ეფექტის მიღწევა.

როგორ შეინახოთ სურათი გამჭვირვალობით

ბევრია, მაგრამ მხოლოდ ორი მათგანი მხარს უჭერს გამჭვირვალობას - PNG და GIF.

GIF-ს აქვს შეზღუდვა - პიქსელი ან გამჭვირვალე უნდა იყოს ან არა, მესამე ვარიანტი არ არსებობს, ანუ გამჭვირვალობის მნიშვნელობა, მაგალითად, 59% აღარ იქნება მხარდაჭერილი. ამ ფორმატს ასევე აქვს შეზღუდვები გამოყენებული ფერების რაოდენობაზე - არ შეიძლება იყოს 256-ზე მეტი.

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

Photoshop-ში PNG გამოსახულების შესაქმნელად, თქვენ უნდა შეასრულოთ ბრძანება: ფაილი - Save As. გამოჩნდება დიალოგური ფანჯარა, რომელშიც თქვენ უნდა მიუთითოთ ადგილი თქვენს კომპიუტერში შესანახად და ასევე აირჩიოთ ჩამოსაშლელი სიიდან Ფაილის ტიპი — PNG (*.PNG).

თუ ტექსტში შენიშნეთ შეცდომა, აირჩიეთ და დააჭირეთ Ctrl + Enter. Გმადლობთ!

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

რატომ არის ეს საჭირო?

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

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

მთელი გამოსახულების გამჭვირვალე გახადა

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

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

რედაქტირებული სურათის შენახვა

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

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

შექმნა სურათზე

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

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

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

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

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

დასკვნა

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

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

როგორ გააკეთოთ გამჭვირვალე ფონი Photoshop-ში

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

1. გახსენით Photoshop. გახსენით ის სურათით, რომლის განთავსებაც გსურთ. გამჭვირვალე ფონი (ფაილი->გახსნა…).

2. აირჩიეთ მთელი სურათი/ფოტო ( Ctrl+O).

3. დააკოპირეთ არჩეული სურათი ( Ctrl+C).

4. გახსენით ახალი ფაილი Photoshop-ში ( ფაილი->ახალი…ან Ctrl+N). ფანჯარაში, რომელიც გამოჩნდება, ყველაზე დაბალი ჩამოსაშლელი სიაში აირჩიეთ მნიშვნელობა გამჭვირვალე- "გამჭვირვალობა":

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

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

6. აირჩიეთ ტერიტორია, რომლის წაშლა გსურთ რეგულარული შერჩევის ხელსაწყოების გამოყენებით ( მ)

ან "ჯადოსნური" ხელსაწყოების გამოყენებით ( ვ):

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

როგორ გავაკეთოთ გამჭვირვალე ტექსტი და წყლის ნიშანი

Photoshop-ში, მდგომარეობის გარდა " სრულად ჩანს"და" სრულიად გამჭვირვალე» არის პირობა ნაწილობრივი ხილვადობაან ნაწილობრივი გამჭვირვალობა. სურათზე ობიექტის ნაწილობრივი ხილვადობა მითითებულია პროცენტულად.

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

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

1. გაუშვით Photoshop და გახსენით ჩვენი ფოტო მასში ( ფაილი->გახსნა…).

2. აირჩიეთ ტექსტის ინსტრუმენტი ( თ) და დაწერეთ წარწერა ფოტოს თავზე სწორი ზომაფერი და სტილი:

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

3. დააყენეთ ფოტოში თეთრი ტექსტის ხილვადობა 40%-ზე. ამისათვის, ფენების ფანჯარაში ( ფენები) ქონების სლაიდერის გადატანა გამჭვირვალობა 40% ღირებულებით:

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

რა ფორმატში უნდა შევინახო სურათი გამჭვირვალედ?

გთხოვთ გაითვალისწინოთ, რომ Photoshop-ში დამუშავებული ფოტოს შენახვა გამჭვირვალე უბნებით JPEG ფორმატითქვენ არ შეგიძლიათ - ამ ფორმატს არ აქვს გამჭვირვალობის მხარდაჭერა. JPG სახით შენახვისას გამჭვირვალე უბნები ავტომატურად შეივსება ფერით (ნაგულისხმევად თეთრი). მათ შორის, სწორად არის ნაჩვენები ბრაუზერების მიერ და მხარს უჭერს გამჭვირვალობას - მხოლოდ GIF და PNG. მშობლიური ფორმატი Photoshop PSDარ არის ნაჩვენები ბრაუზერების მიერ.

სამწუხაროდ, გრაფიკული ფორმატები GIF-ს და PNG-ს აქვს თავისი შეზღუდვები. GIF ფორმატი 8-ბიტიანი PNG-ის მსგავსად, შეუძლია შეინახოს მაქსიმუმ 256 ფერი, ამიტომ არ არის შესაფერისი ფოტოების შესანახად. მიუხედავად იმისა, რომ 24-ბიტიანი PNG შესაფერისია ფოტოებისა და სხვა გრაფიკის გრადიენტებითა და გამჭვირვალობით შესანახად, ბევრი საიტი აწესებს შეზღუდვებს გრაფიკის ფორმატებზე, რომლებიც ვიზიტორებს შეუძლიათ ატვირთონ. ამიტომ, თქვენ შეგიძლიათ ატვირთოთ თქვენი ფოტოები ან ავატარები ასეთ საიტებზე მხოლოდ JPG ან GIF ფორმატში. ამ შემთხვევაში თქვენ მოგიწევთ ფოტოს შენახვა არა გამჭვირვალე ფონზე, არამედ ჩადეთ Photoshop-ში ფონი, რომელზეც ის განთავსდება საიტზე, შეინახოთ შედეგები JPG-ში და მხოლოდ ამის შემდეგ ატვირთოთ საიტზე.