Photoshop Tutorial

Tutorial Photoshop Membuat Efek Cipratan Cat

Bahan Tutorial

1. Membuat Background

Langkah 1

Membuat Dokumen Baru di Photoshop dengan ukuran 960 x 638px. Gunakan Paint Bucket Tool (G) untuk mengisi layer background dengan kode warna #1f222a biru gelap.

Copy dan paste Bahan Cat air  ke kanvas. Sesuaikan ukuran agar sesuai latar belakang dengan memencet pada keyboard Control-T untuk Free Transform. Setelah selesai, atur Layer Blend Mode dari layer cat air untuk membagi.

Langkah 2

Selanjutnya, copy dan paste Bahan cat kedua, yaitu Cat Akrilik ke kanvas. Atur Layer Blend Mode ke Luminosity.

2. Memanipulasi Sepatu

Langkah 1

Mari kita beralih ke sepatu. Ekstrak sepatu dari latar belakang putih dengan menggunakan Magic Wand Tool (W) dan Cut dan Paste ke kanvas. Membalik sepatu dengan cara ke Edit > Transform > Flip Horizontal. Kemudian gunakan Free Transform Tool (Control-T) untuk memutar sepatu.

Langkah 2

Buat Adjustment Layer Baru dari Curves dan Klik kanan untuk mengaturnya sebagai Clipping Mask untuk sepatu. Sesuaikan sedikit warna sepatu dengan pengaturan berikut untuk RGB, biru dan Green Channels (Lihat pada gambar dibawah)

Langkah 3

Supaya bisa menciptakan efek percikan yang bagus, kita harus memisahkan bagian atas sepatu itu sendiri. Gabungkan sepatu dan layer Curves bersama-sama. Gunakan Polygonal Lasso Tool (L) untuk membuat seleksi pada bagian bawah sepatu.

Setelah itu pilih dan kemudian Klik kanan untuk pergi ke Layer via Cut untuk memisahkan bagian bawah sepatu menjadi layer sendiri. Gunakan Free Transform Tool (Control-T) untuk memutar kedua bagian sepatu untuk membuat sepatu menjadi terbuka di bagian kanan.

3. Menambah Cipratan Cat

Langkah 1

Kalian dapat menggabungkan cipratan cat sesuai warna dasar sepatu tersebut atau  bisa menyesuaikan dengan kebutuhan kalian. Buka Paint Splash 1 di Photoshop dan gunakan Magic Wand Tool (W) untuk memilih dan kemudian menghapus latar belakang putih. Pergi ke Image > Adjustments > Brightness & Contrast, sesuaikan Brightness dengan nilai -14 dan Contrast dengan nilai 60.

Jangan ragu untuk melewatkan langkah berikutnya jika kalian memiliki percikan cat putih yang kalian suka. Karena kami disini menggunakan cipratan biru yang kami ubah menjadi warna putih. Untuk melakukan ini, pertama pilih dan hapus latar belakang putih dengan Magic Wand Tool (W). Menuju ke Image > Adjustments > Hue & Saturation dan desaturate cipratan dengan nilai -100 Saturation.

Tahan Control-I untuk Invert cipratan menjadi grayscale, dan kemudian tingkatkan putih dengan menuju ke Image > Adjustments > Brightness & Contrast dan ubah Brightness dengan nilai 84 dan Contrast dengan nilai 46.

Di sini saya menambahkan latar belakang hitam untuk menunjukkan betapa cerah percikan yang muncul sekarang.

Langkah 2

Sekarang bahwa kita memiliki percikan disesuaikan, kita dapat menambahkannya ke TKP. Copy dan Paste cipratan cat ke kanvas dan Putar mereka agar sesuai sepatu dengan Free Transform Tool (Control-T). Jangan ragu untuk mengambil keuntungan dari pilihan Warp untuk menyesuaikan cipratan lebih jauh.

Sekarang tambahkan Layer Masks ke kedua bagian dari sepatu, juga dua cipratan. Sembunyikan layer cat putih. Gunakan Brush Tool (B) dan Soft Round Brush untuk menyapu dengan warna hitam ke Layer Mask dari cat biru untuk membantu agar lebih menyatu dengan sepatu (Lihat hasil pada gambar dibawah).

Lakukan hal yang sama untuk cipratan cat putih. Cat hitam pada Layer Mask pada sepatu juga untuk menyembunyikan bagian tidak ingin ditunjukkan.

4. Mengedit Cipratan Cat

Langkah 1

Setelah kalian memiliki kedua cipratan cat yang digabungkan ke sepatu, pilih masing-masing Layer Mask dan Klik kanan untuk menerapkan Layer Mask. Untuk warna cat biru seperti bagian merah muda terang pada sepatu, gunakan Polygonal Lasso Tool (L) untuk membuat pilihan bersama dengan cat di lebar yang sama seperti yang detail pada sepatu yang berwarna pink.

Setelah memilih lapisan cat biru, menuju ke Image > Adjustments > Hue & Saturation. Sesuaikan Hue dengan nilai 107, Saturation dengan nilai 100, dan Lightness dengan nilai 19.

Ulangi proses ini untuk bagian bawah sepatu dan bersihkan setiap daerah yang terlihat kasar dengan Hard Round Brush (B).

Langkah 2

Mari kita tunjukkan refleksi cepat dari cat putih ke cat biru. Control-J untuk menggandakan layer cat putih dan Pindahkan ke daerah cat biru. Sesuaikan layer Opacity menjadi 25% dan gunakan Eraser Tool (E) untuk menghapus setiap daerah yang tumpang tindih.

5. Menambah Sentuhan Akhir

Langkah 1

Gabungkan semua lapisan sepatu bersama-sama dan menjaga agar layer background tidak terpisah. Untuk menambahkan beberapa bayangan di latar belakang dan tekstur pada sepatu, Klik kanan sepatu kemudian menuju ke Blending Options. Tambahkan Drop Shadow dan efek Satin dengan pengaturan sebagai berikut (Lihat pada gambar dibawah):

Langkah 2

Sekarang menetapkan Adjustment Layer Baru pada Color Lookup sebagai Clipping Mask untuk sepatu untuk menekan warna sedikit. Di sini kita ingin memperdalam warna, jadi sesuaikan pengaturan sebagai berikut (Lihat pada gambar dibawah):

Langkah 3

Tambahkan Layer Baru dan set ke Overlay. Gunakan Brush Tool (B) untuk melukis highlights putih lembut ke bagian atas dari cipratan. Pastikan bahwa beberapa highlights mengenai sepatu juga.

Untuk memperbagus hasil. Isi Layer Baru dengan warna abu-abu terang dan set ke Overlay. Gunakan Dodge Tool (O) dengan nilai 40% untuk membuat efek pencahayaan kuat sepanjang ujung dan sisi sepatu.

Langkah 4

Jangan ragu untuk terus bermain-main dengan efek yang kalian inginkan sendiri. Tambahkan New Adjustment Layer dari Curves untuk menambahkan kontras pada RGB Channel.

Selesai, Lihat hasilnya

Akhirnya selesai juga Tutorial Photoshop Membuat Efek Cipratan Cat kali ini. Semoga kalian bisa memahami dan mempraktekkannya untuk keperluan dan bekal dimasa yang akan datang. Ingat!, semua itu butuh proses dan tidak instant jadi belajarlah terus dan jangan putus asa ya.

Pada tutorial kali ini admin mohon maaf jika ada salah penulisan dan kurangnya pemahaman pembaca yang dikarenakan kata-kata yang susah dimengerti. Admin sudah berusaha keras untuk share jadi jika kalian ada kritik, saran dan juga request bisa kirimkan ke email metyze@gmail.com atau bisa tulis di kolom komentar. Terimakasih banyak atas partisipasinya semoga kalian lancar saat mempraktekkannya. Good luck ya!.

Photoshop Tutorial

Tutorial Illustrator Membuat Karakter Smartphone Imut

Halo semua! Kali ini duniakomputermety.blogspot.co.id akan membagikan tutorial illustrator yaitu Tutorial Illustrator Membuat Karakter Smartphone Imut. Dalam tutorial hari ini kita akan membuat sebuah karakter ilustrasi lucu, menggunakan beberapa bentuk yang paling dasar dari Illustrator dan Tool, dikombinasikan dengan mem Blending Mode. Desain yang kalian buat bisa di aplikasikan ke berbagai kebutuhan. Sangat bermanfaat kan guys.. Langsung saja kita simak baik-baik tutorialnya yuk!.

1. Set Up Dokumen Baru

Seperti biasa hal pertama yang perlu kita atur adalah dokumen. Buka File > New atau menggunakan cara pintas keyboard Control-N dan membuat file dengan ukuran 800 x 600 px, menggunakan pengaturan sebagai berikut:

• Units: Pixels
• Number of Artboards: 1

Dan dari tab Advanced:

• Color Mode: RGB
• Raster Effect: Screen (72 ppi)
• Align New Object to Pixel Grid: Checked

2. Layer Desain

Langkah berikutnya disini kami asumsikan kalian sudah tahu bagaimana cara menggunakan panel Layers, buatlah tiga layer dan beri nama seperti daftar dibawah ini:

• Layer tiga: gradient overlay
• Layer satu: phone character
• Layer kedua: side symbols

3. Membuat Karakter Imut

Mari kita mulai project dengan membuat karakter smartphone yang imut dengan mengikuti langkah-langkah berikut akan memudahkan kalian.

Langkah 1

Posisikan diri kalian di Layer pertama, dan kemudian menggunakan Rounded Rectangle Tool, membuat bentuk dengan ukuran 168 x 314 px dengan 20 px Pojok Radius, dan akan kita warnai menggunakan kode warna #64c4f1 dan kemudian menyelaraskan menuju pusat Artboard kita.

Langkah 2

Berikan bentuk garis, dengan memilih dan kemudian menuju ke Object > Jalur > Offset Path masukkan nilai 6 px ke kolom Offset. Untuk pengaturan lainnya tinggalkan saja kemudian tekan OK.

Langkah 3

Warnai garis menggunakan warna yang lebih gelap (#1b456b) sehingga dapat membedakan warna dari warna bentuk utama.

Langkah 4

Gunakan Rectangle Tool (M), membuat bentuj dengan ukuran 230 x 140 px (#659def) yang akan kita terapkan sebagai layar smartphone, dan berikan outline tebal dengan ukuran 6 px (#1b456b). Pilih dan posisikan dua bentuk terhadap pusat bentuk smartphone, berikan jarak sebesar 38 px di antara outline body smartphone bagian atas dan outline layar smartphone bagian atas, seperti yang terlihat pada gambar dibawah ini.

Langkah 5

Mulai menambahkan detail bentuk dengan membuat bagian sensor atas (#1b456b), tombol samping (#1b456b) dan tombol bulat dibawah ikon (outline: #1b456b; fill color: #519fc4).

Langkah 6

Gunakan Ellipse Tool (L), mulai membuat wajah karakter dengan menciptakan dua buah bentuk lingkaran dengan ukuran 18 x 18 px (#1b456b), posisikan mata dengan jarak 60 px dari satu sama lain.
Kemudian, tambahkan lagi duah buah bentuk lingkaran dengan ukuran 28 x 28 px, yang perlu kita ubah menjadi bentuk mulut, dengan membalik fill dengan stroke (pilih bentuk > Shift-X) dan potong menjadi dua, berikan ketebalan dengan ukuran 6 px. Posisikan bentuj mulut tepat di bawah mata, dan kemudian kelompokkan (Control-G) dan posisikan wajah ke tengah layar smartphone.

Langkah 7

Tambahkan sepasang pipi memerah, dengan membuat dua bentuk lingkaran dengan ukuran 20 x 20 px, yang akan kita warnai menggunakan #4f8bd3 dan kemudian posisikan di bawah mata, beberapa piksel ke arah luar.

Langkah 8

Sekarang kita akan menambahkan detail kecil seperti highlight dan bayangan untuk body dan layar pada smartphone. Mulai dengan memilih bentuk utama smartphone, yang akan kita duplikasi (Control-C > Control-F) dan kemudian gunakan untuk membuat sebuah inner offset dengan pergi ke Object > Path > Offset Path masuk nilai -4 px ke kolom. Kemudian, pilih kedua duplikat dan offset, dan gunakan Front Minus Pathfinder untuk membuat potongan, yang kita akan ubah menjadi highlight ring all-around, dengan menetapkan warna putih (#FFFFFF), Blending Mode ke Soft Light dan Opacity menjadi 80%.

Langkah 9

Gunakan nilai yang sama yang digunakan untuk langkah sebelumnya, menambahkan dua highlight vertikal menuju bagian kanan bentuk smartphone, dan satu lagi tepat di bawah bagian bawah garis layar itu, jaga ketebalan yang sama senilai 4 px bila memungkinkan.

Langkah 10

Mulai menambahkan beberapa bayangan di atas layar dan tombol bulat, menggunakan warna hitam (#000000) dan 14% untuk Opacity.

Langkah 11

Akhiri proses detail dengan menambahkan highlight atau pencahayaan diagonal pada layar (Warna: #FFFFFF putih; Blending Mode: Soft Light; Opacity: 30%), dan dua bentuk bintang di pojok kiri atas telepon (Warna: #FFFFFF putih; Blending mode: soft Light; Opacity: 80%). Kemudian pilih dan kelompok semua bentuk bersama-sama menggunakan cara pintas keyboard Control-G.

Langkah 12

Tambahkan bentuk elips dengan ukuran 144 x 10 px di bawah ilustrasi utama sebagai bayangan smartphone, atur warna menjadi hitam (#000000), sambil menurunkan tingkat Opacity menjadi 20%.

Sampai saat ini kita sudah banyak membuat bentuk dan beberapa detail untuk ilustrasi karakter smartphone kita pada Layer pertama. Selanjutnya kita akan beralih ke Layer kedua yaitu membuat Pola atau Pattern supaya terlihat bagus, menarik dan seimbang.

4. Membuat Pola Samping

Bagian ini sebenarnya mudah dan benar-benar menyenangkan, karena kalian harus membuat sekelompok bentuk, dari kotak ke lingkaran, tanda plus, segitiga, dan berlian, yang kemudian akan menyebarkan di sekitar dan di setiap sisi untuk mendapatkan pola atau pattern yang bagus, menarik dan seimbang.
Gunakan stroke tebal 4 px (#1b456b) untuk membuat bentuk kotak, lingkaran, tanda plus, segita dan berlian. Variasikan semua bentuk menjadi beberapa ukuran besar, sedang dan kecil. Kemudian tempatkan dan sebarkan di sisi samping bentuk smartphone. Tempatkan sesuai selera kalian dan buatlah suapaya terlihat seimbang.

5. Menambahkan Sentuhan Akhir

Setelah sebelumnya kita selesai membuat pola atau pattern pada sisi smartphone, sekarang kita dapat melanjutkan ke bagian terakhir dari proses kreatif, yaitu pada Layer ketiga yang akan menggunakan gradient overlay untuk memberikan ilustrasi karakter smartphone kita menjadi warna pop yang bagus.

Langkah 1

Membuat salinan dari bentuk utama telepon (garis dan tombol samping) dan salinan pola atau pattern sisi (dengan pergi ke Object > Expand > Fill and Stroke), dan tempelkan ke Layer ketiga . Kemudian, pilih semua bentuk, dan pergi ke Object > Compound Path dan tekan Make.

Langkah 2

Gunakan Gradient dan pilih Linear untuk Type. Gunakan #0000ff untuk warna kiri dan #00ffff untuk warna kanan, pastikan untuk mengatur sudut pada 90°.

Langkah 3

Langkah terakhir pergi ke Tranparency dengan mengatur Blending Mode ke Hard Light dan menurunkan Opacity menjadi 28%.

Selesai dan lihat hasilnya!

Akhirnya selesai juga Tutorial Illustrator Membuat Karakter Smartphone Imut kali ini. Semoga kalian bisa memahami dan mempraktekkannya untuk keperluan dan bekal dimasa yang akan datang. Ingat!, semua itu butuh proses dan tidak instant jadi belajarlah terus dan jangan putus asa ya.

Pada tutorial kali ini admin mohon maaf jika ada salah penulisan dan kurangnya pemahaman pembaca yang dikarenakan kata-kata yang susah dimengerti. Admin sudah berusaha keras untuk share jadi jika kalian ada kritik, saran dan juga request bisa kirimkan ke email metyze@gmail.com atau bisa tulis di kolom komentar. Terimakasih banyak atas partisipasinya semoga kalian lancar saat mempraktekkannya. Good luck ya!.

Tutorial Photoshop

Tutorial Photoshop Membuat Efek Teks Metalik Bergaya Abad Pertengahan

Halo semua! Kali ini tutorialdesaingrafis.com akan membagikan tutorial photoshop yaitu Tutorial Photoshop Membuat Efek Teks Metalik Bergaya Abad Pertengahan. Dalam tutorial kali ini kita akan belajar membuat efek teks metalik yang akan kita buat hanya dengan satu layer yang nantinya bisa kita simpan dan bisa kita gunakan kembali untuk keperluan dimasa yang akan datang. Desain yang kalian buat bisa di aplikasikan ke berbagai kebutuhan. Sangat bermanfaat kan guys.. Langsung saja kita simak baik-baik tutorialnya yuk!.

Bahan Tutorial

Dibawah ini adalah bahan yang akan kita gunakan dalam tutorial kali ini:

• Black brick Background
• Cardinal font
• Dirty Metal pattern

1. Membuat Background

Kita akan menggunakan background tembok batu bata hitam dari bahan tutorial diatas sebagai dokumen background kita. Mari membuatuat dokumen baru dengan ukuran 850 x 600 px. Untuk melakukannya, pergi ke Menu > File > Open dan buka black-brick-background.jpg.

2. Membuat Efek Teks Metalik Abad Pertengahan

efek teks ini terbuat dari satu layer, sehingga ketika kita selesai, kalian dapat menyimpannya sebagai style baru dalam palet Styles kalian supaya dapat digunakan kembali nantinya.

Langkah 1

Pilih Type Tool dan pilih font Cardinal. Atur Font Size dengan ukuran 354 pt. Tulislah kata Kalio ke dalam dokumen.

Langkah 2

Pilih layer teks kalian di dalam panel Layers, klik kanan pada layer dan pilih Blending Options dari menu.

Tambahkan Pattern Overlay dengan pengaturan sebagai berikut:

• Klik pada kotak Pattern dan memilih Dark Metal pattern.
• Scale: 50%

Langkah 3

Tambahkan Bevel & Emboss dengan pengaturan ini:

• Style: Inner Bevel
• Technique: Chisel Hard
• Depth: 480%
• Direction: Up
• Size: 24 px
• Hapus tanda centang pada kotak Use Global Light sebelum menetapkan Angle: 142° dan Altitude: 32 °
• Centang kotak Anti-aliased
• Highlight Mode: Color Dodge dengan Warna: putih dan Opacity: 85%
• Shadow Mode: Hard Light dengan Warna: hitam dan Opacity: 61%

Langkah 4

Saat kalian masih di tab Bevel & Emboss, buat custom Gloss Contour dengan pengaturan ini:

Menambah enam poin ke kurva kontur. Untuk menambah poin, klik di mana saja pada kurva. Sekarang atur Input dan Output untuk masing-masing poin.

• Point 1 - Input: 0% Output: 0%
• Point 2 - Input: 18% Output: 42%
• Point 3 - Input: 60% Output: 28%
• Point 4 - Input: 73% Output: 91%
• Point 5 - Input: 89% Output: 37%
• Point 6 - Input: 100% Output: 0%

Langkah 5

Menambahkan Contour dengan pengaturan sebagai berikut:

• Centang kotak Anti-aliased
• Mengatur Range dengan nilai 50%

Langkah 6

Saat kalian masih di tab Contour, buat custom Gloss Contour dengan pengaturan sebagai berikut:

Tambahkan empat poin dengan kurva kontur. Untuk menambah poin, klik di mana saja pada kurva. Sekarang mengatur Input dan Output untuk masing-masing poin.

• Point 1 - Input: 0% Output: 0%
• Point 2 - Input: 14% Output: 51% dan centang kotak Pojok
• Point 3 - Input: 80% Output: 39% dan centang kotak Pojok
• Point 4 - Input: 100% Output: 0%

Langkah 7

Tambahkan Stroke dengan pengaturan sebagai berikut:

• Size: 2 px
• Position: Center
• Blend Mode: normal
• Opacity: 100%
• Fill Type: Gradient
• Style: Diamond
• Angle: -48 °
• Centang kotak Dither
• Scale: 150%
• Klik pada Gradient dan atur transparency dan color stops dengan pengaturan sebagai berikut:
• 6 transparency stops dengan Opacity: 0% pada Locations: 0, 34, 55, 78, 87 dan 100%
• 5 transparency stops dengan Opacity: 100% pada Locations: 10, 19, 40, 67 dan 92%
• Color stop 1 - Warna: #23253a Location: 10%
• Color stop 2 - Warna: #ddd6ff Location: 40%
• Color stop 3 - Warna: #5f5d5b Location: 56%
• Color stop 4 - Warna: #b7b7b7 Location: 78%

Langkah 8

Tambahkan Inner Shadow dengan pengaturan sebagai berikut:

• Blend Mode: Linear Dodge (Add) dengan Warna #7789a2
• Opacity: 35%
• Hapus tanda centang pada kotak Use Global Light sebelum menetapkan Angle: 90 °
• Distance: 4 px
• Choke: 95%
• Size: 6 px

Langkah 9

Tambahkan Inner Glow dengan pengaturan sebagai berikut:

• Blend Mode: Linear Burn
• Opacity: 16%
• Pilih warna #74726f
• Technique: Precise
• Source: Edge
• Choke: 100%
• Size: 7 px
• Contour: Ring
• Centang kotak Anti-aliased
• Range: 92%

Langkah 10

Menambahkan efek Satin dengan pengaturan sebagai berikut:

• Blend Mode: Linear Dodge (Add) dengan Warna #ece8ff
• Opacity: 53%
• Angle: 0 °
• Distance: 24 px
• Size: 32 px
• Centang kotak Anti-aliased dan Invert

Langkah 11

Sementara kalian masih di dalam tab Satin, buat custom Gloss Contour dengan pengaturan sebagai berikut:

Menambah enam poin dengan kurva kontur. Untuk menambah poin, klik di mana saja pada kurva. Sekarang mengatur Input dan Output untuk masing-masing poin.

• Point 1 - Input: 0% Output: 0%
• Point 2 - Input: 4% Output: 85%
• Point 3 - Input: 22% Output: 65%
• Point 4 - Input: 75% Output: 14%
• Point 5 - Input: 80% Output: 93%
• Point 6 - Input: 100% Output: 0%

Langkah 12

Menambahkan Color Overlay dengan pengaturan sebagai berikut:

• Blend Mode: Color Burn
• Pilih warna #6d8096
• Opacity: 51%

Langkah 13

Menambahkan Outer Glow dengan pengaturan ini:

• Blend Mode: Linear Dodge (Add)
• Opacity: 71%
• Noise: 1%
• Pilih warna #8288b6
• Technique: Soft
• Spread: 0%
• Size: 27 px
• Centang kotak Anti-aliased
• Range: 100%
• Jitter: 0%

Langkah 14

Sebagai langkah terakhir, tambahkan Drop Shadow dengan pengaturan sebagai beikut:

• Blend Mode: Linear Burn
• Pilih warna #010201
• Opacity: 26%
• Hapus tanda centang pada kotak Use Global Light sebelum menetapkan Angle: -59 °
• Distance: 13 px
• Spread: 17%
• Size: 18 px

Tekan OK untuk menerapkan semua pilihan blending.

Selesai dan lihat hasilnya!

Akhirnya selesai juga Tutorial Photoshop Membuat Efek Teks Metalik Abad Pertengahan kali ini. Semoga kalian bisa memahami dan mempraktekkannya untuk keperluan dan bekal dimasa yang akan datang. Ingat!, semua itu butuh proses dan tidak instant jadi belajarlah terus dan jangan putus asa ya.

Pada tutorial kali ini admin mohon maaf jika ada salah penulisan dan kurangnya pemahaman pembaca yang dikarenakan kata-kata yang susah dimengerti. Admin sudah berusaha keras untuk share jadi jika kalian ada kritik, saran dan juga request bisa kirimkan ke email metyze@gmail.com atau bisa tulis di kolom komentar. Terimakasih banyak atas partisipasinya semoga kalian lancar saat mempraktekkannya. Good luck ya!.