Bagaimana Draw Apple iCloud Icon - Tutorial Photoshop
iCloud, layanan penyimpanan cloud terbaru yang diperkenalkan oleh Apple memiliki logo yang cukup sederhana namun indah. Ikon ini terbuat dari bahan logam dan memiliki ikon awan diekstrusi di atasnya. Anda mungkin tidak mengetahuinya, tetapi membuat ikon jenis ini sebenarnya sangat mudah, dan di bawah ini adalah ikon iCloud yang akan kami ajarkan cara menggambar di pos ini, menggunakan Photoshop!
Terlihat agak rumit, tetapi sebenarnya yang kita butuhkan hanyalah beberapa Layer Styles, bentuk vektor dasar, dan sedikit gambar manual. Mari kita membahasnya!
Langkah 1
Mulailah dengan membuat file baru dengan ukuran 512 x 512 px. Aktifkan Alat Persegi Panjang Bulat. Pada bilah opsi, setel radiusnya menjadi 75 px. Klik dan seret untuk menggambar persegi panjang bulat. Atur warnanya ke # 5d5d5d.
Klik dua kali pada layer untuk membuka kotak dialog Layer Style. Tambahkan Gradient Overlay dengan gradien default, hitam ke putih, dan kurangi Opacity menjadi 76%.
Langkah 2
Tekan Ctrl + J untuk menduplikasi bentuk layer. Klik Edit> Free Transform atau tekan Ctrl + T untuk melakukan transformasi. Dari bilah opsi, atur ukurannya menjadi 98%.
Di panel Layers, hapus Layer Style dengan menyeret ikon fx ke ikon trash, yang ada di kanan bawah panel Layers. Selanjutnya, klik dua kali thumbnail layer untuk memunculkan kotak dialog Layer Style. Tambahkan Inner Shadow dan Gradient Overlay.
Dalam pengaturan Gradient Overlay, atur Style gradient ke Angle. Klik kotak pratinjau gradien untuk membuka editor gradien dan gunakan kombinasi warna # 8e8e8e, # a5a4a4, dan # d8d8d8. Jangan ragu untuk bermain-main dengan setiap posisi penanda, pastikan untuk mengatur warna yang sama di penanda pertama dan terakhir.
Ini adalah hasil setelah menambahkan Layer Styles.
Langkah 3
Buat layer baru. Isi dengan Radial Gradient dari putih ke hitam.
Tahan Alt dan seret topeng vektor dari lapisan sebelumnya ke lapisan saat ini. Gradien sekarang pas di dalam ikon.
Buka Layer Style dan ubah blending mode ke Screen.
Langkah 4
Gambar persegi panjang bulat di dalam ikon. Setel radiusnya menjadi 75px dengan warna # 2a2a2a.
Tambahkan 2 bentuk lingkaran lagi (Pilih alat Ellipse, lalu tahan Shift dan seret). Dari bilah opsi, setel mode jalur ke Tambahkan ke area bentuk.
Klik dua kali layer cloud dan kemudian tambahkan Inner Shadow, Bevel and Emboss, dan Stroke.
Langkah 5
Gandakan layer cloud dengan menekan Ctrl + J. Hapus Layer Style-nya dengan menyeret ikon fx dari thumbnail layer-nya ke ikon trash. Ubah ukurannya (Ctrl + T) menjadi 89%.
Ubah warna bentuk menjadi # 5d5d5d. Atur ulang posisi setiap bentuk hingga ukuran awan kecil sebanding dengan awan yang lebih besar.
Klik dua kali layer cloud dan tambahkan Layer Styles berikut.
Untuk Gradient Overlay, pastikan untuk menggunakan pengaturan yang tepat dari Gradient Overlay pada Langkah 2.
Inilah yang kami miliki setelah menambahkan Layer Styles ke cloud kecil.
Langkah 6: Tambahkan Tekstur Logam
Desain saat ini sangat datar dan terlalu bersih. Mari kita tambahkan tekstur logam halus ke permukaan. Buat layer baru. Klik Edit> Isi dan pilih Gunakan: Hitam untuk mengisi layer baru dengan hitam.
Klik Filter> Kebisingan> Tambah Kebisingan.
Klik Filter> Blur> Radial Blur. Pilih Metode Blur: Putar dan Kualitas: Terbaik.
Filter ini akan memutar kebisingan dan menciptakan gelombang melingkar.
Langkah 7
Klik Gambar> Penyesuaian> Level atau tekan Ctrl + L. Pada kotak dialog, seret slider hitam di Level Output ke tengah untuk meringankan gelombang melingkar.
Tahan Alt dan seret topeng vektor dari lapisan dasar ikon ke lapisan saat ini. Gelombang melingkar sekarang di dalam ikon.
Aktifkan alat Pemilihan Jalur dan pilih jalur cloud yang kita buat di Langkah 4. Tekan Ctrl + C untuk menyimpannya ke clipboard. Tekan Ctrl + V untuk menempelkannya ke topeng vektor gelombang melingkar. Tetapkan mode jalurnya ke Kurangi.
Terakhir, salin dan tempel jalur cloud yang lebih kecil yang telah kami buat di Langkah 5. Atur mode jalurnya ke Tambahkan ke Bentuk.
Inilah hasilnya. Gelombang melingkar ada di dalam permukaan ikon.
Ubah Blend Mode layer ke Screen.
Langkah 8: Bayangan
Buat layer baru dan tempatkan di belakang semua layer. Buat pilihan elips (menggunakan alat elips) di bawah ikon. Isi seleksi dengan warna hitam.
Lembutkan bayangan menggunakan filter, Gaussian Blur. Klik Filter> Blur> Gaussian Blur.
Gandakan bayangan dengan menekan Ctrl + J. Tambahkan Gaussian Blur lainnya, untuk kali ini gunakan Radius yang lebih besar untuk mendapatkan bayangan yang lebih lembut. Jika bayangannya masih terlalu keras, Anda bisa menolak Opacity layer-nya.
Hasil akhir
Ini adalah hasil dari tutorial kami. Seperti yang Anda lihat, proses pembuatan ikon ini sangat mudah. Kita hanya perlu menggunakan beberapa bentuk vektor dasar dan Layer Styles. Saya harap Anda menikmati tutorial ini. Jika Anda memiliki pertanyaan, jangan ragu untuk bertanya!
Unduh PSD
Tidak dapat mencapai langkah tertentu? Ini adalah file PSD hasil untuk Anda uji dan mainkan.
- File PSD Tutorial Ikon iCloud Icon
