Monday, May 15, 2017

cara menampilkan penggaris dan unit pengukuran di photoshop

Cara Menampilkan Penggaris Dan Unit Pengukuran di Photoshop


cara-menampilkan-penggaris-dan-unit-pengukuran-di-photoshop
seringkali anda membutuhkan ketelitian yang tinggidi dalam menggambar. untuk itulah photoshop menyediakan penggaris vertikal dan horizontal untuk membantu anda menjajrkan elemen gambar serta membuat gambar dangan teliti. penggaris ini takan ikut di cetak apabila nada mencetak hasil akhir dari gambra yang anda buat

apabila default anda tidak menemukan penggari di jendela photoshop anda dapat menampilak dengan cara sebagi berikut :

  • piih menu view > rulers atau tekan Ctrl + R. kedua penggaris vertkal dan horizontal akan di tampilkan pada jendela gambar
  • untuk menyembunyikan kembali penggaris tekan kembali Ctrl + R atau pilih menu view > rulers sampai hilang cek list nya

cara-menampilkan-penggaris-di-photoshop

apabila anda ingin mngubah titik awal penggaris secara default di ukur dari kordianta (0 . 0) pada pojok kiri atas gambar anda bisa mengubah  titik awal ini dengan menggeser titik awal ini ke lokasi baru yang diinginkan  cara nya sebagai berikut
  1. klik dan tahan tombol mouse pada pojok  kiri atas  jendela gambar yang merupakan pertemuan antara penggaris vertikal dan horizontal
  2. geser titik awal penggaris ke lokasi baru yang diinginkan
  3. lepas tombol mouse titik awal penggaris telah berubah posisinya  untuk mengembalikan titik awal ke koordinat (0.0) klik ganda pada pojok kiri atas titik awal penggaris

apabila anda ingin melihat atau merubah unit pengukuran yang sedang anda gunakan atau singin mengubah unit pengukuran seseuai k kebutuhan yang anda perlukan pada penggaris  dan pada tempat lain pada photoshop anda bisa menggunakn cara sebagi berikut
  1. klik tombol mouse kanan pada salah satu penggaris  maka akan muncul menu shortcut berisi unit -unit pengukuran yang didukung oleh photoshop
  2. pilih salah satu unti pengukuran yang anda inginkan 
    • pixel : pengukuran dilakukan dlam unti pixel. salatu pixel pada pengairs setara dengan satu pixel pada gambar anda biasanya digunkan untuk membuat -gambar web.
    • inches unitt pengukuran dalam inchi
    • centimeter untuk pengkuran dalam centimeter
    • milimeter uunit pengukuran dalam milimeter
    • points 1 point setara ddengan 1/12 pica
    • picas 1 picas setara dengan 1/6 inchi point dan picas biasanya digunakan  untuk percetakan atau penerbitan
    • percent untik pengukuran dilakukan berdasarkan persentase yang relatif terhadap tinggi dan lebar gambar
anda juga dapat mengklik ganda pada penggairs  untuk menampilkan kotak dialog preferences dimana anda dapat mnegubah untit pengukuran untuk penggaris dan hurup

semoga penjelasan seputar unit pengukuran dan pengaris sebagai alat bantu untuk melihat detil pada sebuah gambar dapat bermanfaat 


Sunday, May 14, 2017

cara menentukan ukuran gambar saat membuat desain di photoshop

Cara Menentukan Ukuran Gambar Saat Membuat Desain di Photoshop


cara-menentukan-ukuran-gambar-saat-membuat-desain-di-photoshop
sebelum membuat gambar , ukuran dari suatu gambar adalah sangat penting karena akan mempengaruhi hasil akhir pekerjaan anda, jika anda membuat gambar untuk percetakan berkualitas tinggi anda harus menggunakan ukuran gambar yang besar namun jika gambar hanya di gunakan untuk membuat situs web  ukuran yang besar malah dapat memperlambat kinerja situs anda jadi pemilihan ukuran gambar yang tepat adalah kunci pertama dari gambar yang baik

sebelum mulai menentukan ukuran gambar anda harus mengetahui beberapa istilah sebagai berikut
  • Dimensi Pixel merupakan ukuran gambar yang di ukur dalam satuan pixel dan menandakan banyaknya pixel yang terdapat di dalam suatu gambar sebagai contoh  gambar berukuran 1000 x 500 pixel berarti memiliki lebar 1000 buah pixel dan tinggi 500 buah pixel dan banyaknya pixel di dalam gambar tersebut adalah 500.000 buah pixel semakin banyak pixel berarti kualitas gambar anda semakin baik  anda bisa lebih fleksibel dalam melakukan penyuntingan serta hasil cetakan gambar tersebut akan lebih jelas  dan lebih detil
  • Resolusi  : resolusi merupakan banyaknya pixel yang terdapat di dalam satuan tertentu  biasanya dalam inchi atau centimeter. Ppi (pixel per inchi ) Ppc 9pixel per centimeter adalah satuan dari resolusi sebagai contoh gambar dengan 72 pixel berarti memilki resolusi 72 pixel per inchi persegi  semakin besar resolusi semakin tinggi kualitas gambar tersebut
  • Resample : artinya mengubah banyaknya pixel yang terdapat di dalam suatu gambar misalnya gambar dengan jutA pixel di resample sehngga menjadi 500 ribu pixel
pada saat pertama kali anda membuat dokument photoshop  anda akan  di minta untuk menentukan ukuran gambar yang ingin di buat caranya sebagai berikut :
  1. buat file baru dengan menmilih menu file  > new atau menekan tombol CTRL + N  maka akan muncul dialog new pada layar

  2. cara-menentukan-ukuran-gambar-saat-membuat-desain-di-photoshop

  3. anda di minta menentukan ukuran dan resoluis dari gambar yang ingin di buat
    • width lebar gambar
    • height tinggi gambar
    • anda bisa menentukan unti pengukuran untuk lebar dan tinggi di atas dengan memilih dari daftar di sebelah kanannya
    • resolution resolusi gambar yang di ukur dalam satuan pixel / inchi atau pixel centimeter
    • color mode pilih saja rgb
    • serta bacground  nya pilih default saja
  4. tentukan ukuran dan resolusi gambar sesuai dengan kebutuhan anda lalu tekan ok
anda pun telah memilki area gambar yang sudah di buat sesuai kebutuhan yang anda inginkan selamat berkarya

cara menggunakan zoom tool dengan mudah di photoshop

Cara Menggunakan Zoom Tool Dengan Mudah Di Photoshop


cara-menggunakan-zoom-tool-dengan-mudah-di-photoshop
kali ini tutor dsain ingin mengulas tentang zoom tool yang ada di photoshop.zoom tool memilki fungsi untuk memperbesar dan memperkecil ukuran gambar untuk memudahkan melihat detil area gambar yang akan di edit atau di modifikasi. zoom tool sendiri terdiri dari beberapa pilihan diantaranya :
  • zoom in berfungsi untuk memperbesar tampilan gambar
  • zoom out berfungsi untuk memperkecil tampilan gambar
  • zoom partial  berfungsi untuk memperbesar bagian tertentu pada gambar

Cara Menggunakan Zoom Tool di Photoshop

  1. klik zoom tool pada tool box atau tekan tombol Z pada keyboard sampai kursor pada layar berubah bentuk menjadi kaca pembesar
  2. untuk memperbesar gambar tinggal klik pada gambar
  3. untuk memperkecil gambar tekan alt + klik pada gambar
Cara-Menggunakan-Zoom-Tool-di-Photoshop

selain itu juga sobat bisa menggunakan short cut atau key board agar lebih praktis yaitu dengan menggunakan CTRL +  secara bersamaan untuk memperbesar ukuran gambar dan gunakan CTRL - secara bersamaan untuk memperkecil ukuran gambar

selain itu juga zoom tol memiliki beberapa option yang bisa kita gunakan untuk lebih memudahkan kita saat kita berekplorasi dengan gambar yang kita edit dan manipulasi daintaranya sebagai berikut

  • Risize windows to fit pilih kotak dengan tanda cek list sebagi tanda bahwa option ini aktif. fungsinya agar jendela gambar juga ikut berubah ukuranya apabila  anda memperbesar atau memperkecil gambar
  • zoom all window berfungsi untuk memperbesar dan memperkecil seluruh jendela gambar
  • actual pixel untuk menampilkan gambar dalam ukuran sebenarnya (100%)
  • fit on screen untuk menampilkan jendela gambar dengan ukuran layar  yang maksimal
  • print size untuk menampilkan  ukuran gambar pada saat di cetak  
Cara-Menggunakan-Zoom-Tool-di-Photoshop

apabila anda memperbesar atau memperkecil ukuran gambar seperti penjelasan di atas ada kalanya ukuran gambar yang di perbesar melebihi ukuran jendela gambar. jika ini terjadi maka ada bagian-bagian gambar yang tidak kelihatan pada jendela gambar solusinya anda bisa menggeser gambar dengan hand tool yaiutu tool yang berbentuk tangan yang berfunsi unutk menggeser atau menggerakan gambar di dalam jendela gambar cara menggunkannya dengan letakankan kursor pada bidang gambar yang ingin di geser dengan tekan dan tahan tombol mouse hingga bagian gambar yang di inginkan dapat terlihat

atau anda bisa mnggunkan scroll bar atau bisa mneggunkan tambol keyboard semoga tips di atasa bisa bermanfaat 

Saturday, May 13, 2017

4 Website Tempat Belajar Fotografi Gratis



Buat kamu yang suka fotografi dan lebih suka belajar secara otodidak ketimbang mengambil kursus, kamu juga bisa belajar fotografi di beberapa website berikut lho.


4 Website Tempat Belajar Fotografi Gratis


1. Digital Photography School (http://digital-photography-school.com)




Di website ini nggak cuma banyak tutorial, tapi juga sampai camera hacks. Lengkap deh pokoknya.
Kalau dari pengamatan sih, ini kayaknya web keroyokan. Jadi dari yang sudah pakar sampe yang amatiran masing-masing share ilmu aja di sini.

Kita? Tinggal belajar aja. Asyik kan?


2. The Photo Argus (http://www.thephotoargus.com)






Di Photo Argus juga cukup lengkap triknya. Ini juga web umum nih kayaknya. Kamu kalau mau ikut kontribusi juga bisa.


3. Photography Concentrate (https://photographyconcentrate.com)



Web ini dikelola oleh sepasang suami istri, Job dan Lauren Lim. Nggak cuma berisi artikel-artikel tips fotografi, tapi juga ada kursus berbayar via video tutorial yang bisa kamu download juga. Artikelnya juga beragam, dari mulai tips sampai review kamera dan alat-alat fotografi lain.


4. Photofocus (https://photofocus.com)





Di Photofocus, kamu juga bisa dengerin Podcast, yaitu konten audio. Penuh berisi tips dan tutorial seputar fotografi dan juga video.


Nah, gimana? Belajar itu bisa saja nggak mahal kan? Yang pasti, fotografi memang soal praktik. Makin sering praktik, maka makin bagus pula progres yang akan kamu lalui.

Happy photographing!

Saturday, April 29, 2017

Logo Design - Home Ideas



Salah satu logo yang sempat saya ulik dulu adalah Home Ideas.

Home Ideas ini adalah salah satu divisi retail interior dari perusahaan furniture tempat saya dulu bekerja. Tahun 2012 - 2013 dulu, divisi ini sempat ngehits banget. Ngisi di Informa Alam Sutera, ngisi juga mal di mana-mana. Saya lupa deh.

Barang-barangnya adalah produk-produk ekspor tapi yang kualitasnya agak di bawah sedikit. Namun, meski standarnya di bawah QC Ekspor, tapi kualitas kalau di dalam negeri sih bolehlah diadu dengan merek-merek furniture terkenal, macam IKEA dan sebagainya.

Lagipula ini buatan pengrajin lokal kan. Nggak kalah bangetlah sama IKEA, apalagi sama pabrikan-pabrikan semacam Ligna.

Anyway, seperti biasa, saat mulai dilaunching, saya kebagian tugas untuk bikin brand identity.

Sebelumnya, si bos sempat punya merek namanya 'De Mang Furniture'. Beliau pengin saya ngulik aja dari logo awal De Mang tersebut.



Ini logo De Mang yang harus saya ulik untuk menjadi logo baru Home Ideas.
Maka, saya pun melakukan studi bentuk logo sebagai berikut.





Setelah diskusi bareng si bos, dan saya terus terang agak lupa apa saja pertimbangannya, ternyata logo ini kurang oke deh pokoknya.



Maka, saya pun memikirkan bentuk lain.

Home adalah sebuah ruang hidup kita. Betul nggak? Maka saya pun memikirkan satu bentuk simpel saja, yang bisa mewakili sebuah ruang fleksibel, nyaman, dan menyangkup seluruh hidup kita.

So, entah dari mana asalnya, lagi-lagi saya udah lupa (maklum udah berapa tahun yang lalu), I came up with this one.


Looks so simpel dan mudah diingat kan?
Dan, kemudian setelah didiskusikan lagi, inilah hasilnya.



Yes, jadi logo terakhir inilah yang akhirnya kita pakai.

Demikian, proses desain Home Ideas. Sayang banget sih, web dan juga Facebook Fanpage-nya sudah ilang. Sejak saya resign, nampaknya brand ini juga sudah nggak dikembangkan lagi kayaknya.

Itu dulu ceritanya.
Masih banyak cerita proses desain yang lain :)

Saturday, April 22, 2017

Ini Dia 8 Situs Tempat Download Desain Freebies - dari Mockup hingga Font



Kadang sebagai seorang desainer, apalagi yang abal-abal dan males kayak saya, kita butuh elemen-elemen desain yang siap pakai.

Misalnya, mau bikin brosur rumah makan. Maka mungkin kita akan perlu gambar-gambar ornamen vector ayam goreng, minuman-minuman, cangkir kopi, papan menu, cupcakes, dan ornamen foodies lainnya.
Kadang, waktunya udah mepet (pun anggaran yang enggak banyak, yang not worth waktu kita untuk desain sendiri), makanya kita butuh "penyelamat". Nah, yang kayak gini kita berarti butuh desain instan, yang bisa tinggal pakai.

Atau, untuk bikin desain kaver buku, misalnya. Kita akan butuh mockup buku, untuk kemudian bisa dibikin versi 3D bukunya. Biar kelihatan aslinya buku gitu. Kan klien jadi lebih mudah membayangkan jadinya gimana.

Atau, buat kaus misal. Kita butuh foto desain dengan kausnya. Tapi desain belum juga dibikin di atas kaus kan. Jadi kita akan butuh mockup.

Atau mau bikin presentasi? Kita butuh template. Soalnya males juga ih bikin template, perkara waktu sih biasanya.

Nah, berikut ini adalah situs-situs yang menyediakan desain freebies. Ada free patterns, free templates, free vectors, sampai free fonts.

8 Situs tempat download desain freebies untuk para graphic designer


1. Designer Mill (https://www.designermill.com/)



Di Designer Mill, ada seenggaknya 10 kategori freebies, termasuk di dalamnya ada free fonts, mockup bahkan sketch freebies.


2. GraphicBurger (http://graphicburger.com/)



Di GraphicBurger ada buanyak buanget design freebies, dari mulai textures, mockups, sampai UI Kits. Whew! Harta karun!

3. Freebiesbug (https://freebiesbug.com/)



Ada Free PSDs, Illustrator Freebies, Sketch, fonts, bahkan code stuff!


4. Subtle Patterns (https://www.toptal.com/designers/subtlepatterns/)



Nah, di sini khusus untuk patterns atau motif dan tekstur yang biasanya dipakai sebagai background.

5. Pixel Buddha (https://pixelbuddha.net/freebies)



Di sini ada yang berbayar, tapi banyak pula yang freebies, mulai dari fonts, mockups, UI, hingga resume.


6. Brusheezy (https://www.brusheezy.com/)



Di sini banyak serba-serbi PSD freebies; brushes, patterns, dan textures. Kalau mau sih juga banyak yang premium, which is berbayar.

7. Icon Deposit (https://www.icondeposit.com/)



Yang di sini khusus icon ya. Kamu mesti tweet, untuk kemudian bisa ngedownload. No problem kan? :)

8. ZippyPixels (http://zippypixels.com/products/freebies/)



Yups, freebiesnya memang banyak, tapi kayaknya kurang sering update. Tapi bolehlah disedot dulu yes? :D Mostly mockup yah.


Nah, kayaknya 8 situs di atas sudah cukup banget ya, untuk kali ini.
Nanti kalau ada lagi, saya akan post round up lagi.

Thursday, April 13, 2017

Buku Kumpulan Flashfiction: Penyihir-Penyihir di Manik Mataku



Hai!
Kali ini mau cerita sedikit soal desain kaver buku yang saya lakukan.

Beberapa waktu yang lalu, saya menerbitkan buku kumpulan flashfiction secara mandiri atau indie melalui Stiletto Indie Book.

Karena merupakan buku mandiri, maka ya semua-muanya mesti dikerjakan sendiri, termasuk desain kaver. Kebetulan memang konsep buku tersebut adalah memang menyatukan antara flashfiction dan sketsa surreal, seperti yang sering saya lakukan di akun Instagram saya.

So, first I came up with this sketch.




Kok interpretasinya ke situ ya?
Ya antara penyihir dan manik mata, jadi entah gimana, kok ya sketsanya ke situ. Hahaha.

Sketsa tersebut saya retouch lagi dengan Photoshop. Saya crop, buang background dan kemudian saya lakukan color overlay.

Bayangan saya memang nuansa desainnya akan ke merah dan hitam. So, saya membuat artwork untuk kaver ini dengan suasana merah yang cenderung gelap.


Saat saya mencari background yang cocok, saya menemukan artwork ini di Deviantart, oleh havocpwn.



Saya mengirimkan PM ke yang bersangkutan untuk meminta izin menggunakan backgroundnya ini. Dan, by surprise, diizinkan! Yey!

Lalu, kedua artwork tersebut saya gabungkan, dan tanpa terlalu susah payah, langsung deh jadi kaver buku Penyihir-Penyihir di Manik Mataku yang pas banget dengan yang saya mau.



Well, how did it look?

Saya sih oke banget. Hahaha. Cucok deh dengan 'tone' flashfiction yang ada di dalamnya.


Sampai ketemu di portfolio selanjutnya ya.