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

Membuat Tampilan Dunia Lama yang Menakjubkan di Photoshop

by
Read Time:13 minsLanguages:

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

Dalam tutorial ini, kita akan membuat semacam komposisi dunia-lama yang menampilkan kompas dan memanfaatkan beberapa karya seni vektor mengagumkan dari Arsenal. Seperti biasa ada file PSD di bagian bawah tutorial. Dalam hal ini, saya sangat menyarankan untuk mengunduhnya karena ini adalah komposisi yang cukup rumit. Diperingatkan ini adalah tutorial LONG!

Oh dan jika Anda bertanya-tanya, inspirasi berasal dari kumpulan buku yang benar-benar rapi, salah satunya disebut Golden Compass (sebenarnya mereka membuat seri buku film sekarang!).


Assets

Untuk melakukan ini, kita akan membutuhkan beberapa aset untuk dikerjakan. Saya menggunakan beberapa bentuk vektor dari GoMedia/Arsenal's Freebie Section. Arsenal adalah seperangkat paket vektor yang Anda beli yang dapat digunakan di Illustrator atau Photoshop. Dalam hal ini karena saya murah hati, saya hanya pergi ke bagian "Freebie" dan mengunduh semuanya di sana!

Selain itu saya membutuhkan gambar kompas yang saya dapatkan dari iStockPhoto seharga $ 1. Saya juga menggunakan font Nuptial Script. Saya tidak bisa untuk mengingat-ingat di mana saya mendapat font ini apakah secara gratis atau tidak. Dalam hal apapun, jika Anda tidak memiliki font khusus itu, Anda mungkin dapat menemukan sesuatu yang serupa.


Bagian 1 -  the Banner

Saya telah membagi tutorial ini menjadi dua bagian, kemudian pada akhirnya kita akan mengumpulkannya untuk membentuk gambar akhir. Anda harus mengunduh PSD dan memeriksanya. Gambar ini sangat rumit dan akan lebih masuk akal ketika Anda melihat layers!


Langkah 1:

Jadi pertama-tama, kita mulai dengan gradien latar belakang. Seperti biasa saya menggunakan Radial Gradient, dan mengambil beberapa warna gelap kebiruan.

Foreground color - #35444b
Background color - #1a2023


Langkah 2:

Sekarang hal selanjutnya yang harus dilakukan adalah menempelkan gambar vektor pertama kita. Ini adalah semacam banner.

Ada dua cara Anda bisa melakukan ini. Setelah Anda pergi ke GoMedia site, klik bagian Freebie dan Anda akan mengunduh dokumen EPS. Dokumen-dokumen ini dalam format vektor dan idealnya Anda dapat membukanya di Illustrator lalu salin + tempelkan vektor ke Photoshop. Jika Anda melakukannya dengan cara ini, Anda akan mendapatkan Objek Vektor Pintar yang dapat diubah ukurannya tanpa kehilangan kualitas apa pun. Jika Anda melakukan ini, Anda mungkin perlu mengklik kanan layer setelahnya dan klik Rasterize Layer karena kita perlu melakukan beberapa pekerjaan di atasnya.

Atau jika Anda tidak memiliki / menggunakan Illustrator, maka cukup buka file EPS di Photoshop. Ini akan menanyakan Anda seberapa besar ukuran yang ingin Anda rasterisasikan. Saya hanya memilih beberapa nilai acak dan kemudian mengulangnya beberapa kali hingga saya memiliki ukuran yang tepat. Perhatikan bahwa setelah dirasterisasi, Anda akan kehilangan informasi dalam gambar saat Anda mengubah ukuran, jadi sebaiknya hanya melakukannya sekali.

Bagaimanapun inilah banner:


Langkah 3:

Sekarang mendapatkan Magic Wand seleksi Tool (L) dan klik pada bagian atas banner, kemudian buat layer baru dan mengisinya dengan warna beige (#dfd6b8)


Langkah 4:

Ulangi proses dengan dua bagian banner di latar belakang (seperti yang ditunjukkan di bawah).

Selanjutnya kita ingin sedikit memperbaikinya, yang bisa kita lakukan dengan Burn Tool (O). Jika Anda belum pernah menggunakan alat Dodge dan Burn, pada dasarnya mereka menggelapkan atau menerangkan objek. Anda menggunakannya dengan melukis dengan kuas dan mereka adalah alat yang cukup rapi. Salah satu tip berguna adalah bahwa setelah Anda memilih, katakanlah Burn Tool, maka Anda dapat menahan Alt dan itu akan beralih ke Dodge (dan sebaliknya) sehingga Anda tidak perlu pergi ke toolbar dan mengubahnya di sana.

Sekarang karena kita ingin tampilan yang benar-benar berpasir, ia membayar untuk menggunakan kuas yang berpasir. Dalam contoh ini, saya telah menggunakan kuas yang saya unduh lagi dari bagian Freebie GoMedia site's. Anda cukup mengunduhnya dan kemudian membuka palet Brush, klik panah kecil yang menunjuk ke kanan dan pilih Load Brushes dan semuanya harus muncul di bagian bawah.

Setelah Anda memiliki sikat grunge yang bagus, mulailah membakar sisi kanan seperti yang ditunjukkan. Lakukan dalam gumpalan pendek sehingga Anda mendapatkan tekstur kasar yang bagus.


Langkah 5:

Ulangi proses ini di sisi lain, lalu gunakan sedikit Dodge di tengah. Kemudian ulangi lagi di belakang, sehingga bit-bit ke arah tengah menjadi gelap dan bagian luarnya menjadi terang.

Perhatikan bahwa kita mencoba mensimulasikan cahaya di sini dengan sumber cahaya dari depan mati. Jadi alasan kita melakukannya seperti ini adalah bahwa bit di kedua sisi harus gelap karena bagian-bagian itu berpaling dari penampil. Di bagian belakang, bagian-bagian di tengah jatuh ke lipatan sehingga mereka akan dibayangi. Tentu saja ini hanyalah perkiraan yang samar-samar, tetapi ini membantu dengan keseluruhan visual.


Langkah 6:

Sekarang tahan Ctrl dan klik pada layer dengan bagian beige atas untuk memilihnya. Lalu tekan panah ke atas beberapa kali. Kemudian kembali ke layer vektor banner asli dan tekan Delete.

Pada dasarnya kita menyingkirkan garis hitam atas.


Langkah 7:

Sekarang di layer baru, isi seleksi dengan biru gelap (#283438)


Langkah 8:

Keluarlah dari 'Burn Tool' lagi dan mulailah memberi layer ini beberapa tekstur. Seperti sebelumnya Anda ingin bagian tepi menjadi sedikit lebih gelap daripada bagian tengahnya, namun jangan membuat efeknya terlalu mencolok.


Langkah 9:

Sekarang duplikat layer beige dari belakang dan gerakkan sedikit dan kemudian ke kiri seperti yang ditunjukkan. Ini memberi banner kami semacam tampilan off-center yang membuatnya luar biasa!


Langkah 10:

Selanjutnya kita akan mengganti sisa bagian hitam vektor dengan biru gelap dan lagi memberi beberapa tekstur. Jadi, tahan Ctrl dan klik pada layer itu untuk memilihnya. Lalu isi dengan warna biru gelap.


Langkah 11:

Sekarang lagi melalui dan menggunakan Burn Tool untuk menambahkan bayangan ke bagian-bagian yang masuk ke lipatan untuk memberikan sedikit tiga dimensi.


Langkah 12:

Selanjutnya di layer baru tuliskan beberapa teks. Saya menulis beberapa kata acak di sini. Gunakan warna krem dan pilih font yang bagus. Dalam hal ini saya menggunakan Script Nuptial..


Langkah 13:

Sekarang klik pada Type Tool (T) dan klik atas pada T dengan panah di bawahnya untuk memunculkan opsi Warp Text. Di sini kami menggunakan Arc dan memberikan tikungan sekitar 43%..

Perhatikan bahwa jika Anda adalah pengguna ilustrator, Anda dapat melakukan Text on a Path thing in Illustrator dan kemudian menyalinnya ke atas dan itu mungkin memiliki sedikit distorsi pada huruf. Tapi karena ini adalah tutorial Photoshop dan bukan Illustrator, kami hanya akan menempel pada PS :-)


Langkah 14:

Berikutnya saya telah menambahkan beberapa style layer untuk membuat teks terlihat seperti emas. Anda dapat membuka PSD di akhir tutorial ini dan cukup salin gaya layer dengan mengklik kanan pada layer dan memilih Copy Layer Style. Saya suka gaya layer karena Anda tidak akan ragu menyadari jika Anda cukup membaca tutorial saya. Hal terbaik untuk dilakukan saat menggunakan gaya layer adalah bermain-main dengan setiap pengaturan, ada banyak hal keren yang dapat Anda lakukan..


Langkah 15:

Jadi Anda harus memiliki sesuatu yang terlihat seperti gambar yang ditunjukkan di bawah ini! Selanjutnya kita akan membuat latar belakang dan pewarnaan. Jadi matikan visibilitas layer ini dan mari kita mulai dengan latar belakang.


Bagian 2 - the Background

Di bagian ini, kita akan membuat semua bagian lain dari gambar. Jenis ini berjalan di sekitar apa yang sudah kita lakukan - cara terbaik untuk melihat urutan lapisan adalah dengan melihat file Photoshop.

Langkah 16:

Jadi mematikan semua layer Anda saat ini kecuali latar belakang.


Langkah 17:

Sekarang kita akan menambahkan sedikit tekstur ke latar belakang. Untuk ini saya menggunakan tekstur sampel, lagi dari GoMedia/Arsenal's Freebie Section

Yang ini disebut "Rust11.jpg." Tempelkan dan kecilkan ke ukuran. Kemudian atur ke Overlay sehingga berinteraksi dengan blues gelap dari latar belakang kita.


Langkah 18:

Karena saya tidak berpikir itu tampak cukup gelap, saya menambahkan layer di atas abu-abu gelap dan mengaturnya menjadi Multiply dan 35%.

Saya harus menunjukkan bahwa dengan gambar yang rumit ini, Anda harus bereksperimen dan melakukan banyak hal dengan mata. Jadi sering saya akan melihat sesuatu dan berpikir, ini perlu lebih gelap, atau yang tidak berfungsi dan mengambil sesuatu atau memasukkan barang. Tentu saja ketika datang dengan gambar ini saya tidak melalui langkah-langkah ini dalam urutan ini. Itu hanya cara mudah untuk menyampaikan informasi kembali kepada Anda. Jadi jangan berpikir bahwa Anda perlu memiliki rencana luar biasa dalam pikiran ketika Anda membuat gambar, hanya lakukan apa yang terasa benar. Semakin banyak Anda melakukannya, semakin terlatih mata Anda untuk memutuskan apakah sesuatu itu benar atau tidak.


Langkah 19:

Sekarang saya telah memasukkan beberapa vektor dari paket gratis GoMedia. Saya memilih beberapa vektor patung yang tampak tua dan mengatur semuanya ke Multiply. Karena saya tidak memiliki cukup, saya membalik beberapa untuk menutupi seluruh halaman tanpa terlihat seperti saya hanya mengulang berulang!


Langkah 20:

Selanjutnya saya sisipkan di kedua terakhir dari vektor kita dari GoMedia. Yang ini rupanya adalah nada setengah nada. Dalam hal apapun sepertinya jendela untuk saya dan kita akan menggunakannya untuk penerangan. Pertama karena vektornya hitam, saya menekan Ctrl-I untuk membalikkan warna menjadi putih. Anda bisa dengan mudah mengisinya dengan putih, Color-Overlay dengan putih atau pilih pikselnya dan membuat layer baru dan mengisinya dengan warna putih. Sungguh sering ada banyak cara untuk melakukan hal yang sama di Photoshop: Saya rasa itulah yang membuatnya menjadi program yang hebat!


Langkah 21:

Selanjutnya kita tekan Ctrl + T untuk mengubah dan memutar vektor di sekitar dan merentangkannya menjadi lebih besar.


Langkah 22:

Setel layer itu ke Overlay dan pastikan itu bagus dan besar (seperti ditunjukkan di bawah). Seperti yang Anda lihat, terlihat seperti cahaya yang masuk dari beberapa jendela yang terbuka.. Anda tidak akan dapat melihat banyak hal ini di gambar akhir, tetapi detail seperti ini menambahkan hingga komposisi kompleks yang bagus pada akhirnya.

Juga karena cahaya jarang bagus dan tajam, itu ide yang baik untuk pergi ke Filter> Blur> Gaussian Blur dan menerapkan blur dengan radius katakan 1px hanya untuk membuatnya agak kabur.


Langkah 23:

Selanjutnya buat layer baru dan gunakan Radial Gradient dari beige (# b58d4e) ke nol, tarik dari pusat keluar untuk membuat patch warna seperti yang ditunjukkan di bawah ini. Atur blending mode layer ini ke Screen. Ini akan menjadi sedikit pencahayaan.


Langkah 24:

Sekarang duplikat layer terakhir itu lagi dan sekarang kita akan menjalankan filter Wave di atasnya beberapa kali untuk membuat pencahayaan lebih dinamis. Anda melakukan ini dengan masuk ke Filter> Distort> Wave.

Saya harus mengakui bahwa saya tidak benar-benar mengerti bagaimana filter Wave bekerja, jadi saya biasanya hanya memindahkan beberapa slider sekitar sedikit dan tekan Randomize sampai saya mendapatkan distorsi yang bagus - ilmiah yang saya tahu :-)

Bagaimanapun setelah Anda melakukan itu, Anda akan melihat gumpalan Anda menjadi agak bergelombang. Tekan Ctrl + F beberapa kali untuk membuatnya sangat terdistorsi dan Anda akan mendapatkan efek yang menarik.

Setelah Anda selesai melakukannya, Anda dapat melakukannya jika Anda memilih untuk mengulangi proses dan memiliki gumpalan cahaya kedua di halaman.


Langkah 25:

Sekarang saya telah menambahkan vektor lain ke gambar, lagi dari bagian gratis GoMedia. Ini terlihat seperti kotoran kasar, dan saya baru saja menambahkannya dan mengubah blending mode menjadi Overlay dan 40%.


Langkah 26:

Selanjutnya saya pergi ke beberapa halaman Web acak about the Bible dan menyalin beberapa teks acak dan menempelkannya berulang-ulang. Sebenarnya melihat ke belakang, saya melakukan sedikit pekerjaan yang buruk dengan menjaga garis-garis bahkan ketika saya menduplikasi mereka, tetapi itu tidak terlalu penting, saya kira. Hal utama yang harus dilakukan adalah mendapatkan banyak teks dan menggabungkan layer bersama.

Kemudian mengatur blending mode ke Hard Light dan 40%.


Langkah 27:

Sejauh ini semua yang telah kita lakukan seharusnya menjadi BEHIND layer asli dari Bagian 1. Sekarang buat layer ABOVE di atas banner Bagian 1. Dan pilih yang besar, gemuk, sikat lembut (katakanlah 200-300) dan dengan warna hitam sebagai warna foreground Anda hanya melukis di sekitar tepi seperti yang ditunjukkan. Setelah selesai, ubah blending mode menjadi Overlay.


Langkah 28:

Selanjutnya di layer baru pilih warna-warna ini sebagai latar depan dan latar belakang Anda:

Foreground Color - deb883

Background Color - 745222

dan kemudian pergi ke Filter> Render> Clouds. Sekarang seharusnya memberi Anda beberapa awan, tetapi untuk mendapatkan render yang lebih dinamis, tekan Ctrl + Alt + F. Saya tidak yakin apa ini sebenarnya di menu, tetapi saya tahu bahwa itu menghasilkan awan dengan perbedaan yang lebih berat, yang kita inginkan. Anda harus mendapatkan beberapa awan yang terlihat seperti di bawah ini.

Atur blending mode ke Overlay dan 65%. Layer ini akan memberi kita sebagian besar warna kita.


Langkah 29:

OK, hampir sampai sekarang!

Anda harus memiliki beberapa layer di bagian atas, sekelompok layer latar belakang di bagian bawah, dan kemudian layer dari Bagian 1 di suatu tempat di tengah.

Selanjutnya kita akan menambahkan kompas. Ini harus berada di tengah layer dari Bagian 1 karena akan berinteraksi dengan mereka. Anda dapat melihat urutan tepatnya dengan mengunduh file PSD dari bagian bawah tutorial ini.

Jadi dengan menggunakan the Circle Selection Tool, saya memotong kompas dari latar belakang aslinya (ingat saya mendapatkan kompas ini dari iStockPhoto). Kelihatannya kekuningan karena kami memiliki layer awan di suatu tempat di atas.


Langkah 30:

Kompasnya terlihat agak datar, jadi kita akan menambahkan sedikit warna. Untuk melakukan ini, duplikat layer kompas dan tekan Ctrl + Shift + U untuk desaturate (mis. Menjadikannya Hitam dan Putih)


Langkah 31:

Setel layer Hitam Putih ke Overlay. Ini memberikan tampilan kontras yang lebih tinggi. (Sebenarnya, Anda dapat mencapai efek yang sama dengan beberapa cara lain.)

Selanjutnya keluarkan Burn Tool lagi dan, pergi ke layer kompas asli, berikan beberapa judicious burning di bagian bawah dan samping. Sekarang kompas kita mulai terlihat nyaman dan hangat.


Langkah 32:

Kemudian pada layer di bawah kompas, buat lingkaran hitam dengan ukuran yang sama dengan kompas. Anda dapat melakukan ini dengan menekan Ctrl dan mengklik layer kompas lalu kembali ke layer di bawah dan mengisinya dengan hitam.

Selanjutnya masuk ke Filter> Blur> Gaussian Blur dan berikan blur 10px atau lebih. Ini bayangan untuk kompas kita.


Dan Letakkan bersama-sama

Akhirnya, kita menempatkan kompas + latar belakang + banner bersama untuk membentuk gambar akhir!

Perhatikan bahwa ada beberapa layer yang saya tinggalkan untuk menjaga tutorial ini singkat (lebih baik pula). Anda dapat mengunduh PSD untuk melihat sisanya! Semoga Anda menikmati tutorial itu, itu sedikit monster!

One subscription.
Unlimited Downloads.
Get unlimited downloads