Tampilkan postingan dengan label Photoshop. Tampilkan semua postingan
Tampilkan postingan dengan label Photoshop. Tampilkan semua postingan

Letter Press Teks Efek Photoshop

Tutorial Photoshop - Letter Press Teks Efek Photoshop

Wah udah lama gak buat tutorial photoshop setelah tutorial yang ini, kangen juga ternyata sama program-program yang berbau design grafis.
Coba anda buka program Adobe Photoshop CS4, disana akan terlihat suatu logo yang menarik untuk dilihat. Pada logo photoshop tersebut terlihat logo dengan efek seperti sebuah teks yang ditekan ke dalam suatu bidang atau disebut letter press. Lah, pada tutorial kali ini saya akan membagikan cara membuat efek yang trendi tersebut yaitu efek letterpress yang dipakai untuk icon Photoshop CS4.

Untuk lebih jelasnya silakan ikuti langkah - langkahnya sebagai berikut:
  • Buka  Program Adobe Photoshop CS4.
  • Buat New Project (lembar kerja baru) dengan menekan CTRL + N atau klik menu File >> New
  • Warnai background dengan menggunakan Gradien Tool yang ada pada sisi sebelah kiri, dalam turorial kali ini saya menggunakan warna Biru Muda dan Biru Tua
Tutorial Photoshop - Letter Press Teks Efek Photoshop
  • Tarik Garis Gradien Dari ujung kiri atas ke kanan bawah pada kanvas (lembar kerja) anda.
Tutorial Photoshop - Letter Press Teks Efek Photoshop
  • Dengan menggunakan Teks Tool , tulis teks yang diinginkan,asaya menuliskan PIO (Portal Informasi Online) menggunakan font jenis Tahoma
Tutorial Photoshop - Letter Press Teks Efek Photoshop

Warna font bisa menggunakan # 4a4a4a , jika kurang gelap atau bisa anda modifikasi sesuai dengan kesukaan anda.
  • Klik Layer >> Layer Style >> Blending Options... dan atur seperti yangh ditunjukan pada gambar dibawah ini
  • Drop Shadow
Tutorial Photoshop - Letter Press Teks Efek Photoshop
  • Gradient Overlay
Tutorial Photoshop - Letter Press Teks Efek Photoshop
  • Pattern Overlay
Tutorial Photoshop - Letter Press Teks Efek Photoshop
  • Inner Shadow
Tutorial Photoshop - Letter Press Teks Efek Photoshop
  • Hasilnya :
Tutorial Photoshop - Letter Press Teks Efek Photoshop

Semoga bermanfaat bagi anda semua.

Bagi anda yang belum mempunyai program Adobe Photoshop Silakan Download


Source : Kang Fathur
Read More

Blogger VS Photoshop and CorelDRAW

Photoshop VS  Blogger
Akankah Blogger, Photoshop dan CorelDRAW saling berkaitan?
Setelah survey dari berbagai blogger, baik di indonesia ataupun blogger luar (internasional) jawaban yang diperoleh hampir 95% mereka mengatakan saling berkaita. Kita sepakat untuk mengatakan iya juga, gimana?

Begitu juga Kang Fathur selalu mendesign blogger blog Zona Online ini dengan Adobe Photoshop dan dipadukan dengan CorelDRAW. Menurut saya, hampir setaiap design-design gambar yang akan ditampilkan diblog perlu dimodifikasi sesuai keinginan anda. Anda dan saya jelas berbeda keinginan serta kesuakaannya.

Pada tutorial kali ini, saya akan membuat ikon RSS Feed yang berkaitan langsung dengan blogger anda.
  • Langkah 1
Buatlah dokumen baru lebar 200px tinggi 200px warna latar belakang putih. Jika belum paham silakan lihat ukuran-ukran tentang photoshop disini.

Photoshop VS  Blogger
  • Langkah 2
Sekarang pilih Rounded Rectangle Tool dan pastikan anda memiliki pilihan set seperti gambar dibawah

Photoshop VS  Blogger
  • Langkah 3
Set warna Foreground menjadi #d9600f tekan dan tahan pergeseran menggambar bentuk sebagai besar sebagai dokumen seperti gambar dibawah

Photoshop VS  Blogger
  • Langkah 4
Sekarang tekan Ctrl + J atau klik kanan layer dan pilih berbentuk duplikat layer dari menu kecil untuk menduplikasi layer berbentuk sekarang anda harus memiliki 2 lapisan di jendela lapisan anda seperti yang dipraktekan pada contoh dibawah

Photoshop VS  Blogger
  • Langkah 5
Pastikan anda memiliki lapisan yang paling atas dipilih kemudian pergi ke menu utama dan pilih Edit > Free Transform atau hanya tekan Ctrl + T sekarang mengubah pengaturan untuk lebar dan tinggi sampai 97 seperti ini

Photoshop VS  Blogger
  • Langkah 6
Photoshop VS  Blogger

Photoshop VS  Blogger
  • Langkah 7
Sekarang klik pada stroke dan menggunakan pengaturan berikut

Photoshop VS  Blogger
  • Langkah 8
Anda sekarang harus memiliki gambar berikut

Photoshop VS  Blogger
  • Langkah 9
Sekarang anda dapat mendownload bentuk ini saya membuat atau menggambar Anda sendiri setelah anda memiliki bentuk beban di Photoshop dan tekan D maka X pada keyboard anda untuk me-reset warna foreground menjadi putih memegang pergeseran berikutnya pada keyboard anda klik dan drag untuk menggambar bentuk seperti dibawah

Photoshop VS  Blogger
  • Langkah 10
Sekarang anda memiliki sendiri RSS Feed ikon yang vektor. Berarti Anda dapat mengubah ukuran tanpa kehilangan kualitas. Langkah selanjutnya adalah opsional

Photoshop VS  Blogger
  • Langkah 11
Untuk membuat ikon sedikit lebih menarik Kang Fathur menambahkan sinar menjadi berkilap. jika Anda ingin melakukan hal yang sama mengikuti bersama dengan langkah berikutnya. Tekan Ctrl dan klik Layer tengah disorot di bawah ini untuk membuat bagian sekitarnya

Photoshop VS  Blogger
  • Langkah 12
Buat Layer Baru kemudian mengisinya dengan putih dan tekan Ctrl + D untuk hapus bagian gambar anda sekarang dan jendela akan terlihat seperti lapisan.

Photoshop VS  Blogger
  • Langkah 13
Sekarang pilih Pen Tool dan menggunakan pengaturan berikut

Photoshop VS  Blogger
  • Langkah 14
Klik sekali pada sisi kiri gambar dan tahan Shift pada keyboard anda dan klik sekali di sebelah kanan sehingga anda memiliki garis lurus seperti gambar berikut

Photoshop VS  Blogger
  • Langkah 15
sekarang pilih Direct Selection Tool dan klik kanan serta pilih baris Add Anchor Point membuat dua seperti dibawah

Photoshop VS  Blogger
  • Langkah 16
Sekarang dengan Direct Selection Tool dipilih langsung klik dan tarik salah satu New Anchor Points dan memindahkan mereka satu per satu seperti dibawah ini.

Photoshop VS  Blogger

Photoshop VS  Blogger
  • Langkah Terakhir
Sekarang klik kanan dan memilih Make Selection dari menu kecil yang muncul anda harus memiliki pilihan. Sekarang pergi ke menu utama dan pilih Select> Inverse atau tekan Shift + Ctrl + I untuk Invers Seleksi sekarang pastikan anda telah mengisi putih dari fill layer selected (lapisan paling atas) dan tekan delete pada keyboard anda dan tekan Ctrl + D untuk hapus seleksi.

Gilirannya Opacity ke bawah sekitar 20 untuk lapisan ini sekarang anda harusmemiliki sesuatu seperti gambar akhir








Source : Kang Fathur Photoshop VS  Blogger
Read More

Cara Menggabungkan Foto pada Photoshop

Banyak kita temui dalam kalangan photoshop yang menggabungkan beberapa foto menjadi satu backround atau satu foto. Yang menjadi pertanyaan disini, bisakah kita membuat gabungan foto tersebut tidak nampak kalu foto tersebut adalah gabungan dari beberapa foto alias tidak ketara.

Lah, pada tutorial photoshop kali ini saya akan membagikan bagaimana menggabungkan beberapa foto seperti aslinya. Ikuti aja langkah yang akan Kang Fathur lakukan dibawah ini :

  • Langkah 1
Buatlah file baru dalam program photoshop anda. File > New dan pilih ukuran sesuai dengan keinginan anda semua. Kali ini saya menggunakan foto ukuran 4R. Jika anda belum paham tentang ukuran-ukuran cetak foto silakan kunjungi disini.

Menggabungkan Foto

  • Langkah 2
Bukalah file foto yang akan menjadi obyek pekerjaan ini. Salah satu contoh saya menggunakan foto seorang ustad muda (hehehehe... mimpi kale..!!!). Lalu pindahkan (move) foto yang baru dibuat dengan memilih Move Tool (V) dan seret ke file yang dibuat pada Langkah 1 seperti yang diperaghakan pada gambar berikut. Serta kita sepakati memberikan nama Layer 1.

Menggabungkan Foto

Jika selesai, atur posisi gambar yang baru dipindahkan persis ditengah-tengah file yang dibuat pada Langkah 1. Seperti contoh berikut saya menggunakan Edit > Free Transform lalu atur posisi.

Menggabungkan Foto

  • Langkah 3
Hapuslah background foto untuk memudahkan pengaturan selanjutnya. Jika belum paham ikuti langkah ini. Jika sudah tau tentang merubah background langsung ikuti langkah selanjutnya. Hasilnya kira-kira seperti ini.

Menggabungkan Foto

  • Langkah 4
Bukalah foto yang kedua seperti yang telah dilakukan pada Langkah 2. Gabungkan dari kedua foto yang telah dibuka untuk memulai mendesign gabungan dari beberapa foto. Pada langkah ini saya menggunakan foto jas yang harganya jutaan rupiah... hehehehe, lagi pamer ya?

Template Jas

Jika anda belum mempunyai jas-jas yang siap pakai, Kang Fathur menyediakan berbagai Jas yg langsung pakai tanpa harus mengedit ulang. silakan di download disini

  • Langkah 5
Aturlah posisi foto pada Layer 1 dan Layer 2 sesuai denagn keinginan anda, yang terpenting sesuaikan besar kecilnya Layer 1 dan Layer 2. Caranya pilih menu utama klik Edit > Free Transform atak menekan Ctrl + T.

Menggabungkan Foto

  • Langkah 6
Silakan lakukan modifikasi foto itu sesuai dengan keinginan anda semua, seperti contoh berikut adalah seorang ustad  muda yang bernama Nurdin (bukan Nurdin M. Top lo...)

Nurdin Gak Top

Gimana? bagus bukan, selamat mencoba dan semoga sukses.

Bagi anda yang belum mempunyai program Adobe Photoshop Silakan Download


Source : Kang Fathur
Read More

Cara Mengganti Background Foto

Sebenarnya cara ini sudah tidak asing langi bagi kalangan designer handal. Akan tetapi gak ada salahnya saya membagikan bagi pemula yang baru mengenal Photoshop karena tutorial ini salah satu dasar yang harus dimiliki dalam ilmu photoshop.

Langkahnya tidak terlalu sulit (menurut Kang Fathur lo, gak tau jika menurut anda). Kita hanya melkakukan seleksi-seleksi yang harus memiliki ketelatenan dalam tutorial ini. Biar gak terlalu panjang lebar langsung pada tutorialnya ya?

  • Langka 1
Bukalah program Adobe Photoshop anda, jika belum punya programnya silakan download disini.
  • Langkah 2
Bukalah foto yang akan dikerjakan dengan menekan Ctrl + O atau pilih menu File > Open > OK. Contohnya saya menggunakan foto Julie Estele yang saya download di google.

Julie Estele

  • Langkah 3
Lakukan seleksi pada background yang akan diubah. Contoh berikut, seleksi saya lakukan pada background yang berwarna putih. Caranya memilih dengan Quick Selection Tool (W) seperti gambar berikut.

Mengganti Background  Foto

Hasilnya seperti ini.

Mengganti Background  Foto

  • Langkah 4
Saatnya untuk membuat background foto anda. Pilih Menu Klik Filter > Render > Clouds.

Mengganti Background  Foto

Catatan: setelah itu, Anda bisa menggunakan Ctrl+F untuk memenuhi selera anda. Setelah selesai tekaln Ctrl + D untuk menghilangkan seleksi yang dibuat. Dan hasilnya

Mengganti Background  Foto

Clink.... Mudah khan? Selamat mencoba ya?

Bagi anda yang belum mempunyai program Adobe Photoshop Silakan Download

Source : Kang Fathur
Read More

Sketsa Warna Pensil pada Foto

Kadang kita teringat pada masa kecil tapi bukan MKKB (masa kecil kurang bahagia) yang pada saat itu kita sering dan bahkan seneng klo yang namanya menggambar. Palagi pada saa dalam pelajaran menggambar dipelajaran TK....

Kali ini akan membuat foto atau image yang kita punya berubah menjadi warna sketsa pensil seperti menggambar. Cara ini sangatlah gambar walau bagi pemula dalam design photoshop. Langsung aja pada topik pembahasan Foto dengan Sketsa Warna Pensil.

Langkah 1
Bukalah foto seperti biasanya dengan program Adobe Photoshop dengan Ctrl + O. Kali ini saya menggunkan foto artis ternama yang saya download disini

Jerawat

Langkah 2
Duplikat foto tersebut dengan Ctrl + J yang saya beri nama Layer 1

Jerawat

Langkah 3
Buatlah Layer 1 yang baru dibuat menjadi hitam putih dengan Ctrl + Shift + U

Jerawat

Langkah 4
Lakukan Langkah 2 dan beri nama Layer 1 Copy serta buatlah gambar seperti gambar film (klise kata orang situbondo) dengan menekan Ctrl + I

Jerawat

Langkah 5
Lakukan blur pada Layer 1 Copy dengan memilih menu Filter > Blur > Gaussian Blur seperti yang ditunjukkan pada gambar berikut

Jerawat

maka akan keluar konfirmasi form, aturlah "Radius Pixel" dengan 5.0 Pixel

Jerawat

Langkah 6
Rubahlah Mode Layer dari Normal menjadi Color Dodge pada Layer 1 Copy seperti yang ditandai kotak merah

Jerawat

Uhuy.... udah selesai kerjaan anda membuat Sketsa Warna Pensil pada Foto kesayangan anda.

Jerawat

Bagi anda yang belum mempunyai program Adobe Photoshop Silakan Download

Source : Kang Fathur
Read More