Beranda » Gadget » Bagaimana Draw Samsung Galaxy S2 Realistis - Tutorial Photoshop

    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.