Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Adobe Photoshop

Mengubah Sebuah Foto Menjadi Seni Potongan Block LEGO Dalam Adobe Photoshop

by
Difficulty:BeginnerLength:LongLanguages:

Indonesian (Bahasa Indonesia) translation by Yosef Andreas (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Gunakan Adobe Photoshop untuk membentuk versi LEGO dari sebuah foto. Gunakan beberapa teknik filter dan bayangan yang cerdas untuk membuat dengan mudah tampilan pembuatan sebuah replika foto dengan ratusan blok plastik kecil.

1. Membuat Pola Blok

Mari kita mulai dengan membuat pola blok dasar seperti LEGO. Ketepatan adalah kunci agar efek ini berfungsi dengan benar, sehingga kamu perlu berhati-hati dengan pengukuran pixel untuk memastikan polany cocok dengan efek mosaik nantinya.

Langkah 1

Buat sebuah dokumen New dengan dimensi 60x60 pixels.

Kemudian buat sebuah layer baru dan isi itu dengan 50% grey dengan menggunakan perintah Edit > Fill dan pilih 50% Gray dari menu drop-down.

Tambahkan Layer Style Bevel and Emboss dengan size diatur ke 0 pixels seperti yang terlihat di sini:

Langkah 2

Atur warna foreground menjadi midtone gray yang sama(#808080

Kemudian pilih Ellipse Tool (U) dan di mana saja pada kanvas. Buat sebuah lingkaran dengan dimensi 42 x 42 pixels. 

Kemudian gunakan Path Selection Tool (A) untuk menarik lingkaran hingga itu hingga tepat dengan pusat canvas.

Tambahkan Layer Style Bevel and Emboss dengan nilai Depth menjadi 62% dan Size menjadi 3 pixels.

Kemudian tambahkan Layer Style Drop Shadow dengan Distance dan Size masing-masing sebesar 5 pixels.

Pada titik ini blok hendaklah mewakili tampilan atas ke bawah blok LEGO tradisional ukuran 1x1.

Langkah 3

Gunakan Horizontal Type Tool (T) untuk menempatkan beberapa teks ke dalam posisi tengah lingkaran. Gunakan font san serif tipis seperti Verb atau Arial


Kemudian posisikan teks dengan menggunakan Move Tool (V). Aktifkan pilihan Show Transform Controls di dalam Options Bar untuk membuat teks lebih mudah untuk menaikkan skala.

Teks akhir hendaklah memiliki warna abu-abu yang sama seperti sebelumnya (#808080) namun sulit untuk memposisikannya dengan benar. Pertimbangkan untuk mengubah warna teks menjadi hitam atau putih, kemudian mengubahnya kembali ke abu-abu setelah diposisikan.

Tambahkan Layer Style Bevel and Emboss pada teks dengan Depth sebesar 1 pixel dan Size sebesar 1 pixel.

Tambahkan Layer Style Drop Shadow dengan Distance sebesar 2 pixels dan Size sebesar 3 pixels

Langkah 4

Pada titik ini kamu hendaklah menyimpan file sumber! Langkah berikutnya akan menyebabkanmu kehilangan semua layer yang bisa diedit.

Ratakan file dengan Layer > Flatten Image. Semua layer akan digabungkan ke dalam layer background tunggal.

Kita perlu mengatur ulang ukuran menjadi persis 30x30 pixel. Pergi ke Image > Image Size dan masukkan nilai 30 baik untuk Width dan Height. Pastikan unit diatur menjadi Pixels

Kemudian pergi ke Edit > Define Pattern dan beri nama pola seperti "LEGOblock-top".

Kemudian tutup file tanpa menyimpannya.

2. Mempersiapkan Gambar

Sekarang setelah kita membuat pola seperti blok LEGO, kita perlu menerapkannya pada gambar dengan cara untuk tampak seperti gambar yang secara realistis disusun dari blok sebenarnya.

Langkah 1

Buka sebuah gambar untuk menerapkan efek ini. Pilih sebuah gambar yang tidak memiliki banyak detail, namun memiliki garis yang kuat dan kontras yang bagus. Jika gambar cukup familiar, seperti Patung Liberty, efek akhirnya akan lebih baik.

Gambar perlu memiliki dimensi pixel yang bisa dibagi dengan 30. Jadi pergi ke Image > Image Size dan input nilai Height sebesar 1500. Jangan khawatir mengenai nilai Width untuk saat ini.



Untuk mengatur nilai width pergi ke Image > Canvas Size dan masukkan nilai Width sebesar 960

Photoshop akan meminta untuk melakukan clipping pada konten. Klik Proceed.

Langkah 2

Buat salinan layer background dengan pergi ke Layer > New Layer Via Copy (Control-J).

Kemudian pergi ke Filter > Pixelate > Mosaic dan atur Cell Size menjadi 30 square.

Pada poin ini gambar harusnya tampak sebagai sebuah susunan persegi berwarna yang solid.

3. Menerapkan Pola Blok

Langkah 1

Sekarang untuk menampilkan pola blok bagian atas yang kita buat dalam Langkah 1. Pertama-tama buat layer baru dengan pergi ke Layer > New Layer (Shift-Control)



Kemudian pergi ke Edit > Fill (Shift-F5) dan pilih Pattern dari menu Use dan temukan pola blok custom di bagian bawah daftar dalam menu drop-down Custom Pattern.

Langkah 2

Isi canvas dengan pola blok. Ubah Blend Mode layer menjadi Overlay agar warna mosaik muncul melalui pola blok. 

4. Membuat Layer Mask

Langkah berikutnya adalah melakukan masking bagian luar blok sehingga blok patung tampak berada di atas blok background.

Langkah 1

Mari kita permudah dengan menggunakan grid 30 pixel untuk panduan seleksi dalam masking. Pergi ke Edit > Preferences > Guides, Grid & Slices.  dan pada bagian Grid atur Gridline Every 30 Pixels.

Untuk melihat grid pada canvas pergi ke View > Show > Grid.

Langkah 2

Sekarang gunakan Rectangular Marquee Tool (M) diatur ke Add to Selection di dalam Options Bar untuk membuat seleksi di sekitar kepala dan bahu patung, dengan menggunakan grid untuk mendampingi dalam membuat seleksi agar membuat outline blok dengan sempurna.

Langkah 3

Pergi ke Layer > Layer Mask > Reveal Selection untuk menggunakan seleksi sebagai masking. Panel Layers akan menampilkan thumbnail hitam putih yang menunjukkan layer mask.

Langkah 4

Thaan tombol Alt sembari memindahkan kursor antara layer Mosaic dan layer pola. Ketika kamu melihat kursor berubah dari tangan yang menunjuk menjadi persegi dengan panah ke arah bawah, klik itu! Ini akan mengklip layer pola menjadi layer mosaik, yang memungkinkan kedua layer dikendalikan layer mask yang sama.

5. Membuat Blok Background

Langkah 1

Kita sudah mendapatkan blok patung, namun sekarang kita perlu membuat blok tingkat dasar. Jadi ulangi proses yang sama dalam menduplikasikan layer background dan menjalankan filter mosaik. Kemudian tempatkan sebuah layer di atasnya yang diisi dengan pola blok. Buat masking yang mencantumkan seri blok terlepas di dekat bagian bawah dan klip pola ke layer mosaik. File hendaklah mewakili yang satu ini.

Langkah 2

Blok background tampak terlalu mirip dengan blok patung. Untuk membuat perbedaan visual, ubah Blend Mode untuk layer pola blok menjadi Luminosity.

Langkah 3

Itu me-render blok menjadi terlalu gelap. Untuk memperbaiki ini, mari kita cerahkan layer pola blok. Pergi ke Image > Adjustments > Levels (Control-L) dan sesuaikan handel untuk mencocokkan pengaturan di sini:

Langkah 4

Kemudian pergi ke Filter > Blur > Gaussian Blur dan gunakan radius sekitar 0.4 Pixels. Ini membuat blur halus pada blok latar belakang, sehingga ketajaman blok patung lebih menonjol.

6. Membuat Bayangan

Blok tingkat atas hendaklah memancarkan bayangan pada tingkat bawah. Jika permukaannya rata, ini akan mudah. Namun semua balok kecil ini membuat permukaan yang tidak rata yang akan mengaburkan garis bayangan. Untuk mengakomodasi ini kita akan membuat dua layer bayangan, satu untuk bagian atas tonjolan, dan satu lagi untuk area dasar di sekitar tonjolan. Detail ini sangat halus, namun penting untuk membuat efek yang realistis.

Langkah 1

Buat layer baru di bawah layer StatueBlocks dan beri nama Shadow1.

Langkah 2

Control-Klik mask thumbnail pada Layer StatueBlocks untuk membuat seleksi dari itu. Kamu akan melihat semut bergerak yang mengitari area.

Langkah 3

Isi seleksi warna hitam dengan pergi ke perintah Edit > Fill (Shift-F5) dan memilih Black dari menu drop-down Use. Area yang dipilih akan terisi warna hitam namun kamu belum bisa melihatnya karena itu berada di balik layer blok.

Langkah 4

Tahan tombol Shift dan tekan tombol Panah Bawah dua kali. Kemudian tekan tombol Panah Kanan 15 kali (tanpa Tombol Shift). Ini akan memposisikan bayangan pada kanan bawah blok untuk membuat awalan bayangan.

Langkah 5

Bayangan tidak akan tampak benar hingga sudut-sudutnya terhubung. Jadi pilih Polygonal Lasso Tool dan pastikan mode diatur menjadi Add to Selection. Kemudian klik pada sudut layer shadow dan hubungkan itu ke sudut blok yang akan memantulkan bayangan. Tambahkan titik klik ketiga untuk melengkapi area segitiga. Lakukan ini untuk tiap sudut tampak.



Langkah 6

Isi seleksi dengan warna hitam dengan menggunakan perintah Edit > Fill (Shift-F5) dengan Black sebagai pengaturan Use.



Kemudian tekan Control-D untuk Deselect.

Langkah 7

Lembutkan layer bayangan dengan pergi ke Filter > Blur > Gaussian Blur dan atur Radius menjadi 2.0 Pixels.

Langkah 8


Atur Blend Mode menjadi Multiply dan turunkan Opacity menjadi 24%

7. Menyesuaikan Bayangan Agar Mengikuti Kontur

Saat ini bayangan tampak berjalan pada permukaan yang rata. Pada kenyataannya bagian bulat pada blok akan memecah garis bayangan. Mungkin tampak mengerikan untuk mencoba mendapatkan bayangan untuk mengikuti tiap pos kecil, namun dengan menyesuaikan pola blok asli, kita bisa mencapai efek ini dengan mudah.

Langkah 1

Kembali ke file asli yang digunakan untuk membuat pola blok. Sembunyikan layer teks dan layer yang berwana abu-abu. Dobel klik thumbnail layer Ellipse untuk memilih warna isi dan pilih hitam solid.

Langkah 2

Ratakan file dengan Layer > Flatten Image dan tekan OK ketika diminta tentang membuang layer tersembunyi. Kemudian ubah ukuran gambar dengan Image > Image Size dan tentukan Width dan Height agar masing-masing tepat 30 pixels.

Langkah 3

Atur gambar ini sebagai sebuah pola baru dengan pergi ke Edit > Define Pattern. Lalu kamu bisa menyimpan file tanpa menyimpan.

Langkah 4

Kembali ke file project utama dan tambahkan layer mask pada layer Shadow1 dengan menekan tombol Add Layer Mask pada bagian dasar panel Layers

Langkah 5

Pastikan mask ditarget (harusnya ada garis tepi putih di sekitar thumbnail) dan isi itu dengan pola baru dengan menggunakan perintah Edit > Fill. Atur Use menjadi Pattern dan pilih pola yang baru dibuat dari bagian bawah daftar drop-down Custom Pattern.

Ini akan menghapus bayangan dari bagian atas pasak blok dan hanya memungkinkan itu untuk dilihat di area sekitar dan antara pasak.

Langkah 6

Sekarang kita akan membuat sebuah bayangan untuk bagian atas pasak yang sedikit melenceng dari bayangan yang ada. Duplikasikan layer Shadow1 dengan menekan Control-J.

Kita ingin menerapkan masking pada layer ini untuk menunjukkan bagian atas pasak, yang merupakan kebalikan dari fungsinya. Targetkan masking salinan dengan mengklik pada thumbnail. Kemudian tekan Control-I untuk menerapkan Invert pada masking. 

Langkah 7

Sekarang untuk menggeser bayangan sedikit agar memberi penampakan bahwa itu mengikuti kontur pasak. Terlebih dahulu targetkan layer aktual, bukan masking, dengan mengklik thumbnail layer. Kemudian putuskan tautan layer dari masking dengan mengklik icon tautan rantai kecil antara dua thumbnail. Ini akan membiarkkan masking tetap pada tempatnya ketika kita menggerakkan layer.

Langkah 8

Sekarang dorong bayangan ini ke atas dan ke kiri dengan mengetuk tombol Panah Atas dan Panah Kiri masing-masing lima kali. Penggeseran kecil ini memberikan penampilan bayangan yang jauh lebih realistis.

8. Menambahkan Tampilan Plastik

Lapisan bagian atas blok hampir selesai. Itu hanya memerlukan beberapa detail kecil untuk membuatnya tampak seperti blok plastik sungguhan.

Langkah 1

Mulai dengan menambahkan Layer Style Bevel and Emboss dengan Depth sebesar 32% dan Size sebesar 3 px.

Kemudian Drop Shadow dengan nilai Opacity menjadi 69%Distance sebesar 7px dan Size sebesar 9 px.

Ini memberikan efek cahaya yang lebih realistis pada lapisan atas blok.

Langkah 2

Untuk lebih meningkatkan tampilan plastik, gunakan efek filter yang halus. Namun pertama-tama, pilih layer StatueBlocks dan BlockPattern dan buat layer gabungan dengan menahan Alt dan pergi ke Layer > Merged Layers (Control-E)

Langkah 3

Pergi ke Filter > Filter Gallery dan buka folder Artistic dan pilih filter Plastic Wrap. Atur Highlight Strength menjadi 5Detail menjadi 13, dan Smoothness menjadi 5.

Kemudian turunkan Opacity layer menjadi 40% untuk membuat efek yang sangat halus.

Langkah 4

Untuk membuatnya lebih jelas bahwa bagian atas blok berada di atas bagian bawah, tambahkan blur halus pada bagian bawah blok. Ini mensimulasikan ide yang sama seperti focal point pada fotografi. Pilih layer BackgroundBlockPattern dan pergi ke Filter > Blur > Gaussian Blur dan atur Radius menjadi 0.4 pixels.

Pada titik ini project kamu hendaklah tampak mirip seperti ini:

9. Memperluas Canvas

Lapisan atas blok telah selesai, jadi sekarang waktunya untuk berpindah ke lapisan dasar. Namun pertama-tama canvas memerlukan penyesuaian untuk ruang bagi efek bayangan. Penting untuk memulai dengan dengan ukuran canvas yang lebih sempit agar filter Mosaic berkerja dengan baik. 

Langkah 1

Buka kunci layer background dengan mengklik icon Gembok pada bagian kanan nama layer dalam panel Layers. Ini akan mengubah layer dari Background menjadi Layer 0.

Langkah 2

Pergi ke Image > Canvas Size dan atur Width menjadi 1036 pixels dan Height menjadi 1560 pixels. Kotak centang Relative harus tidak dicentang dan Anchor harus berada pada posisi tengah default.

Langkah 3

Tambahkan layer style Drop Shadow pada Layer 0. Atur Distance dan Size menjadi 5 pixels.

Langkah 4

Tambahkan layer baru di bawah Layer 0 dengan menahan tombol Control sambil menekan icon Create a New Layer dalam panel Layers

Isi layer ini dengan warna putih dengan pergi ke Edit > Fill dan memilih White dari drop-down Use.

Berikut tampilan seharusnya dari project pada titik ini:

10. Memantulkan Bayangan Akhir

Lapisan dasar blok berada pada permukaan yang rata, yaitu gambar, yang membuat pemantulan bayangan jauh lebih sederhana.

Langkah 1

Untuk membuat pantulan bayangan, ulangi yang sama seperti lapisan atas blok: Buat sebuah layer di bawah layer BackgroundBlocks untuk menahan bayangan

Langkah 2

Buat seleksi dari layer mask BackgroundBlocks dan isi itu dengan warna hitam, kemudian geser bayangan ke bawah dan ke kanan.

Langkah 3

Gunakan Polygonal Marquee Tool yang diatur ke Add to Selection untuk memilih area diagonal dimana bayangan akan jatuh. Kemudian isi seleksi itu dengan warna hitam.

Langkah 4

Batalkan seleksi dengan Control-D dan jalankan filter Gaussian Blur dengan Radius sebesar 3 Pixels

Langkah 5

Atur layer Blend Mode menjadi Multiply dan turunkan Opacity menjadi 20%

Langkah 6

Alih-alih mengatur layer style yang sama lagi, cukup klik kanan pada icon "fx" dari layer StatueBlocks dan pilih Copy Layer Style. Kemudian klik kanan pada layer BackgroundBlocks dan pilih Paste Layer Style.

Pastikan untuk menyimpan filemu karena sudah selesai!

Kerja Yang Luar Biasa, Sekarang Kamu Telah Selesai!

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.