Panduan Belajar Photoshop, Tutorial Photoshop, Contoh Hasil Photoshop, Cara Membuat Efek di Photoshop

Diberdayakan oleh Blogger.
Minggu, 23 Juni 2013

Cara Membuat Efek Kabut dengan Photoshop

Pada tutorial ini, kita akan mencoba membuat efek kabut dengan menggunakan photoshop CS5. Berikut ini adalah langkah-langkah yang harus anda ikuti:

efek kabut dengan photoshop
Langkah 1
Buat dokumen baru dengan lebar 1200px dan tinggi 850px.
efek kabut dengan photoshop
Langkah 2
Masukkan gambar yang akan anda berikan efek kabut. Lalu copy dan paste gambar tersebut pada layer baru (atau tekan Ctrl+J), hasil copy-an inilah yang nantinya akan anda edit.
Pertama anda berikan efek berkabut pada gambar yang akan anda edit dengan cara klik pada ‘create new fill or adjustment layer’ ikon bulat yang berada pada bagian bawah panel layer pilih option ‘Hue / Saturation’. Gunakan pengaturan seperti pada gambar berikut.
efek kabut dengan photoshop
Langkah 3
Klik pada layer Hue and Saturation,  lalu pilih gradient tool. Pilih pada linear gradient gunakan warna hitam dan putih, lalu drag dari bawah ke atas pada gambar anda, maka akan diperoleh efek gambar yang berkabut.
efek kabut dengan photoshop
LangkH 4
Untuk membuat efek kabut terlihat lebih realistis, (Objek yang lebih dekat dengan anda akan terlihat lebih jelas daripada objek yang lebih jauh). Untuk menerapkan teori tersebut maka anda harus melakukan tiga langkah berikut ini. Yaitu duplikat layer yang ber efek kabut sebanyak dua kali sehingga kita memiliki tiga buah layer yang sama. Pilih pada layer paling bawah diantara ketiga layer tersebut dan buat dua layer lain tersembunyi dengan menekan tombol hide pada layer.Selanjutnya pada layer yang aktif hapus pada gambar yang paling dekat dengan anda menggunakan  ‘Brush tool’. Gunakan warna hitam dan jenis brush yang dipakai ‘ soft round'. Set opacity layer 60%.
efek kabut dengan photoshop
Langkah 5
Sembunyikan layer pertama dari ketiga layer tadi lalu aktifkan layer kedua. Lalu kerjakan hal yang serupa pada layer pertama dengan menghapus kabut pada objek yang di tengah. Lalu set opacity layer menjadi 80%.
efek kabut pada photoshop
Langkah 6
Klik pada layer ke tiga dan kecilkan setingan opacitynya agar ketiga layer menjadi tampak menyatu. Kurang lebih sekitar 35%.
efek kabut dengan photoshop
Langkah 7
Untuk menampilkan layer pada daerah bawah area gambar, buat layer baru tepat di atas layer gambar dan di bawah layer efek kabut. Pilih ‘rectangular marquee tool’, set warna pada posisi default lalu klik pada Filter > Render > Clouds. Double klik pada layer untuk membuka jendela layer style lalu sambil menekan tombol ‘Alt’ , drag(seret) cursor hitam pada ‘this layer’ kearah kursor putih seperti gambar berikut.
efek kabut dengan photoshop
Langkah 8
Tekan ‘Ctrl+T’ lalu atur dimensi dari layer cloud sampai sesuai dengan keinginan anda. Seting opacity menjadi 75%.
efek kabut dengan photoshop
Selesai, semoga bermanfaat
Sumber: EntheosWeb

Membuat Efek 3D pada Lingkaran dengan Photoshop

Berikut ini saya mau berbagi beberapa teknik dalam photoshop untuk mengubah lingkaran 2D menjadi berkesan 3D, Langkah-langkahnya adalah sebagai berikut:
1.Buat file baru pada photoshop, tekan Alt+Backspace untuk menjadikan background berwarna hitam. Buat layer baru dengan klik ikon "layer"  'Create a new layer' dibawah panel layer.

2.Klik Elliptical marquee tool "ellipse" pada  toolbar, Buat lingkaran pada kanvas sambil menekan tombol shift keyboard (supaya benar-benar lingkaran, bukan lonjong).
Sabtu, 22 Juni 2013

Mengkompress Foto Untuk Facebook

FACE BOOK”, saat ini memang lagi mewabah di kota kita tercinta ini. Banyak para ABG, Executif muda, Excutif Tua, dan yang bukan Executif sekalipun terbius oleh kemolekan Layanan Jejaring Sosial dari FaceBook ini. Dengan memanfaatkan layanan dari si Face Book ini kita bisa bersosialisasi dengan beraneka ragam manusia. Dan Karena tuntutan untuk tidak selalu ketinggalan beken dari temen-temen se FaceBook kita maka kita harus selalu meng update gambar-gambar yang kita punya, yang kadang bisa membuat kita Stress karena tidak langsung bisa di upload.

Oleh karena itu saya ingin membagi sedikit trik yang biasa saya pakai untuk mengatasi masalah di atas.
Baiklah langsung saja saya mulai. Disini saya akan memanfaatkan software bawaan Adobe yang saya anggap masih yang terbaik di antara kompetitornya di dalam mengulik gambar-gambar/ image-image bitmap, yaitu Photoshop CS.
1.Pertama..
- Pilih image(gambar) yang akan kita publikasikan. For example:
11
2.Crop gambar, sesuaikan dengan keinginan kita:
- select crop tools
2
- seleksi gambar dengan menyeret mouse pada gambar yang telah kita pilih.
- Setelah sesuai dengan keinginan kita lalu tekan tombol enter
Jumat, 21 Juni 2013

Efek Photoshop Text Seperti Di Atas Cermin

Saat ini banyak kita lihat di berbagai media iklan maupun banner-banner website dan nama situs menggunakan tulisan yang nampaknya berada di atas cermin. Kita bisa melihat bahwa tulisan tersebut menjadi berkesan lebih elegan dan mewah. Untuk itu mari kita coba sama-sama membuat tulisan yang kelihatannya berada di atas cermin tersebut dengan menggunakan software Adobe Photoshop.

Sebenarnya ada banyak teknik untuk menjadikan tulisan berkesan seperti berada di atas cermin, dan setiap praktisi di bidang design grafis akan memiliki cara tersendiri dan tidak selalu sama dalam membuatnya. Hal ini tergantung gaya masing-masing orang. Dan sekarang saya akan mengajak anda membuat text di atas cermin dengan gaya saya dan bila kemudian anda menemukan cara yang lebih baik menurut anda, maka gunakan gaya anda tersebut.

Baiklah saya akan membuat tulisan untuk Header website saya, yaitu “WHYSEP.COM”.
  1. Pertama anda buka aplikasi adobe photoshop, lalu buka new document dengan width =”800 pixels” dan height = “250 pixels”, dan resolusi 200 dengan background color = “white”.
    Bayangan text di atas cermin | photoshop
  2. Kemudian pilih pada tool box = “Horizontal Type Tool”. Lalu anda buat tulisan di lembar kerja anda tadi dengan text height = “30 pt” dan type hurufnya = “cooper black”, seperti terlihat seperti gambar di bawah ini.
    Bayangan text di atas cermin | photoshop
  3. Klik kanan pada layer text lalu atur blending optionnya, untuk kali ini anda dapat menambahkan efek bevel and emboss dan efek drop shadow pada tulisan Whysep.com. Pada opsi ini anda bisa fleksible untuk mengatur nilainya dengan menggeser-geser slide pada setiap item untuk memperoleh efek yang menurut anda paling tepat. Lalu klik OK.
    Bayangan text di atas cermin | photoshopBayangan text di atas cermin | photoshop
  4. Lalu duplikat layer text tadi dengan cara mengklik kanan pada layer yang dimaksud, kemudian pilih duplicate layer.
  5. Select pada layer text hasil duplikasi tadi lalu pilih menu edit -> transform -> flip vertical.
    Bayangan text di atas cermin | photoshop
    Bayangan text di atas cermin | photoshop
  6. Buat layer yang telah di flip tadi menjadi tepat di bawah dari text utama dengan menggeser-gesernya atau dengan menekan tombol panah pada key board supaya sesuai dengan keinginan anda.
  7. Pada saat layer text copy (bayangan) masih terpilih lalu klik opsi create new fill or adjustment layer yang berada pada sisi bawah pada tab layer. Pilih gradient lalu klik OK.
    Bayangan text di atas cermin | photoshop
    Bayangan text di atas cermin | photoshop
  8. Lalu add layer mask pada layer bayangan tadi. Buat gradient mask dengan menarik mouse dari atas text pada lembar kerja ke arah bawah. Maka akan tercipta efek bayangan yang elegan.
    Bayangan text di atas cermin | photoshop
  9. Untuk lebih menambah cantik lagi bisa kita tambahkan layer baru lalu kita pakai eliptical marque tool untuk membuat efek elegan seperti pada gambar dibawah, kemudian aplikasikan gradient tool di atasnya. Maka akan tercipta efek seperti gambar di bawah.
Bayangan text di atas cermin | photoshop

Untuk saran saya sebaiknya anda mencoba-coba sendiri hingga tercipta efek yang paling pas dan mudah menurut anda hingga akan tercipta gaya anda sendiri.
Semoga bermanfaat.

Cara Auto Batch pada Photoshop


Pernahkah anda mendapat tugas untuk mengedit beberapa image dengan efek yang sama berulang-ulang? Contoh yang paling mudah atau sering ditemui adalah meresize beberapa image item suatu photo gallery agar sesuai dengan layout yang telah disediakan di website.
Pada tutorial photoshop ini saya ingin me-resize kumpulan image raw sebuah image untuk photo gallery dalam suatu folder.


Langkah 1 – Persiapkan Actions 
Buka 1 file gambar yang akan di edit terlebih dahulu. Persiapkan Actions (Alt+F9) untuk membuat guideline
Auto Batch pada Photoshop

Pilih Create New Set , kemudian pilih Create New Actions, dan beri nama pada kolom actions (contoh : MyResize). Pilih Begin Recording dan kegiatan edit pun siap di rekam.

Langkah 2 - Edit Gambar sebagai Guideline
Contoh simple yang akan saya tunjukkan sebagai guideline adalah :
1. Mengubah gambar ke ukuran 191×191 pixel
Auto Batch pada Photoshop

2. Menyimpan optimasi ke web dan menyimpannya pada suatu folder yang telah ditentukan
Auto Batch pada Photoshop

3. Menutup file raw dan tidak menyimpannya
Auto Batch pada Photoshop

4. Stop Recording (pada Actions) , maka hasil yang didapat adalah sebagai berikut :
Auto Batch pada Photoshop

Langkah 3 – Auto Batch File Raw
1. Pilih File – Automate – Batch
Auto Batch pada Photoshop

2. Set Actions yang akan digunakan, dan pilih folder gambar yang akan di edit otomatis
Auto Batch pada Photoshop

3. Tunggu sampai proses auto batch me-resize gambar-gambar yang ada dalam source folder. Dan perhatikan apa yang terjadi.
4. Folder hasil auto batch akan berada pada tempat anda mensetting pada Langkah 2.2.
Selamat menikmati…

Senin, 15 Oktober 2012

Video Tutorial Photoshop Cara Membuat Efek Kartun

Video Tutorial Photoshop Cara Membuat Efek Kartun. Hallo! Kali ini saya akan share beberapa video tentang cara mengedit foto kita agar menjadi efek kartun. Menurut saya, tutorial ini sangat bermanfaat, dan tentunya wajib dipelajari. So, silahkan disimak ya..!





Enjoy...!
Jumat, 28 September 2012

Tutorial Photoshop : Landscape Editing

Tutorial Photoshop : Landscape Editing. Free Tutorial Photoshop : Landscape Editing. Hallo..! Kali ini saya akan share sebuah video tutorial adobe photoshop yang berjudul Landscape Editing. Tutorial ini menurut saya cukup mudah dan gampang dimengerti, so silahkan disimak dan dipraktekan..!



Thanks for Watching..!