tutorial Photoshop Efek

Warna Grid Desain Dalam Photoshop

Ditulis oleh Steve Patterson. Dalam tutorial Photoshop Efek ini, kita akan belajar cara membuat desain kotak berwarna! Kami akan menggunakan panduan dan penguasa Photoshop untuk mengatur jarak awal, kemudian beberapa alat seleksi jarang digunakan untuk mengkonversi panduan dalam grid yang sebenarnya.
Kami akan mempelajari cara mudah memilih kotak acak di grid dan mewarnai mereka dengan lapisan penyesuaian dan mode campuran, dan akhirnya, bagaimana warna dan menyesuaikan penampilan grid sendiri!
Saya akan menggunakan Photoshop CS5 seluruh tutorial, tapi versi terbaru akan bekerja.

Berikut efek akhir kita akan bekerja menuju:

Final desain warna kotak.

Mari kita mulai!

Langkah 1: Membuat Dokumen Baru Photoshop

Mari kita mulai dengan membuat dokumen baru untuk grid. Pergi ke menu File di Menu Bar di bagian atas layar dan pilih New:

Buka File> New.

Ini akan membuka kotak dialog New Document Photoshop. Aku akan membuat dokumen berbentuk persegi dengan memasukkan 1000 piksel untuk kedua Lebar dan Tinggi. Tentu saja, Anda dapat memasukkan dimensi apa pun yang Anda butuhkan, tapi efeknya cenderung bekerja terbaik jika Anda tetap bentuk persegi. Untuk tutorial ini, saya akan meninggalkan nilai Resolusi diatur ke 72 pixel / inch, yang baik-baik saja jika Anda sedang menciptakan efek ini untuk web. Jika Anda berencana mencetak hasil akhir, Anda akan ingin membuat dokumen yang lebih besar dan mengatur resolusi Anda untuk 240 pixels / inch atau lebih tinggi. Klik OK setelah selesai untuk menutup keluar dari kotak dialog. Dokumen baru akan muncul di layar Anda:

The New kotak dialog Document.

Langkah 2: Tampilkan Penguasa

Pergi ke menu View di bagian atas layar dan pilih Penguasa, atau tekan Ctrl + R (Win) / Command + R (Mac) untuk cepat mengubah penguasa pada dengan cara pintas keyboard:

Pergi ke View> Rulers.

Langkah 3: Ubah Penguasa Pengukuran Jenis Untuk Persen

Ini menampilkan penguasa Photoshop di bagian atas dan kiri dokumen. Tergantung pada apa pengukuran ketik penguasa Anda ditetapkan dalam Preferensi Photoshop , mereka mungkin menampilkan baik piksel atau inci. Pindahkan kursor mouse Anda ke penguasa, baik di bagian atas atau kiri, kemudian klik kanan (Win) / Control-klik (Mac) di dalam penguasa dan pilih Persen dari daftar. Anda akan melihat para penguasa berubah menjadi kenaikan persentase:

Klik kanan (Win) / Control-klik (Mac) di dalam penguasa dan pilih Persen dari daftar.

Langkah 4: Tarik Out Horizontal Dan Vertikal Guides Pada 10 tingkat Persen

Alasan kami menyalakan penguasa pada itu sehingga kita bisa dengan mudah menambahkan panduan sama-spasi ke dokumen kami, yang kemudian akan menjadi garis grid kami. Mari kita tambahkan panduan vertikal pertama. Klik di dalam penguasa sepanjang kiri dokumen, dan dengan tombol mouse Anda ditekan, menyeret keluar buku pertama. Gunakan penguasa atas untuk menempatkan panduan di tanda 10% (lepaskan tombol mouse Anda untuk menempatkan panduan):

Klik di dalam penguasa kiri dan tarik keluar panduan vertikal ke tanda 10%.

Lakukan hal yang sama untuk menambahkan panduan pada setiap kenaikan 10% (20%, 30%, 40%, dan seterusnya), semua jalan sampai ke tanda 90%. Dokumen Anda sekarang harus muncul dibagi menjadi 10 kolom vertikal sama-spasi:

Panduan membagi dokumen ke dalam 10 kolom vertikal.

Selanjutnya, gunakan langkah yang sama untuk menambahkan panduan horizontal. Klik di dalam penguasa atas dan dengan tombol mouse Anda ditekan, menyeret keluar panduan horizontal. Gunakan penguasa kiri untuk menempatkan panduan di tanda 10%. Lanjutkan menyeret keluar panduan horizontal pada 10% peningkatan (20%, 30%, 40%, sama seperti sebelumnya) semua jalan ke tanda 90%. Setelah selesai, Anda harus memiliki jumlah yang sama dari panduan horizontal dan vertikal membagi dokumen menjadi kotak kotak-kotak:

Panduan membagi dokumen ke kotak kotak-kotak.

Dengan panduan di tempat, tekan Ctrl + R (Win) / Command + R (Mac) pada keyboard Anda untuk menyembunyikan penguasa, karena kita tidak lagi membutuhkannya.

Langkah 5: Tambahkan Sebuah Layer Kosong Baru Dan Nama Ini "Grid"

Tahan Alt Anda (Win) / Option (Mac) dan klik pada icon New Layer di bagian bawah panel Layers:

Tahan Alt (Win) / Option (Mac) dan klik pada icon New Layer.

Biasanya, Photoshop hanya akan pergi ke depan dan menambahkan lapisan kosong baru, tetapi dengan menekan Alt (Win) / Option (Mac) ketika mengklik ikon New Layer, kita kirim ke pop pertama membuka kotak dialog New Layer, yang memberi kami kesempatan nama layer baru sebelum itu ditambahkan. Nama layer "Grid", lalu klik OK:

Nama layer baru "Grid".

Lapisan kosong baru muncul di panel Layers di atas layer Background:

Photoshop menambahkan lapisan baru dan nama itu "Grid".

Langkah 6: Membuat Seleksi Dari Guides

Kami sudah dibagi dokumen kita menjadi grid menggunakan panduan Photoshop, tetapi panduan hanya untuk referensi visual. Mereka tidak akan ada gunanya nyata bagi kita kecuali kita entah bagaimana mengkonversi mereka menjadi grid berbasis pixel yang sebenarnya, dan kita dapat melakukannya dengan mudah menggunakan beberapa alat seleksi jarang digunakan Photoshop - Single Row dan Single Column Marquee Tools.
Klik Rectangular Marquee Tool dekat bagian atas panel Tools dan tahan tombol mouse Anda ke bawah untuk satu atau dua detik sampai menu fly-out kecil muncul menunjukkan Anda alat-alat lain bersarang di belakang, lalu pilih Single Row Marquee Tool dari Daftar:

Klik dan tahan pada ikon Rectangular Marquee Tool, lalu pilih Single Row Marquee Tool.

Seperti nama itu menyiratkan, Single Row Marquee Tool akan memilih baris horisontal tunggal piksel dalam dokumen. Untuk menggunakan alat ini, kita hanya perlu klik di mana saja dalam dokumen dan Photoshop secara otomatis akan memilih pixel kita mengklik, ditambah setiap pixel lainnya berturut-turut yang dari kiri ke kanan. Kita akan menggunakan alat ini untuk mengkonversi garis grid horisontal menjadi serangkaian garis seleksi. Pertama, memindahkan kursor langsung di atas garis grid horisontal (yang Anda ditempatkan pada tanda 10%) dan klik. Anda akan melihat 1-pixel pilihan tebal garis muncul di sepanjang panduan:

Klik di mana saja pada panduan horisontal pertama untuk menambahkan garis seleksi di sekitarnya.

Tahan tombol Shift dan klik pada panduan horisontal berikutnya di bawahnya. Ini akan menambahkan garis seleksi kedua dokumen itu. Lanjutkan menekan tombol Shift dan klik pada semua panduan horisontal sampai garis seleksi muncul bersama masing-masing. Anda akan melihat baris 9 pilihan garis total. Pastikan Anda menyimpan tombol Shift Anda ditekan saat Anda klik pada setiap buku baru, jika tidak, anda hanya akan mengganti garis seleksi sebelumnya dengan yang baru:

Tahan Shift dan klik pada setiap panduan horizontal untuk menambahkan garis seleksi di sekitar masing-masing.

Kita perlu melakukan hal yang sama sekarang dengan panduan vertikal, yang berarti kita harus beralih ke Kolom Tunggal Marquee Tool. Klik pada Marquee Tool Single Row pada panel Tools (akan muncul di mana ikon Rectangular Marquee Tool muncul sebelumnya) dan tahan tombol mouse ke bawah sampai menu fly-out muncul, kemudian pilih Kolom Tunggal Marquee Tool dari daftar:

Klik dan tahan pada ikon Single Row Marquee Tool, lalu pilih Kolom Tunggal Marquee Tool.

Kami ingin pilihan vertikal menguraikan untuk ditambahkan ke pilihan horisontal menguraikan sudah kita miliki, sehingga sekali lagi tahan tombol Shift Anda, kemudian klik pada masing-masing panduan vertikal dalam dokumen sampai mereka semua dipilih. Setelah selesai, Anda harus memiliki pilihan menguraikan bersama setiap panduan, horizontal dan vertikal:

Sebuah grid seleksi horizontal dan vertikal menguraikan.

Langkah 7: Isi Seleksi Dengan Hitam

Pergi ke menu Edit di bagian atas layar dan pilih Isi:

Pergi ke Edit> Fill.

Ketika kotak dialog Fill muncul, mengatur Gunakan pilihan di bagian atas ke Black, kemudian klik OK untuk menutup kotak dialog:

Mengubah opsi Gunakan Black, kemudian klik OK.

Ini mengisi seleksi dengan warna hitam, meskipun mungkin sulit untuk melihat dengan panduan dan seleksi menguraikan di jalan, jadi pergi ke Pilih menu di bagian atas layar dan pilih Deselect, yang akan menghapus seleksi menguraikan:

Pergi ke Pilih> Deselect.

Kemudian, untuk mematikan panduan, pergi ke menu View, pilih Show, kemudian pilih Guides. Pada awalnya, Anda akan melihat tanda centang di sebelah kiri Guides kata yang memberitahu kita panduan yang saat ini terlihat. Mengklik Guides akan menghapus tanda centang dan mengubah panduan off:

Pergi ke View> Show> Guides.

Dengan pilihan menguraikan dan panduan dihapus, kita bisa melihat kotak hitam kami pada lapisan Grid:

Garis grid hitam sekarang muncul.

Langkah 8: Membuka Foto Anda Ingin Gunakan Dengan Effect The

Buka foto yang akan menggunakan dengan efek jaringan. Berikut adalah gambar saya:

Buka foto.

Jika Anda menggunakan Photoshop CS3 atau sebelumnya, foto akan otomatis terbuka di floating jendela dokumen sendiri. Jika Anda menggunakan Photoshop CS4 atau CS5, tergantung pada bagaimana Anda memiliki hal-hal diatur di Preferensi Photoshop, foto mungkin terbuka di dokumen tab. Jika itu yang terjadi, untuk membuat langkah berikutnya lebih mudah, pergi ke menu Window di bagian atas layar, pilih Atur, kemudian pilih mengambang Semua pada Windows (CS4 dan CS5 saja):

Pergi ke Window> Arrange> Mengapung Semua pada Windows (Photoshop CS4 dan CS5 saja).

Langkah 9: Tarik The Photo Into The Grid Dokumen

Klik di mana saja di dalam jendela dokumen grid untuk membuatnya aktif, kemudian klik pada layer Background di panel Layers untuk memilihnya. Dengan cara ini, ketika kita tarik foto ke dalam dokumen, seperti yang akan kita lakukan dalam beberapa saat, foto akan muncul di lapisan sendiri antara Latar belakang dan lapisan Grid:

Dengan jendela dokumen grid yang dipilih, klik pada layer Background di panel Layers.

Sekarang klik di mana saja di dalam jendela dokumen foto untuk membuatnya aktif dan pilih Move Tool dari panel Tools:

Ambil Move Tool dari atas panel Tools.

Tahan tombol Shift Anda, kemudian klik dengan Move Tool dalam jendela dokumen foto dan seret foto ke jendela dokumen grid:

Dengan Move Tool dipilih, terus tombol Shift dan tarik foto ke dalam dokumen jaringan.

Lepaskan tombol mouse Anda, kemudian lepaskan tombol Shift Anda, dan foto akan tampil di tengah di dalam jendela dokumen grid. Anda dapat menutup dokumen foto itu pada saat ini karena kita tidak lagi membutuhkannya:

Menahan tombol Shift adalah apa yang berpusat foto dalam dokumen ketika Anda tarik.

Perhatikan bahwa grid muncul di depan foto. Itu karena, jika kita melihat pada panel Layers, kita melihat bahwa foto tersebut telah ditempatkan pada lapisan sendiri di bawah lapisan Grid, seperti yang kita inginkan:

Photoshop ditempatkan foto pada layer baru tepat di atas lapisan yang aktif, itulah sebabnya kami pertama memilih layer Background.

Langkah 10: Resize Photo Jika Needed Dengan Free Transform

Jika Anda perlu mengubah ukuran foto Anda di dalam dokumen grid, pergi ke menu Edit di bagian atas layar dan pilih Free Transform:

Pergi ke Edit> Free Transform.

Ini menempatkan Free Transform bounding box dan menangani sekitar gambar. Jika Anda tidak dapat melihat pegangan karena tepi foto Anda melampaui daerah dapat dilihat di jendela dokumen, pergi ke menu View dan pilih Fit on Screen:

Pergi ke View> Fit on Screen.

Photoshop akan langsung tampilannya gambar keluar cukup jauh sehingga segala sesuatu, termasuk Free Transform menangani, cocok dalam jendela dokumen. Untuk mengubah ukuran foto, tahan tombol Shift Anda, kemudian klik pada salah satu dari empat sudut menangani dan menyeret mereka. Menahan tombol Shift bawah yang Anda tarik akan mempertahankan aspek rasio asli gambar sehingga Anda tidak sengaja mendistorsi tampilan itu. Jika Anda ingin mengubah ukuran foto dari pusat dan bukan dari sudut, tahan Shift + Alt (Win) / Shift + Option (Mac) yang Anda tarik salah satu sudut menangani. Jika Anda perlu untuk memindahkan gambar di sekitar di dalam dokumen, cukup klik mana saja di dalam kotak Free Transform bounding dan drag ke tempat. Setelah selesai, tekan Enter (Win) / Kembali (Mac) untuk menerima perubahan dan keluar dari perintah Free Transform:

Tarik salah satu sudut menangani untuk mengubah ukuran gambar dengan Free Transform.

Jika Anda zoom out saat yang lalu menggunakan Fit pada perintah Layar dan ingin tampilannya kembali sekarang bahwa Anda sudah selesai mengubah ukuran gambar, kembali ke menu View dan pilih Pixels Aktual (lihat kami Zooming dan Panning di Photoshop tutorial untuk info lebih lanjut tentang meluncur masuk dan keluar dari dokumen):

Pergi ke View> Pixel Sebenarnya.

Langkah 11: Pilih Grid Lapisan

Pada titik ini, semua kerja keras awal dilakukan. Kami telah membuat jaringan kami, kami telah menyeret foto kita ke dalam dokumen grid, dan kami telah diubah ukurannya dan memindahkan foto ke posisi. Kami siap untuk bersenang-senang mewarnai grid! Pertama, kita perlu pilih layer Grid, jadi klik di atasnya dalam panel Layers untuk memilihnya:

Klik pada lapisan Grid untuk membuatnya aktif.

Langkah 12: Pilih The Magic Wand Tool

Untuk mewarnai grid, kita perlu cara untuk memilih kotak individual, dan kami bisa melakukan itu menggunakan Photoshop Magic Wand Tool. Pilih dari panel Tools. Jika Anda menggunakan Photoshop CS2 atau sebelumnya, Anda dapat mengklik pada icon Magic Wand ini. Untuk Photoshop CS3 dan lebih tinggi, klik pada Quick Selection Tool, kemudian tahan tombol mouse Anda ke bawah sampai menu fly-out muncul dan memilih Magic Wand dari menu:

Dalam Photoshop CS3 dan lebih tinggi, Magic Wand bersembunyi di balik Quick Selection Tool.

Langkah 13: Pilih Outer Ujung Squares

Untuk memilih persegi di grid, pastikan Anda memiliki lapisan Grid dipilih pada panel Layers, maka cukup klik di dalam persegi dengan Magic Wand. Sebuah garis seleksi akan muncul di sekitar tepi luar alun-alun. Untuk kemudian menambahkan kotak tambahan untuk seleksi, tahan tombol Shift dan klik di dalam kotak yang Anda inginkan. Setiap persegi yang baru Anda klik di dalam akan menjadi dipilih dan ditambahkan ke kotak yang dipilih sebelumnya. Mari kita mulai dengan memilih semua kotak di sekitar tepi luar dari grid. Pertama, klik di dalam kotak di sudut kiri atas grid. Sebuah garis seleksi akan muncul di sekitarnya:

Klik di dalam kotak kiri atas di grid dengan Magic Wand Tool untuk memilihnya.

Tahan tombol Shift dan terus mengklik di dalam masing-masing kotak di sekitar tepi luar grid untuk menambahkan mereka semua untuk seleksi:

Semua kotak tepi luar sekarang memiliki pilihan menguraikan sekitar mereka.

Aku akan menambahkan beberapa kotak lagi untuk pilihan saya juga oleh lagi menekan tombol Shift dan klik di dalam mereka untuk menambahkannya ke kotak yang dipilih sebelumnya. Untuk membuatnya lebih mudah untuk melihat mana kotak saya sudah dipilih, saya sudah berwarna mereka dalam kuning (ini bukan bagian dari efek, itu hanya untuk membuatnya lebih mudah untuk melihat kotak aku sudah dipilih di layar):

Saya kotak awalnya dipilih.

Langkah 14: Tambahkan layer baru di bawah The Grid Lapisan

Kami akan mengisi rute-kotak awal dengan putih, yang akan menciptakan perbatasan untuk efek. Tahan Anda Ctrl (Win) / Command (Mac) dan klik pada icon New Layer di bagian bawah panel Layers:

Tahan Ctrl (Win) / Command (Mac) dan klik pada icon New Layer.

Biasanya, Photoshop menambahkan lapisan baru langsung di atas lapisan yang dipilih saat ini, tetapi dengan memegang / Command (Mac) kunci Ctrl (Win) saat mengklik ikon New Layer, lapisan ditambahkan di bawah lapisan yang sedang dipilih. Kita bisa melihat di panel Layers bahwa sekarang kita memiliki lapisan baru kosong antara foto di Layer 1 dan layer Grid:

Lapisan baru muncul di bawah, bukan di atas, lapisan Grid.

Langkah 15: Isi Squares The Dipilih Dengan Putih

Pergi ke menu Edit di bagian atas layar dan sekali lagi memilih perintah Fill. Kali ini, ketika kotak dialog Fill muncul, mengubah opsi Gunakan untuk Putih. Klik OK setelah selesai:

Mengatur opsi Gunakan untuk Putih.

Photoshop mengisi kotak yang dipilih dengan warna putih. Hapus centang pada kotak dengan pergi ke menu Pilih dan memilih Deselect, atau cukup tekan Ctrl + D (Win) / Command + D (Mac) untuk hapus mereka dengan cara pintas keyboard:

Sebuah perbatasan kotak putih muncul di sekitar gambar.

Langkah 16: Pilih Grid Lapisan

Mari kita pilih beberapa kotak yang berbeda untuk mewarnai. Pertama, kita perlu memiliki lapisan Grid aktif dalam panel Layers, jadi klik di atasnya untuk memilihnya. Ingat, Anda selalu membutuhkan lapisan Grid dipilih sebelum Anda dapat memilih kotak apapun:

Klik pada lapisan Grid untuk memilihnya.

Langkah 17: Pilih Squares Berbeda

Dengan lapisan Grid sekarang aktif, klik di dalam kotak awal untuk memilihnya, kemudian menekan tombol Shift dan klik di dalam kotak lainnya untuk menambahkannya ke alun-alun yang dipilih sebelumnya (s). Jika Anda berubah pikiran dan ingin menghapus persegi dari seleksi, tahan Alt Anda (Win) / Option (Mac) dan klik di dalam alun-alun untuk membatalkan pilihan itu. Di sini sekali lagi, saya sudah menyoroti kotak saya pilih warna kuning hanya untuk membuat mereka lebih mudah untuk melihat di layar:

Tahan Shift dan klik di dalam beberapa kotak yang berbeda untuk memilih mereka.

Langkah 18: Pilih Photo Lapisan

Klik pada layer foto ini (Layer 1) di panel Layers untuk memilihnya:

Pilih layer foto di panel Layers.

Langkah 19: Warnai The Squares Dengan Hue / Saturation Adjustment Layer

Klik pada ikon New Layer Penyesuaian di bagian bawah panel Layers:

Klik pada ikon New Adjustment Layer.

Pilih Hue / Saturation dari daftar lapisan penyesuaian yang muncul:

Pilih Hue / Saturation dari daftar.

Jika Anda menggunakan Photoshop CS4 atau CS5, kontrol dan pilihan untuk Hue / Saturation adjustment layer akan muncul dalam Penyesuaian Panel. Dalam CS3 dan sebelumnya, kotak dialog Hue / Saturation terpisah akan terbuka. Pertama, pilih Colorize pilihan dengan mengklik di dalam kotak centang nya. Kemudian, pilih warna yang Anda inginkan untuk mewarnai kotak yang dipilih dengan dengan menyeret slider Hue. Untuk kotak ini, aku akan meninggalkan slider Hue mengatur semua jalan ke kiri (posisi default) yang memilih merah. Tentu saja, Anda dapat memilih mana warna yang Anda suka. Untuk meningkatkan saturasi warna ini, geser slider Saturation ke arah kanan. Aku akan menetapkan nilai Saturation saya untuk 55. Mengawasi dokumen Anda yang Anda tarik slider untuk melihat hasil. Untuk Photoshop CS3 dan pengguna sebelumnya, klik OK ketika Anda selesai untuk menutup keluar dari kotak dialog:

Klik opsi Colorize, kemudian pilih warna dengan Hue dan Saturation slider.

Langkah 20: Mengubah Blend Mode Untuk Adjustment Layer Untuk Warna

Jika kita melihat pada panel Layers, kita melihat lapisan penyesuaian duduk langsung di atas layer foto. Pastikan itu dipilih (disorot dengan warna biru), lalu naik ke pilihan Blend Mode di bagian atas panel Layers dan mengubah modus campuran nya dari Normal (mode default) ke Color. Hal ini membuat yakin kita hanya mengubah warna pada gambar, bukan nilai-nilai kecerahan:

Mengubah modus campuran dari Hue / Saturation adjustment layer untuk warna.

Berikut dokumen saya setelah mewarnai beberapa kotak merah:

Beberapa kotak merah telah ditambahkan ke efek.

Langkah 21: Pilih Dan Warnai Squares Lebih

Ulangi langkah 16-20 untuk memilih dan mewarnai lebih kotak. Pertama pilih layer Grid di panel Layers, lalu klik di dalam kotak untuk memilihnya dengan Magic Wand. Tahan Shift dan klik di dalam lebih kotak untuk menambahkannya ke seleksi. Klik pada layer foto di panel Layers untuk memilihnya, kemudian klik pada ikon New Adjustment Layer dan pilih Hue / Saturation. Pilih opsi Colorize, kemudian pilih warna dengan slider Hue dan tingkat kejenuhan dengan slider Saturation. Klik OK untuk menutup kotak dialog (CS3 dan sebelumnya). Akhirnya, mengubah modus campuran dari penyesuaian lapisan baru untuk Color.
Anda juga dapat menggunakan lapisan penyesuaian Hue / Saturation untuk benar-benar desaturate beberapa kotak, meninggalkan mereka hitam dan putih. Untuk melakukan itu, pilih beberapa kotak, lalu tambahkan lapisan penyesuaian Hue / Saturation seperti biasa, tapi daripada memilih warna dengan slider Hue, cukup tarik slider Saturation semua jalan ke kiri, yang akan menghapus semua warna (tidak perlu untuk memilih opsi Colorize, baik):

Hapus semua warna dari beberapa kotak dengan menyeret slider Saturation semua jalan ke kiri.

Berikut efek saya sejauh setelah mewarnai lebih kotak dengan tambahan lapisan penyesuaian Hue / Saturation. Dalam kasus Anda ingin menggunakan warna yang sama saya lakukan, untuk biru saya set Hue 200, Saturation ke 30. Untuk Hijau, Hue ditetapkan untuk 120, Saturation 25. Untuk Purple, Hue adalah 289, Saturation 35. Dan karena saya hanya disebutkan, untuk kotak hitam dan putih, Saturation ditetapkan untuk -100 dengan menyeret slider semua jalan ke kiri:

Efek jaringan berwarna sejauh ini.

Langkah 22: Coba A Mode Warna Berbeda Untuk Beberapa Of The Adjustment Layers

Satu masalah yang saya miliki dengan hasil saya sejauh ini adalah bahwa hal itu tidak benar-benar terlihat seperti cerah dan berwarna-warni seperti yang saya harapkan. Salah satu cara untuk mengubah itu adalah untuk mengubah modus campuran untuk beberapa lapisan penyesuaian. Jika kita melihat pada panel Layers, kita dapat melihat semua lapisan penyesuaian yang saya gunakan untuk mewarnai kotak. Ada lima total, termasuk yang saya digunakan untuk efek hitam dan putih:

Lima lapisan penyesuaian digunakan untuk efek.

Untuk menambah minat untuk gambar, cobalah mengubah modus campuran untuk beberapa lapisan penyesuaian untuk sesuatu selain warna. Untuk melakukan itu, klik pada lapisan penyesuaian di panel Layers untuk memilihnya, kemudian mengubah modus campuran di bagian atas panel Layers. Sebagai contoh, saya pikir warna merah di gambar saya mencari sedikit membosankan, jadi saya akan klik pada bagian atas Hue / Saturation adjustment layer di panel Layers untuk memilihnya (karena itu yang saya digunakan untuk menambah red), maka aku akan mengubah modus perpaduan dari Warna ke Layar:

Memilih Hue / Saturation adjustment layer merah, kemudian mengubah modus campuran untuk Screen.

Modus campuran Layar membuat hal-hal yang lebih cerah tetapi juga cenderung mengurangi saturasi warna, sehingga untuk mengimbangi, dengan Hue / Saturation adjustment layer merah yang dipilih, saya akan kembali ke Penyesuaian Panel dan meningkatkan nilai Saturation untuk merah ke 70 (untuk Photoshop CS3 dan pengguna sebelumnya, klik pada thumbnail layer penyesuaian dalam Layers panel untuk membuka kembali kotak dialog Hue / Saturation untuk membuat perubahan, kemudian klik OK untuk menutup kotak dialog):

Mengubah modus campuran mungkin memerlukan penyesuaian tingkat kejenuhan warna ini.

Berikut adalah gambar saya setelah mengubah modus campuran untuk merah untuk Layar dan meningkatkan saturasi warna. Perhatikan kotak merah sekarang terlihat lebih cerah:

Screen adalah modus campuran populer yang biasa digunakan untuk dengan cepat mencerahkan gambar.

Aku akan melakukan hal yang sama dengan ungu Hue / Saturation adjustment layer, klik pertama di atasnya untuk memilihnya di panel Layers, kemudian mengubah modus campuran untuk Screen dan meningkatkan saturasi warna untuk 55 di Penyesuaian Panel (atau kotak dialog di CS3 dan sebelumnya). mode campuran lainnya yang dapat memberikan hasil yang baik termasuk Multiply (untuk warna yang lebih gelap), serta Overlay yang akan memberikan efek kontras yang lebih tinggi tetapi juga dapat mengubah tampilan warna itu sendiri. Berikut efek saya sekarang dengan kotak merah dan ungu diatur ke mode campuran Layar:

paduan modus yang berbeda akan memberikan efek yang berbeda. Layar, Multiply dan Overlay adalah yang baik untuk mencoba.

Langkah 23: Mengubah Warna The Grid Garis Untuk Putih

Sebagai langkah terakhir untuk efek, memungkinkan mengubah tampilan garis grid sendiri, pertama dengan mengubah warna mereka dari hitam menjadi putih. Klik pada layer Grid di panel Layers untuk memilihnya, kemudian klik pada Lock Pixel Transparan ikon tepat di bawah pilihan modus campuran (itu yang pertama dari empat ikon berturut-turut):

Klik pada Lock Pixel Transparan ikon.

Langkah 24: Isi Grid Garis Dengan Putih

Dengan pilihan Pixel Transparan Lock dipilih pada lapisan Grid, apa pun yang kita lakukan untuk layer hanya akan mempengaruhi piksel sendiri. Ini tidak akan memiliki mempengaruhi pada daerah transparan. Dengan cara ini, jika kita mengisi layer dengan, katakanlah, putih (seperti yang kita lakukan tidak dapat), hanya garis grid akan diisi dengan putih. Daerah transparan pada layer akan tetap transparan.
Pergi ke menu Edit dan sekali lagi pilih Fill. Ketika kotak dialog Fill muncul, pilihan Gunakan seharusnya telah ditetapkan ke White karena itulah apa yang kita set ke terakhir kali, jadi hanya klik OK untuk menutup kotak dialog. Photoshop akan mengisi garis grid dengan putih:

Photoshop mengisi layer dengan putih tapi hanya garis grid yang terpengaruh.

Langkah 25: Tambahkan Stroke Layer Style

Jika Anda ingin meningkatkan ketebalan garis grid, klik pada ikon Layer Styles di bagian bawah panel Layers:

Klik pada ikon Layer Styles.

Pilih Stroke dari daftar gaya lapisan yang muncul:

Pilih Stroke dari daftar.

Ini akan membuka kotak dialog Layer Style Photoshop set ke pilihan Stroke di kolom tengah. Klik pada warna swatch disamping kata Color, yang membuka Color Picker. Pilih putih dari Color Picker, kemudian klik OK untuk menutup keluar dari itu. Dengan sekarang putih sebagai warna stroke, meninggalkan Posisi diatur ke luar dan menyesuaikan lebar stroke dengan menyeret Ukuran slider sambil mengawasi dokumen untuk menilai hasilnya. Aku akan mengatur ukuran saya tak untuk 2 px (pixel):

Mengubah warna stroke menjadi putih, kemudian menyesuaikan lebarnya dengan Ukuran slider.

Klik OK untuk menutup kotak dialog Layer Style, dan kita sudah selesai! Berikut ini adalah efek warna kotak terakhir saya:

Hasil akhir.

Dan ada yang kita miliki! Itulah cara membuat desain warna kotak dengan gambar di Photoshop! Lihat Efek Foto bagian untuk lebih Photoshop efek tutorial!

Share this post