კოლაჟის გაკეთება არ არის მხოლოდ რამდენიმე ფოტოს ერთში გაერთიანება. სწორი კოლაჟი გვიჩვენებს ავტორის უნარს და ასევე აჩვენებს მის უნარს ლამაზად და კომპეტენტურად მოაწყოს ფოტოები ისე, რომ გამოიყურებოდეს ელეგანტური და მიმზიდველი. წარმატებული და შესამჩნევი იქნება კოლაჟი, რომელშიც არ არის შესამჩნევი საზღვრები ფოტოებს შორის - სამაგიეროდ, ფოტოები თითქოს ერთმანეთში მიედინება. ამ ეფექტის მიღწევა შესაძლებელია Adobe Photoshop-ში მარტივი ოპერაციების შესრულებით.
დაგჭირდებათ
- - Adobe Photoshop პროგრამა
ინსტრუქციები
კარგი დღე, ძვირფასო მკითხველებო. დღეს გადავწყვიტე დამემტკიცებინა, რომ თეორიის სწავლის საუკეთესო გზა პრაქტიკაა. მაშინაც კი, თუ დამწყები ხართ, ფაქტიურად ერთ საათში შეგიძლიათ მიაღწიოთ კარგ შედეგს Photoshop-ში არაფრის გაგების გარეშე! შეხედეთ, ეს სურათი შეიქმნა მხოლოდ გრადიენტების წყალობით. ისინი გამოიყენება სხვადასხვა ელემენტებზე და სხვადასხვა ვარიაციებში.
თუ ამ სტატიას ბოლომდე წაიკითხავთ, თქვენ არა მხოლოდ ისწავლით როგორ გააკეთოთ გლუვი ფერის გადასვლის პროცესი Photoshop-ში, არამედ გამოიყენებთ ამ ცოდნას პრაქტიკაში ტექსტთან, ფორმასთან დაკავშირებით, შექმნით მბჟუტავ რომბებს და ბევრ სხვას.
ეს სურათი უკვე გავაკეთე. თუ გინდა, შეგიძლია დამოუკიდებლად შექმნა ზუსტად იგივე, ან შეიძლება უკეთესიც, მაგრამ მე სხვა მაგალითში გასწავლით. Რომელი? შეიტყვეთ სტატიის ბოლოს. თქვენთან ერთად დავხატავ და აღვწერ პროცესს, მე თვითონ ჯერ არ ვიცი რას მივიღებ. ამის წყალობით მე შევძლებ ვნახო რა პრობლემები შეიძლება შეგხვდეთ და დაგეხმაროთ მათ მოგვარებაში.
საბაზისო ცოდნა და ყოველთვის მომგებიანი ვარიანტის ერთი საიდუმლო
ასე რომ, ჯერ უნდა გავხსნათ Photoshop. გირჩევთ ჩამოტვირთოთ ეს პროგრამა ( შეგიძლიათ შეიძინოთ ლიცენზირებული ვერსია აქ ). მასზე უკეთესს ვერასოდეს იპოვით. თუ გეშინიათ, რომ არ დაეუფლებით მას და დახარჯავთ ფულს, პირველივე მცდელობის შემდეგ მთლიანად დაივიწყებთ პროგრამას, შეგიძლიათ სცადოთ ონლაინ სერვისი https://editor.0lik.ru/ ... ბევრად უფრო მოსახერხებელია გქონდეს საკუთარი პროგრამა და ძალიან მალე მიხვდები რატომაც.
ასე გამოიყურება Photoshop-ის 2015 წლის ვერსია, თუ თქვენ გაქვთ სხვა გამოცემა, მაშინ არ ინერვიულოთ. ყველაფერი დაახლოებით იგივე იქნება. თქვენ გაქვთ ცოტა ნაკლები ვარიანტი და ეს არის ერთადერთი განსხვავება.
შექმენით ახალი დოკუმენტი.
ზომის არჩევა ჩემთვის ერთ-ერთი ყველაზე რთული საკითხია. როგორც საფუძველი, მე ავიღე სურათის მაქსიმალური ზომა სოციალურ ქსელებში პოსტისთვის. 800x500, მაგრამ, როგორც მოგეხსენებათ, ეს არ არის მთავარი. ეს ყველაფერი დამოკიდებულია იმ მიზნებსა და ამოცანებზე, რომელთა შესრულებასაც აპირებთ Photoshop-ით.
შეხედეთ, პანელი მარჯვნივ შეიცავს ყველა მთავარ ღილაკს, გრადიენტის ჩათვლით. თუმცა, ახლა მისი პოვნა შეუძლებელია. Როგორ თუ? მე თვითონ წავაწყდი ამ პრობლემას, როდესაც დავიწყე Photoshop-თან მუშაობის სწავლა. თქვენ კითხულობთ სტატიას და ინფორმაციის ნახევარი უნდა მოძებნოთ მესამე მხარის წყაროებში. გუგლი, გუგლი, გუგლი.
ძალიან ჭკვიანმა მკითხველმა მაპატიოს, რომელმაც ყველაფერი კარგად იცის თემიდან მცირე გადახრებისთვის. მე მინდა, რომ ბლოგის ყველა ვიზიტორმა შეძლოს ჩემს გაკვეთილებზე მუშაობა. შესაძლოა, ოდესმე ის ძალიან გამოგადგებათ. ეს დიდ დროს დაზოგავს.
თითქმის ყველა ღილაკის ქვედა მარჯვენა კუთხეში, გამადიდებელი შუშის გარდა, არის რაღაც ისრის მსგავსი. ეს მიუთითებს იმაზე, რომ ღილაკში დამალულია რამდენიმე ინსტრუმენტი.
დააჭირეთ მაუსის მარცხენა ღილაკს ღილაკზე რამდენიმე წამის განმავლობაში, რათა გახსნათ დამატებითი მენიუ და აირჩიოთ გრადიენტი.
კიდევ ერთი დამატებითი მენიუ გაიხსნა ზედა. იგი გამოიყენება ექსკლუზიურად გრადიენტებისთვის. დააკოპირეთ ტექსტი - ზემოდან გაიხსნება სპეციალური ტექსტური მენიუ, ფუნჯი და ... კარგად, თქვენ მიიღებთ იდეას.
დააწკაპუნეთ ისარზე ფერის ხატის გვერდით. აქ ინახება სტანდარტული გადასვლები ან თქვენ მიერ გადმოწერილი.
თუ არ თვლით საკუთარ თავს დიზაინის გენიოსად, მაშინ გირჩევთ ჩამოტვირთოთ უფასო შაბლონები ინტერნეტიდან. უამრავი მათგანია. ჯერ ერთი, ეს დაზოგავს დროს და მეორეც, რამდენიმე მსგავსი ვარიანტი, როგორც წესი, გაერთიანებულია იმავე სტილში შექმნილ თემაში. ეს შეიძლება ადვილად იქნას გამოყენებული ერთ სურათზე და ის თითქმის ყოველთვის კარგად გამოიყურება.
ახალი შაბლონების დაყენება არ არის პრობლემა. ჩამოტვირთეთ ისინი ინტერნეტიდან, შემდეგ აირჩიეთ თხილი ზედა მარჯვენა კუთხეში და იპოვეთ ბმული "ჩამოტვირთვა ...".
აირჩიეთ საქაღალდე გადმოწერილი ფაილებით თქვენს კომპიუტერში და შეინახეთ.
ისინი დაემატება სიის ბოლოში.
შეავსეთ
ახლა ვისწავლოთ შევსება. აირჩიეთ თქვენთვის სასურველი ვარიანტი (ჩვენ გადავალთ შექმნაზე ცოტა მოგვიანებით) და დააწკაპუნეთ მასზე. ეკრანის ნებისმიერ ადგილას, დააჭირეთ მაუსის მარცხენა ღილაკს და იმოძრავეთ ნებისმიერი მიმართულებით. ფერის გადასვლის ადგილმდებარეობა დამოკიდებულია მასზე.
ნახე განსხვავება.
შეგიძლიათ ტრიალი სადმე.
იმისათვის, რომ თქვენი ხაზის მოძრაობა არ გადაინაცვლოს და გრადიენტი არ დაბინდდეს, დააჭირეთ Shift ღილაკს მიმართულების დაყენებისას.
ხედავთ, ფერის გადასვლა ახლა ცენტრშია. ჩვენ უფრო დეტალურად განვიხილავთ პარამეტრებს საკუთარი გრადიენტის შექმნისას. ახლა მხოლოდ ცენტრალურ ოფსეტზე ვისაუბრებ. ჩვენ ვაჭერთ ამ ფირფიტას.
აიღეთ ქვემოთ მოცემული ფერი მაუსის მარცხენა ღილაკით და გადაიტანეთ მარცხნივ ან მარჯვნივ.
აი რა დავამთავრე.
როგორ გამოვიყენოთ გრადიენტი ტექსტზე, რათა ასოები თანამედროვედ გამოიყურებოდეს
ახლა დავწეროთ რამე. ჩვენ ვირჩევთ შესაბამის ღილაკს.
თუ თქვენ გჭირდებათ ზომის ან შრიფტის შეცვლა, ყურადღება მიაქციეთ პანელს ეკრანის ზედა ნაწილში. იქ ყველაფერი მარტივია.
ახლა დააჭირეთ Ctrl და ამავე დროს დააჭირეთ ახალი ტექსტის ფენის ხატულას. ფრთხილად იყავით, თქვენ უნდა დააჭიროთ არა ტექსტს, არამედ მართკუთხედს, როგორც ეს ნაჩვენებია ქვემოთ მოცემულ ეკრანის სურათზე.
ახლა ჩვენ ვქმნით ახალ ფენას. პრობლემის გადაჭრის სამი ვარიანტია: ერთდროულად ვაჭერთ Shift, ctrl, N; გამოიყენეთ პანელი თავზე, იპოვეთ იქ "ფენა - ახალი - შექმნა"; გამოიყენეთ ღილაკი სწრაფ მენიუში მარჯვნივ. ქვემოთ მოცემულ სურათზე მე ვაჩვენე ის ისრით.
ახლა, ასოების კიდეებზე ხაზგასმის ამოღების მიზნით, შეგიძლიათ დააჭიროთ არჩევანს და შემდეგ დააჭიროთ სურათის ნებისმიერ ნაწილს. თქვენ მიიღებთ შემდეგ შედეგს.
ტექსტთან მუშაობა ამით არ მთავრდება. შეხედეთ, ჩვენ გვაქვს 2 ფენა: ერთი გრადიენტით, ხოლო მეორე ასოებით. რატომ მოხდა ეს იქ? ავუხსნი რამდენადაც შემიძლია. თუ გაუგებარია დაწერეთ კომენტარებში. შენ დაწერე ტექსტი. Photoshop-მა გააცნობიერა, რომ ეს ასოები იყო და შემოგთავაზეს კიდეც, რომ გაედიდებინათ, შეამციროთ, შეცვალოთ შრიფტი და ა.შ.
მაშინ თქვენ შეარჩიეთ ეს ნაჭერი. შევქმენით ახალი ფენა, თუ ანალოგიას დავხატავთ, ქაღალდიდან ტრაფარეტი ამოვიღეთ და შევავსეთ. ამ დროს Photoshop დაიკარგა. მან შეწყვიტა თქვენი წერილების ნახვა. მისთვის ეს არის რაღაც სურათის ნაწილი, როგორიცაა რომბი, კვადრატი ან წრე მოჩუქურთმებული ცენტრში. თუ ფენაზე ასოებით სამუშაოდ მიდიხართ, ჩავარდებით, თუ გსურთ ტექსტზე გრადიენტის გამოყენება - იგივე.
თუ ახლა გადაწყვეტთ ტექსტის გადატანას სადმე და გადახვალთ შესაბამის განყოფილებაში და შემდეგ დაიწყებთ ისრის მოძრაობას, მაშინ ყველაფერი გადავა.
ჩვენ ვხსნით ტექსტის ფენას დაბნეულობის თავიდან ასაცილებლად. დააწკაპუნეთ მასზე მაუსის მარჯვენა ღილაკით და აირჩიეთ სასურველი ვარიანტი.
გრადიენტური ხედები, ფორმის შევსება და ვარსკვლავი
თუ ყურადღება მიაქციეთ ზემოდან გრადიენტულ ზოლს, შეიძლება აღმოაჩინოთ, რომ ისინი განსხვავდებიან: ხაზოვანი, რადიალური, კუთხოვანი, სარკისებრი ან ალმასის ფორმის. ძნელი არ არის განსხვავებების დანახვა, ამისათვის არ არის საჭირო სტატიების წაკითხვა, უბრალოდ გახსენით ცარიელი ფურცელი და შეეცადეთ გამოიყენოთ ესა თუ ის ვარიანტი. ნახეთ რა მოხდა.
ერთადერთი, რაც უნდა აღინიშნოს, არის ის, რომ თუ გსურთ ნახოთ სრულყოფილი შედეგი, როგორც ჩემს სურათზე, ისარი უნდა იყოს მიმართული ცენტრიდან.
ახლა დავუბრუნდეთ ჩვენს სურათს. ერთ საინტერესო ხრიკს გასწავლით. ფერების გადასვლები შეიძლება გამოყენებულ იქნას თქვენს მიერ დახატულ ფორმებში. ეს ძალიან სასარგებლოა, განსაკუთრებით მათთვის, ვინც აპირებს ვებსაიტების შექმნას.
ასე რომ, აირჩიეთ მართკუთხედი ან წრე. Არა აქვს მნიშვნელობა.
ახლა შევსების ფერი.
გადადით გრადიენტების განყოფილებაში.
აქ გვჭირდება რომბი.
ხედავთ, ეს საინტერესო ეფექტია, მაგრამ თეთრი ფერი ყველაფერს აფუჭებს. ჩვენ გვჭირდება გამჭვირვალე. ნაპოვნია შაბლონების შიგნით. თუ შაბლონის შიგნით ხედავთ ასეთ ბადეს, ეს არის ის, რაც ჩვენ გვჭირდება.
ითამაშე პარამეტრები და გექნება შენი იდეალური.
ახლა მოდით ამ ფლეშის კლონირება. ნაბიჯის არჩევა. უბრალოდ დააჭირეთ ღილაკს.
ახლა დააჭირეთ alt და გადაიტანეთ დუბლიკატი გვერდზე.
მივიღე შემდეგი შედეგი.
როგორ შევქმნათ ახალი გრადიენტი და ღილაკები ვებსაიტებისთვის
და ბოლოს, მე გეტყვით, თუ როგორ უნდა შექმნათ გრადიენტები ნულიდან და ამავე დროს გაარკვიოთ მათი პარამეტრები. მოდით შევქმნათ ლამაზი ღილაკი? ჩემს სურათს დავამატებ მომრგვალებულ ოთხკუთხედს.
ასე გამოიყურება. ამჯერად შიდა შევსებას არ გამოვიყენებთ. მისი მეშვეობით ახალ შაბლონთან მუშაობა არც ისე მოსახერხებელია. დაე, ახლა მხოლოდ შავი იყოს.
აირჩიეთ ნაცნობი ინსტრუმენტი და დააწკაპუნეთ ფირფიტაზე.
ახალი გრადიენტები ეფუძნება ძველს. დააწკაპუნეთ ნებისმიერზე. ძველი ვერსია არსად გაქრება. შემდეგ უბრალოდ შექმენით ახალი სახელი და შეინახეთ იგი.
ზედა საკონტროლო წერტილები აკონტროლებენ გამჭვირვალობის დონეს.
ქვედა ნაწილების დახმარებით ხდება ფერთან მუშაობა. გამის გასაფართოებლად დააწკაპუნეთ ნებისმიერ წერტილზე და ის გაორმაგდება.
თქვენ შეგიძლიათ შექმნათ რამდენიც გსურთ.
იმისათვის, რომ გარდამავალი გამოიყურებოდეს თანამედროვე, თქვენ უნდა გაათანაბროთ ფერები. არ შეეხოთ ამ ინდიკატორს და ყველაფერი კარგად იქნება. ეს უნდა იყოს 100%. მზადაა. შეგიძლიათ დააჭიროთ "OK" ან "Save" - ეს ყველაფერი დამოკიდებულია თქვენს სურვილზე.
ახლა ჩვენ ვიმეორებთ იმას, რაც ბოლო დროს უკვე გავაკეთეთ ტექსტით. გეჭიროთ ctrl, ჩადეთ სასურველი სტილის ღილაკი ცენტრში და შექმენით ახალი მასზე დაყრდნობით.
ახლა დაამატეთ გარდამავალი და voila.
დაამატეთ ტექსტი ღილაკზე და ეს არის ის. გაუგებარია, რატომ დასრულებულია საჭირო კონტრაქცია. სხვათა შორის, თუ გნებავთ, შეგიძლიათ ჩამოტვირთოთ ჩემი წყარო ( ჩამოტვირთეთ gradient.psd წყარო ). შეგიძლიათ გახსნათ ის Photoshop-ში და გააუმჯობესოთ ჩემი სურათი. ვფიქრობ, არ იქნება რთული.
ასე რომ, ეს არის ყველაფერი. თქვენ ახლა საკმაოდ ცოტა იცით გრადიენტების შესახებ. თუ თქვენ ხართ დიზაინერი, განლაგების დიზაინერი, საიტის შემქმნელი ან გსურთ გახდეთ და ეს გაკვეთილი ნამდვილად გამოგადგებათ - გამოიწერეთ ბიულეტენი და შეიტყვეთ მეტი იმის შესახებ, რაც გაინტერესებთ. თქვენ ასევე შეგიძლიათ ყურადღება მიაქციოთ ამ საიტს: https://photoshop-master.org/disc149/ ... აქ შეგიძლიათ იპოვოთ ტონა ფასიანი და უფასო კურსი, რომელიც გასწავლით რეალურ, პროფესიონალურ მუშაობას Photoshop-თან.
წარმატებებს გისურვებთ და მალე გნახავთ.
გამარჯობა ძვირფასო დამწყებ ვებოსტატებო. ისევ .
ამ სტატიაში მე გეტყვით, თუ როგორ უნდა გადავიდეს იგი მუქი ჩრდილებიდან უფრო ღია ფერებში, ასევე ერთი ფერიდან მეორეზე.
ამ მოქმედებას გრადიენტი ეწოდება და რადგან ის არსებითად ფონის სურათია, იგი შესრულებულია ფონის თვისებით, რომელიც იღებს ორ მნიშვნელობას:
1.წრფივი-გრადიენტი - ფერის გადასვლა ერთი კიდიდან ან კუთხიდან მეორეზე.
2.რადიალურ-გრადიენტული - ფერის გადასვლა ცენტრიდან კიდეებზე.
წერია შემდეგნაირად:
ფონი: -moz-წრფივი-გრადიენტი (ზედა, # ff0000, #ffcfcf);
ზედა, # ff0000, #ffcfcf);
ქვემოთ, მაგალითის გამოყენებით, ჩვენ დეტალურად გავაანალიზებთ ამ ჩანაწერის თითოეულ ელემენტს.
სამწუხაროდ, გრადიენტს ჯერ კიდევ აქვს ბრაუზერებში და W3C სპეციფიკაციასთან დაკავშირებული პრობლემები, ასე რომ თქვენ კვლავ უნდა გამოიყენოთ პრეფიქსები მნიშვნელობებში.
პრეფიქსი იდება მნიშვნელობის დასაწყისში და იწყება ტირეთი.
ჩვენ მოგვიწევს ასეთი სიის ჩასმა ელემენტების ამომრჩეველში, შევქმნით მას გრადიენტს, რათა თქვენი ძალიან ლამაზი ფონი სწორად აისახოს ყველა ბრაუზერში. სილამაზე მსხვერპლს მოითხოვს.
Это самый простой, двухцветный градиент. Разберём подробно значения свойства background
В первой строке задаётся фон для браузеров не поддерживающих линейный градиент.
Следующие 5 строк — для отображения фона в разных браузерах. Сначала пишется значение градиента с префиксом в начале.
Затем, в круглых скобках:
top — направление от которого начинается первый цвет (может быть bottom , left , right )
#ff0000
— через запятую первый цвет; 
#ffcfcf — через запятую второй цвет;
У Safari, до 5-ой версии, и у Chrome до десятки был свой собственный синтаксис, заметно увеличивающий код. Наверное поэтому, градиент для этих версий, зачастую, не указывается, особенно при наличии большого количества цветов.
Можно сделать переход цвета не горизонтально, или вертикально, а из угла в угол. Для этого существуют следующие направления:
bottom right — от правого нижнего угла к левому верхнему;
bottom left — от левого нижнего к правому верхнему;
top right — от правого верхнего к левому нижнему;
top left — от левого верхнего к правому нижнему;
Можно сделать переход цвета от центра блока к краям. Тогда в значении вместо слова linear (линейный), ставиться radial (радиальный)
#gradient
{
background
: #ff0000
;
background
: -moz-radial-gradient
(center, ellipse cover, #ff0000, #ffcfcf
);
background
: -webkit-radial-gradient
(center, ellipse cover, #ff0000, #ffcfcf
);
center, ellipse cover, #ff0000, #ffcfcf
);
center, ellipse cover, #ff0000, #ffcfcf
);
width
: 600px
;
height
: 400px
;
border
: 1px solid #333
;
}
А теперь давайте сделаем, так сказать, что-то типа радуги. Для этого добавим в вышеприведённый код ещё пару цветов, и зададим в процентах объём каждого цвета (количество цветов не ограничивается)
Объём цвета задаётся от 0% до 100%, (первый — 0%, последний — 100%, остальные между ними в порядке следования). Рассмотрим этот вариант на радиальном градиенте. На линейном делается всё аналогично.
#gradient
{
background
: #ff0000
;
background
: -moz-radial-gradient
();
background
: -webkit-radial-gradien
t(center, ellipse cover, #ff0000 0%, #00b630 30%, #6ff5f5 70%, #ffcfcf 100%
);
background
: -o-radial-gradient
(center, ellipse cover, #ff0000 0%, #00b630 30%, #6ff5f5 70%, #ffcfcf1005
);
background
: -ms-radial-gradient
(center, ellipse cover, #ff0000 0%, #00b630 30%, #6ff5f5 70%, #ffcfcf 100%
);
width
: 600px
;
height
: 400px
;
border
: 1px solid #333
;
}
Принцип, я думаю, понятен. Так что строку для Safari до пятой версии, и Chrome до десятой, попробуйте написать самостоятельно.
Градиент задаётся любому блоку HTML (body, div, h1-6, p, ul, ol), и как глобальным, так и встроенным стилем (это для сайта на WordPress).
Теперь несколько слов о том, как и где подбирать цвета. Есть сервисы по созданию градиентов, предлагающие и цвет, и процент объёма, и код градиента, но выбор у них ограничен предложением.
Поэтому я пользуюсь инструментом colorscheme.ru , в котором можно подобрать цвет в неограниченном диапазоне, и оптимально подобранных последовательностях и сочетаниях.
В верхнем ряду панели выбирается количество сочетаемых цветов. Пройдя по «Угол 30°» меняется диапазон выбора.
В «Регулировка схемы», тон делается темнее или светлее. В «Список цветов», все цвета, присутствующие на схеме, располагаются по насыщенности, и с кодом в подписи.
В общем неограниченные возможности по подбору цветовой гаммы для создания градиента.
Желаю творческих успехов.
— Рабинович! У вас есть разменять сто долларов?
— Нет, но спасибо за комплимент!
Две одесситки:
— Роза, как тебе нравится моё новое платье?
— Извини, Сара, я спешу, мне сейчас не до скандалов!
Мы рады приветствовать вас на очередном нашем уроке посвященном работе в в Adobe Photoshop. В этой статье речь пойдет о том, как создавать плавные переходы в программе на границе между изображениями/цветами. Это очень полезный навык, который вам наверняка пригодится, так что приступим!
Делаем плавный переход между цветами
Т.к. Фотошоп является профессиональной программой обработки изображений, очень часто одного и того же результата можно добиться несколькими способами. Так и с переходами.
Через инструмент “Градиент”
Вы, наверняка, знакомы с данным инструментом. Поэтому переходим в к панели инструментов слева и выбираем “Градиент” .
После того, как инструмент выбран, под главным меню появится панель настроек Градиента, где вы сможете выбрать шаблон градиента и установить дополнительные параметры по своему желанию.
К сожалению, стандартный набор градиентов включает в себя не так много шаблонов, поэтому вы можете воспользоваться поиском и расширить свою коллекцию, или же создать свой вариант.
Чтобы переход был именно цветовым, а не прозрачным, нужно задать настройки еще и для контрольной точки непрозрачности (см. скриншот ниже):
После того, как все готово, остается применить изменения, нажатием “ОК”, и залить градиентом холст. Для этого образуем выделенную область, которую хотим залить, или применяем градиент на весь холст. Просто кликаем ЛКМ (левой кнопкой мыши) в нужном месте и тянем столько, сколько необходимо.
Важно! Обратите внимание на то, какой вид заливки выбран:
В нашем случае “Линейный градиент” .
Через “Слой-маску”
К этому способу прибегают уже опытные пользователи. Все действия будут происходить уже через палитру слоев. Приступим:
Через растушевку выделения
Суть данного метода в том, чтобы создать плавный переход на границе залитого объекта/картинки и фона. Приступим!
- Нам понадобится инструмент “Прямоугольная область”.
- Теперь нужно создать выделение:
- Когда выделение уже готово, с помощью горячих клавиш SHIFT+F6
вызываем окно, где необходимо ввести значение в пункте “Радиус растушевки”
.
- После, нужно залить образованное выделение. Для этого снова воспользуемся горячими клавишами SHIFT+F5
и выбираем цвет заливки.
- После применения изменений получаем такой результат плавного перехода:
- Остается снять выделение с помощью CTRL+D
и готово:
Как видите, нет ничего сложно в том, чтобы сделать плавные переходы в Фотошопе между цветами. Мы представили целых 3 способа, как это сделать, каждый из которых подходит в определенной ситуации.
На этом все! До встречи в наших следующих уроках!
Перемещаем вторую фотографию на ранее открытую.
Подробнее о соединении фотографий можно прочитать в .
Затем с помощью инструмента "Перемещение" (Move Tool) задаём желательно расположение фотографий относительно друг друга. Надо сделать так, чтобы одна фото перекрывала другую, в месте перекрытия и будет смонтирован плавный переход. Для удобства можно временно уменьшить непрозрачность изображений в Панели слоёв , также неплохо поставить направляющие на границах перекрытия.
Теперь определим, какая фотография будет сверху, и при необходимости изменим расположение слоёв в Панели слоёв. У меня сверху будет изображение с Твиттером.
Затем ставим непрозрачность слоёв с изображениями обратно на сто процентов.
И, теперь, перейдём собственно к созданию плавного перехода между фотографиями, в данном примере мы сделаем это с помощью слой-маски и применением чёрно-белого градиента.
К слою с верней фотографией добавляем слой-маску , кликнув по соответствующей иконке внизу палитры, при этом цвета в цветовой палитре автоматически изменились на чёрный основной цвет и белый фоновый, в Панели слоёв появится значок маски на соответствующем слое. Затем открываем в инструментальной палитре инструмент "Градиент" (Gradient Tool). В левом верхнем углу рабочего окна Фотошопа кликаем по треугольничку для открытия палитры градиентов, и выбираем самый первый, имеющий название "От основного цвета к фоновому". Затем проводим линию от одной направляющей до другой в направлении, указанном на рисунке.
Для того, чтобы провести линию градиента строго горизонтально (или, для других случаев, строго вертикально), следует зажать клавишу Shift.
В результате мы получим плавный переход к прозрачности правого края верхнего изображения, что даёт эффект плавного перехода между двумя фотографиями.
На иконке маски в Панели слоёв мы увидим следующие изменения, чёрный цвет показывает полную прозрачность, а белый, наоборот, полную непрозрачность изображения, к которому применена слой-маска.
Вот, собственно, и всё, задача выполнена!
