Showing posts with label Tutorial Photoshop. Show all posts
Showing posts with label Tutorial Photoshop. Show all posts

Monday, November 20, 2017

Cara Menggunakan atau Bekerja dengan Layers di Photoshop

Cara Menggunakan atau Bekerja dengan Layer di Photoshop - Layer merupakan elemen yang sangat penting pada saat kita bekerja menggunakan Phtoshop. Layer inilah yang nantinya akan mengatur susunan atau komposisi gambar sesuai dengan keinginan sobat. Sangat baik jika sobat memahami palet layer sebelum sobat mempelajari tutorial photoshop lainnya.

Pengertian tentang Palet Layer sendiri sudah pernah saya bahas pada artikel sebelumnya. Silahkan sobat baca.
Baca : Fungsi Palet Layers Pada Adobe Photoshop

Setelah pada artikel sebelumnya kita sudah membahas tentang fungsi-fungsi yang terdapat pada palet layer. Kali ini kita akan belajar menggunakan palet layer tersebut. Silahkan sobat simak ulasannya berikut ini :

Cara Menggunakan atau Bekerja dengan Layer di Photoshop  Cara Menggunakan atau Bekerja dengan Layers di Photoshop


Membuat Layer Baru

Untuk membuat layer baru, silahkan sobat klik tombol Create a new layer yang terdapat pada palet layer (letaknya ada di bawah).

Selain itu, sobat bisa menggunakan cara cepat yaitu dengan cara menekan CTRL + SHIFT + N pada keyboard.

Secara otomatis akan ditambahkan layer baru di atas layer Background.

Cara Menggunakan atau Bekerja dengan Layer di Photoshop  Cara Menggunakan atau Bekerja dengan Layers di Photoshop


Mengatur Urutan Layer

Urutan sebuah layer menandakan posisi atau letak layer tersebut pada layer lainnya. Layer yang di atas akan menutup layer yang ada dibawahnya.

Pada saat bekerja dengan menggunakan photoshop, jumlah layer biasanya akan berjumlah lebih dari satu atau dua. Urutan layer ini menentukan posisi gambar dan hasil kerja yang kita buat.

Sobat bisa menggunakan cara berikut untuk mengatur posisi layer :
1. Pilih layer yang akan sobat pindah urutannya.
2. Klik menu Layer > Arrange , dan tentukan pilihan sobat untuk mengatur posisi layer tersebut.
  • Bring to Front digunakan untuk memindah layer ke posisi paling depan atau atas. Sobat juga bisa menggunakan perintah CTRL + SHIFT + ].
  • Bring Forward digunakan untuk memindah posisi layer satu tingkat di atas layer yang ada di atasnya. Sobat juga bisa menggunakan perintah CTRL + ].
  • Send Backward digunakan untuk memindah posisi layer satu tingkat ke bawah dari layer yang ada di bawahnya. Sobat bisa menggunakan perintah Shortcut CTRL + [.
  • Send to Back digunakan untuk memindahkan posisi layer ke posisi paling belakang atau paling bawah pada susunan layer dan sobat juga bisa menggunakan perintah shortcut CTRL + SHIFT + [.

Selain menggunakan perintah diatas, sobat bisa juga menggunakan cara manual berikut untuk memindahkan dan mengurutkan sebuah layer.
1. Aktifkan layer yang akan dipindah.
2. Klik tahan dan geser layer tersebut ke atas atau ke bawah sesuai kebutuhan.


Cara Menggunakan atau Bekerja dengan Layer di Photoshop  Cara Menggunakan atau Bekerja dengan Layers di Photoshop


Catatan : Sobat tidak dapat memindah layer Background. Jika sobat ingin memindahnya, ubah terlebih dahulu layer tersebut menjadi layer baru.

Caranya, klik 2x pada layer background tersebut kemudian berikan nama, atur opacity dan coor layer kemduia klik ok.


Menyeleksi Layer

Menyeleksi layer digunakan jika sobat ingin melakkan perubahan bentuk atau posisi sesuai dengan kebutuhan trehadap layer yang diinginkan. Menyeleksi layer berarti sobat memilih layer yang di tuju untuk melakukan pekerjaan. Sobat bisa menyeleksi bebrapa layer sekaligus secara berurutan atau acak.

a. Menyeleksi Beberapa Layer dengan Posisi Berurutan.

Gunakan langkah berikut untuk menyeleksi layer dengan posisi berurutan.
1. Klik salah satu nama layer di dalam palet layer.

Cara Menggunakan atau Bekerja dengan Layer di Photoshop  Cara Menggunakan atau Bekerja dengan Layers di Photoshop


2. Kemudian tekan tombol SHIFT pada keyboard, lalu klik pada nama layer terakhir yang ingin diseleksi.

Cara Menggunakan atau Bekerja dengan Layer di Photoshop  Cara Menggunakan atau Bekerja dengan Layers di Photoshop



b. Menyeleksi Beberapa Layer dengan Posisi Tidak Berurutan.

Gunakan langkah berikut untuk menyeleksi layer dengan posisi tidak berurutan.
1. Klik salah satu layer yang ada di palet layer.

2. Tekan tombol CTRL pada Keyboard, lalu klik beberapa layer yang ingin diseleksi.


Cara Menggunakan atau Bekerja dengan Layer di Photoshop  Cara Menggunakan atau Bekerja dengan Layers di Photoshop



c. Menyeleksi Layer Berdasarkan Tipe Layer

Sobat juga bisa menyeleksi beberapa layre sekaligus berdasarkan tipe layer. Gunakan langkah berikut untuk menyeleksi berdasarkan tipe layer.
1. Klik salah satu tipe layer yang ada di palet layer.


Cara Menggunakan atau Bekerja dengan Layer di Photoshop  Cara Menggunakan atau Bekerja dengan Layers di Photoshop


2. Selanjutnya, klik menu Select > pilih Similar Layers.
Secara otomatis, semua layer yang memiliki tipe yang sama dengan layer aktif akan terseleksi. Disisni saya menggunakan contoh tipe layer teks.

3. Untuk memilik semua layer, klik menu Select > pilih All Layers.


Cara Menggunakan atau Bekerja dengan Layer di Photoshop  Cara Menggunakan atau Bekerja dengan Layers di Photoshop


4.Untuk menghilangkan seleksi palet, klik menu Select > pilih Deselect Layers.


Mengelompokkan Layer (Groupping Layers)

Agar susunan layer tidak terlalu terlihat banyak dan layer tersebut bisa tersusun rapi berdasarkan kelompoknya, sobat bisa menggunakan cara berikut :
1. Pilih beberapa layer yang ingin dikelompokan menjadi satu group.


Cara Menggunakan atau Bekerja dengan Layer di Photoshop  Cara Menggunakan atau Bekerja dengan Layers di Photoshop


2. Pilih menu Layer > pilih Group Layers. Atau bisa menggunakan perintah shortcut CTRL + G.


Cara Menggunakan atau Bekerja dengan Layer di Photoshop  Cara Menggunakan atau Bekerja dengan Layers di Photoshop


3. Untuk membatalkan group layer, klik nama group lalu tekan CTRL + SHIFT + G atau klik menu Layer > pilih Ungroup Layers.


Membuat Link Layer

Perintah Link Layer memungkinkan untuk  sobat untuk dapat memberi Transformasi (memperkecil atau memperbesar, memutar) atau perubahan bentuk dan juga memindah posisi layer yang terhubung dengan link tersebut secara bersamaan.

Cara menggunakan Link Layer :
1. Pilih beberapa layer yang akan diberi Link.
2. Klik tombol Link Layers yang berada di bagian bawah palet layer.
Untuk melepas Link, klik kembali tombol Link Layers.


Cara Menggunakan atau Bekerja dengan Layer di Photoshop  Cara Menggunakan atau Bekerja dengan Layers di Photoshop


Menggabungkan Layer

Menggabungkan layer digunakan apabila sobat ingin membuat bebrapa layer menjadi satu layer yang baru. Berbeda dengan Group seperti yang sudah kita bahas tadi. Group hanya mengelompokkan layer saja, sedangkan fungsi menggabungkan layer berarti membuat bebrapa layer menjadi satu layer.

a. Menggabung Layer Menjadi Layer Baru
Menggabungkan layer menjadi layer baru tidak akan merubah layer yang sudah ada. Jadi layer yang sebelumnya ada tidak akan hilang. Layer yang akan kita gabungkan akan membuat sebuah layer baru. 

Gunakan langkah berikut :
1. Pastikan layer yang akan digabungkan dalam keadaan ditampilkan. Jika ada layer yang tidak akan digabungkan silahkan disembunyikan dengan cara mengklik Layer Visibility. Baca di Fungsi Palet Layer Photoshop


Cara Menggunakan atau Bekerja dengan Layer di Photoshop  Cara Menggunakan atau Bekerja dengan Layers di Photoshop


2. Sambil menekan Alt pada keyboard, klik dan tahan menu Layer > pilih Marge Visible. Maka secara otomatis semua layer yang ditampilkan akan digabungkan menjadi satu layer baru.


Cara Menggunakan atau Bekerja dengan Layer di Photoshop  Cara Menggunakan atau Bekerja dengan Layers di Photoshop



Keterangan : Layer yang dipilih atau terlihat akan digabungkan dalam layer baru. Sedangkan layer asli tidak dihilangkan atau berubah.



b. Menggabung Beberapa Layer
Sobat bisa menggabungkan beberapa layer menjadi satu layer. Namun dengan cara ini, layer asli akan hilang karena sudah digabungkan dengan layer lainnya menjadi layer yang baru.

Gunakan langkah berikut :
1. Pilih beberapa layer yang akan digabungkan.


Cara Menggunakan atau Bekerja dengan Layer di Photoshop  Cara Menggunakan atau Bekerja dengan Layers di Photoshop


2. Klik menu Layer > pilih Marge Layers. Atau bisa menggunakan shortcut CTRL + E


Cara Menggunakan atau Bekerja dengan Layer di Photoshop  Cara Menggunakan atau Bekerja dengan Layers di Photoshop




c. Menggabungkan Layer dengan Layer di Bawahnya
Denan cara ini sobat bisa menggabungkan sebuah layer dengan layer yang ada dibawahnya. Sobat bisa hanya mengabungkan dua layer atau lebih.

Cara untuk menggabungkan layer dengan layer di bawahnya :
1. Aktifkan layer yang akan digabungkan.
2. Kemudian pilih menu Layer > Marge Down. Atau bisa dengan menekan shortcut CTRL + E.


Cara Menggunakan atau Bekerja dengan Layer di Photoshop  Cara Menggunakan atau Bekerja dengan Layers di Photoshop

Keterangan : Layer Anton merupanakan layer terpilih, begitu sobat memeberikan perintah Ctrl + E atau Layer > Marge Down, maka layer Anton akan digabungkan dengan layer yang ada di bawahnya. 

Layer teks tersebut akan menjadi layer objek dan tidak dapat diedit lagi teksnya.

Jika sobat menggunakan layer teks, sobat hanya bisa menggabungkan layer teks dengan layer objek. Sobat tidak bisa menggabungkan layer teks dengan layer teks.


Menyeleksi Objek Dalam Layer

Untuk menyeleksi sebenarnya bisa menggunakan tool seleksi. Namun ada cara yang jauh lebih praktis dalam menyeleksi objek dalam layer. Berikut caranya.

Untuk menyeleksi objek dalam layer sobat gunakan cara berikut :

Tekan Ctrl > kemudian klik pada Thumbnail layer.


Cara Menggunakan atau Bekerja dengan Layer di Photoshop  Cara Menggunakan atau Bekerja dengan Layers di Photoshop


Clipping Mask Visibility Layer

Cara ini digunakan apabila sobat ingin menyembunyikan semua layer terkecuali salah satu layer yang sobat inginkan. 

Caranya :
Tekan Alt > kemudian klik pada ikon Indicate Layer Visibility (gambar mata) dari layer yang tidak ingin disembunyikan.


Mengunci Layer

Agar gambar atau objek tidak bergeser kita sobat sedang bekerja pada gambar lain. Sobat bisa mengunci salah satu layer atau beberapa layer yang diinginkan agar tidak bergeser dari posisinya.

Caranya :
Pilih layer yang akan dikunci > kemudian klik salah satu tombol Lock pada palet layer. Sesuai fungsi dan kebutuhan.

Cara Menggunakan atau Bekerja dengan Layer di Photoshop  Cara Menggunakan atau Bekerja dengan Layers di Photoshop


Katerangan :
1. Lock TRansparent Mengunci layer baru dengan kondisi pixels transparan sehingga tidak bisa diisi dengan warna.

2. Lock Image Pixels Mengunci layer dengan kondisi layer tersebut tidak dapat dimodifikasi

3. Lock Position Mengunci layer dengan kondisi layer tersebut tidak dapat diubah posisinya.

4. Lock All Mengunci layer secara keseluruhan sehingga layer tidak dapat dimodifikasi.


Mengatur Blending  Pada Layer

Mode pada sebuah layer atau disebut Blending Mode berfungsi mengatur tampilan layer.

Dengan mengatur Blending Mode pada layer, sobat dapat membuat efek objek antara layer satu dengan yang lainnya.

Dengan menerapkan efek blending mode ini, gambar pada layer satu dengan layer yang lainnya akan tampak lebih menyatu.

Berikut cara mengatur blending mode pada sebuah layer :
1. Aktifkan layer yang akan diberi blending mode.

Cara Menggunakan atau Bekerja dengan Layer di Photoshop  Cara Menggunakan atau Bekerja dengan Layers di Photoshop


2. Klik salah satu blending mode yang diinginkan pada palet layer sesuai kebutuhan. Sobat bisa melihat contohnya pada gambar dibawah :


Cara Menggunakan atau Bekerja dengan Layer di Photoshop  Cara Menggunakan atau Bekerja dengan Layers di Photoshop


Jika sobat ingin belajar tentang efek yang dihasilkan oleh blending mode. Silahkan sobat baca pada artikel berikut :


Mengatur Objek Layer

Sobat bisa mengatur posisi layer ataupun menyalin objek-objek yang terdapat dalam sebuah layer. Dan juga sobat dapat menyalin atau memindah objek dalam layer dari satu dokumen ke dokumen lain.


a. Memasukan atau Menyalin Sebuah Layer dari Dokumen Satu ke Dokumen lain
1. Pertama pastikan kedua objek dalam layer tersebut sudah berada dalam lembar kerja photoshop.
2. Kemudian pilih Move Tool (V) > lalu klik tahan atau drag objek yang akan disalin ke dokumen lain. Lihat gambar dibawah.



Cara Menggunakan atau Bekerja dengan Layer di Photoshop  Cara Menggunakan atau Bekerja dengan Layers di Photoshop



b. Menyalin Beberapa Objek Sekaligus Kedalam Dokumen Lain
1. Pilih beberapa layer yang akan disalin ke dokumen lain. Cara memilih layer sudah saya sampaikan diatas.
2. Aktifkan Move Tool (M) > Kemudian drag ke dokumen yang dituju.


Cara Menggunakan atau Bekerja dengan Layer di Photoshop  Cara Menggunakan atau Bekerja dengan Layers di Photoshop


c. Menyalin atau Menduplikat Layer
1. Pilih layer yang akan disalin.
2. Ada beberapa cara yang bisa sobat gunakan untuk menyalin atau menduplikat layer. Gunakan salah satu cara berikut :
  • Klik menu Layer > pilih Duplicate Layer.
  • Klik kanan layer tersebut, kemudian pilih Duplicate Layer.
  • Atau bisa menggunakna shortcut Ctrl + J

Cara Menggunakan atau Bekerja dengan Layer di Photoshop  Cara Menggunakan atau Bekerja dengan Layers di Photoshop


Menghapus Layer

Mungkin dalam proses editing didalam lembar kerja photoshop ada layer yang sudah tidak terpakai atau tidak penting lagi. Dan kemudian sobat ingin menghapusnya. Berikut cara - cara menghapus layer :
1. Pilih layer yang ingin dihapus pada palet layer.
2. Gunakan salah satu perintah berikut :
  • Klik menu Layer > pilih Delete Layer.
  • Klik tombol Trash (gambar tong sampah) yang berada di sisi poojok kanan bawah pada palet layer. Kemudian pilih Yes untuk menghapus layer tersebut.
  • Klik kanan layer tersebut, pilih Delete Layer.
  • Tekan tombol Delete pada keyboard.
  • Geser layer yang ingin dihapus ke arah tomboh Trash (gambar tong sampah).


Cara Menggunakan atau Bekerja dengan Layer di Photoshop  Cara Menggunakan atau Bekerja dengan Layers di Photoshop



Perataan Layer

Jika sobat pernah bekerja dengan Microsoft Office, pasti sobat mengenal apa itu rata kanan, rata kiri, atau rata tengah.

Begitupula dengan Photoshop, tidak hanya teks saja yang bisa diatur perataannya. Tetapi objek dalam layer juga bisa diatur perataannya terhadap objek lain.

Caranya sebagai berikut :
Sebagai contoh, disini sudah terdapat 3 objek dalam satu lembar kerja dengan berbeda layer.
1. Aktifkan ketiga layer tersebut yang akan diratakan posisinya (Align).
2. Pilih Move Tool (M) > pilih tipe perataan seperti apa yang sobat inginkan pada Options Bar.
  • Align top edges digunakan jika sobat ingin membuat perataan atas.
  • Align vertical centers digunakan jika sobat ingin membuat perataan tengah secara vertical.
  • Align bottom edges digunakan jika sobat ingin membuat perataan bawah.
  • Align left edges digunakan jika sobat ingin membuat perataan kiri.
  • Align horizontal centers digunakan jika sobat ingin membuat perataan tengah secara horizontal.
  • Align right centers digunakan jika sobat ingin membuat perataan kanan.

Cara Menggunakan atau Bekerja dengan Layer di Photoshop  Cara Menggunakan atau Bekerja dengan Layers di Photoshop



Mengatur Transparansi Layer

Fungsi transparansi layer ini adalah untuk mengatur seberapa jelas keterlihatan objek dalam layer tersebut. Sobat dapat mengatur transparansi setiap layer dengan menggunakan fasiliatas Opacity. Secara default, setiap layer ditampilkan dengan nilai Opacity 100%.

Untuk mengatur transparansi dari sebuah layer, sobat dapat menggunakan cara berikut :
1. Pilih layer yang akan diubah nilai Opacitynya. Kemudian geser Slider Opacity yang ada pada palet layer. Lihat perbedaan gambar setelah dan sebelum diubah nilai opacitynya pada gambar dibawah.


Cara Menggunakan atau Bekerja dengan Layer di Photoshop  Cara Menggunakan atau Bekerja dengan Layers di Photoshop


Cara mengubah opcaity sebuah layer bisa dilakukan dengan cara cepat. Sebelumnya sudah saya share tentang trik kilat photoshop, silahkan sobat baca pada artikel berikut :

Baca : 30+ Trik Kilat dan Rahasia Photoshop yang Wajib Kamu Ketahui


Layer Style 

Fungsi dan cara mengguankan Layer Style pada Adobe Photoshop sudah pernah saya share secara lengkap pada postingan sebelumnya. Silahkan sobat baca pada artikel :

Baca : Panduan Lengkap Memahami Fungsi dan Cara Penggunaan Layer Style Adobe Photoshop


Saya kira cukup artikel kali ini tentang Cara Menggunakan atau Bekerja dengan Layer di Photoshop. Saya coba menyampaikannya secara jelas dan lengkap disertai gambar.

Semoga bisa di pahamai bagi teman-teman yang masih baru belajar Adobe Photoshop. Semoga bermanfaat dan jangan lupa tinggalkan komentar atau sapa saya di akun sosial media yang ada di pojok kanan blog ini. Terimakasih....

Baca Juga : Menggunakan Layer Mask dalam Photoshop untuk Membuat Desain Poster Film

Tag : belajar photoshop lengkap, belajar photoshop untuk pemula, photoshop layers, layer mask, photo layer, tutorial photoshop untuk pemula.

Sumber https://belajar-dotcom.blogspot.com/

Friday, November 17, 2017

Cara Croping Foto di Adobe Photoshop CS3/CS4/CS5/CS6

Cara Croping Foto/Gambar di Adobe Photoshop- Sahabat, ada berbagai alasan seseorang  memotong foto/gambar misalnya ukuran gambar terlalu besar, ada bagian foto/gambar yang tidak sesuai harapan, dan lain sebagainya. Anda tentu tahu bahwa memotong foto di PC/Laptop dapat dilakukan dengan menggunakan berbagai software seperti: Photoshop, Photoscape, Corel Draw, dan software lainnya. Sebenarnya memotong foto dengan software apa pun pada dasarnya sama, namun kali ini saya akan menuliskan Cara Memotong Foto/Gambar dengan Menggunakan Photoshop, yang langkah-langkahnya sebagai berikut :

1. Buka Photoshop
Sebagai langkah awal, silakan buka Photoshop di PC/Laptop Anda, saya yakin bahwa di komputer Anda sudah terpasang software photoshop, namun jika belum, silakan download dan menginstalnya terlebih dahulu. Bagi yang belum memiliki softwarenya, silakan Download Photoshop

gambar misalnya ukuran gambar terlalu besar Cara Croping Foto di Adobe Photoshop CS3/CS4/CS5/CS6

2. Buka file foto/gambar yang akan dipotong
Setelah di PC/Komputer Anda sudah terbuka tampilan Photoshop layar kosong, silakan klik menu "File" kemudian klik "Open"

gambar misalnya ukuran gambar terlalu besar Cara Croping Foto di Adobe Photoshop CS3/CS4/CS5/CS6

3. Mencari file foto dan membukanya
Cari file di disk komputer anda, kemudian pilih file yang akan dipotong. Pada contoh, saya akan memotong foto/gambar bunglon dengan nama file "hewan bunglon 02", maka saya pun mengeklik file foto tersebut, kemudian mengeklik "Open"

gambar misalnya ukuran gambar terlalu besar Cara Croping Foto di Adobe Photoshop CS3/CS4/CS5/CS6

4. Klik menu "Crop Tool"
Setelah saya mengeklik "Open", maka tampil gambar bunglon yang akan saya potong di layar Photoshop, kemudian saya mengeklik "Crop Tool"

gambar misalnya ukuran gambar terlalu besar Cara Croping Foto di Adobe Photoshop CS3/CS4/CS5/CS6
 5. Croping foto
Untuk memotong foto, saya mengarahkan cursor ke arah gambar bunglon, kemudian klik kiri dan menahannya sembari mengarahkan cursor untuk membatasi daerah foto yang akan dipotong.

gambar misalnya ukuran gambar terlalu besar Cara Croping Foto di Adobe Photoshop CS3/CS4/CS5/CS6

6. Klik menu "Crop Tool" dan "Crop"
Stelah saya selesai memilih daerah foto yang akan saya potong ( ditandai dengan garis putus-putus ), maka saya mengeklik lagi menu "Croop Tool" dan muncul tampilan menu pilihan Crop, Cancel, dan Dont Crop, maka saya mengeklik "Crop"

gambar misalnya ukuran gambar terlalu besar Cara Croping Foto di Adobe Photoshop CS3/CS4/CS5/CS6

7. Menyimpan hasil croping foto
Setelah saya mengeklik "Crop", kini foto sudah berhasil kupotong, kemudian saya pun menyimpannya dengan cara mengeklik "File" kemudian "Save As"

gambar misalnya ukuran gambar terlalu besar Cara Croping Foto di Adobe Photoshop CS3/CS4/CS5/CS6

8. Ganti nama file lama dengan nama file baru
Nama file yang lama saya yakni "hewan bunglon02", agar file lama tidak hilang, maka saya mengetik di kolom file name dengan nama file baru yakni "croping gambar bunglon", kemudian mengeklik "Save"
gambar misalnya ukuran gambar terlalu besar Cara Croping Foto di Adobe Photoshop CS3/CS4/CS5/CS6

9. Klik "OK"
Sebelum mengeklik "OK", kita bisa mengatur dulu tentang quality, format ( baseline standard, optimized, progressive ), namun saya membiarkan dengan pengaturan default yakni baseline standard, maka saya pun langsung menekan tombol "OK"

gambar misalnya ukuran gambar terlalu besar Cara Croping Foto di Adobe Photoshop CS3/CS4/CS5/CS6

10. Croping foto dengan software Photoshop berhasil
Setelah saya mengeklik "OK" pada langkah yang ke-9 di atas, maka berarti saya sudah selesai dalam memotong file foto lama ( 1 ) dan sudah berhasil menyimpan hasil croping foto dengan nama file baru yakni "croping gambar bunglon" ( 2 ).

gambar misalnya ukuran gambar terlalu besar Cara Croping Foto di Adobe Photoshop CS3/CS4/CS5/CS6

Demikian tentang Cara Croping Foto di Adobe Photoshop CS3, cara potong foto ini juga bisa diterapkan pada Photoshop CS4/CS5/CS6. Semoga bermanfaat


Sumber https://www.websitependidikan.com/

Tuesday, October 31, 2017

Tutorial Membuat Mock Up Undangan Agar Tampilan Undangan Kamu Menjadi Keren!

Tutorial Membuat Mock Up Undangan Agar Tampilan Undangan Kamu Menjadi Keren! - Beberapa waktu lalu saya mendapatkan sebuah E-mail yang berisi riquest tutorial tentang cara membuat mock up undangan. Alhamdulillah kali ini saya bisa memposting riquest tutorial tersebut.

Bagi sobat yang sudah  mengirimkan pesan melalui kontak atau komentar tentang riquest tutorial selanjutnya yang akan dibahas. Harap bersabar, akan saya tampung satu persatu terlebih dahulu. Sebisa mungkin akan segera saya buatkan tutorialnya.

Kembali ke pembahasan kita kali ini, yaitu tentang Tutorial Cara Membuat Desain Mock Up Undangan dengan Menggunakan Photoshop.

Cara membuat Mock Up sebenarnya sudah pernah kita bahas pada artikel sebelumnya. Bisa dibaca disini....

Sebenanrya dengan tutorial tersebut sobat sudah bisa membuat Mock Up Undangan sendiri. Tetapi, untuk lebih jelas dan detailnya lagi sobat baca tutorial membuat mock up undangan ini.


Tutorial Membuat Mock Up Undangan Agar Tampilan Undangan Kamu Menjadi Keren Tutorial Membuat Mock Up Undangan Agar Tampilan Undangan Kamu Menjadi Keren!


Sebelum memulai membuat Mock Up Undangan, terlebih dahulu sobat persiapkan bahan-bahan atau stock gambar yang diperlukan seperti berikut.



Bahan-bahan yang diperlukan :
  1. Stock Gambar Background Papan Kayu. Klik disini!
  2. Background Dedaunan Pohon. Klik disini!
Jika stock gambar yang akan digunakan sudah di download, maka selanjutnya sobat ikuti langkah-langkah membuat Mock Up Undangan berikut ini.



Langkah ke - 1

Setelah sobat download kedua bahan-bahan atau stock gambar tadi, silahkan import kedua gambar tadi ke lembar kerja photoshop sobat.


Tutorial Membuat Mock Up Undangan Agar Tampilan Undangan Kamu Menjadi Keren Tutorial Membuat Mock Up Undangan Agar Tampilan Undangan Kamu Menjadi Keren!



Langkah ke - 2

Sekarang crop gambar background kayu dengan menggunakan Crop Tool (C). Crop sesuai dengan bentuk undangan yang kan dibuatkan mock up. 

Disini saya menggunakan undangan berbentuk tegak atau Portrait.


Tutorial Membuat Mock Up Undangan Agar Tampilan Undangan Kamu Menjadi Keren Tutorial Membuat Mock Up Undangan Agar Tampilan Undangan Kamu Menjadi Keren!



Langkah ke - 3

Selanjutnya buatlah seleksi dengan menggunakan Rectangular Marquee Tool (M) seperti gambar dibawah. Lalu tekan tombol Delete pada keyboard untuk menghapus area yang terseleksi tersebut.


Tutorial Membuat Mock Up Undangan Agar Tampilan Undangan Kamu Menjadi Keren Tutorial Membuat Mock Up Undangan Agar Tampilan Undangan Kamu Menjadi Keren!



Langkah ke - 4

Masukan stock gambar dedaunan pohon tadi ke lembar kerja gambar background kayu yang sedang kita kerjakan.

Letakkan posisi layer background dedaunan pohon dibawah layer background kayu.


Tutorial Membuat Mock Up Undangan Agar Tampilan Undangan Kamu Menjadi Keren Tutorial Membuat Mock Up Undangan Agar Tampilan Undangan Kamu Menjadi Keren!


Langkah ke - 5

Berikutnya kita buat warna kayunya agar lebih bagus. Pada Layer Background Kayu, pilih menu Image > Adjustments > Color Balance. Settingan warnya bisa dilihat pada gambar dibawah.


Tutorial Membuat Mock Up Undangan Agar Tampilan Undangan Kamu Menjadi Keren Tutorial Membuat Mock Up Undangan Agar Tampilan Undangan Kamu Menjadi Keren!


Setelah itu, silahkan sobat atur lagi posisi gambar background kayu dan background daunnya jika dirasa masih kurang pas atau cocok. Lihat hasil punya saya dibawah.


Tutorial Membuat Mock Up Undangan Agar Tampilan Undangan Kamu Menjadi Keren Tutorial Membuat Mock Up Undangan Agar Tampilan Undangan Kamu Menjadi Keren!



Langkah ke - 6

Selanjutnya kita akan membuat tempat untuk meletakan desain undangan yang sudah kita buat. Kita akan membuat objek untuk digunakan sebagai patokan bentuk desain undangan kita.

Mungkin bagi sobat yang baru pertama membaca artikel tentang cara membuat Mock Up kata-kata tadi cukup membingingkan.

Sebagai contoh sobat bisa membaca artikel sebelumnya tentang cara membuat Mock Up buku dengan Menggunakan Photoshop pada artikel berikut :



Pilih Rectangle Tool (U) > Pada Options Bar pilih Shape Layers > Color White.

Lalu buatlah objek seperti yang saya buat dengan menggunakan tool tadi. Cara membuatnya, sama seperti cara membuat seleksi dengan menggunakan Rectangular Marquee Tool (M). Lihat gambar dibawah.


Tutorial Membuat Mock Up Undangan Agar Tampilan Undangan Kamu Menjadi Keren Tutorial Membuat Mock Up Undangan Agar Tampilan Undangan Kamu Menjadi Keren!



Jika belum paham cara membuat objek shape di phtosohp, silahkan baca pada artikel :  Membuat Tipografi Keren dengan Photoshop




Langkah ke - 7

Selanjutnya, klik kanan pada Layer Shape yang barusan kita buat tadi. Kemudian pilih Rasterize Layer Layer. Ganti nama layer tersebut menjadi Mock Up Cover Depan.


Tutorial Membuat Mock Up Undangan Agar Tampilan Undangan Kamu Menjadi Keren Tutorial Membuat Mock Up Undangan Agar Tampilan Undangan Kamu Menjadi Keren!


Langkah ke - 8

Berikutnya kita akan membuat desain undangan kita nanti terlihat agak dari atas. Seperti contoh, bisa sobat lihat hasilnya seperti gambar di awal artikel ini.

Pilih Layer Mock Up Cover Depan tadi. Kemudian tekan CTRL + T > lalu sambil menekan CTRL, tarik sudut - sudut objek tersebut ke arah kiri kanan dan agak di tarik ke atas juga. Jika sudah tekan ENTER.

Tidak telalu penting kemana arah tarikan sisi sudutnya, yang terpenting, buatlah bentuk objek tadi menjadi seperti terlihat pada gambar dibawah dengan menggunakan Free Transform Tool tadi (CTRL + T).


Tutorial Membuat Mock Up Undangan Agar Tampilan Undangan Kamu Menjadi Keren Tutorial Membuat Mock Up Undangan Agar Tampilan Undangan Kamu Menjadi Keren!



Langkah ke - 9 

Untuk langkah selanjutnya, kita akan membuat seolah olah undangan tersebut dalam posisi tegak dan terbuka. Jadi kita akan membuat layer Mock Up Cover Depan bagian belakang.

Namanya ribet, tapi biar lebih mudah dimengerti. Untuk nama, jika sobat paham kegunaan layernya, silahkan buat sendiri nama yang simpel sesuai selera.

Pilih Pen Tool (P), untuk settingan pada Options Bar, gunakan settingan yang sama seperti settingan Rectangle Tool tadi.

Lalu buatlah objek seperti gambar dibawah. Jika belum mengerti cara menggunakan Pen Tool (P), silahkan baca pada artikel berikut.


Tutorial Membuat Mock Up Undangan Agar Tampilan Undangan Kamu Menjadi Keren Tutorial Membuat Mock Up Undangan Agar Tampilan Undangan Kamu Menjadi Keren!



Langkah ke - 10

Selanjutnya sama seperti langkah sebelumnya, yaitu Rasterize Layer dan berikan nama.

Berikutnya kita akan memberikan efek bayangan. Buat layer beru di atas layer Background Kayu (CTRL + SHIFT + N).

Lalu buatlah area seleksi dengan menggunakan Rectangle Marquee Tool kemudian warnai dengan menggunakan Paint Bucket Tool dengan warna hitam. Hilangkan seleksi dengan menekan CTRL + D.


Tutorial Membuat Mock Up Undangan Agar Tampilan Undangan Kamu Menjadi Keren Tutorial Membuat Mock Up Undangan Agar Tampilan Undangan Kamu Menjadi Keren!


Langkah ke - 11

Sekarang kita akan membuat bentuk bayangannya menjadi terlihat nyata. Tekan CTRL + T > tarik sudut sudut yang saya beri tanda lingkaran merah ke arah kanan. 

Jangan lupa saat menarik sudut tersebut tekan CTRL.


Tutorial Membuat Mock Up Undangan Agar Tampilan Undangan Kamu Menjadi Keren Tutorial Membuat Mock Up Undangan Agar Tampilan Undangan Kamu Menjadi Keren!



Setelah itu turunkan nilai Opacitynya menjadi 55%.


Tutorial Membuat Mock Up Undangan Agar Tampilan Undangan Kamu Menjadi Keren Tutorial Membuat Mock Up Undangan Agar Tampilan Undangan Kamu Menjadi Keren!


Langkah ke - 12

Jika desain untuk Mock Up undangannya sudah selesai, sekarang tinggal kita masukan desain undangan yang sudah dibuat ke bentuk mock up ini.

Pertama kita akan menampilkan bagian cover undangannya, atau bagian depan undangan. Import desain undangan bagian depan ke lembar kerja.


Tutorial Membuat Mock Up Undangan Agar Tampilan Undangan Kamu Menjadi Keren Tutorial Membuat Mock Up Undangan Agar Tampilan Undangan Kamu Menjadi Keren!


Setelah itu, turunkan opacity layer desain cover undangan tadi menjadi 50%, lihat gambar dibawah.


Tutorial Membuat Mock Up Undangan Agar Tampilan Undangan Kamu Menjadi Keren Tutorial Membuat Mock Up Undangan Agar Tampilan Undangan Kamu Menjadi Keren!



Langkah ke - 13

Selanjutnya, tekan CTRL + T, kemudian sambil menekan CTRL, tarik sudut sudut gambar cover tadi mengikuti objek putih atau mock up tadi yang sudah kita buat sebelumnya.


Tutorial Membuat Mock Up Undangan Agar Tampilan Undangan Kamu Menjadi Keren Tutorial Membuat Mock Up Undangan Agar Tampilan Undangan Kamu Menjadi Keren!


Jika sudah tekan ENTER. Naikkan lagi opacity layernya menjadi 100%. Kemudian klik kanan pada layer tersebut lalu pilih Create Clipping Mask.


Tutorial Membuat Mock Up Undangan Agar Tampilan Undangan Kamu Menjadi Keren Tutorial Membuat Mock Up Undangan Agar Tampilan Undangan Kamu Menjadi Keren!


Langkah ke - 14

Kemudian untuk bagain dalam undangan atau isi undangan yang terlihat sedikit itu kita akan meletakan desain undangan bagian isinya disana.

Import desain undangan bagian isi. Import yang bagian kanan saja karena bagian kiri tidak terlihat.


Tutorial Membuat Mock Up Undangan Agar Tampilan Undangan Kamu Menjadi Keren Tutorial Membuat Mock Up Undangan Agar Tampilan Undangan Kamu Menjadi Keren!


Lakukan hal yang sama seperti saat membuat mock up bagian cover tadi. Lihat hasilnya berikut ini.


Tutorial Membuat Mock Up Undangan Agar Tampilan Undangan Kamu Menjadi Keren Tutorial Membuat Mock Up Undangan Agar Tampilan Undangan Kamu Menjadi Keren!


Untuk bagian depannya sudah jadi desain Mock Up nya. Sobat bisa cukup sampai sini aja, atau bisa melanjutkan ke langkah berikutnya.

Yaitu membuat Mock Up bagian belakang dan isi.


Langkah ke - 15

Langkah selanjutnya kita buat desain mock up untuk bagian belakang undangannya. Klik kanan pada Title Bar desain mock up pertama tadi, lalu pilih Duplicate.


Tutorial Membuat Mock Up Undangan Agar Tampilan Undangan Kamu Menjadi Keren Tutorial Membuat Mock Up Undangan Agar Tampilan Undangan Kamu Menjadi Keren!


Langkah ke - 16

Setelah itu, seleksi layer Cover Undangan sampai Bayangan pada lembar kerja yang barusan kita Duplicate tadi.

Pilih Move Tool > Tekan CTRL + T + Flip Horizontal > ENTER.


Tutorial Membuat Mock Up Undangan Agar Tampilan Undangan Kamu Menjadi Keren Tutorial Membuat Mock Up Undangan Agar Tampilan Undangan Kamu Menjadi Keren!


Langkah ke - 17

Ganti gambar Cover Undangan dengan desain undangan bagian belakang. Lihat gambar dibawah.


Tutorial Membuat Mock Up Undangan Agar Tampilan Undangan Kamu Menjadi Keren Tutorial Membuat Mock Up Undangan Agar Tampilan Undangan Kamu Menjadi Keren!



Langkah ke - 18

Terakhir tinggal kita buat Mock Up bagian halaman isi undangannya. Langkah-langkah untuk membuat mock up seperti gambar dibawah sudah di sampikan di atas.

Yang membedakan hanya bentuk untuk tempat desain undangannya saja. Gunakan Pen Tool untuk membuat objek tersebut.
Jika sobat tidak tahu bagaimana view undangan saat dibuka dan di tegakkan, sobat bisa menggunakan undangan yang ada kemudian letakkan dalam posisi tegak. Lalu liatlah bagaimana bentuknya, lalu gambar dengan Pen Tool.

Jika masih kesulitan juga, silahkan contoh bentuk yang saya buat. Saya juga melihat hasil desain orang kemudian saya gambar dengan menggunakan Pen Tool.


Tutorial Membuat Mock Up Undangan Agar Tampilan Undangan Kamu Menjadi Keren Tutorial Membuat Mock Up Undangan Agar Tampilan Undangan Kamu Menjadi Keren!


Langkah ke - 19

Setelah itu baru masukan atau import desain isi undangannya ke lembar kerja.


Tutorial Membuat Mock Up Undangan Agar Tampilan Undangan Kamu Menjadi Keren Tutorial Membuat Mock Up Undangan Agar Tampilan Undangan Kamu Menjadi Keren!


Karena bentuk media yang akan di jadikan mock up tidak lurus seperti desain pertama tadi. Untuk mempermudah silahkan sobat bagi menjadi 2 bagian desain halaman isi undangannya.


Tutorial Membuat Mock Up Undangan Agar Tampilan Undangan Kamu Menjadi Keren Tutorial Membuat Mock Up Undangan Agar Tampilan Undangan Kamu Menjadi Keren!



Langkah ke - 20

Kemudian barulah sobat sesuaikan desain undangan bagian isi tersebut dengan Mock Up nya. Pertama kerjakan terlebih dahulu sisi bagian kiri.


Tutorial Membuat Mock Up Undangan Agar Tampilan Undangan Kamu Menjadi Keren Tutorial Membuat Mock Up Undangan Agar Tampilan Undangan Kamu Menjadi Keren!


Kemudian baru yang sebelah kirinya lagi. Lihat hasil akhirnya.


Tutorial Membuat Mock Up Undangan Agar Tampilan Undangan Kamu Menjadi Keren Tutorial Membuat Mock Up Undangan Agar Tampilan Undangan Kamu Menjadi Keren!


Langkah ke - 21

Langkah terakhir tinggal sobat gabungkan semua Mock Up yang sudah dibuat tadi. Dari cover, belakang dan isi menjadi seperti gambar dibawah.



Tutorial Membuat Mock Up Undangan Agar Tampilan Undangan Kamu Menjadi Keren Tutorial Membuat Mock Up Undangan Agar Tampilan Undangan Kamu Menjadi Keren!


Sekarang sobat sudah bisa membuat Mock Up Undangan sendiri dengan menggunakan software Adobe Photoshop.

Semoga dengan Mock Up ini, tampilan desain undangan sobat bisa menjadi lebih menarik.Sebagai bonus, saya sertakan file format .psd Mock Up Undangan ini yang bisa sobat download secara gratis pada link dibawah.

Semoga bermanfaat, dan janga lupa tinggalkan komentar, serta share tutorial ini. Dan juga link fans page blog ini agar sobat tidak ketinggalan update artikel menarik terbaru dari blog ini.

Silahkan like FP nya disini : https://www.facebook.com/KumpulanTutorialcDPs/


Tag : undangan uni, undangan keren, undangan flower, undangan motif bunga, download desain undangan, mock up undangan, tutorial cara membuat desain mock up undangan, tutorial adobe photoshop pemula dan menengah, trik photoshop, cetak undangan.

Size : 5MB

Sumber https://belajar-dotcom.blogspot.com/