მოხარული ვართ, რომ მოგესალმებით ჩვენს შემდეგ გაკვეთილზე, რომელიც ეძღვნება მუშაობას Adobe Photoshop... ამ სტატიაში განვიხილავთ, თუ როგორ უნდა შექმნათ გლუვი გადასვლები პროგრამაში სურათებს / ფერებს შორის. ეს არის ძალიან სასარგებლო უნარი, რომელსაც, ალბათ, გამოგადგებათ, მოდით დავიწყოთ!
ფერების გლუვი გადასვლის განხორციელება
რადგან Photoshop არის პროფესიული პროგრამა სურათის დამუშავება, ხშირად იგივე შედეგის მიღწევა შეიძლება რამდენიმე გზით. ასეა გარდატეხებზეც.
გრადიენტის საშუალებით
თქვენ ალბათ იცნობთ ამ ინსტრუმენტს. ამიტომ, გადადით ინსტრუმენტთა პანელზე მარცხნივ და აირჩიეთ "გრადიენტი".
ინსტრუმენტის არჩევის შემდეგ, მთავარი მენიუს ქვეშ გამოჩნდება გრადიენტის პარამეტრების პანელი, სადაც შეგიძლიათ აირჩიოთ გრადიენტის შაბლონი და დააყენოთ დამატებითი პარამეტრები სურვილისამებრ.
სამწუხაროდ, გრადიენტების სტანდარტული ნაკრები არ შეიცავს ბევრ შაბლონს, ასე რომ თქვენ შეგიძლიათ გამოიყენოთ ძიება და გააფართოვოთ თქვენი კოლექცია, ან შექმნათ საკუთარი.
იმისათვის, რომ გადასვლა იყოს ზუსტად ფერადი და არა გამჭვირვალე, საჭიროა პარამეტრების დაყენებაც საკონტროლო წერტილი გაუმჭვირვალობა (იხილეთ სკრინშოტი ქვემოთ):
მას შემდეგ, რაც ყველაფერი მზად იქნება, რჩება ცვლილებების გამოყენება "OK" - ის დაჭერით და ტილო გრადიენტით შეავსეთ. ამისათვის შექმენით არჩევანი, რომლის შევსებაც გვსურს, ან გრადიენტი მივმართოთ მთელ ტილოზე. უბრალოდ დააჭირეთ LMB (მაუსის მარცხენა ღილაკს) საჭირო ადგილას და გადაიტანეთ იმდენი, რამდენადაც საჭიროა.
Მნიშვნელოვანი! ყურადღება მიაქციეთ, რომელი ტიპის შევსებაა შერჩეული:
ჩვენს შემთხვევაში ხაზოვანი გრადიენტი.
"Layer mask" - ის საშუალებით
ეს მეთოდი უკვე გამოიყენება გამოცდილი მომხმარებლები... ყველა მოქმედება მოხდება ფენების პალიტრის მეშვეობით. Დავიწყოთ:
შერწყმის შერჩევის საშუალებით
არსი ეს მეთოდი არის შექმნა გლუვი გადასვლა შევსებული საგნის / სურათისა და ფონის საზღვარზე. Დავიწყოთ!
- ჩვენ გვჭირდება Rectangular Marquee Tool.
- ახლა ჩვენ უნდა შევქმნათ არჩევანი:
- როდესაც არჩევანი მზად იქნება, გამოიყენეთ ცხელი კლავიშები SHIFT + F6 ჩვენ ვუწოდებთ ფანჯარას, სადაც თქვენ უნდა მიუთითოთ მნიშვნელობა აბზაცში "ბუმბულის რადიუსი".
- ამის შემდეგ, თქვენ უნდა შეავსოთ ჩამოყალიბებული შერჩევა. ამისათვის კვლავ გამოიყენეთ ცხელი კლავიშები. SHIFT + F5 და შეავსეთ შევსების ფერი.
- ცვლილებების გამოყენების შემდეგ მივიღებთ შემდეგ გლუვ გადასვლის შედეგს:
- რჩება არჩევანის არჩევის გაუქმება CTRL + D და გაკეთდა:
როგორც ხედავთ, ფოტოშოპში ფერების გლუვი გადასვლის გაკეთება რთული არაფერია. ჩვენ წარმოვადგინეთ ამის 3-მდე გზა, რომელთაგან თითოეული შესაფერისია კონკრეტულ სიტუაციაში.
Სულ ეს არის! გნახავთ ჩვენს შემდეგ სახელმძღვანელოებში!
ამ სტატიაში განვიხილავთ პოპულარულს სურათებს შორის გლუვი გადასვლის მეთოდები.
ასეთი გადასვლები აუცილებელია, როდესაც თქვენ აკეთებთ რთულ კოლაჟებს ან გსურთ ლამაზად მოაწყოთ რამდენიმე სურათი ერთში.
ქვემოთ მოცემული ყველა ვარიანტიდან, რბილი საშლელი, რბილი ჯაგრისები და გრადიენტი, საუკეთესო მეთოდია გრადიენტი. სწორედ ის ქმნის პირველ კლასში გადასვლას, ორიგინალი სურათების ხარისხის დაკარგვის გარეშე. თავად დარწმუნდით: საშლელის გამოყენებით ჩვენ პიქსელებს ვხატავთ, მაგრამ სად არის გარანტია, რომ ყველაფრის სრულყოფილად დახატვას შეძლებთ? რა თქმა უნდა, შეგიძლიათ მთელი დღე გაატაროთ Photoshop- ზე პიქსელის პიქსელის წაშლით. ჩემი აზრით, ”თამაში სანთელი არ ღირს”, ვინაიდან ვცდილობთ დიდი დრო არ დავხარჯოთ გარკვეულ ოპერაციებზე და ყველაფერი სწრაფად გავაკეთოთ.
რბილი საშლელი და ფუნჯი კარგია კიდეების ბუმბულისთვის, ისე, რომ ორი ფოტო კარგად არის შერწყმული და მკაცრი კიდეების გამო უცხო არ გამოიყურება.
მოდით, უფრო ახლოს გავეცნოთ:
რბილი საშლელი
მას შემდეგ, რაც საშლელი ინსტრუმენტი შეიძლება გამოყენებულ იქნას ფუნჯის პარამეტრების გამოყენებით, რბილი ფუნჯი თქვენ შეგიძლიათ წაშალოთ სურათის ნაწილი ისე, რომ ნახოთ სხვა სურათი, რომელიც ქვემოთ მოცემულია. ამ ტექნიკის გამოყენებით შეგიძლიათ მიაღწიოთ სასურველ შედეგს, მაგრამ ეს ისეთივე შეუქცევადია, როგორც - თუ გადაიფიქრებთ და სურათების სხვანაირად შერწყმას გადაწყვეტთ, თავიდან ყველაფრის თავიდანწყება დაგჭირდებათ.
მას შემდეგ, რაც განათავსებთ ორივე სურათს, გსურთ გაერთიანდეთ ერთ დოკუმენტში (თითოეული ცალკეულ ფენაზე), მიჰყევით შემდეგ ნაბიჯებს:
1. თაგუნით გადაიტანეთ სურათი, რომლის ნაწილობრივ წაშლაც გსურთ, ფენების პალიტრის ზედა ნაწილში.
შენიშვნა
წაშლის წინ სასარგებლოა იმ ფენის დუბლირება, რომელთანაც იმუშავებთ, თუ შედეგი არ მოგეწონებათ (ამისათვის დააჭირეთ Ctrl + J). ახალი ფენის ჩარევის თავიდან ასაცილებლად შეგიძლიათ გამორთოთ მისი ხილვადობა (და საჭიროების შემთხვევაში ისევ ჩართოთ იგი).
2. აირჩიეთ საშლელი E ღილაკის დაჭერით და დააყენეთ იგი ფუნჯის რეჟიმში. ამისათვის, პარამეტრების ზოლში, რეჟიმის ჩამოსაშლელ სიაში აირჩიეთ ფუნჯი. შემდეგ, ჯაგრისების დაყენების ჩამოსაშლელი სიიდან აირჩიეთ რბილი ფუნჯი. დარწმუნდით, რომ გაუმჭვირვალობა და წნევა დაყენებულია 100-ზე.
გადასვლის კიდევ უფრო გამარტივებისთვის, ექსპერიმენტი წაიკითხეთ საშლელის გაუმჭვირვალობაზე. Opacity მნიშვნელობის შემცირებით შეგიძლიათ შექმნათ უფრო გამარტივებული გადასვლები სასურველი ადგილის გადაფრქვევით, ვიდრე მაუსის ინდივიდუალური დაწკაპუნებით.
3. გადააადგილეთ მაუსის მაჩვენებელი გამოსახულებაზე და წაშალეთ არასაჭირო ნაწილი. თუ შეცდომა შეიტანეთ ან შეცვალეთ აზრი რაღაც მომენტში, გამოიყენეთ History პალიტრა, რომ დაბრუნდეთ ფუნჯის რამდენიმე დარტყმით, ან გააუქმოთ ბოლო ოპერაცია Ctrl + Z კლავიშის კომბინაციის დაჭერით.
რბილი ჯაგრისები და ფენის ნიღბები
საშლელის ალტერნატივა საპირისპიროა - ფენის ნიღაბი ხატავს დიდი რბილი ფუნჯით... ამ შემთხვევაში, თქვენ უბრალოდ მალავთ სურათის ნაწილს, წაშლის ნაცვლად.
ვთქვათ, გსურთ ხაზგასმით აღვნიშნოთ, თუ რა სიჩქარით მიდის მოტოციკლი. მოძრაობის ეფექტის გაძლიერება სურათს შეგიძლიათ დაამატოთ მოძრაობის მცირე დაბინდვა და შემდეგ დამალვა დაბინდვის ნაწილი ფენის ნიღბით.
აი როგორ უნდა შექმნათ სწრაფი მოძრაობის ეფექტი:
1. გახსენით სურათი და შექმენით ორიგინალი ფენის დუბლიკატი ღილაკების კომბინაციის დაჭერით Ctrl + J.
2. აირჩიეთ მენიუს ბრძანება Filters \u003d\u003e Blur \u003d\u003e Motion Blur. ამ ფილტრის საშუალებით შეგიძლიათ შექმნათ შთაბეჭდილება, რომ თემა ძალიან სწრაფად მოძრაობს. მას შემდეგ, რაც ფილტრი მთელ სურათს ბუნდოვნად ხდის, მასში სასურველი ობიექტის დანახვა რთულდება, ამიტომ ფარული ნიღბის დამატებით უნდა დამალოთ ბუნდოვანი ფენის ნაწილი. მის დასამატებლად დააჭირეთ ღილაკს, რომელზეც გამოსახულია წრის გამოსახულება პალიტრის ბოლოში მდებარე მართკუთხედში.
3. დააჭირეთ ღილაკს B, რომ აირჩიოთ ფუნჯის ინსტრუმენტი და შეარჩიოთ დიდი, რბილი ფუნჯი. დააყენეთ წინა პლანზე ფერი შავი.
შეგახსენებთ, რომ ფენის ნიღბებთან დაკავშირებით, შავი ფერის დახატვა მალავს იმას, რაც ამ შემთხვევაში უნდა გავაკეთოთ. გადახედეთ ინსტრუმენტების პანელის ქვედა ნაწილს და თუ ისინი აჩვენებს შავ-თეთრს, დააჭირეთ X კლავიშს, სანამ შავი ინდიკატორი არ გამოჩნდება. თუ სხვა ფერებია არჩეული, პირველ რიგში დააყენეთ ნაგულისხმევი ფერები D ღილაკის დაჭერით, შემდეგ კი დააჭირეთ X კლავიშს, სანამ შავი ინდიკატორი არ იქნება ზედა.
6. გადააადგილეთ მაუსის მაჩვენებელი გამოსახულებაზე და ფუნჯით მუშაობისას დამალეთ ბუნდოვანი ფენის ნაწილი.
გრადიენტური ნიღბები
განათავსეთ რბილი ჯაგრისები. Შექმენი შესაძლო გლუვი გადასვლები შესაძლებელია გამოყენება გრადიენტი - რბილი, თანდათანობითი გადასვლა ერთი ფერიდან მეორეზე... რბილი ჯაგრისებისა და გრადიენტების გამოყენებით სურათების კომბინირების მეთოდები მსგავსია იმაში, რომ სურათები გაერთიანებულია ერთ დოკუმენტში და შემდეგ ზედა ფენას ემატება ფენის ნიღაბი. ნაცვლად იმისა, რომ ნიღაბი შავი ან თეთრი ფუნჯით შეიღებოთ, იყენებთ შავ-გამჭვირვალე ან შავ-თეთრ გრადიენტს, რომ შეუფერხებლად, შეუფერხებლად აურიოთ ერთი სურათიდან მეორეში.
1. გადაიტანეთ სურათი, რომელიც უნდა იყოს კოლაჟის წინა პლანზე, ფენების სიის ზედა ნაწილში და დაამატეთ მას ფენის ნიღაბი.
2. დააჭირეთ G კლავიშს, რომ აირჩიოთ Gradient ინსტრუმენტი. პარამეტრების ზოლზე დააჭირეთ ისარს ჩამოსაშლელი სიის სიისთვის. ჩამოსაშლელ სიაში აირჩიეთ შავიდან გამჭვირვალე გრადიენტი და ტიპის ჯგუფში დააჭირეთ ღილაკს ხაზოვანი გრადიენტი.
3. ჩემს მაგალითში მსურს, რომ ბეტმენის ლოგო მარჯვენა მხარეს იყოს გამჭვირვალე. ამისათვის, მაუსის ღილაკით, მე ვაჭერ ლოგოს საზღვარს და დავაჭირე ხედვის ღილაკს ლოგოს შუა ნაწილამდე. გასაღების გამოთავისუფლებით, ვიღებ სურათებს შორის შეუფერხებლად გადასვლას. გადასვლის ხარისხის გასაუმჯობესებლად შეგიძლიათ გამოიყენოთ გრადიენტი ისევ და ისევ.
გადატანისას, Photoshop პროგრამა აყალიბებს ხაზს, რომელიც წარმოადგენს გადასვლის სიგანეს: რაც უფრო მოკლეა ხაზი (მით უფრო მოკლე მანძილზე მიათრევთ მაჩვენებელს), მით უფრო ვიწრო და რთულია გადასვლა (არ იქნება მკაფიო საზღვარი, მაგრამ მიიღებთ რაღაცას) მასთან ახლოს); რაც უფრო გრძელია ხაზი, მით უფრო ფართოა გრადიენტი და გლუვი გადასვლა.
თუ ტექსტში შეცდომა შენიშნეთ, აირჩიეთ იგი და დააჭირეთ Ctrl + Enter. მადლობა!
გამარჯობა ძვირფასო დამწყებ ვებ – მასტერებს. ისევ
ამ სტატიაში მე გეტყვით, თუ როგორ უნდა გადავიდეს მუქი ჩრდილებიდან მსუბუქზე, ასევე ერთი ფერიდან მეორეში.
ასეთ მოქმედებას გრადიენტი ეწოდება და რადგან სინამდვილეში ასეა ფონის სურათი, მაშინ იგი შესრულებულია ფონური თვისებით, რომელიც იღებს ორ მნიშვნელობას:
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°» меняется диапазон выбора.
В «Регулировка схемы», тон делается темнее или светлее. В «Список цветов», все цвета, присутствующие на схеме, располагаются по насыщенности, и с кодом в подписи.
В общем неограниченные возможности по подбору цветовой гаммы для создания градиента.
Желаю творческих успехов.
— Рабинович! У вас есть разменять сто долларов?
— Нет, но спасибо за комплимент!
Две одесситки:
— Роза, как тебе нравится моё новое платье?
— Извини, Сара, я спешу, мне сейчас не до скандалов!
Сегодня я покажу вам, как сделать плавный переход между двумя фотографиями .
Я сделала картинку заранее и вот какой результат у меня получился:
Для того чтобы получить такую картинку я возьму две фотографии, которые я буду соединять.
Я взяла красивый фон с морем и фотографию девушки, которая сфотографирована на фоне мрачных деревьев без листьев.
Итак приступим - я буду делать плавный переход цветов и для этого я выполню следующие шаги:
Шаг 1
Открываю мои фотографии в фотошопе и с помощью инструмента Перемещение перетаскиваю фотографию девушки на фотографию с морским фоном.
Фотографию девушки я хочу немного уменьшить и для этого я вызываю Свободную трансформацию, нажав на сочетание клавиш CTRL +T .
Рамочка, которая появилась вокруг фото с девушкой, имеет узелки, за которые можно потянуть и уменьшить размер фото, при этом необходимо удерживать клавишу Shift , чтобы пропорции изображения не исказились.
Шаг 2
Теперь я перехожу к палитре Слоёв и находясь на слое с девушкой нажимаю на значок , который называется Добавить векторную маску .
Как мы видим в палитре Слои на слое с девушкой образовалась слой-маска, которая выделена рамочкой, что говорит о том, что маска активна и все работы, которые я буду выполнять, будут проводиться, именно, на слое-маске.
На верхней панели, где находятся все настройки инструмента Градиент я нажимаю на стрелочку , находящуюся рядом со значком инструмента и в появившемся окошке с градиентами я выбираю радиальный градиент, который переходит от чёрного цвета к прозрачному .
Теперь я провожу линии градиента не доходя до фигуры девушки, как указано на картинке (у вас может быть больше направлений). При проведении линии градиента фон плавно исчезает.
Мне понадобилось два-три раза провести линию градиента по каждому из указанных на картинке направлений, чтобы добиться результата, который вы видите ниже на картинке.
Шаг 4
Однако, мы можем заметить, что с исчезновением фона, принадлежащего фотографии девушки, так же несколько изменилось и само изображение девушки, так как в некоторых местах оно стало полупрозрачным.
Но это поправить очень просто.
Находясь на слое-маске, я беру мягкую круглую кисть белого цвета и рисую этой кистью по девушке.
Белая кисть восстанавливает все потерянные участки изображения девушки.
И еще мы хотим вам напомнить, что вы всегда можете пообщаться на фотошопские темы, на форуме фотошоп и найти ответы на многие свои вопросы.
Вот, что в результате получилось:
Я соединила две фотографии вместе с помощью плавного перехода.
Надеюсь, я объяснила понятно, как сделать плавный переход между двумя фотографиями - как видите это довольно просто.
Так же советую вам посмотреть мой предыдущий урок Валентика в Фотошопе , в котором много интересного.
Желаю вам дальнейших успехов в освоении Фотошопа!
С вами была Галина Соколова.
