მოხარული ვართ, რომ მივესალმებით თქვენს შემდეგ გაკვეთილს, რომელიც ეძღვნება Adobe Photoshop– ში მუშაობას. ეს სტატია განიხილავს, თუ როგორ უნდა შეიქმნას გლუვი გადასვლები პროგრამაში სურათებსა და ფერებს შორის საზღვარზე. ეს არის ძალიან სასარგებლო უნარი, რომელიც თქვენ ალბათ გამოგადგებათ, ასე რომ დავიწყოთ!
ფერებს შორის გლუვი გადასვლის გაკეთება
რადგანაც Photoshop არის პროფესიონალური გამოსახულების დამუშავების პროგრამა, ძალიან ხშირად ერთი და იგივე შედეგის მიღწევა შესაძლებელია რამდენიმე გზით. ასეა გადასვლებთან დაკავშირებით.
გრადიენტის ინსტრუმენტის საშუალებით
თქვენ ალბათ იცნობთ ამ ინსტრუმენტს. ამიტომ, გადადით ინსტრუმენტთა პანელზე მარცხნივ და აირჩიეთ "გრადიენტი".
ინსტრუმენტის არჩევის შემდეგ, გრადიენტის პარამეტრების პანელი გამოჩნდება მთავარ მენიუში, სადაც შეგიძლიათ აირჩიოთ გრადიენტის შაბლონი და დააყენოთ დამატებითი პარამეტრები თქვენი სურვილისამებრ.
სამწუხაროდ, გრადიენტების სტანდარტული ნაკრები არ შეიცავს ბევრ შაბლონს, ასე რომ თქვენ შეგიძლიათ გამოიყენოთ ძებნა და გააფართოვოთ თქვენი კოლექცია, ან შექმნათ თქვენი საკუთარი.
იმისათვის, რომ გარდამავალი იყოს მხოლოდ ფერადი და არა გამჭვირვალე, თქვენ ასევე უნდა დააყენოთ პარამეტრები გამჭვირვალეობის კონტროლის პუნქტისთვის (იხილეთ სკრინშოტი ქვემოთ):
მას შემდეგ რაც ყველაფერი მზად არის, რჩება ცვლილებების გამოყენება "OK" დაჭერით და შეავსეთ ტილო გრადიენტით. ამისათვის შევქმნათ შერჩევის არე, რომლის შევსებაც გვინდა, ან გრადიენტი გამოვიყენოთ მთელ ტილოზე. უბრალოდ დააწკაპუნეთ LMB (მაუსის მარცხენა ღილაკი) საჭირო ადგილას და გადაიტანეთ რამდენიც საჭიროა.
Მნიშვნელოვანი!ყურადღება მიაქციეთ რა ტიპის შევსებას აირჩევთ:
ჩვენს შემთხვევაში ხაზოვანი გრადიენტი.
"ფენის ნიღბის" საშუალებით
ეს მეთოდი უკვე გამოიყენება გამოცდილი მომხმარებლების მიერ. ყველა მოქმედება განხორციელდება ფენების პალიტრის საშუალებით. Დავიწყოთ:
შერჩევის შერჩევის გზით
ამ მეთოდის არსი არის გლუვი გადასვლის შექმნა შევსებული ობიექტის / სურათისა და ფონის საზღვარზე. Დავიწყოთ!
- ჩვენ გვჭირდება მართკუთხა მარკირების ინსტრუმენტი.
- ახლა ჩვენ უნდა შევქმნათ შერჩევა:
- როდესაც შერჩევა მზად არის, გამოიყენეთ ცხელი კლავიშები SHIFT + F6ჩვენ ვიძახებთ ფანჯარას, სადაც აუცილებელია აბზაცში მნიშვნელობის შეყვანა "ბუმბულის რადიუსი".
- ამის შემდეგ, თქვენ უნდა შეავსოთ ჩამოყალიბებული შერჩევა. ამისათვის კვლავ გამოიყენეთ ცხელი ღილაკები. SHIFT + F5და შეარჩიეთ შევსების ფერი.
- ცვლილებების გამოყენების შემდეგ, ჩვენ ვიღებთ შემდეგ გლუვ გადასვლის შედეგს:
- რჩება არჩევანის გაუქმება CTRL + Dდა გაკეთდა:
როგორც ხედავთ, არაფერია რთული Photoshop– ში ფერებს შორის გლუვი გადასვლის განხორციელებაში. ჩვენ წარმოვადგინეთ ამის გაკეთების 3 გზა, რომელთაგან თითოეული შესაფერისია კონკრეტულ სიტუაციაში.
Სულ ეს არის! შევხვდებით ჩვენს შემდეგ გაკვეთილებს!
გადაიტანეთ მეორე ფოტო ადრე გახსნილზე.
თქვენ შეგიძლიათ წაიკითხოთ მეტი ფოტოების შეერთების შესახებ.
შემდეგ, გადაადგილების ინსტრუმენტის გამოყენებით, დააყენეთ ფოტოების სასურველი ადგილმდებარეობა ერთმანეთთან შედარებით. აუცილებელია დარწმუნდეთ, რომ ერთი ფოტო გადაფარავს მეორეს და გლუვი გადასვლა დამონტაჟდება გადახურვის ადგილას. მოხერხებულობისთვის, თქვენ შეგიძლიათ დროებით შეამციროთ სურათების გამჭვირვალობა ფენების პანელში, ასევე კარგი იდეაა, რომ დააყენოთ სახელმძღვანელო გადახურვის საზღვრებზე.
ახლა მოდით განვსაზღვროთ რომელი ფოტო იქნება თავზე და, საჭიროების შემთხვევაში, შეცვალოთ ფენების პოზიცია ფენების პანელში. თავზე მაქვს ტვიტერის სურათი.
შემდეგ დააბრუნეთ გამოსახულების ფენების გამჭვირვალეობა ასი პროცენტით.
და, ახლა, მოდით გადავიდეთ ფოტოებს შორის გლუვი გადასვლის შექმნაზე, ამ მაგალითში ჩვენ ამას გავაკეთებთ ფენის ნიღბის გამოყენებით და შავ -თეთრი გრადიენტის გამოყენებით.
დაამატეთ ფენის ნიღაბი ფენას ზედა სურათზე, პალიტრის ბოლოში შესაბამის ხატზე დაჭერით, ხოლო ფერის პალიტრაში ფერები ავტომატურად შეიცვალა შავად, როგორც ძირითადი ფერი და თეთრი, როგორც ფონის ფერი, ნიღბის ხატი იქნება გამოჩნდება ფენების პანელში შესაბამის ფენაზე. შემდეგ გახსენით გრადიენტური ინსტრუმენტი ინსტრუმენტების პალიტრაში. Photoshop– ის სამუშაო ფანჯრის ზედა მარცხენა კუთხეში დააწკაპუნეთ სამკუთხედზე გრადიენტური პალიტრის გასახსნელად და შეარჩიეთ პირველი, რომელსაც აქვს სახელი „ძირითადი ფერიდან ფონში“. შემდეგ ჩვენ ვხატავთ ხაზს ერთი მეგზურიდან მეორეზე ფიგურაში ნაჩვენები მიმართულებით.
იმისათვის, რომ გრადიენტის ხაზი მკაცრად ჰორიზონტალურად (ან სხვა შემთხვევებისთვის მკაცრად ვერტიკალურად) დახაზოთ, დააჭირეთ ღილაკს Shift.
შედეგად, ჩვენ მივიღებთ გლუვ გადასვლას ზედა სურათის მარჯვენა კიდეის გამჭვირვალობაზე, რაც იძლევა ორ ფოტოზე გლუვი გადასვლის ეფექტს.
ნიღბის ხატზე ფენების პანელში, ჩვენ ვნახავთ შემდეგ ცვლილებებს, შავი ფერი აჩვენებს სრულ გამჭვირვალობას და თეთრი, პირიქით, გამოსახულების სრულ გამჭვირვალობას, რომელზედაც გამოიყენება ფენის ნიღაბი.
ეს, ფაქტობრივად, ყველაფერია, ამოცანა დასრულებულია!
ვეთანხმები, ერთ -ერთი ყველაზე უჩვეულო საჩუქარი არის კოლაჟები. მათ შეუძლიათ დაამშვენონ ინტერიერი, გაახარონ მეგობრები და გაახარონ ახლობლები. ორიგინალური ფოტოსურათები ჩვეულებრივ შეკვეთილია ფოტო სტუდიაში ან ისინი ცდილობენ მათი გადაღებას კომპიუტერზე. იმისათვის, რომ ერთი ფოტო გადააკეთოთ მეორედ, რომ გამოიყურებოდეს ორგანულად, თქვენ უნდა ისწავლოთ რამდენიმე მარტივი კომბინაცია. ყველაზე მნიშვნელოვანი ის არის, რომ არ არსებობს კონტრასტი ჩარჩოებს შორის. კოლაჟისთვის ფონის არჩევისას აუცილებლად გაითვალისწინეთ ორივე ფოტოზე სინათლის ფერები და მიმართულება, ასევე ობიექტებისა და მთავარი ობიექტის ზომა. იმის გასაგებად, თუ როგორ უნდა მოხდეს გლუვი გადასვლა Photoshop– ში, საკმარისია შეისწავლოთ ამ სტატიაში წარმოდგენილი პროცედურა.
პროცედურის შესახებ
სცადეთ პრაქტიკაში მოქმედებების შემდეგი თანმიმდევრობა.
გრაფიკული რედაქტორების შესწავლა საშუალებას მოგცემთ შექმნათ უჩვეულო ნამუშევრები, შეასწოროთ სურათები, შეცვალოთ ისინი და შექმნათ საოცარი კომპოზიციები ნებისმიერი ფოტოგრაფიული მასალით!
ჩვენ ვიმედოვნებთ, რომ ჩვენი სტატია საშუალებას მოგცემთ წარმატებით გაუმკლავდეთ დავალებას, ასევე მიიღოთ ნამდვილი სიამოვნება ამ საინტერესო და შემოქმედებითი პროცესისგან.
დღეს მე გაჩვენებ როგორ გავაკეთოთ გლუვი გადასვლა ორ ფოტოს შორის.
მე წინასწარ გავაკეთე სურათი და ეს არის შედეგი, რაც მივიღე:
იმისათვის, რომ ასეთი სურათი მივიღო, გადავიღებ ორ ფოტოს, რომელსაც გავაერთიანებ.
მე გადავიღე ულამაზესი ფონი ზღვასთან და გოგონას ფოტო, რომელიც გადაღებული იყო პირქუში ხეების ფოთლების გარეშე.
მოდით დავიწყოთ - მე გავაკეთებ ფერების გლუვი გადასვლადა ამისათვის მე მივყვები ქვემოთ მოცემულ ნაბიჯებს:
Ნაბიჯი 1
ფოტოების გახსნა Photoshop– ში და ინსტრუმენტის გამოყენება მოძრავიგადაიტანეთ გოგონას ფოტო ზღვის ფონის ფოტოზე.
მინდა გოგონას ფოტო ოდნავ შევამცირო და ამისთვის ვურეკავ უფასო ტრანსფორმაციაკლავიატურის მალსახმობის დაჭერით CTRL+ თ.
ჩარჩო, რომელიც გოგონასთან ერთად გამოჩნდა ფოტოს გარშემო, აქვს კვანძები, რომლებისთვისაც შეგიძლიათ გაიყვანოთ და შეამციროთ ფოტოს ზომა, ხოლო თქვენ უნდა დაიჭიროთ გასაღები ცვლა, ისე, რომ გამოსახულების პროპორციები არ იყოს დამახინჯებული.
ნაბიჯი 2
ახლა მივდივარ პალიტრაზე ფენებიდა ყოფნა ფენის გოგონა, დააწკაპუნეთ ხატი მოუწოდა დაამატეთ ვექტორული ნიღაბი.
როგორც ვხედავთ პალიტრაში ფენებიგოგონას ფენაზე ჩამოყალიბდა ფენის ნიღაბი, რომელიც მონიშნულია ჩარჩოთი, რაც მიუთითებს იმაზე, რომ ნიღაბი აქტიურია და ყველა სამუშაო, რომელსაც მე შევასრულებ, განხორციელდება, კერძოდ, ფენის ნიღაბზე.
ზედა პანელზე, სადაც არის ინსტრუმენტის ყველა პარამეტრი გრადიენტიმე ვაწკაპუნებ ისარიინსტრუმენტის ხატის გვერდით და გრადიენტის ფანჯარაში, რომელიც გამოჩნდება, მე ვირჩევ რადიალური გრადიენტი,რომელიც მიდის შავი გამჭვირვალე.
ახლა მე ვხატავ გრადიენტის ხაზებს, სანამ არ მიაღწევ გოგონას ფორმას, როგორც ეს მოცემულია სურათზე (შეიძლება გქონდეთ მეტი მიმართულება). როდესაც დახაზავთ გრადიენტის ხაზს, ფონი ქრება.
ორჯერ ან სამჯერ დამჭირდა გრადიენტის ხაზის დახატვა სურათზე მითითებული თითოეული მიმართულებით, რათა მივაღწიო იმ შედეგს, რასაც ხედავთ ქვემოთ მოცემულ სურათზე.
ნაბიჯი 4
თუმცა, ჩვენ შეგვიძლია შევნიშნოთ, რომ გოგონას ფოტოს კუთვნილი ფონის გაქრობით, თავად გოგონას იმიჯიც გარკვეულწილად შეიცვალა, ვინაიდან ზოგან ის გამჭვირვალე გახდა.
მაგრამ მისი გამოსწორება ძალიან ადვილია.
ფენის ნიღაბზე ყოფნისას ვიღებ რბილ რაუნდს ფუნჯი თეთრიდა ხატავს ამ ფუნჯით გოგონას.
თეთრი ფუნჯი აღადგენს გოგონას გამოსახულების ყველა დაკარგულ უბანს.
ჩვენ ასევე გვინდა შეგახსენოთ, რომ თქვენ ყოველთვის შეგიძლიათ ისაუბროთ Photoshop– ის თემებზე Photoshop– ის ფორუმზე და იპოვოთ პასუხები თქვენს ბევრ კითხვაზე.
აი შედეგი:
მე ორი ფოტო გავაერთიანე გლუვი გადასვლის გამოყენებით.
იმედი მაქვს ნათლად ავუხსენი როგორ გავაკეთოთ გლუვი გადასვლაორ ფოტოს შორის - როგორც ხედავთ, საკმაოდ მარტივია.
ასევე გირჩევთ გადახედოთ ჩემს წინა გაკვეთილს. ვალენტინი Photoshop– ში, რომელშიც არის ბევრი საინტერესო რამ.
გისურვებთ წარმატებებს Photoshop- ის დაუფლებაში!
გალინა სოკოლოვა შენთან იყო.
გამარჯობა ძვირფასო ახალბედა ვებმასტერებს. ისევ.
ამ სტატიაში მე გეტყვით, თუ როგორ უნდა მოხდეს გადასვლა მუქი ფერებში მსუბუქებზე, ასევე ერთი ფერიდან მეორეზე.
ამ მოქმედებას ეწოდება გრადიენტი და რადგან ის არსებითად ფონის სურათია, იგი შესრულებულია ფონის თვისებით, რომელიც იღებს ორ მნიშვნელობას:
1. ხაზოვანი გრადიენტი - ფერის გადასვლა ერთი კიდედან ან კუთხიდან მეორეზე.
2. რადიალური გრადიენტი - ფერის გადასვლა ცენტრიდან კიდეებზე.
იგი დაწერილია შემდეგნაირად:
ფონი: -moz-linear-gradient (top, # 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°» меняется диапазон выбора.
В «Регулировка схемы», тон делается темнее или светлее. В «Список цветов», все цвета, присутствующие на схеме, располагаются по насыщенности, и с кодом в подписи.
В общем неограниченные возможности по подбору цветовой гаммы для создания градиента.
Желаю творческих успехов.
— Рабинович! У вас есть разменять сто долларов?
— Нет, но спасибо за комплимент!
Две одесситки:
— Роза, как тебе нравится моё новое платье?
— Извини, Сара, я спешу, мне сейчас не до скандалов!
