Cara Membuat Flat Design Pada Photoshop - Nandea96
Artikel Terbaru
Loading...

Monday, 8 July 2019

Cara Membuat Flat Design Pada Photoshop




Hy Semua..baru kemarin Dea posting..dan sekarang posting lagi :)..hehe yup..dikarenakan..Dea ingin menambah jumlah artikel yang ada agar daftar bacaannya tidak itu - itu saja :)..nah kali ini Dea ingin memberikan sebuah tutorial..membuat flat design di photoshop apakah kalian mengetahui flat design? mungkin ada yang tau dan ada yang tidak... nah flat design tersebut merupakan sebuah design yang hanya menggunakan warna - warna  primer dan gambarnya sangat minimalis.. dan sederhana akan tetapi jika dilihat tetap bagus... kali ini Dea membuat yang sederhana saja... bagaimana caranya? yuk ikuti tutorial dibawah ini :

Step By Step :

  • Buka Photoshop Apa Saja... Akan tetapi jika ingin mengikuti lebih mudah.. Gunakan Photoshop CC entah itu 2015/2017 atau CC saja.. tak masalah :).
  • Jika sudah tekan tombol CTRL + N..maka akan seperti dibawah ini..ikuti settingan seperti dibawah ini...
  • Jika sudah maka sekarang saatnya membuat flat desain..Pertama click kanan tekan lambang dan akan muncul tabel disampingnya...seperti yang Dea beri tanda kuning tersebut...




  • Cara menggunakannya ialah..dengan mengclick kanan tahan  pada kertas/blank putih tersebut lalu di tarik hingga berbentuk seperti dibawah ini... jika sudah selesai maka lepaskan saja click kanannya..


  • Lalu  select rounded rectangle tersebut dengan mengclick kanan pada layer seperti dibawah ini... tempatnya berada pada pojok kanan bawah... select itu seperti hanya mengclick "rounded rectangle"nya saja agar muncul warna abu - abu....




  • Setelah di select maka click tombol seperti dibawah ini...






  • Jika sudah maka selanjutnya ke sesi pengeditan..nah sesi pengeditan tersebut berada pada menubar  seperti gambar dibawah ini.. setelah kalian mengclick tombol pada bagian no.6 sesi pengeditan untuk "rounded rectangle" akan muncul pada menubar..





  • Click kotak hitam tersebut dan akan muncul "Color Picker"/"Pilihan Warna"...pilih warna putih dengan garis merah menyirang tersebut... jika sudah maka click disembarang tempat untuk menyimpan perubahan..



  • Pada langkah no.7 ada 2 kotak.. nah kotak hitam sudah kita ubah..sekarang kotak putih dengan garis merah menyirang tersebut... caranya sama seperti no.8 akan tetapi kalian dapat memilih warna bebas yang kalian suka disini..




  • Selanjutnya... pada langkah no.7 di gambar tersebut kalian melihat ada tulisan "1px"... nah itu merupakan penebalan/memperbesar garis pinggir... click tanda arah panah bawah tersebut atau bisa juga ubah langsung menjadi  "9.88px" 
  • Maka Projectnya seperti gambar dibawah ini....ok lanjutkan ke tahap berikutnya.



  • Apa kalian masih ingat dimana membuat "Rounded Rectangle"?... tepat seperti pada gambar dibawah ini..akan tetapi jika kalian  misalnya memilih "Eclipse Tool"..maka lambangnya akan berubah menjadi "eclipse tool" jadi ingat -ingat saat kalian ingin membuat lingkaran, kotak, atau lainya... ingat sjaa dimana tempatnya :)....pemilihannya sama... hanya di click kanan tahan pada lambang tersebut dan akan muncul kotak tabel menyamping... lalu pilih toolnya...akan tetapi disini kita memilih rectangle jadi pakai rectangle saja...



  • Maka sesuaikan posisi "Rectangle" nya pada "rounded Rectangle" yang telah kalian buat di kertas/blank warna putih tersebut..Seperti dibawah ini..


  • Jika sudah maka ubah warna "Rectangle"  dengan warna yang sama seperti "Rounded Rectangle" Tersebut..masih ingat caranya??..yup sama seperti langkah no.6 - 7...





  • Setelah itu Copas Rectangle yang sudah diwarnai tersebut...dan tempatkan tepat diatas seperti gambar dibawah ini... Copy dengan menekan tombol CTRL + J.



  • Jika sudah maka langkah selanjutnya adalah membuat tombol home seperti pada smartphone...
  • jadi kita pakai "ecplise"sama seperti cara langkah no.12..ubah juga warnannya menjadi warna putih...

  • Jika sudah maka selanjutnya membuat background... dengan cara membuat baru/ kalian hanya tinggal copas salah satu rectangle yang ada dan diperbesar dengan menekan tombol CTRL + T.


  • Setelah itu ubah warnannya sama seperti langkah no.7 akan tetapi warna utamanya jangan di tranparankan...




  • Maka akan seperti dibawah ini...nah langkah selanjutnya ialah membuat caption/tulisan pada Smartphone tersebut... dengan mengeclick tombol seperti dibawah ini...setelah itu click pada tengah - tengah smartphone yang sudah dibuat..lalu ketikan nama kalian/apapun.




  • Dan terakhir ialah membuat bayangannya.. bagaimana caranya? gampang sekali.... sebenarnya kalian hanya perlu membuat rectangle.. setelah selesai  membuat rectangle maka click lambang pulpen seperti dibawah ini... sebelum clik lambang pulpen pastikan rectanglenya ter select...




  • Setelah itu tekan CTRL.. maka lambang pulpen berubah bentuk menjadi kursor... nah kursor itulah yang akan membuat rectangle berubah bentuk... jika rectanglenya sudah diselect... ubah lambang pulpen tersebut menjadi kursor.. dan click rectanglenya menggunakan kursor yang diubah tadi menggunakan CTRL ditekan.. maka akan muncul kotak seperti ini..


  • Nah ada kotak kotak kecil disetiap sisi... atur kotak tersebut dengan click kanan tekan dan pindahkan seperti gambar dibawah ini...(ingat saat memindahkannya CTRL harus ditekan terus hingga semua selesai dipindahkan).


  • Maka sekarang warnai rectangle tersebut dengan pergi ke layer.. tempatnya Pojok kanan paling bawah..select rectangle yang sudah kalian ubah tadi... jika sudah maka click kiri lalu akan muncul kotak putih dan click "Reterize layer".



  • Setelah itu kembali ke layer yang sudah di reterize tadi.. double click  tepat pada layer tersebut... maka akan muncul kotak seperti dibawah ini.....click centang color overlay dan masuk ke color overlay.... maka akan ada kotak warna..click kotak warna tersebut dan ubah kotak warnanya sesuai warna background... akan tetapi disini kita membuat bayangannya.. jadi bayangan harus lebih redup sedikti dari padabackground..pilih warna yang sama akan tetapi pencahayaaanya redup...



  • Jika sudah selamat Flat Design yang kalian buat sudah selesai dengan sempurna....langkah terakhir ialah pergi kelayer dan block semua objek layernya termasuk bayangan yang sudah kalian buat... dan click kanan maka akan muncul kotak berwarna putih.. pilih "reterize layer" maka hasilnya tak lebih seperti dibawah ini.. :)...



Apa kalian melihat perbedaannya?? ada yang kurang?? Pastinya...background dan smartphonenya berbeda... untuk mewarnai background..itu mudah.. kalian hanya tinggal pergi ke layer. Nah jika sudah maka carilah background yang gambarnya berwarna putih saja.. lalu double click kanan tepat pada gambar putih tersebut untuk membuka kunci pada background.. maka akan muncul tabel seperti dibawah ini..click Ok saja..





Share with your friends

Give us your opinion

Selamat Datang Di Website Nandea96
Mohon untuk selalu mencuci tangan dengan air bersih serta sabun setiap 15 menit sekali agar terhindar dari covid-19 dan penyakit lainnya seperti diare. selalu gunakan masker ketika berpergian kemanapun 😷. meskipun itu hanya berbelanja sekitar 0.1 km atau ke tetangga. hindari kontak fisik dan beri jarak sekitar 2 meter dari jarak tempat kita berdiri dengan seseorang agar tidak memunculkan klaster baru yang tidak di-inginkan.

-Terimakasih 🙏-
Done