Manipulasi Foto

Embed Size (px)

DESCRIPTION

Inspirasi

Citation preview

2010080114Fresh & Colorful Photo Manipulation dengan Photoshopinphotoshop

Selalu ada cara-cara baru yang menarik untuk menciptakanmanipulasi foto dengan photoshop. Seperti padatutorial photoshopkali ini, kita akan belajar memadukan cipratan cat ke dalam sebuah gambar untuk menciptakan efek fresh yang colorfull diPhotoshop. Beberapa resourceimagedan tekstur pada tutorial kali ini juga bisa jadi koleksi menarik bagi kamu yang memang gemar memanipulasi foto menggunakanphotoshop.Lets check it out..

STEP 1

Persiapkan dokumen dengan background berwarna hitam. Lalu masukkan gambar kephotoshoplalu cropping gambar tersebut. Gambar padatutorialini bisa ditemukandisini. Untuk cropping gambar diphotoshop, bisa lihat disini :menghapus background di photoshop

STEP 2

Buka layerpalettedan pilih layer gambar wanita tersebut (layer 1), lalutekan dan tahan tombol Altdi keyboard kemudian klik ikoncreate new fill or adjustment layerdi bagian bawah layer palette dan pilihBrightness/Contrastkemudian lepas kembali tombol Alt. Langkah ini untuk membuat adjustment layer diaplikasikan hanya kepada layer terpilih. Atur nilai brightness/contrast seperti pada gambar dibawah.

STEP 3

Selanjutnya, donwloadkumpulan gambar cipratan cat. Masukkan salah satu gambar cipratan cat tersebut ke dokumenphotoshop. Beri nama layer cipratan cat dengan nama 'splatter 1'.

STEP 4

Gunakanmagic wandtool (W)dan klik bagian putih dari gambar splatter 1 kemudian tekan tomboldeletedi keyboard untuk menghapusnya.

STEP 5

Gunakan teknik yang sama denganSTEP 2untuk memberikan adjustment layer pada layer splatter 1. Namun kali ini, pilih adjustment layer berupaHue/Saturation. Atur nilai dari Hue/saturation hingga warna cipratan cat mendekati warna baju seperti pada gambar dibawah ini.

STEP 6

Pilih layer splatter 1, kemudian klik ikonaddlayer maskdibagian bawah layer palette. klik pada thumbnail putih di layer splatter 1, lalu gunakanbrushestool(B)untuk menghilangkan sebagian dari gambar cipratan cat (lihat gambar dibawah).

STEP 7

Masukkan gambar cipratan cat yang lain dan beri nama layer dengan nama 'splatter 2', kemudian lakukan hal yang sama seperti padaSTEP 5untuk menyamakan warna cat dengan warna baju yaitu menggunakanHue/saturation.

STEP 8

Ulangi langkah padaSTEP 6yaitu memberikan layer mask pada layer splatter 2 dan hapus sebagian gambar cat di sebagian gambar.

STEP 9

Tambahkan juga beberapa cipratan cat lain ke dalam dokumen photoshop. Beri nama dengan splatter 3, splatter 4 dan seterusnya. Gunakan langkah yang sama untuk menyamai warna denganhue/saturationseperti padaSTEP 5dan juga menambahlayer maskuntuk menghilangkan sebagian gambar seperti padaSTEP 6. Setiap cipratan cat berbeda bentuk, dalam hal ini kita harus mampu menyesuaikan tata letak hingga tampak cocok ketika diaplikasikan pada gambar.

STEP 10

DownloadGrunge watercolor image. Kemudian masukkan ke dalam dokumenphotoshopdan posisikan di atas layer background (lihat gambar dibawah).

STEP 11

Selanjutnya, kita akan membuat bayangan dari objek gambar wanita dan cipratan cat disekelilingnya. Caranya :tekan dan tahan tombol Ctrldi keyboard laluklik pada thumbnaildi layer 1 (layer si wanita). Setelah itu, lanjut dengan menekan dan tahantombol ctrl + Shiftdi keyboard dan klik pada thumbnail pada layer splatter 1. Begitu seterusnya sampai layer 1 dan seluruh layer splatter terseleksi.

STEP 12

Setelah semua terseleksi, buat layer baru dengan klik ikonadd layer maskdi bagian bawah layer palette. Beri nama layer dengan nama 'shadow'. Pilih layer shadow dan pastikan warna foreground adalah hitam denganmenekan tombol Ddi keyboard. Kemudian tekan tombolAlt + Deletedi keyboard untuk mengisi layer dengan warna hitam (lihat gambar dibawah). Jika sudah, tekanCtrl + Duntuk menghilangkan seleksi.

STEP 13

Drag layer shadow pada layer palette ke atas layer grunge watercolor image dan perbesar ukuran shadow dengan menggunakantransform tool (Ctrl + T). Kemudian pada menu bar pilihFilter > Blur > Gaussian Blurdan atur nilai pada radius menjadi 8. Jika sudah, klik Ok.

STEP 14

Ganti blending mode pada layer shadow menjadimultiplydan opacity menjadi 40 %.

STEP 15

Buat layer baru, lalu fill dengan warna hitam. Kemudian pada Menu Bar pilihFilter > Render > Lens flare. Atur dan posisikan letak cahaya pada lens flare seperti pada gambar dibawah. Jika sudah, tekan tombol OK.

STEP 16

Pilih layer paling atas, kemudian klik ikonCreate new fill or adjustment layerlalu pilihBrightness/Contrast(kali ini tanpa tombol Alt karena adjustment akan kita aplikasikan pada semua layer). Atur nilai pada brightness/Contrast seperti pada gambar dibawah ini.

STEP 17

Dengan cara yang sama, tambahkan juga Adjustmentexposuredan atur nilainya seperti pada gambar dibawah ini.

STEP 18

Untuk finishing akhir, pilih layer splatter 2, lalu pilihDodge tool (O)dan sapukan dibagian cipratan cat untuk menerangkannya. Langkah ini untuk mengoreksi pencahayaan bagian ini yang terlihat agak gelap sedangkan terletak paling dekat dengan sumber cahaya.

Hasil akhir:

Semoga bermanfaat, selamat mencoba dan terus berkarya! :)

Share On:

MANIPULASI RAMBUT DENGAN PHOTOSHOP

byJAKAon25/08/2011inBELAJAR PHOTOSHOP,MANIPULASI FOTOwith17 comments

Tutorial ini, kita akan mencoba bagaimana menganti background dengan photoshop secara detail pada bagian rambut dengansoftwaredesainAdobe Photoshop.

Menjawab pertanyaan pada postinganmemisahkan objek dari backgroundkali ini saya akan menjawab dengan postingan tersendiri sekaligus tutorial yang semoga bisa menambah wawasan anda dalam mendesain dengan photoshop.

PREVIEW DESAIN

Berikut desain yang akan kita hasilkan, klik padagambaruntuk memperbesar.

DETAIL TUTORIAL

Tingkat kesulitan : Pemula

Software yang digunakan : Adobe Photoshop

Materi yang dipelajari : Penggunaan filter extract pada photoshop

Lamapembuatan : 15 Menit

RESOURCE

Downloadresource dibawah ini untuk mengikuti persis sepertitutorial photoshopkali ini.

Azis gagapolehJaka Zulham WallpaperolehJaka Zulham Azis gagap dan Wallpaperoleh www.ziddu.com

TUTORIAL

Langkah 1 : Membuka foto yang akan dieditDengan software pengolah gambar Adobe photoshop, buka kedua gambar yaitu Azis dan wallpaper yang dapat anda download pada bagian Resource diatas.

Dengan move tool, klik dan dragfotoazis ke wallpaper sehingga gambar Azis akan berada di atas layer wallpaper tersebut.

Langkah 2 : Duplicate layerDuplicate layer Azis dengan menekan Ctrl+J pada keyboard, duplicate 2 kali sehingga akan menghasilkan 3 layer pada photoshop. Ubah nama sesuai atau seperti desain dibawah, seperti yang kita ketahui Azis si pelawak dari OVJ memiliki model 2 warna rambut sehingga kita harus membuat 2 layer untuk rambut secara terpisah.

Langkah 3 : Mengextract bagian rambutDalam keadaan aktif pada layer Rambut Hitam, pilih filter > Extract pada menu photoshop. Akan tampak hanya bagian layer Azis dengan kotak-kotak hitam putih di sekelilingnya. Selanjutnya beri centang pada Force Foreground dibagian kanan bawah, aktifkan Eyedropper tool dan klik pada bagian rambut hitam yang ditunjukkan bagian nomor 3, klik bagian hitam pada rambut karena warna hitam tersebut yang akan kita tinggalkan sehingga Color pada Force foreground akan memunculkan warna hitam seperti tampak pada bagian 4.

Selanjutnya, dengan Edge highlighter tool klik dan beriwarna bagian hitam pada rambut sehingga akan menampilkan warna hijau pada rambut tersebut.

Klik OK untuk mengakhiri.

Langkah 4 : Mengekstract rambut warna putihSembunyikan gambar dua layer lainnya (Badan dan Rambut Putih) dengan menekan icon mata dibagian kiri layer, tampak hanya tersisa rambut bagian hitamnya saja.

Tampakkan kembali layer Rambut putih dan extract seperti langkah sebelumnya sehingga menghasilkan gambar rambut hitam dan putih si Azis gagap.

Langkah 5 : memberi efek maskKembali tampakkan layer Badan dengan mengklik bagian mata pada layer, masih dengan layer badan tersebut tambahkan mask dengan mengklik icon Add vector mask dibawah layer sehingga akan menghasilkan mask berwarna putih di layer Badan.

Setting warna foreground berwarna hitam, selanjutnya denganbrush tool, brush bagian layer mask badan sehingga akan menghilangkan bagian yang tidak diperlukan pada gambar tersebut, Seperti latar pada si Azis. Untuk bagian rambut, anda tidak perlu khawatir. Karena kita telah mengextract terlebih dahulu di awal tutorial sehingga walaupun di brush bagian rambut tetap tidak akan hilang.

Berbeda dengan anggota tubuh bagian lain, anda harus berhati-hati dan penuh kesabaran dalam mendesainnya.

Sampai disini, hapus bagian yang tidak dibutuhkan secara mendetail dan dapatkan hasil terbaik.

HASIL DESAIN

Semoga bermanfaat dan berguna dengan tutorial kali ini, subscribe blog psdesain ini untuk mendapatkan update artikel terbaru dan likePSD Desain facebook fan page.

Like artikel ini jika kamu rasa bermanfaat serta iklan dibawah, jika iklan resmi kami mencurigakan jangan diklik. Gabung juga digroup PSDesaindifacebook.

Membuat Preview Desain Kaos di Photoshopinphotoshop,tips

Desain kaos/t-shirtadalah salau satu bagian darisenivisual yang cukup menarik untuk digeluti, baik itu untuk keperluan bisnis, maupun hanya sekedar hobby untuk keperluan personal. Padatutorial Photoshopkali ini, kita akan mempelajari bagaimana caranya membuat preview tampilan desain pada template t-shirt agar terlihat realistis sehingga cukup mewakili kondisi hasil akhir kaos setelah diproduksi/sablon. Tutorial ini sangat sederhana dan (semoga) dapat diikuti dengan mudah. :)

STEP 1

Buka Gambar template kaos diphotoshop. Jika kamu belum punya template kaos, silahkan lihat dulu artikel ini :25 Template T-shirt Gratis untuk Preview Desain Kaos

STEP 2

Gunakan Pen Tool untuk menyeleksi kaos, buat yang belum tau cara menggunakan pen tool untuk membuat seleksi, lihat ditutorial ini.

STEP 3

Dalam keadaan seleksi kaos aktif,klik layer "Background", lalu tekan tombolCtrl + Jdi keyboard. Maka akan muncul sebuah layer di atas layer "background" berupa duplikasi berdasarkan seleksi yang telah dibuat tadi.

STEP 4

Klik pada "layer 1", lalu tekan tombolCtrl + Ldi keyboard untuk membuat adjustment Level untuk layer tersebut. Atur settingan pada adjustment level seperti gambar dibawah. Langkah ini akan membuat warna kaos pada "Layer 1" menjadi terang berwarna putih.

HYPERLINK "http://4.bp.blogspot.com/_I_PFFJSrTec/TKx1iHY9_xI/AAAAAAAAEiY/tInCVEumXO0/s1600/Tutorial-bikin-template-kaos-5.jpg"

STEP 5

Ubahblending modedari "layer 1" menjadiMultiply. Langkah ini membuat bagian yang tampil pada layer 1 hanyalah bayangan lipatan-lipatan baju.

STEP 6

Sekarang saatnya memasukkan desain kaos. Desain kaos di tutorial ini saya buat diIllustrator, tidak masalah kalau desain kamu diPhotoshopatauCorelDRAW, langkah-langkahnya sama saja. Masuk sebentar keIllustratoruntuk meng-copy desain (Ctrl + C).

STEP 7

Kembali lagi ke Photoshop, lalu tekan tombolCtrl + Vuntuk paste desain kaos kePhotoshop.

STEP 8

Klik layer "vectorsmart object"(layer desain kaos), Lalu tekan tombolCtrl + [di keyboard untuk memposisikan layer desain kaos dibawah layer 1. Sekarang preview desain terlihat lebih realistis karena bayangan lipatan kaos dari "layer 1" terlihat diatasnya.

STEP 9

Sekarang kita akan membuat agar desain kaos dapat diposisikan lebih bebas pada template. Caranya,tekan tombol Ctrl lalu klik pada thumbnail layer 1untuk mengambil seleksi berdasarkan bentuk objek pada layer 1.

STEP 10

Sementara seleksi aktif,klik pada layer "vector smart object"lalu klik iconAddlayer maskdibagian bawah layerpalette. Layer mask akan terbentuk berdasarkan seleksi yang sedang aktif dan berfungsi agar bagian diluar seleksi tersebut tidak kelihatan pada area kerja. Jika sudah,klik pada tanda rantaidiantara thumbnail layer "vector smart object" dan layer mask untuk menghilangkannya.

STEP 11

Langkah tadi membuat kita lebih bebas menggeser dan memperbesar desain kaos untuk mengatur posisi yang sesuai dengan tampilan kaos.Klik pada thumbnali layer "vector smart object"lalu tekanCtrl + T(transform) di keyboard untuk mulai mengatur posisi tampilan desain pada kaos.

Hasil Akhir

Beginilah hasil akhir yang kita dapat padatutorial photoshopkali ini. Bayangan lipatan kaos terlihat di atas desain dan membuat preview t-shirt tampil realistis.

HYPERLINK "http://1.bp.blogspot.com/_I_PFFJSrTec/TKx0ZZyR4eI/AAAAAAAAEhQ/l5DGhDoP4uc/s1600/Tutorial-bikin-template-kaos-14.jpg"

Bagaimana menurut kamu? Jika ada kritik, saran, maupun pertanyaan. Silahkan disampaikan melalui kolom komentar! :)

Tetap update informasi, tips, dan tutorial desain terbaru dengan mengikutiFacebookdanTwitterDesain Studio!

Share On:

Kumpulan Tips dan Trik Photoshop yang (Mungkin) Kamu Belum Tahuinphotoshop,tips

Sebagai aplikasi pengolahgambarbitmap paling populer,Photoshopmenyimpan banyak sekali fitur-fitur yang mengesankan untuk mempercepat proses kerja para penggunanya. Beberapa trik menarik dibawah ini dapat membuat proses kerja kamu menjadi lebih efektif dan efisien. Selamat membaca :)

1)AutoSelect

Auto-Selectadalah sebuah fitur diPhotoshopyang apabila diaktifkan, maka semua objek yang kamu klik akan otomatis terseleksi pada layerpalette. Fitur ini juga dilengkapi oleh fiturShow-Transform Controlsyang akan menandai objek terpilih dengan bentuk transform standar yang bisa digunakan untuk memperbesar/kecil, merotasi, atau memudahkan untuk menggeser objek. Kedua fitur tersebut dapat ditemukan pada control bar (dibagian atas) jikaSelection tool (V)diaktifkan.

2) Mengaktifkan Seleksi dari Layer

Untuk mengaktifkan (meload)seleksi dari layer tertentu, caranya sangat mudah. Cukup tekan dan tahan Ctrl di keyboard kemudian klik pada thumbnail dari layer yang ingin diaktifkan seleksinya.

Ads not by this site

3) Menyimpan Styles

Terkadang saat kita telah selesai membuat sekumpulan styles padalayer stylesuntuk sebuah layer, kita ingin menyimpan styles tersebut untuk dipakai pada layer-layer lain di dokumen yang berbeda. Untuk menyimpan styles, cukupdouble-clickpada layer yang memiliki styles yang ingin disimpan, pada jendela pengaturanlayer stylesklikNew Styles, kemudian berikan nama untuk styles baru tersebut. Maka otomatisPhotoshopakan menyimpannya untuk dapat digunakan pada layer-layer yang lain. Untuk mengaktifkan atau menggunakan styles yang tersimpan, cukup bukaWindow > Stylesdan klik pada styles yang diinginkan.

4) Effect Copy

Selain dapat disimpan dengan mudah seperticarapada no.3, Layer styles juga dapat diduplikasi / dicopy dengan mudah ke layer lainnya. Cara umum yang digunakan adalah dengan klik kanan pada layer yang styles-nya ingin dicopy, kemudian pilihCopy Layer Styles. Lalu klik kanan pada layer dimana styles tersebut ingin diterapkan lalu pilihPaste Layer Styles.

Cara selanjutnya adalah dengan tekan dan tahan tombol Alt, kemudian drag effect dari satu layer ke layer lain. Cara ini cenderung lebih cepat jika kita ingin mengcopy styles hanya ke satu layer.Tapijika ingin mengcopy styles ke banyak layer, cara pertama lebih direkomendasikan.

5) Convert Seleksi ke Path dan Shape

Adakalanya kita ingin menjadikan seleksi menjadi sebuah shape sehingga dapat mudah diedit, diperbesar, dsb. Untuk melakukannya, pertamaloadseleksi dari salah satu layer (seperti tips no.2) untuk dijadikan shape. Sementara seleksi aktif, buka Path palette (Window > Path) kemudian klik icon list di sudut kanan palette lalu pilihMake Work Path, maka akan muncul path baru bernamaWork Path. Klik path tersebut lalu pada menu bar klikEdit > Define Costum Shape, akan muncul jendela baru untuk memberi nama costum shape yang akan kita buat, dalam hal ini, saya beri namaSpongebob, lalu klik ok. Sekarang kita sudah punya costum shape dengan namaSpongebobyang dapat kamu pilih dengan mengaktifkanCostum Shape Tool (U)di toolbox. Tinggal drag shape tersebut ke area, maka shape baru berbentuk spongebob yangeditableakan muncul pada layar, mudah bukan!?

Ads not by this site

6) Expand / Collapse Groups

Kadang kita bekerja dengan banyak layer dan group di Photoshop, seringkali harus membuka dan menutup grup satu persatu dan hal ini cukup merepotkan. Namun kamu bisa mencoba trik yang satu ini : tekan dan tahan tombol Ctrl di keyboard lalu klik pada tanda panah kecil dibagian kiri Group palette. Langkah ini akan membuka (mengexpand) semua group, lakukan langkah yang sama untuk menutup semua group.

7) Clipping Mask

Clipping maskadalah suatu metode untuk membuat suatu layer dimaskingsesuai dengan bentuk layer dibawahnya. Untuk dapat menerapkannya, cukup klik kanan layer yang ingin dimasking lalu pilihCreate Clipping Maskatau kamu bisa menekan tombolCtrl + Alt + Gdi keyboard.

8) Memperbesar / memperkecil Hardness dan Diameter Brush

Diameter (ukuran) dan Hardness (kepekatan) adalah dua elemen yang harus ditentukan untuk mengaplikasikan Brushtooldi Photoshop. Ada langkah mudah untuk mengatur keduanya tanpa harus melakukan klik kanan dan menggeser nilai pengaturan. Caranya adalah dengan menekan dan tahan tombolShift + Altdi keyboard kemudian dragBrush tool (B)ke kiri dan ke kanan untuk memperbesar ukuran brush, atau drag brush ke atas dan ke bawah untuk mengatur nilaihardness-nya.

Ads not by this site

9) Menampilkan / Menyembunyikan Layer

Mungkin semua sudah tahu bagaiman untuk Menampilkan / Menyembunyikan satu layer,yap!Cukup klik pada ikon bergambar mata pada layer tersebut. Tapi bagaimana caranya menyembunyikan semua layer? Caranya cukup mudah, tekan dan tahan tombol Alt di keyboard, lalu klik pada ikon mata pada salah satu layer. Langkah ini akan membuat semua layer disembunyikan kecuali layer yang ikon matanya diklik. Untuk menampilkan semua layer kembali, cukup tekan dan tahan tombol Alt, lalu klik sekali lagi pada ikon benggambar mata di layer tadi.

10) Mengatur Opacity dengan Cepat

Tips ini adalah favorit saya. Untuk dapat mengatur opacity dengan cepat, kita cukup klik layer yang ingin dirubah opacity-nya lalu tekan tombol angka di keyboard. Angka 0 mengacu pada opacity 100%, 1 = 10%, 2 = 20%, dst. Untuk mengatur opacity dengan nilai tertentu, misalnya 58%, cukup tekan tombol 5 kemudian 8 secara cepat.

Yup!Sekian tips dan trik singkat Photoshop kali ini. Jika kamu punya tips menarik lainnya untuk dibagikan ke pembaca, silahkan tuliskan melalui komentar. Artikel ini akan terus diupdate dengan tips-tips tambahan bermanfaat lainnya.

Jangan lupa ikutiFACEBOOKdanTWITTERDesain Studio untuk mendapatkan update terbaru berupa tips, informasi, dan tutorial seputar desain grafis!

Membuat Efek Teks Fabric Style di Photoshopinphotoshop,tipografiFabricStyleberarti efek bergaya fabric (kain), maksudnya ialah tulisan/teks yg seolah-olah melekat diatas tekstur kain. Disini saya mencoba membuat tutorialEffect FabricStylepada teks, dengan cara yg mudah dimengerti tentunya. Namun sekali lagi, cara yang saya pakai tentu bukanlah satu-satunya, banyak tehnik lain yang dapat digunakan untuk membuat hasil yang sama. Selamat mencoba..

Sebelum memulai, ada baiknya pembaca mendownloadpattern photoshop(.PAT) yg bakal saya gunakan pada tutorial berikut ini, saya asumsikan pembaca sekalian sudah mengerti bagaimana cara instalasi pattern pada photoshop.

6 Free Tileable Fabric Patterns Seamless Patterns

Step 1Buat halaman baru berukuran 1024px x 602px, dan resolusi 300dpi.

Step 2Buat layer baru :Layer > New > Layer (Shift+Ctrl+N), lalu isi layer tersebut dengan warna hitam, beri penamaan layer denganFabric Background.

Ads not by this site

Step 3Double clickpada layerFabric Background(Layer > Layer Style > Pattern Overlay) pilih pattern yang terlihat pada gambar, dan aturscalenya menjadi 128%.

Step 4Masih padalayer style, pilih padaColorOverlaykemudian ubahBlendModenya denganSoft lightdan ganti warnanya dengan kode #20aee3.

Ads not by this site

Step 5Selanjutnya buat teks dengan tulisan Desain Studio, buat satu kata dalam satu layer, gunakan font bergayaScript.

Step 6Untuk langkah selanjutnya, efek-efek yang digunakan semua berada diLayer Style, jadi jgn langsung tekan Ok, dan ikuti poin-poinnya sesuai gambar dibawah.

Ads not by this site

Ads not by this site

Step 7Setelah semua efek di layer style dibuat pada teksDesain, lakukan hal yang sama pada layer teksStudio, caranya klik pada layerDesainlalu klik kananCopy Layer Style, beralih ke layerStudio, klik kanan pada layerStudioPaste Layer Style.

Ads not by this site

Hasilnya akan terlihat seperti gambar dibawah..

Step 8Kembali ke LayerDesain, tekanCtrl+Jpada Keyboard sehingga terbentuk LayerDesain Copy, geser posisi LayerDesainsedikit kebawah LayerDesain copy, lihat gambar dibawah.Kemudian lakukan hal yang sama pada layerStudio, Untuk hasil akhirnya akan terlihat seperti gambar dibawah.

Hasil AkhirHasil teks efek yang telah dibuat masih bisa diganti-ganti dengan font sesuai selera. So, bagaimana, mudah bukan ? semoga bermanfaat buat semuanya. :)

Membuat Teks Efek Abstrak bergaya Futuristik di Photoshopinphotoshop

Ditutorial Photoshopkali ini, kita akan membahas bagaimana membuat teks abstract bergaya futuristik. Jenis teks seperti ini mungkin sering kamu jumpai di media-media yang mengangkat kesan futuristik didalamnya, sepertiposter filmmisalnya. Untuk langkah pembuatannya, sangat mudah! Tidak ada tehnik spesial yang akan digunakan, hanya trik-trik standar yang bahkan pemula sekalipun bisa mencobanya. Langsung saja kita masuk kepadastep by stepcara pembuatannya. Selamat mencoba, semoga bermanfaat!

Langkah 1Buat dokumen baru, atur lebar menjadi 800px dan Tinggi 600px.

Langkah 2Isi kanvas dengan warna hitam, kemudian buat teks "DESAIN" dengan warna putih, sayamenggunakan fontFutura, sesuaikan saja ukurannya seperti gambar dibawah.

Ads not by this site

Langkah 3TekanCtrl+Edi Keyboard, sehingga layernya dimergemenjadi satu.

Langkah 4PilihFilter>Distort>Wave. Atur poin-poinnya seperti illustrasi dibawah, Jika sudah, tekan OK.

Langkah 5Selanjutnya pilih kembaliFilter>Pixelate>Fragment, sehingga hasilnya akan terlihat seperti gambar dibawah

Langkah 6Pilih lagiFilter>Style>Glowing Edges. Atur poinnya seperti gambar dibawah, klik OK.

Langkah 7Langkah selanjutnya tekanCtrl+AlaluCtrl+Cdi keyboard untuk mengcopy, laluPaste(Ctrl+V) di bagian Channel, setelah mengklikNew Channelyg berada di sudut kanan bawah (lihat gambar dibawah), Channel baru secara otomatis dinamakan "Alpha 1".

Langkah 8Kembali keLayer Palette, klik iconNew Layerkemudian pilihSelect>Load Selection. Lalu bukachannelpalettePilih "Alpha 1", sehingga muncul bagian yang terseleksi (lihat gambar dibawah), isi bagian yang terseleksi tersebut dengan warna putih menggunakanPaint Bucket Tool.

Langkah 9BerikutnyaCtrl+J(untuk menduplikasi layer) di bagian layer Background sehingga muncul layer background copy, lalu pilihFilter>Blur>Gaussian Blur. Atur radiusnya menjadi 1.5 pixel, klik OK.

Langkah 10Selanjutnya ketik teksSTUDIOdi keyboard, kemudian pilihFilter>Blur>Gaussian Blur. Aturradiusnya menjadi 0.5 pixel, klik OK

Langkah 11Buat layer baru, lalu pilihFilter>Render>Cluods, pastikan Foreground Putih dan Background nya hitam, Laludouble klikdi bagianlayer Cloudssehingga muncul jendelaLayer Style, conteng pada bagianGradient Overlay, atur seperti illustrasi dibawah.

Langkah 12UbahBlendingModenya menjadiScreendan turunkanOpacitynya menjadi 35 % Lihat hasilnya seperti gambar dibawah

Langkah 13Masukkan gambar lingkar-lingkar cahaya (Bokeh) yang bisa kamu temukandisini. Sesuaikan ukurannya, klik Enter di keyboard

Langkah 14UbahBlendingModelayer bokeh menjadiSoft Lightdan turunkanOpacitynya menjadi 85 %.

Langkah 15Lalu pilihImage>Adjusments>Exposure. Atur pointnya seperti gambar dibawah

Hasil Akhir

Membuat Teks Berkesan 3D dengan PhotoshopinphotoshopPada kesempatan kali ini, kita akan bahas bagaimana caranya untuk membuat efek berkesan 3 Dimensi dengan memanfaatkan pencahayaan, shadow, dan Layer Styles diPhotoshop.Tutorialini cocok untuk pemula dan tingkat menengah untuk memahami tehnik lighting dasar menggunakanAdobe Photoshop. Langsung saja kita mulai tutorialnya, selamat membaca dan mempraktekkan.

Step 1

Buat dokumen baru di Photoshop (Ctrl+N), ukuran 1000x1000 pixels, resolusi 300 DPI, dan mode warna RGB.

Step 2

ganti warna layer 'Background' dengan warna #494949.

Ads not by this site

Step 3

Buat sebuah teks, dalam hal ini saya membuat 'EFFECTS' menggunakan fontBebas Neue. Kamu bebas untuk menggunakan teks lain,it's just a sample!:)

Step 4

Klik ganda layer 'effects' untuk membuka jendelaLayer Styles. Kemudian klikgradient Overlaypada Layer Styles : ubahblend modemenjadi Multiply,opacitymenjadi 50% dananglemenjadi -65. Jika sudah, klik Ok untuk keluar dari jendela Layer Styles.

Step 5

Pada LayerPalette, klik ikonAdd New Layeruntuk membuat layer baru, beri nama layer baru dengan 'awal'. Kemudian tekanCtrl+Klikpada thumbnail layer 'effects' untuk mengambil seleksi bentuk pada layer tersebut. Sementara seleksi aktif, klik kembali layer 'awal', tekan tombol D di keyboard untuk mengubah warna dasar menjadi hitam putih lalu tekanAlt + Deleteuntuk mengisi layer 'awal' dengan warna hitam.

Ads not by this site

Step 6

Duplikat layer 'awal' dengan menekan tombolCtrl+Jdi keyboard, beri nama layer hasil duplikasi dengan 'akhir' dan posisikan layer 'akhir' seperti gambar dibawah. Jika sudah, drag layer 'awal' dan 'akhir' dibawah layer 'effects' (lihat gambar). Saya sengaja meng-hide layer 'effects' agar kita bisa melihat posisi layer 'awal' dan 'akhir' dengan jelas.

Step 7

Sekarang duplikat layer 'awal' berkali-kali dengan menekan tombolCtrl+Jsebanyak 15 kali (untuk 15 hasil duplikasi).

Step 8

Kemudian padalayer palette, klik layer 'akhir', tahan Shift di keyboard lalu klik layer 'awal' untuk menyeleksi layer-layer tersebut di layer palette. Jika sudah, klik kanan pada salah satu layer dan pilih Link Layers. Kamu akan melihat akan ada tanda rantai pada layer-layer yang diseleksi tadi.

Sementara semua layer tadi aktif dan nge-link, klik ikonDistributeVertical Centerkemudian klik ikonDistribute Horizontal Centeruntuk membuat layer-layer tadi tersusun sedemikian rupa. Lalu tekan tombol Ctrl+E untuk menggabungkannya dan ubah nama layer hasil penggabungan tadi menjadi 'shadow'.

Ads not by this site

Step 9

Klik layer shadow di layer palette, kemudian pilih Filter > Blur >Motion Blur, dan atur nilai pada jendela Motion Blur seperti gambar dibawah.

Step 10

Tekan dan tahan tombol Shift+tanda panah atas kemudian Shift+tanda panah kiri untuk membuat teks bergeser 10 px kebagian atas dan kiri (lihat gambar dibawah).

Step 11

Ubahblend modelayer 'shadow' menjadi Multiply dan Opacity menjadi 40%.

Ads not by this site

Step 12

Duplikat layer 'shadow', pada layer 'shadow copy' berikan juga efek motion blur sekali lagi. Tapi kali ini nilai distance-nya dirubah menjadi 70%

Step 13

Langkah selanjutnya, buat sebuah layer baru diatas layer 'Background' dan beri nama dengan 'lighting'. Pada layer 'lighting' berikan warna gradasi hitam ke putih denganGradientTool(G) dan atur arahnya seperti gambar dibawah. Jika sudah, ubahblend mode-nya menjadi Overlay danopacity-nya menjadi 50%.

Step 14

Sekarang kita kembali ke layer 'effects', klik ganda layer tersebut untuk membuka jendela Layer Styles. pada jendela Layer Styles, pilihBevel and Embossdan atur nilai-nilainya seperti gambar dibawah.

Ads not by this site

Step 15

Masih pada jendela Layer Styles untuk layer 'effects', klik padaPattern Overlay. Kemudian klik tanda panah seperti yang diillustrasikan digambar dibawah untuk mendapatkan pattern dengan katagoriArtist Surfaces. Pada contoh kasus ini, klik pada pattern bernamaWashed Watercolor Paper. Ubahblending modepada Pattern Overlay menjadi Multiply danOpacitymenjadi 75%.

Step 16

Terapkan juga efekPattern Overlaypada layer 'Background'. Tapi kali ini pilih pattern dengan namaHard Charcoal Light. Ubah jugablending modemenjadi Multiply danOpacitymenjadi 75%, jika sudah klik Ok untuk keluar dan jendela Layer Styles.

Hasil Akhir

Beginilah hasil akhir untuk tutorial Photoshop kita kali ini. Semoga dapat memberi inspirasi dan manfaat. Kamu dapat berimprovisasi lebih jauh menggunakan tehnik-tehnik pada tutorial kali ini,good luck all!Membuat Efek Teks 3D dengan Photoshopinphotoshop

Kali ini, kita akan membahas bagaimana caranya membuat efek teks tiga dimensi (3D) dengan menggunakanPhotoshop.Tutorialini sangat sederhana dan mudah dipahami. Fokus dasar tutorial adalah memahami bagaimana membuat bentuk tiga dimensi menggunakan penggabungan dari beberapa layer, serta bagaimana cara memberi kedalaman pada teks dengan pemberian warna dan shadow.

Lets get started!

Step 1Buat dokumen baru di Photoshop (Ctrl+N) dengan pengaturan seperti gambar dibawah.

Step 2Bikin Teks menggunakanText tool (T).

Ads not by this site

Step 3Klik layer Teks di layerpalette, kemudian tekan tombolCtrl+T (Transform tool)di keyboard. Klik kanan pada teks kemudian pilihDistort. Dengan menggunakanmodetransformDistort, buat teks kedalam bentuk perspektif seperti gambar dibawah.

Step 4Klik layer teks di layer palette kemudian tekan tombolCtrl+Juntuk menduplikasi layer teks. Posisikan layer teks hasil kopian sedikit keatas (drag sambil tahan tombol Shift). Untuk mempermudah pemahaman tutorial, ganti nama kedua layer tersebut dengan nama 'DESAIN STUDIO_bawah' (untuk layer teks bagian bawah) dan 'DESAIN STUDIO_atas' (untuk layer teks bagian atas).

Step 5Duplikasi kedua layer teks tersebut dan posisikan seperti gambar dibawah. Kemudian klik ikon mata pada layer 'DESAIN STUDIO_atas' dan layer 'DESAIN STUDIO_bawah' untuk menyembunyikannya sementara.

Ads not by this site

Step 6Langkah selanjutnya adalah menduplikasi 'DESAIN STUDIO_bawah copy' sebanyak 70 kali. Caranya, klik layer 'DESAIN STUDIO_bawah copy' di layer palette, kemudian tekan tombolCtrl+Jsebanyak 70 kali.

Step 7Di layer palette, klik pada layer 'DESAIN STUDIO_atas copy', kemudianscroll-downkebawah, tahan tombolShiftdan klik pada layer 'DESAIN STUDIO_bawah copy'. Sekarang semua layer dari 'DESAIN STUDIO_atas copy' sampai layer 'DESAIN STUDIO_bawah copy' sudah terseleksi. Klik kanan lalu pilihLink layers. Sekarang layer-layer tsb telah diberi tanda rantai yang artinya saling nge-link satu sama lain.

Step 8Klik pada layer 'DESAIN STUDIO_atas copy' di layer palette kemudian aktifkanSelect tool (V). Dibagian Align di Control Bar, klik pada ikonDistribute Horizontal CenterdanDistribute Vertical Center(lihat gambar). Langkah ini untuk mengatur distribusi hasil kopian-kopian tadi agar membentuk sebuahshape3d yang sesuai.

Step 9Selanjutnya, seleksi semua layer dari layer 'DESAIN STUDIO_atas copy' sampai layer 'DESAIN STUDIO_bawah copy' lalu tekan tombolCtrl+Edi keyboard untuk menggabungkan layer-layer tadi menjadi satu layer (merged). Saya mengganti nama layer hasil penggabungan tadi dengan nama 'DESAIN STUDIO (merged)'.

Step 10Tampilkan kembali layer 'DESAIN STUDIO_atas', klik ganda layer tsb untuk membuka jendelaLayer Styles. Pada bagianGradient Overlay, beri settingan seperti gambar dibawah dan beri warnagradientdengan warna #90591d dan #ecab65. Jika sudah klik OK untuk menutup Layer Styles.

Ads not by this site

Hasilnya..

Step 11Selanjutnya, tekan dan tahan tombolCtrlkemudian klik padathumbnaillayer 'DESAIN STUDIO_(merged)' untuk mengambil seleksi dari layer tersebut. Sementara seleksi aktif, buat layer baru diatasnya (klik ikonNew Layer) dan fill dengan warna #90591d. Ganti nama leyer menjadi 'warna'.

Step 12Double-click layer 'warna' untuk membuka jendelaLayer styles. Pada bagian GradientOverlay, beri warna gradasi dari warna #e0e0e0, #4a5154, #e0e0e0, dan #020202. Dan atur settingannya seperti gambar dibawah.

Ads not by this site

Hasilnya..

Step 13Klik pada layer 'background' dan fill dengan warna #90591d. Double-click layer 'background' untuk membukaLayer Styles. Dan pada bagian Gradient Overlay, atur settingannya seperti gambar dibawah.

Ads not by this site

Step 14Tampilkan dan klik layer 'DESAIN STUDIO_bawah', kemudian pada Menu bar pilihFilter > Blur > Gaussian Blur. Atur settingan Gaussian Blur seperti gambar dibawah. Langkah ini dimaksudkan untuk menjadikan layer 'DESAIN STUDIO_bawah' sebagai shadow. Jika sudah, ubahBlending Modelayer 'DESAIN STUDIO_bawah' di layer palette menjadiMultiplydan Opacitynya menjadi80%.

Step 15GunakanSelect tool (V)untuk menggeser sedikit layer 'DESAIN STUDIO_bawah' seperti gambar dibawah.

Step 16Selanjutnya, klik layer 'DESAIN STUDIO_bawah' dan tekan tombol Ctrl+J untuk membuat duplikasinya. Sekarang geser hasil duplikasi tersebut ('DESAIN STUDIO_bawah copy') sedikit ke kiri dan ubah Opacitynya menjadi 20% (lihat gambar).

Step 17Seleksi semua layer (kecuali layer 'background') di layer palette kemudian tekan tombol Ctrl+E di keyboard untuk menggabungkannya. Hasil penggabungan tsb saya beri nama dengan 'DESAIN STUDIO 3D TEXT'.

Step 18Duplikasi layer 'DESAIN STUDIO 3D TEXT'. Kemudian klik pada layer 'DESAIN STUDIO 3D TEXT copy' (hasil duplikasi) dan ubahBlending Modenya menjadiHard Light, lalu pada Menu bar pilihFilter > Other > High Pass. Beri nilai 1,0 pada bagianRadiuslalu klik OK.

HASIL AKHIR

Inilah efek teks 3D di tutorial kali ini. Semoga banyak tips dan tehnik bermanfaat yang bisa kamu pelajari disini. Tutorial ini ditujukan sebagai bahan pembelajaran, artinya kamu bisa berimprovisasi membuat efek teks 3D yang lebih menarik berdasarkan dari tutorial ini. Selamat mencoba! :)

MEMBUAT WALLPAPER TIPOGRAFI DENGAN PHOTOSHOP

byJAKAon20/10/2011inBELAJAR PHOTOSHOP,PHOTOSHOP TIPOGRAPHYwith27 comments

Kali ini kita akan belajar mengenai ilmu dalam memilih dan menata huruf atau biasa disebut dengantipografidengan menggunakan Photoshop.

Tutorialini merupakan pembelajaran tipografi ke dua setelah tutorial olehLeo Ari WibowopadaDesain Tipografi burungyang dibuat pada pertengahan bulan 7 lalu.

PREVIEW DESAIN

Berikut gambaran desain yang akan kita hasilkan pada tutorial tipografi dengan photoshop kali ini (klik untuk memperbesar).

DETAIL TUTORIAL

Tingkat kesulitan : Pemula

Software yang digunakan :Adobe Photoshop Materi yang dipelajari : Penggunaan Clipping mask dan Vektor mask

Lama pembuatan : 15 Menit

TUTORIAL

Capture desktopTidak semua monitor berukuran sama, oleh karena itu untuk membuat lembar kerja baru anda haruslah membuat sebuah gambar yang sesuai dengan ukuran desktop anda.

Oleh karena itu Capture-lah seluruh tampilan desktop anda dengan menekan tombolPrint Screenatau Prt Sc SysRq pada keyboard anda. Selanjutnya, pada lembar kerja photoshop buat lembar kerja baru (Ctrl + N) dan OK tanpa mengubah ukurannya lagi. Ukuran project baru akan menyesuaikan gambar Prt Scr yang anda capture tadi.

Menambahkan teks

Selanjutnya, isikan warna lembar kerja dengan warna hitam. Salah satu caranya adalah dengan Menu fill di Edit > Fill. Pada Use isikan Black dengan Blending Normal dan tekan OK.

Dengan text tool, buat teks pada lembar kerja dengan warna #202020. Disini saya menggunakan font Calibri dengan ukuran teks sebesar 12 pt.

Tambahkan lagi teks diatas teks selanjutnya dengan ukuran yang lebih besar dan berwarna putih.

Tambahkan layer style Gradient Overlay merah putih benderaindonesiaseperti berikut.

Membuat teks realistis dengan photoshop

Masih pada layer Indonesia, pilih menu Layer > Create Clipping mask untuk membuat Clipping mask.

Cara ini akan membuat teks Indonesia bercorak seperti teks-teks kecil dibelakang layer Indonesia.

Ke layer teks kecil, klik Add Vektor Mask dibawah layer. Dengansoft brushberwarna hitam, brush secara perlahan sehingga akan menghilangkan sebagian teks-teks banyak tersebut seperti yang ditunjukkan oleh desain dibawah.

Berikut ini hasil sementara tutorial tipografi yang telah kita hasilkan, klik gambar untuk memperbesar.

Penambahan untuk memperbagus desain

Kita akan mencoba membuat teks putih dibawah Indonesia tersebut. Selanjutnya select bagian teks kecil dan ketik teks yang anda ingin kan. Jangan lupa pula untuk teks yang anda ubah tersebut anda beri warna putih.

Secara garis besar tutorial ini telah kita selesaikan. Sekarang anda tinggal menggeser teks tersebut sesuai selera anda. Untuk memindahkannya seleksi kedua teks dengan menekan Shift dan klik pada layer.

Selanjutnya dapat anda geser seperti penampakan desainwallpapersaya dibawah ini, klik pada gambar untuk memperbesar.

HASIL AKHIR

Apakah Anda bangga dengan indonesia??

Klik untuk memperbesar

Download hasil desain berformat .psd pada :Membuat wallpaper tipografi dengan photoshop(ziddu).

Pertanyaan, komentar, masukan, dan sebagainya dapat anda isi pada kotak komentar dibawah dengan mengisi nama dan email valid anda. Setiap balasan komentar anda akan mendapatkan email dari PSD Desain, jadi cek selalu inbox email anda.Like artikel ini jika kamu rasa bermanfaat serta iklan dibawah, jika iklan resmi kami mencurigakan jangan diklik. Gabung juga digroup PSDesaindifacebook.