Cara Membuat Kotak 3D di Photoshop (dengan Gambar)

Daftar Isi:

Cara Membuat Kotak 3D di Photoshop (dengan Gambar)
Cara Membuat Kotak 3D di Photoshop (dengan Gambar)
Anonim

Pikirkan di luar kotak! Pelajari cara membuat kotak tiga dimensi menggunakan Adobe Photoshop dengan mengikuti tutorial langkah demi langkah ini.

Langkah

Buat Kotak 3D di Photoshop Langkah 1
Buat Kotak 3D di Photoshop Langkah 1

Langkah 1. Buat dokumen baru

Untuk melakukannya, buka file dan pilih "Baru" atau Ctrl + N. Kemudian, buat dokumen baru yang memiliki lebar dan tinggi 1500x1500 piksel.

Buat Kotak 3D di Photoshop Langkah 2
Buat Kotak 3D di Photoshop Langkah 2

Langkah 2. Buat persegi menggunakan Rectangle Tool

Isi dengan warna: #bf9271.

Buat Kotak 3D di Photoshop Langkah 3
Buat Kotak 3D di Photoshop Langkah 3

Langkah 3. Edit bentuk menggunakan alat seleksi langsung

Edit bentuknya dan miringkan ke atas di sisi kirinya.

Buat Kotak 3D di Photoshop Langkah 4
Buat Kotak 3D di Photoshop Langkah 4

Langkah 4. Salin layer dan balikkan secara horizontal

Untuk membalik, buka Edit> Free Transform atau tekan Ctrl + T pada keyboard Anda untuk membuka Free Transform.

Buat Kotak 3D di Photoshop Langkah 5
Buat Kotak 3D di Photoshop Langkah 5

Langkah 5. Ubah nama layer

Ini bisa apa saja yang Anda inginkan; inti dari langkah ini adalah untuk membantu Anda mengingat yang mana. Juga pindahkan gambar ke bawah untuk memberi ruang bagi diri Anda sendiri untuk langkah berikutnya.

Buat Kotak 3D di Photoshop Langkah 6
Buat Kotak 3D di Photoshop Langkah 6

Langkah 6. Mulailah menggambar bagian dalam kotak

Untuk membuat bagian dalam, cukup salin dua lapisan pertama dan balikkan secara vertikal. Ubah warnanya menjadi cokelat yang lebih gelap (gunakan warna: #b07d5b.)

Buat Kotak 3D di Photoshop Langkah 7
Buat Kotak 3D di Photoshop Langkah 7

Langkah 7. Gambarlah penutup kotak

Gambar lipatan pertama dengan membuat persegi panjang di sepanjang tepi diagonal kotak kotak. Kemudian isi bentuknya dengan warna coklat muda (gunakan warna: #cfa98d).

Buat Kotak 3D di Photoshop Langkah 8
Buat Kotak 3D di Photoshop Langkah 8

Langkah 8. Ulangi untuk lipatan kedua

Namun kali ini, isi dengan warna cokelat yang sama dengan yang digunakan pada kotak.

Buat Kotak 3D di Photoshop Langkah 9
Buat Kotak 3D di Photoshop Langkah 9

Langkah 9. Selesaikan kotak dengan menggambar sisa tutupnya

Warnai dua lipatan terakhir, isi dengan warna yang sama dengan yang digunakan pada lipatan pertama.

Buat Kotak 3D di Photoshop Langkah 10
Buat Kotak 3D di Photoshop Langkah 10

Langkah 10. Kelompokkan layer untuk mengatur pekerjaan Anda dan sebelum melanjutkan ke langkah berikutnya

Lakukan dengan memilih lapisan yang ingin Anda kelompokkan dan dengan masuk ke Layer>Group Layers atau dengan mengetik Ctrl + G.

Buat Kotak 3D di Photoshop Langkah 11
Buat Kotak 3D di Photoshop Langkah 11

Langkah 11. Tambahkan bayangan untuk efek 3D

Lakukan dengan menambahkan overlay gradien pada opsi pencampuran setiap lapisan. Anda dapat mencoba kombinasi Anda sendiri atau Anda juga dapat mengikuti detail di bawah ini pada overlay gradien untuk setiap lapisan:

  1. 1: Blend Mode: Kalikan; Opasitas: 44%; Gradien: Terbalik; Gaya: Linier, Sejajarkan dengan Lapisan; Sudut: 90o; Skala: 100%
  2. 2: Blend Mode: Kalikan; Opasitas: 44%; Gradien: Terbalik; Gaya: Linear, Sejajarkan dengan Layer; Sudut: 147o; Skala: 100%
  3. 1 Salin: Blend Mode: Multiply; Opasitas: 44%; Gradien: Terbalik; Gaya: Linear, Sejajarkan dengan Layer; Sudut: -90o; Skala: 90%
  4. 2 Salin: Blend Mode: Multiply; Opasitas: 54%; Gradien: Hapus centang Reverse; Gaya: Linear, Sejajarkan dengan Layer; Sudut: 133o; Skala: 100%

    Buat Kotak 3D di Photoshop Langkah 12
    Buat Kotak 3D di Photoshop Langkah 12

    Langkah 12. Kemudian untuk flaps, aplikasikan terlebih dahulu overlay gradien hitam pada salah satu flap

    Berikut juga detail tentang overlay gradien:

    Blend Mode: Kalikan; Opasitas: 44%; Gradien: Hapus centang Reverse; Gaya: Linier, Sejajarkan dengan Lapisan; Sudut: 90o; Skala: 100%

    Buat Kotak 3D di Photoshop Langkah 13
    Buat Kotak 3D di Photoshop Langkah 13

    Langkah 13. Buat layer baru

    Terapkan gradien transparan putih di atas tutup yang tersisa.

    Buat Kotak 3D di Photoshop Langkah 14
    Buat Kotak 3D di Photoshop Langkah 14

    Langkah 14. Tambahkan highlight atau ruang putih kecil di atas flap kiri depan

    Untuk membuat ruang putih, gambar persegi panjang kecil di atas tutup menggunakan pen tool. Lalu pergi ke jendela jalur Anda dan Ctrl klik jalur Anda agar semut berbaris muncul atau untuk membuat pilihan. Tambahkan layer baru dan isi seleksi dengan warna putih.

    Pastikan bahwa ketika Anda menggunakan alat pena Anda, Anda telah mengklik jalur dan bukan membentuk lapisan agar dapat menggambar jalur

    Buat Kotak 3D di Photoshop Langkah 15
    Buat Kotak 3D di Photoshop Langkah 15

    Langkah 15. Pindahkan lapisan sebelumnya di bawah lapisan penutup

    Buat Kotak 3D di Photoshop Langkah 16
    Buat Kotak 3D di Photoshop Langkah 16

    Langkah 16. Sekali lagi menggunakan alat pena Anda, gambar persegi panjang kecil pada tutup kotak Anda untuk mengilustrasikan 3 dimensi tutup kotak

    Tambahkan layer baru dan kemudian Ctrl klik jalur Anda untuk membuat pilihan. Kemudian, isi seleksi dengan warna coklat tua dan pindahkan layer di bawah flaps.

    Buat Kotak 3D di Photoshop Langkah 17
    Buat Kotak 3D di Photoshop Langkah 17

    Langkah 17. Buat bayangan kotak

    Buat bayangan dengan membuat layer baru dan menerapkan gradien transparan hitam pada layer. Bayangan juga harus terletak di sisi kanan kotak.

    Buat Kotak 3D di Photoshop Langkah 18
    Buat Kotak 3D di Photoshop Langkah 18

    Langkah 18. Tambahkan latar belakang

    Untuk membuat latar belakang, tambahkan layer baru dan isi dengan warna gelap atau gunakan warna: #61351d

Direkomendasikan: