Advertisement
  1. Design & Illustration
  2. Photo Manipulation
Design

Bagaimana Mengubah Foto Lanskap Menjadi Icon Isometrik dalam Adobe Photoshop

by
Difficulty:IntermediateLength:ShortLanguages:

Indonesian (Bahasa Indonesia) translation by Anissa Anwar (you can also view the original English article)

Final product image
What You'll Be Creating

Dalam tutorial ini kita akan membuat peta isometrik 3D yang terbuat dari kombinasi beberapa foto lanskap. Tidak ada 3D software yang digunakan dalam proyek ini — kita hanya akan menggunakan Adobe Photoshop. Hasil akhir dapat digunakan sebagai icon atau sebagai bagian dari infographic.

Aset Tutorial

Untuk menyelesaikan tutorial, Anda akan memerlukan aset berikut:

1. Menyiapkan Canvas

Langkah 1

Pertama-tama kita perlu menambahkan isometrik grid ke canvas kita. Anda dapat menemukan petunjuk untuk ini tutorial isometrik yang kami publikasikan sebelumnya.

Isometric grid

Langkah 2

Berdasarkan grid, menggambar bentuk vektor persegi panjang di permukaan isometrik. Anda dapat menggunakan warna apapun, karena ini adalah hanya panduan untuk proses manipulasi foto kita berikutnya.

Draw basic map shape in isometric perspective

Langkah 3

Duplikasi bentuk vektor dengan klik Control-J, dan memindahkannya ke atas.

Draw basic map shape in isometric perspective

Langkah 4

Sekarang Anda dapat menonaktifkan grid, karena kita tidak akan membutuhkan itu lagi.

Turning off the isometric grid

2. Membangun Tanah

Langkah 1

Menggambar sisi kiri peta 3D menggunakan Pen Tool. Klik dua kali layer bentuk dan kemudian menambahkan Gradient Overlay.

Drawing left side of the shape
Layer style for Gradient Overlay
Left side with gradient overlay

Langkah 2

Atur Fill ke 0%.

Set Fill to 0

Langkah 3

Mengulangi langkah yang sama di sisi lain.

Right side
Right side

Langkah 4

Menggambar bentuk baru menggunakan Pen Tool, meliputi seluruh peta. Menambahkan Gradient Overlay pada bentuk dan kemudian mengatur Fill ke 0%.

Another Gradient Overlay
Layer style for Gradient Overlay

Langkah 5

Ambil tekstur tanah subur dan meletakkan di atas peta.

Adding soil texture

Langkah 6

Control-klik sisi kiri peta untuk membuat selection baru berdasarkan bentuknya. Klik icon Add layer mask di bagian bawah panel Layers untuk memotong tekstur batu di luar bentuk.

Adding layer mask

Langkah 7

Mengulangi proses yang sama di sisi lain dari peta.

Add soil to the edge

3. Membangun Bukit

Langkah 1

Ambil lanskap bukit dan overlay pada peta dengan Opacity rendah. Mengatur posisi sampai Anda mendapatkan perspektif yang bagus.

Adding hill landscape

Langkah 2

Menambahkan layer mask ke foto lanskap dan kemudian lukis dengan warna hitam untuk menyembunyikan area yang tidak diinginkan. Dalam kasus ini, saya ingin mempertahankan jalan, bukit di sebelahnya, dan pohon di sudut. Cobalah untuk mendapatkan bentuk alami menggunakan brush stroke Anda. Kita tidak ingin ini menjadi datar, bentuk seperti-kotak.

Masking the landscape

Langkah 3

Mari kita kembali ke tanah subur. Kita perlu untuk membuatnya lebih gelap dan lebih bisa meyakinkan. Mulai dengan melukis bayangan di sudut. Menambahkan layer baru dan lukis dengan warna hitam menggunakan Brush Tool dengan Opacity rendah.

Painting shadow on maps corner
Painting shadow on maps corner

Langkah 4

Hasilnya sudah jauh lebih baik. Terus menambahkan bayangan hitam ke dalam tanah untuk membuatnya lebih gelap.

Adding black shadow to the soil
Adding black shadow to the soil

Langkah 5

Selanjutnya, ambil tanah kering atau tekstur tanah subur yang lain. Paste di atas tanah subur sebelumnya dan mengatur mode ke Overlay. Luangkan waktu Anda, menambahkan layer mask, dan hati-hati memasukkan tanah kering, batu, dan akar ke dalam tanah subur untuk membuatnya serealistis mungkin.

Add another soil texture

Langkah 6

Mari kita menambahkan gambar lanskap yang lain ke dalam peta. Menempatkan lanskap di balik lanskap bukit saat ini. Menambahkan layer mask pada gambar lanskap dan kemudian lukis dengan warna hitam untuk menghilangkan sebagian besar isinya sementara meninggalkan bagian lembah.

Add another landscape
Unneeded areas are now hidden

Langkah 7

Menambahkan layer baru dan kemudian melukis bayangan pada area baru lanskap seperti yang ditunjukkan di bawah ini.

Add shadow

4. Menambahkan Laut

Langkah 1

Sekarang, menambahkan gambar laut di belakang peta. Mengatur posisi itu di mana Anda paling suka.

Adding sea image

Langkah 2

Control-klik pada dasar peta untuk membuat selection baru berdasarkan bentuknya. Klik icon Add layer mask untuk menyembunyikan pixel yang tidak dipilih.

Adding layer mask to the sea
Adding layer mask to the sea

Langkah 3

Lakukan secara manual memperbaiki elemen yang rusak di lanskap, jika ada, melukis dengan warna putih menggunakan soft brush. Dalam kasus ini, lakukan ini dengan batu.

Fixing broken rock

Langkah 4

Untuk menambahkan lebih banyak gelombang laut, kita hanya dapat duplikasi gambar laut dan memindahkannya ke posisi yang berbeda. Menerapkan layer mask yang sama seperti yang pertama dan kemudian menyembunyikan beberapa area tertentu sampai menyatu dengan gambar pertama.

Adding another part of the sea
Adding another layer mask

Langkah 5

Pilih laut dengan Control-klik pada layer bentuk. Menambahkan Adjustment Layer Photo Filter dengan Cooling Filter untuk meningkatkan kontras permukaan laut biru.

Increase sea contrast
Adding Photo Filter

5. Menambahkan Detail

Langkah 1

Mari kita menambahkan kontras ke pemandangan secara manual. Mulai dengan memilih bukit utama. Buat layer baru di atasnya dan kemudian klik Edit > Stroke untuk menambahkan garis stroke.

Add contrast to the landscape edges
Adding black stroke
Adding black stroke

Langkah 2

Menerapkan filter Gaussian Blur untuk melembutkan garis, dan kemudian mengurangi pengaturan Opacity di panel Layers. Jika perlu, Anda juga dapat menghapus segmen garis mengabur menggunakan Eraser Tool.

Soften the stroke line

Langkah 3

Mengulangi proses ini, dan menambahkan bayangan yang lain dengan melukis warna hitam pada layer baru.

Add another shadow

Langkah 4

Mari kita membuat jalan lebih realistis dengan menambahkan jalan yang belum selesai pada akhir. Aktifkan layer lanskap bukit dan kemudian lukis dengan warna putih untuk memperlihatkan sepotong jalan tergantung di luar peta. Di bawah jalan, lukis dengan warna hitam untuk menambahkan ketebalan jalan dan kemudian lukis bayangan lembut besar di tanah subur.

Add broken street

Langkah 5

Untuk membuatnya tampak lebih realistis, menambahkan layer baru dan mencoret-coret beberapa garis hitam pendek menggunakan Pencil Tool dengan ukuran brush 1 px di jalan. Duplikasi layer, dan membalikkan warna menjadi putih dengan menekan Control-I. Memindahkan coretan putih turun 1 pixel. Mengurangi pengaturan Opacity di panel Layers.

Make the street more realistic
Adding scribbles to the street
The result after adding scribbles to the street

Langkah 6

Menambahkan bayangan lain dan cahaya menyorot ke pemandangan melukis dengan warna hitam dan putih menggunakan soft big brush dengan Opacity rendah.

Adding shadow and highlight

Langkah 7

Di sini adalah bagian menyenangkan. Peta tidak akan lengkap sampai kita punya mobil kecil di jalan kosong. Anda mungkin melihat bahwa dalam lanskap utama kita ada mobil yang diparkir. Pilih dan kemudian copy ke layer baru (Control-J). Menempatkan itu di jalan, menambahkan layer mask, dan kemudian menyembunyikan pixel yang idak dibutuhkan dengan melukis mereka dengan hitam.

Adding car
Adding car
Car added

6. Menambahkan Latar Belakang

Langkah 1

Kita akan menggunakan latar belakang yang sederhana untuk peta ini. Aktifkan Gradient Tool dengan warna standar gradient putih ke hitam. Drag dari atas ke bawah sampai kita punya latar belakang ini.

Add white to black gradient for background

Langkah 2

Mari menambahkan bayangan di bawah peta. Control-klik pada dasar untuk membuat selection baru. Isi dengan hitam, hapus selection (Control-D), dan kemudian menerapkan filter Gaussian Blur (Filter > Blur > Gaussian Blur) untuk melembutkan. Mengulangi proses ini beberapa kali dengan pengaturan Radius yang berbeda dan layer Opacity sampai kita memiliki lantai realistis.

Adding map shadow
Adding map shadow

Langkah 3

Kita mungkin perlu untuk menggambar bayangan secara manual dengan melukis hitam pada canvas menggunakan big soft Brush Tool dengan Opacity rendah.

Adding map shadow

Langkah 4

Latar belakang abu-abu ini terlalu membosankan. Mari kita membuatnya lebih menarik dengan mengubah warnanya menjadi biru. Menambahkan Adjustment Layer Photo Filter di atas latar belakang dan pilih Cooling Filter.

Adding photo filter adjustment

Kesimpulan

Sekarang, kita telah mencapai hasil akhir. Seperti yang Anda lihat, tidak ada trik rumit dalam tutorial ini. Kita hanya menggunakan layer mask sederhana dan sedikit menggambar manual.

Saya percaya bahwa penting untuk memilih foto lanskap terbaik — dengan melakukan ini, kita menyelamatkan diri dari mengedit foto memakan waktu dan bisa fokus pada bekerja dengan bentuk peta. Saya berharap Anda memahami tutorial ini dan dapat mengikuti dengan mudah. Jika Anda mengikuti tutorial ini, membiarkan saya tahu hasil Anda. Saya akan senang melihatnya. Terima kasih.

Final result
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.