- Beranda
- Komunitas
- Hobby
- All About Design
[Tutorial] Desain Neumorphism - Tren Desain 2020


TS
rifaye
[Tutorial] Desain Neumorphism - Tren Desain 2020
![[Tutorial] Desain Neumorphism - Tren Desain 2020](https://s.kaskus.id/images/2020/01/30/41624_20200130100441.jpg)
Udah pernah denger tentang Desain Neumorphism? Buat agan dan sista yang belum tau, konsep desain Neumorphism itu merupakan sebuah konsep desain hasil kombinasi antara desain Skeumorphism dan desain Flat. Neumorphism sendiri adalah paduan kata New dan Skeumorphism.
![[Tutorial] Desain Neumorphism - Tren Desain 2020](https://s.kaskus.id/images/2020/01/30/41624_20200130013644.jpeg)
Spoiler for Tentang Desain Skeumorphism dan Flat:
Nih buat jelasnya tentang tampilan desain Neumorpishm bisa cek langsung desain-desain berikut [Warning BWK] :
Spoiler for Neumorphism 1:
Spoiler for Neumorphism Dark Mode:
Spoiler for Neumorphism Colorful:
Nah gimana? Keren gak gan?
Pengen coba bikin beginian juga. Nih ane coba kasih tutorial konsepnya ya.
Silahkan pilih aplikasi design yang sering agan pakai, bisa pakai Sketch, Figma, Adobe Illustrator, Adobe XD dan yang lainnya yang menurut agan paling nyaman deh.
Kali ini ane bikinnya pakai aplikasi Sketch.
Langkah Pertama
Buat color pallete dengan warna yang mirip yang terdiri dari:
1. Light Color yang akan jadi warna Light Shadow
2. Mid Color yang akan menjadi warna Backgrounddan Element Color
3. Dark Color yang akan menjadi warna Dark Shadow
disini ane gunain:
Light Color: #FFFFFF
Mid Color: #F3F3F3
Dark Color: #D3D3D3
![[Tutorial] Desain Neumorphism - Tren Desain 2020](https://s.kaskus.id/images/2020/01/30/41624_20200130114219.png)
Spoiler for Cara Generate 3 Warna:
Langkah Kedua
1. Buat artboard sesuaikan ukuran dengan yang agan mau, lalu ubah warna background jadi Mid Color #F3F3F3
2. Buat objek baru yang akan diberi efek neumorphism ini. Atur warna menjadi Mid Color #F3F3F3
3. Buat shadow pertama dengan spesifikasi Dark Color #D3D3D3opacity 60%, dengan nilai x: 7, y:7, dan blur: 16, spread 0
4. Buat shadow kedua dengan spesifikasi Light Color #FFFFFF opacity 60%, dengan nilai x: -7, y:-7, dan blur: 16, spread 0
Spoiler for Biar Lebih Jelas:
Taraaaa jadi deh efek neumorphismnya.

Gimana gak terlalu sulit kan? Silahkan dicobain gan terus posting di komen ya.
Ini contoh hasil coba-cobaan ane
Spoiler for coba-coba:
Spoiler for Cobain Lagi Bikin UI:
![[Tutorial] Desain Neumorphism - Tren Desain 2020](https://s.kaskus.id/images/2021/09/24/41624_20210924125902.png)
Spoiler for sumur dan referensi:
Diubah oleh rifaye 24-09-2021 12:59





User telah dihapus dan 55 lainnya memberi reputasi
54
20.7K
78


Komentar yang asik ya
Urutan
Terbaru
Terlama


Komentar yang asik ya
Komunitas Pilihan