Bagaimana Draw Samsung Galaxy S2 Realistis - Tutorial Photoshop
Dalam tutorial ini, kita akan menggambar Samsung Galaxy terkenal di Photoshop dan Illustrator. Kami akan mulai dengan menggambar rangka gambar di Illustrator dan kemudian mengekspornya ke Photoshop untuk menambahkan beberapa pencahayaan canggih dan efek lainnya.
Berikut ini pratinjau dari apa yang akan Anda buat:
Untuk mengikuti tutorial ini, Anda akan membutuhkan sumber daya berikut:
- 26 Pola Pixel yang Dapat Diulang dari PSDfreemium
- Paket Sumber Nebula dari Kire1987
Langkah 1 - Mempersiapkan Kanvas di Illustrator
Buka Adobe Illustrator Anda. Buat file baru dalam ukuran A4. Tekan Ctrl + R untuk memunculkan penggaris. Buat layer baru dan beri nama panduan. Kami akan menggunakan ini untuk menempatkan semua panduan kami. Gambarlah dari penggaris ke kanvas untuk membuat panduan baru. Panduan ini diperlukan untuk membantu kami menggambar gambar rangka telepon dengan tepat. Lihat gambar di bawah untuk referensi.
Langkah 2 - Bentuk Telepon Dasar
Langkah pertama kami adalah menggambar bentuk telepon dasar. Aktifkan Persegi Panjang Bulat alat. Klik sekali pada kanvas untuk membuka jendela Persegi Panjang Bulat kotak dialog opsi. Jangan khawatir dengan pengaturan lebar dan tinggi. Pastikan untuk masuk 35 pt di Radius sudut. Klik baik. Anda akan memiliki bentuk persegi panjang bulat baru.
Anda dapat langsung menghapusnya karena kami tidak membutuhkannya, kami hanya perlu mengubah pengaturan alat.
Langkah 3
Pastikan untuk mengaktifkan Panduan Cerdas dari Melihat menu. Fitur ini membantu kita untuk mengambil objek dengan mudah ke panduan.
Langkah 4
Klik dan seret untuk menggambar persegi panjang bulat tepat di dalam panduan yang disediakan. Lihat gambar di bawah untuk mendapatkan penempatannya.
Langkah 5
Pilih persegi panjang bulat yang baru saja kita buat. Klik Obyek> Jalur> Jalur Offset. Set Mengimbangi untuk -9 pt.
Langkah 6 - Area Layar
Selagi Persegi Panjang Bulat alat masih aktif, klik sekali pada kanvas. Set Radius sudut untuk 5 pt. Hapus persegi panjang bulat yang dibuat dari kotak dialog karena kita tidak membutuhkannya.
Langkah 7
Gambar persegi panjang bulat di dalam area layar. Gunakan panduan ini untuk membantu Anda menggambarnya dengan tepat.
Langkah 8
Bentuk layar duplikat yang baru saja dibuat. Gambarlah sebuah persegi panjang di bawah bentuk. Pilih kedua bentuk lalu pilih Minus Front dalam Pramuka panel.
Persegi panjang akan memotong area layar dan mengubahnya menjadi persegi panjang setengah bulat yang dapat kita gunakan sebagai area Status Bar.
Langkah 9
Mengaktifkan Persegi Panjang Bulat alat lagi dan klik sekali pada kanvas. Set Radius sudut untuk 10.
Langkah 10 - Tombol Beranda
Gambar persegi panjang bulat di bagian bawah ponsel; ini akan menjadi tombol Beranda.
Langkah 11
Klik Obyek> Jalur> Jalur Offset. Set Mengimbangi untuk -4 pt.
Langkah 12
Gambarlah persegi panjang bulat dan atur Mengisi untuk Tidak ada dan Pukulan untuk Hitam. Gambarlah sebuah persegi panjang yang menutupi bagian bawahnya. Pilih kedua bentuk dan pilih Minus Front dalam Pramuka panel. Ini akan memotong bagian bawah dari persegi panjang bulat dan mengubahnya menjadi setengah persegi panjang bulat.
Langkah 13
Menggunakan Seleksi Langsung alat dan pilih garis bawahnya. Tekan Delete untuk menghapusnya.
Langkah 14
Saat bentuk masih dipilih, pilih Object> Expand. Ini akan mengubahnya menjadi bentuk isian, bukan hanya garis.
Langkah 15
Gambarlah dua persegi panjang kecil di dalam bentuk.
Langkah 16
Gambarlah persegi panjang bulat dan kemudian tutupi sisi kirinya dengan persegi panjang seperti yang ditunjukkan. Pilih kedua bentuk dan pilih Minus Front dari Pramuka panel. Menggunakan Seleksi Langsung alat untuk memilih sisi kirinya dan kemudian tekan Delete.
Langkah 17
Memilih Object> Expand untuk mengubah garis ini menjadi bentuk.
Langkah 18
Gambarlah sebuah persegi panjang di ujung bentuk.
Langkah 19
Klik tengah batas kiri persegi panjang untuk menambahkan titik baru. Klik sudut atas dan bawah untuk menghapus. Kami akan mendapatkan segitiga.
Langkah 20
Set Mengisi untuk Hitam dan Pukulan untuk Tidak ada.
Langkah 21
Pilih kedua bentuk dan klik Bersatu di Pramuka Panel.
Di bawah ini adalah tombol yang telah kami buat.
Langkah 22 - Ikon Aplikasi
Mengaktifkan Persegi Panjang Bulat alat. Klik sekali pada kanvas dan atur Radius sudut untuk 1 pt.
Langkah 23
Gambar persegi panjang bulat di dalam layar untuk dasar ikon. Mengaktifkan Pindah alat dan Alt + Shift + Menyeret bentuk untuk menggandakannya.
Langkah 24
Pilih persegi panjang bulat yang baru saja kita buat dan klik Pusat Distribusi Horizontal di Meluruskan panel.
Langkah 25
Gambar bentuk penerima telepon di dalam persegi panjang pertama menggunakan Pena alat.
Langkah 26
Menggunakan Mengetik dan tambahkan label di bawah ikon.
Langkah 27
Di dalam persegi panjang bulat berikutnya, gambar ikon avatar. Gambar elips untuk kepalanya dan tarik bahunya secara manual.
Langkah 28
Pilih kedua bentuk dan klik Bersatu di Pramuka alat.
Langkah 29
Pada persegi panjang bulat berikutnya gambar elips dan bentuk koma. Pilih kedua bentuk dan klik Bersatu untuk mengubahnya menjadi seruan balon.
Langkah 30
Di dalam persegi panjang bulat terakhir, gambar empat persegi panjang bulat kecil.
Langkah 31
Di bawah ini adalah ikon lengkap kami!
Langkah 32 - Navigasi Menu
Di atas ikon, gambar lingkaran kecil. Alt + Shift + Menyeret bentuk untuk menggandakannya.
Langkah 33
Pilih semua lingkaran dan klik Pusat Distribusi Horizontal di dalam Meluruskan panel.
Langkah 34
Pilih salah satu lingkaran dan ubah ukurannya lebih besar. Lingkaran yang lebih besar ini menunjukkan bahwa itu adalah halaman 'aktif'.
Langkah 35 - Ikon Sinyal
Di dalam bilah status di bagian atas layar, buat persegi panjang kecil dan duplikat. Seret baris atas persegi panjang kedua ke atas menggunakan Seleksi Langsung alat.
Langkah 36
Ulangi proses ini sampai kami memiliki empat persegi panjang seperti yang ditunjukkan di bawah ini.
Langkah 37 - Ikon Baterai
Gambarlah dua persegi panjang bulat. Pilih kedua bentuk lalu klik Bersatu.
Langkah 38 - Pembicara
Gambarkan lingkaran dan Shift + Alt + Menyeret untuk menduplikatnya. Tekan Ctrl + D beberapa kali untuk mengulangi proses duplikasi ini.
Langkah 39
Gambarlah sebuah persegi panjang bulat besar yang menutupi lingkaran kecil.
Langkah 40 - Kamera
"Kamera" hanya dibuat dari beberapa lingkaran dengan ukuran berbeda dengan asal yang sama.
Langkah 41 - Tombol Samping
Gambarlah dua persegi panjang bulat di kedua sisi telepon seperti yang ditunjukkan.
Langkah 42 - Mempersiapkan Kanvas di Photoshop
Kami telah selesai bekerja pada bingkai gambar telepon. Saatnya menghidupkannya menggunakan Photoshop. Buka Photoshop dan kemudian buat file baru, File> Baru.
Langkah 43
Pilih semua jalur di Illustrator (Ctrl + A) dan kemudian simpan ke Clipboard (Ctrl + C). Kembali ke Photoshop dan tempel (Ctrl + V). Di kotak dialog opsi pilih Path.
Langkah 44
Jalur vektor akan disimpan di jalur baru di dalam Jalan panel.
Langkah 45 - Bentuk Dasar
Salin jalur bentuk dasar ke jalur baru. Klik lingkaran putih dan hitam di jendela Layers panel untuk menambahkan Layer Penyesuaian baru. Pilih Warna Solid dan atur warna ke # 0f1219 di kotak dialog berikutnya.
Menambahkan Hamparan Gradien untuk menambahkan pencahayaan halus ke bentuk.
Langkah 46
Gandakan bentuk yang baru saja kita buat dan klik dua kali layer thumbnail untuk mengubah warnanya # c3c6c9.
Langkah 47
Dari bilah opsi, setel mode jalur dalam ke Mengurangi dari area jalur. Ini akan mengubah bentuk menjadi tepi telepon.
Menambahkan Bevel dan Emboss untuk mengubah bentuk menjadi bentuk tiga dimensi.
Langkah 48
Buat layer baru. Konversi layer menjadi Masker Kliping dengan menekan Ctrl + Alt + G. Mulai sekarang, semua yang Anda lukis akan masuk ke dalam tepi ponsel. Mengaktifkan Sikat alat dan mengatur warna foreground menjadi hitam. Cat bayangan halus pada bagian tepi ponsel.
Langkah 49
Ctrl-klik layer tepi ponsel untuk membuat pilihan baru berdasarkan bentuknya. Klik Pilih> Ubah> Kontrak oleh 1 px. Dengan melakukan ini, Anda membuat seleksi lebih kecil sebesar 1 px.
Langkah 50
Buat layer baru dan cat bayangan dan highlight lain yang halus.
Langkah 51
Ulangi langkah sebelumnya, kali ini gunakan Kontrak oleh 2 px. Gambarlah bayangan dan sorotan di tepi ponsel.
Di bawah ini adalah perbedaan sebelum dan sesudah menambahkan highlight dan bayangan ke tepi. Kita dapat melihat bahwa hasilnya lebih realistis.
Langkah 52 - Area Layar
Gandakan area layar ke jalur baru. Klik Tambah Lapisan Penyesuaian Baru dan pilih Warna Solid. Anda bisa menggunakan warna apa saja.
Klik dua kali layer untuk membuka a Gaya Lapisan kotak dialog. Menambahkan Cahaya batin dan Pukulan.
Langkah 53
Mari kita masukkan wallpaper ke layar. Letakkan gambar wallpaper tepat di atas lapisan area layar. Di sini, saya menggunakan gambar nebula yang bagus.
Langkah 54
Tekan Ctrl + Alt + G untuk mengubahnya menjadi Masker Kliping. Wallpaper akan secara otomatis masuk ke dalam layar.
Langkah 55
Klik ikon lingkaran hitam dan putih di jendela Layers panel untuk menambahkan yang baru Lapisan Penyesuaian. Memilih Hue / Saturasi dari menu dan gunakan bilah geser untuk memodifikasi warna wallpaper. Setel ke Masker Kliping lagi dengan menekan Ctrl + Alt + G. Dengan cara ini, lapisan penyesuaian hanya akan mempengaruhi wallpaper dan bukan telepon.
Di bawah ini adalah bagaimana seharusnya penampilan layer Anda.
Langkah 56 - Tombol Utama
Gandakan tombol utama ke jalur baru. Tambahkan Adjustment Layer Solid Color dengan warna # cccfd2.
Klik dua kali layer dan aktifkan Drop Shadow dan Bevel dan Emboss.
Langkah 57
Mari kita lukis highlight dan bayangan ke tombol. Prosesnya sangat mirip dengan apa yang kami lakukan dengan tepi ponsel pada Langkah 48 hingga Langkah 51.
Ctrl-klik layer tombol utama untuk membuat pilihan baru berdasarkan bentuknya. Klik Pilih> Ubah> Kontrak oleh 1 px.
Langkah 58
Buat layer baru. Lukis highlight dan bayangan halus ke tombol.
Langkah 59
Pilih dua tombol lainnya dan duplikat ke jalur baru. Tambahkan Adjustment Layer Solid Color baru dengan putih sebagai warnanya.
Langkah 60
Turunkan nya Kegelapan hingga 20%.
Langkah 61 - Ikon Aplikasi
Salin basis ikon ke jalur baru. Buat Adjustment Layer Solid Color baru. Atur warnanya menjadi biru.
Langkah 62
Klik dua kali layer dan tambahkan halus Hamparan Gradien.
Langkah 63
Hapus tiga bentuk lainnya.
Langkah 64
Ulangi proses sebelumnya untuk warna lain.
Langkah 65
Bentuk ikon duplikat ke jalur baru. Tambahkan Adjustment Layer Solid Color baru. Atur warnanya menjadi putih.
Klik dua kali layer ikon dan aktifkan Outer Glow dan Hamparan Gradien.
Langkah 66
Tambahkan label yang sesuai di bawah setiap ikon.
Langkah 67 - Navigasi Menu
Pilih empat lingkaran navigasi kecil dan salin ke jalur baru. Tambahkan Adjustment Layer Solid baru dengan warna # 7e899b2d.
Langkah 68
Ulangi proses yang sama dengan 'tab aktif' yang lebih besar di tengah, kali ini dengan warnanya # cbced4.
Langkah 69
Tambahkan nomor di atas tab aktifkan. Saya memilih 3 untuk saya.
Langkah 70 - Tombol Samping
Tombol samping duplikat ke jalur baru. Buat Adjustment Layer Solid Color baru dengan warna # b0b3b6. Tempatkan di belakang telepon.
Langkah 71
Menambahkan Bayangan batin dengan Angle 0 derajat dan Cahaya batin.
Langkah 72
Ulangi proses untuk tombol lainnya.
Langkah 73
Klik dua kali tombol Layer untuk membuka Gaya Lapisan kotak dialog. Menambahkan Bayangan batin tapi kali ini gunakan 180 derajat untuk menambahkan bayangan ke tombol. Juga, tambahkan Cahaya batin.
Langkah 74 - Bilah Status
Pilih bilah status dan duplikat ke jalur baru. Buat Adjustment Layer Solid Color baru dengan warna hitam sebagai warnanya. Tambahkan informasi waktu.
Langkah 75
Gandakan baterai ke jalur baru. Tambahkan Adjustment Layer Solid Color baru. Pilih hijau sebagai warnanya.
Menambahkan Cahaya batin dengan pengaturan berikut.
Langkah 76
Gandakan ikon sinyal ke jalur baru dan tambahkan Adjustment Layer Solid Color. Untuk warnanya pilih putih. Klik dua kali Lapisan dan aktifkan Hamparan Gradien.
Langkah 77 - Pembicara
Gandakan speaker ke jalur baru. Dari bilah opsi, setel mode jalur lingkaran yang lebih kecil ke Mengurangi dari area jalur. Tambahkan yang baru Penyesuaian Layer Warna Solid dengan # 6b6f76 sebagai warnanya.
Klik dua kali Lapisan dan tambahkan yang berikut ini Gaya Lapisan.
Ini hasilnya.
Langkah 78 - Kamera
Aktifkan lingkaran dan duplikat ke jalur baru. Tambahkan yang baru Lapisan Penyesuaian dengan warnanya # 272d36. Lakukan hal yang sama dengan cincin di dalam lingkaran tetapi dengan warna # 585a5e.
Di bawah ini adalah kamera dalam perbesaran 100%.
Langkah 79 - Refleksi
Gandakan bentuk ponsel dasar ke layer baru. Gambarlah bentuk poligonal melintasi ponsel dan atur mode ke Memotong area jalur. Tambahkan Adjustment Layer Solid Color baru, atur putih sebagai warnanya.
Klik dua kali bentuk refleksi dan tambahkan halus Hamparan Gradien.
Langkah 80
Set Campur mode ke Layar dan mengurangi nya Kegelapan untuk 70% dan Mengisi untuk 0%.
Langkah 81
Ctrl-klik layer refleksi. Buat layer baru dan beri lebih banyak highlight di area atasnya.
Langkah 82
Tempatkan lapisan telepon di dalam grup dengan memilih semuanya dan tekan Ctrl + G. Klik ikon mata di latar belakang untuk menyembunyikannya dan membuat ponsel duduk di latar belakang transparan. Tekan Ctrl + A, Ctrl + Shift + C, Ctrl + V untuk menggandakan ponsel ke layer baru.
Langkah 83
Tekan Ctrl + T untuk mengubah telepon. Klik kanan dan pilih Balik Vertikal. Letakkan ponsel di bawah ponsel asli.
Langkah 84
Tambahkan layer mask dan cat gradien dari putih ke hitam untuk memudar refleksi.
Langkah 85 - Bayangan
Aktifkan Sikat alat dengan besar ukuran kuas dan Kekerasan 0%. Buat layer baru dan buat garis hitam di bawah ponsel. Atur Kegelapan untuk 10%.
Langkah 86 - Latar Belakang
Mari kita bekerja di latar belakang. Buat layer baru dan mulailah melukis menggunakan warna biru yang berbeda. Tidak ada aturan yang sempurna di sini. Lepaskan kreativitas Anda.
Langkah 87
Tambahkan Gaussian Blur (Filter> Blur> Gaussian Blur). Gunakan ukuran radius yang sangat besar dan pastikan untuk mengaktifkan opsi Preview sehingga Anda dapat melihat hasilnya secara real time.
Langkah 88
Mari membuat pola piksel (atau, Anda dapat melewati langkah-langkah ini dan menggunakan pola piksel yang sudah dibuat dari PSDfreemium). Buat file baru dengan ukuran 6 à ??  ?? âA A?? 6 piksel.
Langkah 89
Tekan Ctrl + 0 untuk memaksimalkan level perbesaran kanvas. Buat layer baru dan gambar garis diagonal menggunakan Pensil alat dengan Ukuran sikat 1 px.
Langkah 90
Menyembunyikan Latar Belakang jadi kita hanya melihat garis diagonal. Klik Edit> Define Pattern untuk menyimpan gambar sebagai suatu pola.
Langkah 91
Kembali ke latar belakang kami, klik dua kali dan tambahkan Hamparan Pola menggunakan pola yang baru saja kita buat sebelumnya.
Inilah hasilnya.
Hasil akhir
Akhirnya, kita dapat membawa kembali telepon kita. Seperti yang Anda lihat, kami baru saja menggabungkan fleksibilitas menggambar vektor di Illustrator, dan kemudahan melukis piksel di Photoshop untuk mencapai gambar produk yang realistis. Saya harap Anda menikmati tutorial ini.
Unduh
Klik di sini untuk mengunduh PSD final untuk tutorial ini.