Indonesian (Bahasa Indonesia) translation by ⚡ Rova Rindrata (you can also view the original English article)
Smart Filters Photoshop adalah salah satu hal terbaik tentang Smart Objects. Bila Anda menerapkan efek filter ke layer Smart Object, Anda secara otomatis membuat Smart Filter. Anda dapat mengedit filter sebanyak yang Anda mau, tanpa merusak piksel asli.
How to create art with the Pen tool in Photoshop CS6 Download Full Stock. Unique multifunctional.
Dalam tutorial ini, Anda akan belajar cara menggunakan dua salinan Smart Object yang sama untuk membuat mock-up produk, kemudian menerapkan filter untuk menghilangkan fokus pada latar belakang. Setelah semuanya disiapkan, Anda dapat dengan mudah memperbarui gambar di Smart Object untuk mengubah pemandangan.
1. Mempersiapkan Mock-Up
Saya memulai dengan file Photoshop ber-layer. Anda dapat menggunakan foto Anda sendiri, atau menemukan gambar produk yang terisolasi pada GraphicRiver atau PhotoDune.
Langkah 1
Seperti yang dapat Anda lihat di panel Layers, file ini disusun menjadi bagian-bagian komponennya. Anda mungkin tidak memerlukan semua layer-layer ini, namun lebih banyak layer memberi Anda fleksibilitas lebih dan kontrol yang lebih besar atas hasil akhirnya.
Langkah 2
Untuk tujuan kita, penting untuk memiliki satu layer sebagai layer 'screen'. Ini harus berupa layer transparan, berisi persegi panjang penuh seukuran layar ponsel.
Untuk membuat layer ini, Anda dapat dengan hati-hati memilih area layar menggunakan Rectangular Marquee Tool (M), lalu isi seleksi di layer baru di atas layer Phone. Untuk memperbaiki seleksi, gunakan Transform Selection di bawah menu Select untuk memperbaikinya. Anda bisa mengisi seleksi dengan warna apapun, karena tidak akan terlihat pada mock-up akhir.
2. Mempersiapkan Smart Object
Langkah 1
Seret foto ke PSD mockup. Ini harus gambar dengan resolusi tinggi, sehingga bisa mengisi latar belakang tanpa memperbesar. Tarik layer ke bawah tumpukan layer. Opsional: ganti nama layer ini 'Scene'.
Langkah 2
Mengkonversi layer Scene menjadi Smart Object. Ada tiga cara untuk melakukannya:
- Ada tiga cara untuk melakukannya:Buka menu Layer pergi ke Smart Objects > Convert to Smart Object.
- Klik menu flyout pada panel Layers dan pilih Convert to Smart Object.
- Klik kanan layer di panel Layers dan pilih Convert to Smart Object.
Langkah 3
Anda akan melihat bahwa layer sekarang memiliki ikon mungil di kanan bawah thumbnail-nya, yang menunjukkan bahwa ini adalah layer Smart Object. Buat salinan layer Smart Object dengan menyeretnya ke ikon New Layer di bagian bawah panel Layers.
Langkah 4
Seret salinannya ke atas layer Screen. Gunakan Free Transform (Command-T) untuk mengubah ukuran gambar sehingga kira-kira seukuran layar ponsel. Ini akan sedikit tumpang tindih.
Langkah 5
Klip layer salinan Scene ke layer Screen. Ini akan menutupi bagian gambar yang melampaui tepi layar, tapi itu tidak akan benar-benar memotong gambar. Pertama, pilih layer 'Scene copy', lalu klik menu flyout pada panel Layers dan pilih Create Clipping Mask. Anda juga bisa menggunakan pintasan keyboard Command-Option-G.
Atau, Anda dapat menekan tombol Option (Alt) dan klik di antara dua layer. Anda akan melihat kursor berubah menjadi lingkaran ganda agar Anda tahu bahwa Anda berada di tempat yang tepat.
Begitu clipping mask dibuat, gambar akan mengisi dimensi layar. Anda juga akan melihat layer thumbnail telah bergeser sedikit ke kanan, dan memiliki panah kecil ke bawah. Ini menunjukkan layer Smart Object 'Scene copy' 'dijepit' ke layer di bawahnya.
3. Menambahkan dan Mengedit Smart Filter
Langkah 1
Pilih latar belakang layer Smart Object 'Scene'. Pergi ke Filter > Blur > Gaussian Blur. Masukkan nilai blur Radius untuk memberi latar belakang tampilan de-fokus, seperti pada gambar di bawah ini.
Langkah 2
Saat Anda menerapkan filter ke layer Smart Object, Smart Filter dibuat secara otomatis di bawah Smart Object, dengan Layer Mask yang terpasang.
Langkah 3
Anda dapat melukis di Smart Filter Mask atau mengeditnya, untuk mengaburkan bagian dari efek filter. Dalam kasus ini, kami ingin membawa latar depan pemandangan menjadi fokus yang sedikit lebih tajam, karena lebih dekat ke pemirsa.
Pilih mask Smart Filters di panel Layers. Ini akan memiliki garis ganda tipis di sekitar thumbnail untuk menunjukkan bahwa itu aktif. Pilih Gradient Tool (G) dan pastikan gradien hitam-ke-putih linier dipilih di Control Panel. Seret Gradient Tool secara vertikal melalui gambar sehingga bagian hitam gradien dimulai di bagian bawah mask. Seperti halnya layer mask, ingatlah: 'hitam menyembunyikan, putih mengungkapkan.'
Setelah gradien diterapkan, Anda akan melihatnya di thumbnail Smart Filters di panel Layers:
Anda bisa Option (Alt)-klik pada thumbnail mask untuk melihat mask penuh di PSD. Option-klik lagi untuk kembali ke tampilan normal.
Langkah 4
Ini adalah mock-up yang sudah selesai. Anda dapat melihat bahwa pantai dan air di latar depan (yaitu di bagian bawah gambar) lebih fokus daripada jembatan dan langit. Bagian hitam dari gradien mengaburkan efek filter, dan transisi ke titik kabur penuh di bagian setengah atas gambar. Anda bisa terus bereksperimen dengan penempatan gradien agar bisa melakukannya dengan benar.
Langkah 5
Hal yang hebat tentang Smart Filters adalah bahwa hal itu tidak merusak. Anda dapat mengeditnya tanpa batas tanpa menyebabkan kerusakan permanen pada piksel pada gambar. Katakanlah Anda ingin efek Blur menjadi sedikit lebih kuat. Klik dua kali nama efek di bawah mask Smart Filters di panel Layers untuk membuka kembali pengaturannya. Sesuaikan radius dan klik OK.
Jika Anda telah menerapkan filter Blur ke layer piksel biasa, Anda tidak akan bisa kembali lagi nanti dan mengubah pengaturannya. Ini adalah keuntungan menggunakan Smart Objects dengan Smart Filters.
Langkah 6
Anda juga bisa mengubah Blending Mode dari Smart Filter, membuatnya lebih serbaguna. Ada ikon kecil di sebelah kanan nama efek di panel Layers. Ini terlihat seperti dua slider. Klik ganda ikon ini untuk menampilkan Blending Options
Pilih Mode dari menu drop-down. Anda juga bisa mengubah Opacity. Kebanyakan Blend Modes tidak akan praktis untuk mock-up seperti ini, tapi akan jadi menyenangkan untuk bereksperimen.
4. Mengedit Smart Object
Sekarang mockup sudah diatur dengan Smart Object dan Smart Filter, Anda dapat mengubah gambar layar ponsel dan latar belakang sekaligus, dengan mengedit Smart Object asli.
Langkah 1
Klik ganda thumbnail Smart Object untuk mengedit. Anda akan melihat pesan berikut. Setelah Anda terbiasa bekerja dengan Smart Objects, Anda dapat memilih untuk mematikan dialog peringatan ini.
Langkah 2
Smart Object terbuka sebagai file khusus yang terpisah. Ekstensi file-nya adalah .psb.
Langkah 3
Saya hanya akan menyeret foto lansekap yang berbeda di atas yang sudah ada. Tidak perlu melakukan flatten gambar, karena Smart Objects dapat memiliki banyak layer.
Langkah 4
Tutup dan simpan file .psb. Kini lansekap baru akan muncul di layar ponsel dan latar belakangnya. Efek ini bekerja karena Smart Object di layar ponsel adalah salinan asli.
Langkah 5
Tergantung pada gambar yang Anda gunakan, Anda mungkin ingin mengedit efek blur, atau mengatur gradien pada mask Smart Filters.
Kesimpulan
Smart Filters memberi Anda cara tak terbatas untuk memodifikasi tampilan layer Smart Object Anda. Bagian yang terbaik adalah Anda bisa melakukannya tanpa merusak piksel asli dari Smart Object. Bereksperimenlah ke isi hati Anda!
Indonesian (Bahasa Indonesia) translation by fajar budiman (you can also view the original English article)
Photoshop adalah alat yang hebat untuk desain grafis, terutama desain digital yang hanya ditampilkan pada layar, selain tugas-tugas yang senama dalam tweaking foto. Tetapi belum tentu semua baik. Dengan cara berfikir dan pengetahuan yang tepat, Photoshop dapat digunakan untuk membuat desain yang akan dicetak dengan menakjubkan.
Tutorial ini akan membawa Anda melalui langkah-langkah dasar untuk menciptakan brosur terlihat eye-catching yang dapat dicetak langsung dalam warna CMYK langsung dari Photoshop. Anda dapat mengikuti tutorial ini untuk membuat selebaran yang tepat, atau langkah-langkah dengan konten dan warna yang sesuai gaya brosur yang anda inginkan dengan menggunakan metode yang sama.
Aset tutorial
Tutorial ini menggunakan gambar bebas royalti dari Envato, bersama dengan beberapa ikon vektor yang saya buat di Illustrator khusus untuk proyek ini. Anda dapat menemukan file tersebut, Anda dapat menggunakan file PSD yang sudah selesai untuk dibandingkan dengan pekerjaan Anda, di download di sidebar tutorial ini.
Tutorial ini juga menggunakan Proxima Nova Font Family, yang datang dengan Typekit atau berlangganan Adobe Creative Cloud. Anda dapat singkronisasi huruf tersebut ke komputer Anda dan menggunakannya dengan tutorial ini, atau menggunakan jenis huruf lain yang serupa dari kepunyaan anda.
Mempersiapkan Dokumen dengan Panduan
Langkah 1
Pertama, mengatur dokumen dengan ukuran yang benar dan pengaturan untuk mencetak Buat dokumen baru di Photoshop, atur dimensi 216x154 mm. Dimensi ini mewakili ukuran kertas A5 dengan 3 mm bleed ditambahkan ke setiap tepi. Karena kita akan membuat atwork untuk dicetak, atur Mode Warna dengan CMYK dan Resolusi menjadi 300 Pixel / Inch.
Langkah 2
Buat panduan baru yang akan mewakili bleed area Illustrator dan InDesign sudah memiliki fungsi ini didalamnya, tapi di Photoshop, kita harus membuatnya sendiri. Gunakan Move Tool (V) dan tombol Shift untuk membuat sebuah panduan horisontal dengan menyeret kursor dari penggaris atas. Pastikan bahwa panduan ini terletak 3 mm pada sumbu Y.
Langkah 3
Ulangi proses yang sama untuk membuat panduan di setiap tepi dokumen Pastikan bahwa setiap panduan adalah inset 3 mm sama di setiap tepi
Membuat Latar Belakang
Langkah 1
Tekan Shift-Cmd-N untuk membuat Layer baru. Isi dengan warna putih sebagai warna Foreground (Alt-Backspace). Pastikan bahwa Anda memiliki CMYK Sliders dihidupkan sehingga Anda menggunakan cetak warna
Langkah 2
Buat Gradient Overlay baru. Dalam Layer Style Panel, edit Gradient tersebut. Mengatur slider putih Lokasi menjadi 30%. Mengubah warna slider hitam untuk Pale Yellow (C = 9 M = 6 Y = 14 K = 0).
Langkah 3
Gunakan Rectangle Tool (U) untuk membuat empat persegi panjang baru Atur ukurannya 216 mm dengan 56 mm.
Langkah 4
Sejajarkan persegi panjang ke sudut kiri atas dokumen. Isi dengan Dark Brown (C = 49 M = 74 Y = 80 K = 70).
Langkah 5
Gunakan Pen Tool (P) untuk menambahkan titik anchor baru di tepi bawah persegi panjang.
Langkah 6
Dengan Direct Selection Tool (A), mainkan pegangan anchor untuk membuat kurva Bezier yang bagus.
Langka 7
Ikuti langkah-langkah yang sama untuk menyesuaikan persegi panjang menjadi bentuk yang ditunjukkan di bawah.
Langkah 8
Buka File> Place Embedded ..., kemudian pilih people-1.jpg dari Resource Pack.
Langkah 9
Gunakan Move Tool (V) untuk memindahkan foto di sekitar dokumen. Tempatkan di sudut paling atas seperti yang ditunjukkan di bawah ini.
Langkah 10
Buat persegi panjang baru dengan Rectangle Tool (U). Atur ukurannya menjadi 216 mm dengan 100 mm.
Langkah 11
Gunakan Direct Selection Tool (A) untuk menempatkan persegi panjang langsung di atas foto di sudut kiri atas.
Langkah 12
Dalam opsi Panel Rectangle Tool, pilih Mask. Ini akan membuat masker vektor dipakai pada layer dengan foto.
Langkah 13
Tambahkan titik anchor baru untuk mask dengan Pen Tool (P). Buat kurva Bezier melengkung dengan Direct Selection Tool (A).
Langkah 14
Menggunakan alat yang sama, Pen Tool dan Direct Selection Tool, mencoba untuk menyesuaikan mask ke dalam bentuk yang ditunjukkan di bawah. Perhatikan posisi dari anchor poin dan kesederhanaan bentuk. Semakin sedikit anchor poin yang Anda gunakan, akan muncul mask akhir yang halus.
Langkah 15
Buka Filter > Blur > Gaussian Blur. Atur Radius menjadi 6
Langkah 16
Pilih Smart Filters mask. Gunakan Gradient Tool (G) untuk memudarkan mask dari kiri ke kanan.
Langkah 17
Buat Layer Mask baru. Gunakan Brush Tool (B) memudarkan tangga yang ada pada foto. Gunakan beberapa naluri dasar dan kreativitas.
Langkah 18
Buat Brightness / Contrast Adjustment Layer baru dengan mengklik ikon matahari di Adjustments panel Atur Brightness menjadi 40 dan Contrast menjadi 10.
Langkah 19
Klik kanan pada Adjustment Layer dan pilih Create Clipping Mask. Ini akan menggunakan pengaturan brightness baru hanya untuk foto di bawah.
Langkah 20
Buat Solid Color baru. Atur Fill warna menjadi Coklat (C=30 M=80 Y=100 K=30).
Langkah 21
Klik pada vector mask dari layer foto. Tahan tombol Alt dan tarik mask keatas Fill Warna coklat. Tindakan ini akan menduplikasi mask yang dipilih.
Langkah 22
Gunakan Direct Selection Tool (A) dan tarik anchor poin ke kanan atas menunju ke pojok kanan atas.
Langkah 23
Gunakan Brush Tool (B) untuk memperihatkan beberapa wilayah foto di bawah dengan warna coklat. Atur Layer Opocity menjadi 75%
Langkah 24
Gambar persegi panjang baru dengan Rectangle Tool (U).
Langkah 25
warnai persegi panjang dengan Warna Coklat Muda (C = 10 M = 65 Y = 100 K = 0).
Langkah 26
Tempatkan layer dengan persegi panjang coklat muda di bawah persegi panjang coklat gelap.
Langkah 27
Gunakan Pen Tool (P) dengan Direct Selection Tool (A) untuk menyesuaikan persegi panjang menjadi bentuk melengkung seperti yang ditunjukkan di bawah ini.
Tambahkan Teks dan Logo
Langkah 1
Buat Ellipse (U) baru. Atur dimensi menjadi 248 px dengan 248 px. Warnai dengan warna Coklat (C=30 M=80 Y=100 K=30).
Langkah 2
Tambahkan efek Drop Shadow. Atur Opacity menjadi 14%, Distance menjadi 5 px, dan Size menjadi 15 px.
Langkah 3
Buat Ellipse (U) baru. Atur dimensi menjadi 400 px dengan 400 px Warnai dengan warna biru tua (C=100 M=80 Y=45 K=50).
Langkah 4
Menggunakan efek Drop Shadow yang sama dan menerapkannya ke elips. Anda dapat menciptakan bayangan, atau klik kanan dan pilih Copy Layer Style dan kemudian paste layer style pada elips lain. Taruh layer dengan elips biru tua di bawah elips coklat.
Langkah 5
Tambahkan teks dengan Type Tool (T). Tutorial ini menggunakan Proxima Nova family. Ukuran judul atas 17 pt. Tambahkan sisa teks, dengan masing-masing di lapisan yang terpisah. Gunakan Move Tool (V) untuk menempatkan pada setiap baris, seperti diuraikan dalam gambar di bawah ini.
Langkah 6
Ulangi proses yang sama untuk menambahkan teks baru. Atur ukuran baris pertama menjadi 31 pt.
Langkah 7
Buat judul baru menggunakan Type Tool (T). Atur huruf menjadi Proxima Nova Light dan ukurannya menjadi 18 pt.
Langkah 18
Tambahkan subjudul, sekali lagi, menggunakan Type Tool (T). Atur ukuran manjadi 36 pt. Sesuaikan Character Tracking ke -10.
Langkah 9
Pilih kedua teks layers. Tahan tombol Alt dan seret teks untuk menduplikasi kedua garis di bawah.
Langkah 10
Sekali lagi, gunakan Type Tool (T) untuk menulis ulang teks sesuai dengan gambar di bawah ini. Posisikan teks dengan Move Tool (V).
Langkah 11
Buka File> Place Embedded dan tempatkan logo vektor acme-travel-logo.ai ke dalam dokumen.
Langkah 12
kecilkan ukuran logo vektor dan taruh di sudut kanan atas.
Langkah 13
Menambahkan efek Drop Shadow. Dalam Layer Style Panel, atur Opacity menjadi 11%, Distance menjadi 3 px, dan Ukuran menjadi 16 px.
Menambahkan foto dibawah
Langkah 1
Buat Rectangle (U) baru. Atur ukuran menjadi 60 px dengan 28 px.
Langkah 2
Pilih bentuk persegi panjang dengan Direct Selection Tool (A). Pada panel align, atur Pusat Horizontal.
Langkah 3
Buka File> Place Embedded dan tempatkan foto people-11.jpg dari Resource Pack.
Langkah 4
kecilkan gambar dan tempatkan langsung pada persegi panjang.
Langkah 5
Aktifkan Rectangle Tool (U), dan di panel pilihan, klik Mask. Tindakan ini akan membuat vektor mask dari persegi panjang dan menerapkannya ke foto.
Langkah 6
Dengan layer foto masih dipilih, tahan Alt-Shift dan geser foto untuk menduplikasi itu.
Langkah 7
Buka File > Place Embedded. Pilih foto city-5.jpg dari Resource Pack dan tambahkan ke dalam dokumen.
Langkah 8
Kecilkan gambar dan letakkan di atas foto yang digandakan dengan gadis.
Langkah 9
Ambil mask dari foto digandakan dengan gadis itu dan menempatkannya ke dalam gambar baru, kemudian hapus layer people-11-copy.
Langkah 10
Ulangi langkah 7 sampai 9 untuk menambahkan screenshot ke dalam dokumen, kali ini tempatkan gambar peta.
Langkah 11
Pilih layer peta-screenshot dan menambahkan Stroke dari tombol efek di layer panel.
Langkah 12
Atur Stroke Size menjadi 2 px. Sesuaikan Position ke Inside dan atur Warna menjadi Coklat (C = 30 M = 80 Y = 100 K = 30).
Menambahkan Teks dibawah
Langkah 1
Gunakan Type Tool (T) untuk membuat contoh baru dari teks. Atur Ukuran menjadi 11 pt dan warna menjadi Coklat Muda (C=10 M=65 Y=100 K=0).
Langkah 2
Tambahkan lebih banyak garis. Atur ukuran menjadi 9 pt, menyesuaikan Leading menjadi 13 pt, dan merubah warna menjadi abu-abu (K=90).
Langkah 3
Mengikuti proses yang sama untuk membuat blok baru dari teks. Menempatkan mereka di bawah foto dengan gadis dan screenshot peta.
Langkah 4
Buka File > Place Embedded... Pilih icons.ai untuk mengimpor ikon ke dalam dokumen. Sebuah jendela kontekstual baru akan muncul. Pilih Calendar Icon and klik OK.
Langkah 5
Kecilkan ikon dan tempatkan ke baris pertama dengan informasi waktu.
Langkah 6
Ulangi proses yang sama untuk mengimpor sisa ikon dan menempatkan mereka sesuai sebelah setiap baris.
Langkah 7
Gunakan Type Tool (T) untuk menambhkan teks baru. Letakkan di screenshot peta. Atur ukuran menjadi 13 pt, menyesuaikan Leading menjadi 11 pt, dan merubah warna menjadi Coklat Muda (C=10 M=65 Y=100 K=0).
Langkah 8
Mengikuti proses yang sama untuk menambahkan baris baru teks untuk alamat. Atur ukuran menjadi 9 pt dan merubah warna menjadi abu-abu (K=90).
Langkah 9
Buka File > Place Embedded..., pilih icons.ai lagi dan mengimpor Globe Vector Icon ke dalam dokumen.
Langkah 10
Kecilkan ikon dan menempatkannya di samping alamat web.
Langkah 11
Aktifkan Pen Tool (P) dan buat bentuk vektor yang akan mewakili arah di peta.
Langkah 12
Dalam Options Panel, atur Stroke menjadi Dashed dan warna menjadi Coklat Muda (C=10 M=65 Y=100 K=0). Sesuaikan Stroke Width menjadi 1,5 pt.
Langkah 13
Buka Stroke Options > More Options..., dan atur Caps menjadi Round dan sesuaikan Dashed Line: Dash menjadi 3 dan Gap menjadi 3.
Langkah 14
Buat Ellipse (U) baru. Atur warna menjadi coklat (C=30 M=80 Y=100 K=30).
Langkah 15
Akatifkan Pen Tool (P). Tahan tombol Alt dan klik pada titik anchor bawah. Ini akan mengubah titik anchor dari yang halus ke sudut.
Langkah 16
Dengan Direct Selection Tool (A), memindahkan merubah titik anchor di bawah.
Langkah 17
Menambahkan efek Drop Shadow pada pin. Gunakan pengaturan di bawah ini untuk membuatnya halus.
Langkah 18
Sekali lagi, membuat Ellipse (U) baru dan dan warna Fill dengan putih Tempatkan elips ke tengah pin. Dan itulah sentuhan akhir untuk desain brosur kami.
Kesimpulan
Selamat! Jika Anda telah mengikuti tutorial sampai titik ini, Anda harus memiliki desain yang bagus dari brosur promosi selesai.
Ingat: setiap kali Anda merancang gambar untuk cetak digital, Anda harus berpikir warna CMYK untuk mencapai hasil terbaik. Jangan lupa untuk menambahkan bleed ke kanvas (minimal 3 mm dari setiap ujung). Jika Anda tidak yakin tentang beberapa parameter teknis lanjutan, selalu baik untuk berkonsultasi langsung dengan perusahaan percetakan untuk menghindari kesalahan atau masalah.
Dalam tutorial berikutnya dalam seri ini, kita akan melihat bagaimana untuk mengenakan brosur ini ke InDesign dan menyiapkan kualitas cetak PDF. Dalam waktu yang berarti, jika Anda memiliki pertanyaan tentang menciptakan desain cetak di Photoshop, memberikan komentar di bawah ini dan kami akan senang untuk membantu Anda.