Membuat Desain Flat UI (Long Shadow) Dengan Photoshop

Pernahkan anda melihat sebuah desain dengan efek long shadow, biasanya efek tersebut terletak dibagian kanan-bawah pada sebuah desain Flat UI (User Interface). Kesan yang ditimbulkan dari desain tesebut adalah simple dan elegan.

MembuatDesainFlatUI28LongShadow2910 Membuat Desain Flat UI (Long Shadow) Dengan Photoshop

Hal yang harus anda perhatikan dalam pembuatannya adalah selalu gunakan warna muda pada background dan selalu gunakan warna yang lebih tua untuk bayangannya (Long Shadow). Ada banyak cara untuk membuatnya, namun kali ini saya akan memberikan tutorial yang paling mudah. 

Membuat Desain Flat UI (Efek Long Shadow) dengan Photoshop

1. Buatlah lembar kerja baru, File > New > Atur sesuai keinginan, namun lebih baik berbentuk persegi. Misalkan 1000×1000 atau 2500×2500 dan sebagainya.

MembuatDesainFlatUI28LongShadow291 Membuat Desain Flat UI (Long Shadow) Dengan Photoshop

2. Warnai background tersebut menggunakan Paint Bucket Tool, saya menggunakan warna biru (70ADF2).

MembuatDesainFlatUI28LongShadow292 Membuat Desain Flat UI (Long Shadow) Dengan Photoshop

3. Pilih Horizontal Type Tool lalu ketik huruf dan sesuaikan ukurannya, misalkan dengan inisial nama atau logo anda. Saya menggunakan huruf A, Myrad Pro (Bold) dan pastikan warnanya putih.

MembuatDesainFlatUI28LongShadow293 Membuat Desain Flat UI (Long Shadow) Dengan Photoshop

4. Buat Layer baru dengan tekan CTRL+Sift+N, beri nama Long Shadow lalu pindah layer tersebut dibagian tengah.

MembuatDesainFlatUI28LongShadow294 Membuat Desain Flat UI (Long Shadow) Dengan Photoshop

5. Pilih layer Long Shadow, gunakan Rectangular Marquee Tool buatlah seleksi persegi pada layer baru tersebut. 

MembuatDesainFlatUI28LongShadow295 Membuat Desain Flat UI (Long Shadow) Dengan Photoshop

6. Pilih Brush Tool, Warnai area yang diseleksi dengan warna biru yang lebih tua dari background. Saya menggunakan warna dengan code (467099), setelah itu tekan CTRL+D untuk menghilangkan seleksi.

MembuatDesainFlatUI28LongShadow296 Membuat Desain Flat UI (Long Shadow) Dengan Photoshop

7. Masih pada layer baru, tekan CTRL+T lalu putar persegi tersebut sampai membentuk bayangan seperti gambar dibawah ini.

MembuatDesainFlatUI28LongShadow297 Membuat Desain Flat UI (Long Shadow) Dengan Photoshop

8. Masih pada layer baru, pilih Polygonal Lasso Tool seleksi bagian yang tidak diperlukan. Perhatikan gambar.

MembuatDesainFlatUI28LongShadow298 Membuat Desain Flat UI (Long Shadow) Dengan Photoshop

9. Hapus area yang diseleksi dengan Eraser Tool lalu tekan CRTL+D untuk menghilangkan seleksi. Terakhir, Save.

MembuatDesainFlatUI28LongShadow299 Membuat Desain Flat UI (Long Shadow) Dengan Photoshop

Selamat anda telah membuat sebuah desain Flat UI dengan efek Long Shadow, demikian cara membuatnya. Jika ada pertanyaan silahkan berkomentar, semoga bermanfaat.

Pencarian Terbanyak:

author
Author: 
    Cara Membuat Logo Di Photoshop Dengan Mudah
    Cara Membuat Logo Di Photoshop Dengan Mudah
    Cara membuat logo di photoshop Photoshop adalah
    Cara Membuat Gradasi Warna Di Photoshop
    Cara Membuat Gradasi Warna Di Photoshop
    Cara membuat gradasi warna di photoshop Banyak
    Cara Mudah Dan Cepat Mengganti Warna Template Blogger
    Cara Mudah Dan Cepat Mengganti Warna Template Blogger
    Mengganti warna template blog adalah satu hal
    Penjelasan Prinsip Dan Tujuan Desain Poster
    Penjelasan Prinsip Dan Tujuan Desain Poster
    Pada dasarnya poster adalah sarana untuk mengiklankan

    Leave a reply "Membuat Desain Flat UI (Long Shadow) Dengan Photoshop"

    Must read×

    Top