Kami senang menyambut Anda pada bahasa berikutnya dari pelajaran kami tentang bekerja di Adobe Photoshop. Artikel ini kita akan berbicara tentang bagaimana menciptakan transisi yang lancar dalam program di perbatasan antara gambar / warna. Ini adalah keterampilan yang sangat berguna sehingga Anda mungkin akan berguna, jadi saya akan melanjutkan!
Kami membuat transisi yang lancar antara warna
Karena Photoshop adalah program pemrosesan gambar profesional, sangat sering satu dan hasil yang sama dapat dicapai dengan beberapa cara. Jadi dengan transisi.
Melalui alat "gradien"
Anda mungkin terbiasa dengan alat ini. Oleh karena itu, buka bilah alat di sebelah kiri dan pilih "Gradien".
Setelah alat dipilih, panel pengaturan gradien akan muncul di bawah menu utama, di mana Anda dapat memilih templat gradien dan mengatur parameter tambahan untuk keinginan Anda.
Sayangnya, set standar gradien mencakup tidak begitu banyak template, sehingga Anda dapat menggunakan pencarian dan memperluas koleksi Anda, atau membuat opsi Anda sendiri.
Sehingga transisi persis warna, dan tidak transparan, Anda perlu mengatur pengaturan juga untuk titik kontrol opacity (lihat tangkapan layar di bawah):
Setelah semuanya siap, masih harus menerapkan perubahan dengan menekan "OK", dan tuangkan gradien kanvas. Untuk melakukan ini, bentuk area khusus yang ingin kita isi, atau gunakan gradien untuk seluruh kanvas. Cukup klik LKM (tombol kiri mouse) di tempat yang tepat dan menyeret sebanyak yang diperlukan.
Penting! Perhatikan jenis isian apa yang dipilih:
Dalam kasus kita "Gradien linier".
Melalui "Lapisan Topeng"
Pengguna berpengalaman menggunakan metode ini. Semua tindakan akan terjadi melalui palet layer. Mari kita lanjutkan:
Melalui ketentuan pemilihan
Inti dari metode ini adalah untuk membuat transisi yang lancar di perbatasan objek / gambar dan latar belakang yang berbatasan. Baister!
- Kami akan membutuhkan alat "Rectangular area".
- Sekarang Anda perlu membuat pilihan:
- Ketika pemilihan sudah siap, dengan bantuan tombol panas Shift + F6. Panggil jendela tempat Anda ingin memasukkan nilai pada intinya "Rentang Rentang".
- Setelah itu, Anda perlu menuangkan pilihan yang terbentuk. Untuk melakukan ini, kami akan menggunakan tombol panas lagi Shift + F5. Dan pilih warna isian.
- Setelah menerapkan perubahan, kami memperoleh hasil transisi yang lancar:
- Tetap untuk menghapus pemilihan menggunakan Ctrl + D. Dan siap:
Seperti yang Anda lihat, tidak ada yang sulit dalam membuat transisi yang lancar di Photoshop antara bunga. Kami mempresentasikan keseluruhan 3 cara bagaimana melakukannya, yang masing-masing cocok dalam situasi tertentu.
Itu saja! Sampai jumpa dalam pelajaran berikut!
Kami memindahkan foto kedua ke yang sebelumnya terbuka.
Baca lebih lanjut tentang foto koneksi yang dapat Anda baca.
Kemudian, menggunakan alat "Move Tool", Anda menentukan lokasi foto relatif satu sama lain. Perlu untuk membuat satu foto tumpang tindih yang lain, di tempat tumpang tindih dan transisi yang mulus akan dipasang. Untuk kenyamanan, dimungkinkan untuk sementara waktu mengurangi opacity gambar di panel lapisan, juga menyenangkan untuk menempatkan panduan pada batas yang tumpang tindih.
Sekarang kita mendefinisikan jenis fotografi apa yang akan berada di atas, dan, jika perlu, mengubah lokasi lapisan di panel lapisan. Saya akan memiliki gambar twitter dari atas.
Kemudian kami menempatkan opacity layer dengan gambar kembali hingga seratus persen.
Dan, sekarang, mari kita beralih ke penciptaan transisi yang lancar antara foto, dalam contoh ini kita akan melakukannya dengan layer mask dan penggunaan gradien hitam dan putih.
Kami menambahkan lapisan topeng ke lapisan dengan foto teratas dengan mengklik ikon yang sesuai di bagian bawah palet, sementara warna dalam palet warna secara otomatis berubah ke warna dasar hitam dan latar belakang topeng, ikon topeng pada Lapisan yang sesuai akan muncul di panel layer. Kemudian buka alat gradien di palet instrumental. Di sudut kiri atas jendela Bekerja Photoshop, klik pada segitiga untuk pembukaan palet gradien, dan pilih nama pertama nama "dari warna utama ke latar belakang". Kemudian kita melaksanakan garis dari satu panduan ke yang lain ke arah yang ditunjukkan pada gambar.
Untuk menghabiskan garis gradien secara horizontal secara horizontal (atau, untuk kasus lain, secara vertikal), tombol shift harus disimpan.
Akibatnya, kami memperoleh transisi yang lancar ke transparansi tepi kanan gambar atas, yang memberikan efek transisi yang lancar antara dua foto.
Pada ikon mask di panel lapisan, kita akan melihat perubahan berikut, hitam menunjukkan transparansi penuh, dan putih, sebaliknya, opacity penuh gambar yang diterapkan lapisan masker.
Di sini, sebenarnya, dan segalanya, tugas selesai!
Setuju, salah satu hadiah paling tidak biasa adalah kolase. Mereka dapat didekorasi untuk menghias interior, tertawa teman dan tutup. Gambar asli biasanya dipesan di studio foto atau mencoba untuk menampilkannya secara independen di komputer. Agar overlay satu foto ke foto lain untuk secara organik, perlu untuk mengasimilasi beberapa kombinasi sederhana. Yang paling penting adalah tidak ada kontras antara frame. Memilih latar belakang untuk kolase, pastikan untuk memperhitungkan solusi warna dan arah cahaya pada kedua foto, serta ukuran item dan objek utama. Untuk memahami cara membuat transisi yang lancar ke Photoshop, itu cukup untuk mengeksplorasi prosedur yang disajikan dalam artikel ini.
Tentang urutan tindakan
Cobalah dalam praktik untuk melakukan urutan tindakan berikut.
Mempelajari editor grafis akan memungkinkan Anda untuk membuat karya yang tidak biasa, menyesuaikan gambar, mengeditnya, dan membuat komposisi yang luar biasa dengan bahan fotografi apa pun!
Kami berharap artikel kami akan memungkinkan Anda untuk berhasil mengatasi tugas itu, serta mendapatkan kesenangan nyata dari proses yang menarik dan kreatif ini.
Hari ini saya akan menunjukkan kepada Anda cara membuat transisi yang lancar antara dua foto.
Saya membuat gambar di muka dan hasil ini saya dapatkan:
Untuk mendapatkan gambar seperti itu, saya akan mengambil dua foto yang akan saya sambungkan.
Saya mengambil latar belakang yang indah dengan laut dan foto seorang gadis yang difoto dengan latar belakang pohon suram tanpa daun.
Jadi mari kita bangun - saya akan melakukannya transisi bunga halus. Dan untuk ini, saya akan melakukan langkah-langkah berikut:
Langkah 1
Saya membuka foto saya di Photoshop dan dengan alat Pindah Dengan menyeret foto seorang gadis di foto dengan latar belakang laut.
Foto gadis yang ingin saya kurangi sedikit dan untuk ini saya sebut Transformasi gratis Menekan tombol keyboard Ctrl.+ T..
Bingkai yang muncul di sekitar foto dengan seorang gadis memiliki nodul yang dapat Anda tarik dan mengurangi ukuran foto, sementara Anda harus memegang kunci Bergeser., Untuk proporsi gambar tidak terdistorsi.
Langkah 2.
Sekarang saya beralih ke palet Layers. dan berada di lapisan dengan seorang gadis klik ikon yang disebut Tambahkan mask vektor..
Seperti yang kita lihat di palet Layers. Masker lapisan terbentuk pada lapisan dengan seorang gadis, yang disorot oleh bingkai, yang menunjukkan bahwa mask aktif dan semua pekerjaan yang akan saya lakukan akan diadakan, itu, pada layer-mask.
Di panel atas, di mana semua pengaturan alat Gradien. Saya mengklik panahterletak di sebelah ikon alat dan di jendela yang muncul dengan gradien yang saya pilih gradien radial. yang melewati OT. hitam ke transparan.
Sekarang saya menghabiskan garis gradien tanpa mencapai sosok gadis itu, seperti yang ditunjukkan dalam gambar (Anda mungkin memiliki lebih banyak arah). Ketika melakukan garis gradien, latar belakang lancar menghilang.
Saya membutuhkan dua hingga tiga kali untuk menghabiskan garis gradien untuk setiap arahan yang ditentukan dalam gambar untuk mencapai hasil yang Anda lihat di bawah pada gambar.
Langkah 4.
Namun, kita dapat melihat bahwa dengan hilangnya latar belakang milik foto gadis itu, gambar gadis itu juga berubah, karena di beberapa tempat itu menjadi transparan.
Tapi ini sangat sederhana.
Berada di atas topeng, saya mengambil putaran yang lembut sikat warna putih Dan menggambar kuas ini pada gadis itu.
Sikat putih mengembalikan semua bagian yang hilang dari gambar gadis itu.
Dan kami juga ingin Anda ingat bahwa Anda selalu dapat berbicara dengan topik Photoshop, di forum Photoshop dan menemukan jawaban atas banyak pertanyaan Anda.
Inilah yang terjadi sebagai hasilnya:
Saya menghubungkan dua foto bersama dengan transisi yang lancar.
Saya harap saya menjelaskan dengan jelas cara membuat transisi yang lancar Antara dua foto - seperti yang Anda lihat itu cukup sederhana.
Juga menyarankan Anda untuk melihat pelajaran saya sebelumnya Valentics di Photoshop., di mana ada banyak hal menarik.
Saya berharap Anda sukses lebih lanjut dalam menguasai Photoshop!
Dengan Anda adalah Galina Sokolova.
Halo webmaster pemula yang terhormat. Lagi.
Dalam artikel ini saya akan memberi tahu Anda cara membuat yang lebih ringan bergerak dari nuansa gelap, serta dari satu warna ke warna lainnya.
Tindakan ini disebut - gradien, dan karena pada dasarnya adalah gambar latar belakang, dilaksanakan oleh properti latar belakang dari dua nilai penerima:
1. Linear-Gradient - transisi warna dari satu tepi atau sudut, ke yang lain.
2. Radial-Gradient - transisi warna dari tengah ke tepi.
Ditulis sebagai berikut:
latar Belakang: -Moz-linear-gradien (atas, # FF0000, #ffcfcf);
tOP, # FF0000, #ffcfcf);
Di bawah ini, pada contoh, kami menganalisis setiap elemen dari entri ini secara rinci.
Sayangnya, gradien masih memiliki masalah yang ditampilkan di browser, dan spesifikasi W3C, sehingga nilai-nilai masih harus menggunakan awalan.
Masukkan awalan di awal nilai, dan mulai dengan tanda hubung.
Berikut adalah daftar seperti itu, kami harus memasukkan elemen dalam pemilih elemen, menciptakan gradien kepadanya, agar latar belakang Anda sangat indah dipantulkan di semua browser. Kecantikan membutuhkan pengorbanan.
Это самый простой, двухцветный градиент. Разберём подробно значения свойства 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°» меняется диапазон выбора.
В «Регулировка схемы», тон делается темнее или светлее. В «Список цветов», все цвета, присутствующие на схеме, располагаются по насыщенности, и с кодом в подписи.
В общем неограниченные возможности по подбору цветовой гаммы для создания градиента.
Желаю творческих успехов.
— Рабинович! У вас есть разменять сто долларов?
— Нет, но спасибо за комплимент!
Две одесситки:
— Роза, как тебе нравится моё новое платье?
— Извини, Сара, я спешу, мне сейчас не до скандалов!
