Cara menggabungkan dua foto dengan transisi yang lancar di antara mereka. Cara dengan cepat membuat transisi warna yang lancar di Photoshop - petunjuk langkah-demi-langkah terperinci bagaimana membuat transisi yang lancar ke

Kami senang menyambut Anda di waktu berikutnya pelajaran kami di tempat kerja 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 Profesional Pemrosesan gambar, 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 menginstal opsi tambahan Atas permintaan 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 warnanya, 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"

Dengan cara ini sudah terpukul pengguna berpengalaman. Semua tindakan akan terjadi melalui palet layer. Mari kita lanjutkan:


Melalui ketentuan pemilihan

Esensi metode ini dalam menciptakan transisi yang mulus Di perbatasan objek / gambar dan latar belakang yang diisi. Baister!

  1. Kami akan membutuhkan alat "Rectangular area".

  2. Sekarang Anda perlu membuat pilihan:

  3. Ketika pemilihan sudah siap, dengan bantuan tombol panas Shift + F6. Panggil jendela tempat Anda ingin memasukkan nilai pada intinya "Rentang Rentang".

  4. Setelah itu, Anda perlu menuangkan pilihan yang terbentuk. Untuk melakukan ini, kami akan menggunakan tombol panas lagi Shift + F5. Dan pilih warna isian.
  5. Setelah menerapkan perubahan, kami memperoleh hasil transisi yang lancar:

  6. 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!

Dalam artikel ini, pertimbangkan populer metode transisi yang lancar di antara gambar.

Transisi semacam itu diperlukan ketika Anda membuat kolase kompleks atau Anda ingin membuat beberapa gambar dengan indah.

Dari semua opsi yang disajikan di bawah ini: penghapus lunak, sikat lembut dan gradien, metode terbaik adalah gradien. Dialah yang menciptakan transisi kelas satu, tanpa kehilangan kualitas gambar sumber. Lihat diri kita: Menggunakan penghapus, kita melukis piksel, tetapi di mana jaminan Anda bisa melukis semuanya dengan sempurna? Tentu saja, Anda dapat menghabiskan sepanjang hari untuk Photoshop, mencuci piksel untuk piksel. Tapi, saya percaya, "permainannya tidak layak lilin," karena kami berusaha untuk tidak menghabiskan banyak waktu pada operasi tertentu dan melakukan semuanya dengan cepat.

Penghapus lembut dan kuas baik untuk memotong tepi sehingga dua foto bergabung dengan baik dan tampaknya tidak menjadi orang asing karena ujung yang tajam.

Sekarang mari kita lihat baca lebih lanjut:

Soft Erase.

Karena alat penghapus dapat digunakan dengan parameter kuas, lalu dengan sikat lembut Anda dapat menghapus bagian dari gambar sedemikian rupa sehingga gambar lain terlihat di bawah ini. Dengan penerimaan ini, Anda dapat mencapai hasil yang diinginkan, tetapi juga tidak dapat diubah, seperti - jika Anda berubah pikiran dan memutuskan untuk menghubungkan gambar secara berbeda, Anda harus memulai dari awal lagi.

Setelah Anda meletakkan kedua gambar yang ingin Anda gabungkan, dalam satu dokumen (masing-masing pada lapisan terpisah), ikuti langkah-langkah ini:

1. Seret gambar gambar yang ingin Anda hapus sebagian, di bagian atas palet layer.

Catatan

Sebelum Anda mencuci, berguna untuk membuat lapisan duplikat dengan siapa Anda akan bekerja, jika Anda tidak menyukai hasilnya (untuk ini, tekan kombinasi tombol Ctrl + J). Sehingga lapisan baru tidak mengganggu Anda, visibilitasnya dapat dimatikan (dan hidupkan kembali, jika perlu).

2. Pilih penghapus dengan menekan tombol E, dan instal dalam mode kuas. Untuk melakukan ini, pilih item kuas di panel parameter dalam daftar drop-down parameter. Kemudian, dalam daftar drop-down set parameter kuas, pilih sikat lembut. Pastikan bidang opacity dan tekanan diatur ke 100.

Untuk membuat transisi bahkan menghancurkan, bereksperimenlah dengan opacity terakhir. Dengan mengurangi nilai opacity, Anda dapat menciptakan transisi yang lebih mulus, menyirami kuas di sepanjang area yang diinginkan, dan tanpa membuat klik individu dengan mouse.

3. Pasang pointer mouse di atas gambar dan hapus bagian yang tidak perlu. Jika Anda mengizinkan kesalahan atau pada titik tertentu untuk mengubah pikiran Anda - gunakan palet cerita untuk kembali ke beberapa stroke kuas, atau batalkan operasi terakhir dengan menekan kombinasi tombol Ctrl + Z.

Sikat lembut dan masker lapisan

Alternatif untuk penghapus akun untuk versi balik - menggambar lapisan masker sikat lembut besar. Pada saat yang sama, Anda hanya menyembunyikan bagian dari pola alih-alih menghapusnya.

Misalkan Anda ingin menekankan bagaimana sepeda motor berjalan dengan cepat. Memperkuat efek lalu lintas Anda dapat, menambahkan sedikit kabur ke dalam gerakan ke gambar, dan kemudian sister bagian dari blur dari layer-mask.

Inilah cara membuatnya efek gerakan cepat:

1. Buka gambar dan buat duplikat dari lapisan sumber dengan menekan kombinasi tombol Ctrl + J.

2. Pilih perintah menu Filter \u003d\u003e Blur \u003d\u003e Blur Motion. Dengan filter ini, Anda dapat membuat perasaan bahwa objek bergerak sangat cepat. Karena filter mengaburkan gambar seluruhnya, menjadi sulit untuk melihat objek yang diperlukan di atasnya, jadi Anda harus menyembunyikan bagian dari lapisan buram dengan menambahkan layer-mask. Untuk menambahkannya, klik tombol dengan gambar lingkaran di persegi panjang di bagian bawah palet.

3. Tekan tombol untuk memilih Brush Tool dan pilih sikat lembut besar. Atur warna hitam sebagai warna latar depan.

Saya mengingatkan Anda bahwa sehubungan dengan lapisan-topeng yang menggambar dalam kulit hitam yang perlu kita lakukan dalam kasus ini. Lihatlah bagian bawah panel alat dan, jika mereka menunjukkan warna hitam dan putih, lalu tekan tombol X sampai indikator hitam ternyata berakhir. Jika warna lain dipilih, lalu atur warna default dengan menekan tombol D, lalu tekan tombol X sampai indikator hitam ternyata di lantai atas.

6. Pasang pointer mouse di atas gambar dan, bekerja dengan kuas, sembunyikan bagian dari lapisan buram.

Topeng gradien.

Saya akan menunda sikat lunak. Membuat transisi paling halus dari kemungkinan Anda bisa, menggunakan gradien - transisi lunak, bertahap dari satu warna ke warna lainnya. Metode untuk menggabungkan gambar menggunakan sikat lembut dan gradien yang mirip dengan fakta bahwa gambar digabungkan dalam satu dokumen dan kemudian layer-mask ditambahkan ke lapisan atas. Tetapi alih-alih menggambar topeng dengan sikat hitam atau putih, Anda menggunakan gradien hitam dan transparan atau hitam dan putih untuk halus, "mengalir" dari satu gambar ke gambar lainnya.

1. Seret gambar, yang seharusnya berada di latar depan kolase, ke bagian paling atas daftar lapisan dan tambahkan layer mask ke sana.

2. Tekan G untuk memilih alat gradien. Pada panel parameter, klik drop-down list arrow. Dalam daftar drop-down, pilih gradien hitam dan transparan, dan dalam grup tipe, klik tombol gradien linier.

3. Dalam contohnya, saya ingin logo Batman tepat untuk transparan. Untuk melakukan ini, klik tombol mouse pada batas logo dan tipe Shrid dengan kunci sekitar tentang tengah logo. Setelah merilis kunci, saya mendapatkan transisi yang lancar di antara gambar. Untuk meningkatkan kualitas transisi, Anda juga dapat menerapkan gradien.

Ketika menyeret, program Photoshop menggambar garis yang menggambarkan lebar transisi: garis yang lebih pendek (daripada dengan jarak yang lebih kecil yang Anda seret pointer), transisi yang sudah lebih sulit (batas yang jelas tidak akan, tetapi akan menghasilkan sesuatu yang dekat untuk itu); Semakin lama garis, gradien yang lebih luas dan transisi yang lebih kecil.

Melihat kesalahan dalam teks - pilih dan tekan Ctrl + Enter. Terima kasih

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.

Disebut tindakan seperti itu - gradien, dan karena pada dasarnya itu gambar latar belakang, Itu dilakukan 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, membuat gradien kepadanya, agar Anda sangat latar belakang yang indah Tercermin dengan benar di semua browser. Kecantikan membutuhkan pengorbanan.





Dokumen Tanpa Judul





Это самый простой, двухцветный градиент. Разберём подробно значения свойства 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

Однако, мы можем заметить, что с исчезновением фона, принадлежащего фотографии девушки, так же несколько изменилось и само изображение девушки, так как в некоторых местах оно стало полупрозрачным.

Но это поправить очень просто.

Находясь на слое-маске, я беру мягкую круглую кисть белого цвета и рисую этой кистью по девушке.

Белая кисть восстанавливает все потерянные участки изображения девушки.

И еще мы хотим вам напомнить, что вы всегда можете пообщаться на фотошопские темы, на форуме фотошоп и найти ответы на многие свои вопросы.

Вот, что в результате получилось:

Я соединила две фотографии вместе с помощью плавного перехода.

Надеюсь, я объяснила понятно, как сделать плавный переход между двумя фотографиями - как видите это довольно просто.

Так же советую вам посмотреть мой предыдущий урок Валентика в Фотошопе , в котором много интересного.

Желаю вам дальнейших успехов в освоении Фотошопа!

С вами была Галина Соколова.