Mohon tunggu...
Lukmanul Hakim
Lukmanul Hakim Mohon Tunggu... Jurnalis Warga (JW) cbmnews.net, Divisi OSDM Panwascam Larangan, Koord. JW Belik Kab. Pemalang -
Akun Diblokir

Akun ini diblokir karena melanggar Syarat dan Ketentuan Kompasiana.
Untuk informasi lebih lanjut Anda dapat menghubungi kami melalui fitur bantuan.

Menulis untuk Perubahan - Jangan Pernah Berhenti untuk Belajar - Selalu Semangat dan Berkarya melalui ide dan gagasan yang dituangkan dalam tulisan.

Selanjutnya

Tutup

Lyfe Pilihan

Kreasi Photoshop Melalui Mockup

23 April 2018   18:07 Diperbarui: 23 April 2018   18:21 19986
+
Laporkan Konten
Laporkan Akun
Kompasiana adalah platform blog. Konten ini menjadi tanggung jawab bloger dan tidak mewakili pandangan redaksi Kompas.

Sobat Kompasiana yang berbahagia, kali ini penulis akan mencoba memperkenalkan sedikit dari kreasi yang bisa dipasang pada aplikasi Photoshop. Tentu kita semua sudah mengetahui bahwa photoshop adalah  software untuk mengedit photo, tulisan dan banyak lagi. Penulis menggunakan photoshop CS3 untuk berkreasi  dengan sebuah file Mockup.

Apa itu Mockup ?

blog.spoongraphics.co.uk
blog.spoongraphics.co.uk
Mockup adalah sebuah media visual atau preview dari sebuah konsep desain "datar" yang diberikan efek visual sehingga hasilnya sangat tampak atau menyerupai wujud nyata, mockup dapat memberikan gambaran nyata dari sebuah konsep desain bagaimana konsep itu akan terlihat nantinya jika sudah diaplikasikan menjadi benda nyata apakah terlihat bagus atau kuarng sesuai.

Seperti dikutip media jagodesain.com, secara umum mockup digunakan untuk keperluan presentasi dihadapan klien membuat hasil desain seolah-olah terlihat real/nyata, mockup juga dapat digunakan sebagai alat untuk memajang sebuah desain sebelum masuk tahap cetak atau tahap produksi yang memberikan sebuah gambaran nyata bagaimana tampilan sebuah desain setelah di aplikasikan ke berbagai media.

Jadi dengan mockup, tulisan atau logo terlihat nyata dan menarik dengan variasi 2 dimensi atau bahkan 3 dimensi. Banyak sekali kreasi mockup yang bisa kita dapatkan dengan diunduh. Bisa didapatkan ribuan desain termasuk mockup di freepik.com.

Lalu bagaimana caranya mendesain dengan mockup ? Penulis akan bongkar rahasianya

  • Buka terlebih dahulu aplikasi photoshop
    www.youtube.com
    www.youtube.com
  • Download koleksi mockup (bisa diunduh disini), masih banyak koleksinya kalau mau search google dengan ketik mockup
  • Setelah terdownload, extract file ZIP Mockup agar mudah saat open photoshop. Berikut tampilan mockup setelah dibuka via Photoshop, tulisan atau logo tersebut bisa diotak atik dengan logo dan kreasi kita sendiri
  • dokumentasi pribadi
    dokumentasi pribadi
  • Kali ini penulis akan mencoba create logo KOMBES alias Kompasianer Brebes yang merupakan komunitas Kompasiana wilayah Kabupaten Brebes. Komunitas ini menginisiasi anggotanya untuk menulis setiap hari.
  • Berikut logo KOMBES
    www.kompasiana.com
    www.kompasiana.com
  • Kita akan coba mengubah logo Mockup bawaan menajdi logo KOMBES
  • Langkah selanjutnya, klik Placeholder lalu mucnul smart object Thumbnail, klik logo kertas samping kanan paling bawah di layer placeholder
  • perhatikan gambar tersebut pada layer di photoshop/dokumentasi pribadi
    perhatikan gambar tersebut pada layer di photoshop/dokumentasi pribadi
    Selanjutnya gambar mockup siap diganti dengan logo lain atau tulisan. Bisa lihat di screenshoot layar PC dibawah ini
    tampilan mockup sudah seperti PNG, sehingga mudah digeser-geser gambarnya/dokumentasi pribadi
    tampilan mockup sudah seperti PNG, sehingga mudah digeser-geser gambarnya/dokumentasi pribadi
    Dengan tampilan seperti itu, logo di mockup sudah seperti PNG, sehingga mudah digeser. Untuk logo KOMBES yang akan dipasang juga bisa menggunakan MAGIC HAND TOOL, sehingga background putih bisa dihapus dan bisa menggunakan MAGIC ERASER TOOL
  • Mockup siap diubah/dokumentasi pribadi
    Mockup siap diubah/dokumentasi pribadi
    Berikut tampilannya, logo Mockup bisa ditumpuk dulu dengan logo KOMBES dan selanjutnya bisa dihilangkan hanya dengan Indicated layer visibility ( tampak pada layer dengan logo MATA, tinggal diklik sekali untuk menghilangkan logo mata tersebut dan otomatis logo Mockup bawaan akan hilang dan tergantikan oleh Logo KOMBES.

Hasilnya setelah logo Mockup dihilangkan/dokumentasi pribadi
Hasilnya setelah logo Mockup dihilangkan/dokumentasi pribadi
Selanjutnya, bisa perhatikan tutorial selanjutnya dibawah ini 
dokumentasi pribadi
dokumentasi pribadi
Klik tanda X pada file gambar, kemudian klik YES. Maka akan terjadi proses loading sebagai prubahan logo mockup menjadi logo KOMBES dengan variasi yang menarik seperti 3 dimensi menempel pada kertas buffalo.

Berikut hasilnya

Hasil dari kreasi Mockup dengan mengubah logo/dokumentasi pribadi
Hasil dari kreasi Mockup dengan mengubah logo/dokumentasi pribadi
Menarik bukan ? Sobat Kompasiana bisa berkreasi dengan tulisan, logo dan juga bisa mengunduh versi lain seperti stempel, tulsian di kaos, seragam, kartu nama, papan tulisa, kayu dan banyak lainnya sesuai dengan selera sobat Kompasiana.

Intinya, di Mockup kita diberi kemudahan untuk desain logo yang ditempel di media yang berbeda dan variasi. Sehingga menambah kecantikan tulsian dan logo. 

Salam JUICE (Join Us In Creative and Excited) Mari Kita Bergabung dengan Orang-orang yang Kreatif dan Semangat !!!

Baca konten-konten menarik Kompasiana langsung dari smartphone kamu. Follow channel WhatsApp Kompasiana sekarang di sini: https://whatsapp.com/channel/0029VaYjYaL4Spk7WflFYJ2H

Mohon tunggu...

Lihat Konten Lyfe Selengkapnya
Lihat Lyfe Selengkapnya
Beri Komentar
Berkomentarlah secara bijaksana dan bertanggung jawab. Komentar sepenuhnya menjadi tanggung jawab komentator seperti diatur dalam UU ITE

Belum ada komentar. Jadilah yang pertama untuk memberikan komentar!
LAPORKAN KONTEN
Alasan
Laporkan Konten
Laporkan Akun