Kamis, 11 Juni 2009

IlmuPhotoshop ada apa denganmu


Ditulis dalam kategori Komunitas, oleh RYAN

Tadi malam saya coba buka-buka halaman situs blog lain. Seperti biasanya, saya juga sering mengunjungi blog teman-teman, terutama yang sudah berkomentar disini dan ada alamat blog-nya. Kadang sempat menyumbangkan komentar, namun kadang juga tidak sempat, jadi mungkin juga teman-teman yang punya blog tidak tahu kalau saya baru saja keluar masuk di kamar postingan mereka. Juga pada situs blog yang mempunyai topik sama, walaupun disana memang jarang berkomentar. Lha saingan je!
:)

Yang sempat membuat saya kaget tadi, waktu membuka blog IlmuPhotoshop milik mas Sigit. Kok malah masuk ke halaman 000webhost? Ada apa mas Sigit Eko?

Saya secara pribadi turut sedih dan sangat menyayangkan kok situsnya tidak bisa dibuka, padahal di google sudah berada pada posisi pertama. Bersaing keyword ya tidak apa-apa, tapi kalau terjadi sesuatu pada tetangga kita ya harus kita bantu. Apalagi sama-sama menyukai Photoshop.

Mari kita berikan dukungan moral buat mas Sigit.

Update (barusan)
Ternyata sudah bisa dibuka, baru saja aku cek. Tapi sudah terlanjur aku posting. Ya udah, nggak jadi deh. Hi..hi.. mau ikut bersimpati kok malah jadi malu sendiri aku. Bukan eror tapi bandwithnya habis. Mungkin juga karena tadi malam saya membukanya dari google image, tidak mengetikkan alamatnya langsung.
:)
Sekalian saja, saya mohon maaf kalau mengunjungi blog teman-teman yang sudah berkomentar di blog ini, tapi saya tidak bisa membalas memberi komentar. Terutama yang blog-nya ada di Multiply, dan Blogger. Karena kalau mau komentar harus login dulu, terutama yang di Multiply. Gimana loginnya, wong saya tidak punya account disana. Seingat saya bulan kemarin membuka blog-nya simbahputri, tapi kok malah disuruh login / register ke Multiply sesudah ngisi kotak komentar.

Tutorial yang terkait

Memasukkan foto kedalam teks


Tutorial efek tulisan dengan Photoshop ini cukup mudah. Mungkin malah sudah banyak yang tahu. Tutorial ini memang sengaja saya susulkan untuk di publikasikan. Karena teknik ini akan digunakan juga pada tutorial yang mendatang.

Pada tutorial ini kita akan belajar cara memasukkan sebuah foto / gambar kedalam tulisan ataupun obyek lain.

Langkah 1
Bukalah sebuah file foto / gambar, atau buatlah sebuah file baru. Ukuran file bisa disesuaikan dengan keinginan Anda.

tutorial photoshop efek teks 1

Tujuan langkah ini adalah agar kita mempunyai sebuah file yang digunakan untuk mengetik.

Langkah 2
Pada file tersebut (langkah ke-1), buatlah sebuah tulisan dengan menggunakan type tools. Usahakan untuk memilih jenis huruf yang tebal. Misalnya Arial Black, Impact.

tutorial photoshop efek teks 2

Langkah 3
Bukalah file foto / gambar yang akan dimasukkan ke dalam tulisan. Jika file tersebut sudah dibuka, geserlah file tersebut kedalam file tulisan dengan menggunakan Move tool. Lebih lanjut, tentang Move tool, bisa dibaca di sini.

tutorial photoshop efek teks 3

Langkah 4
Pastikan urutan layer seperti gambar berikut ini:

tutorial photoshop efek teks 4

Layer foto diatas sendiri, kemudian layer tulisan dibawahnya.

Jika posisi layer sudah benar, pastikan layer yang aktif adalah layer foto.
Sekarang:

  • Tekan tombol Ctrl + Alt + G, pada Photoshop 7, atau
  • Pilih menu Layer > Create Clipping Mask (Ctrl + G), pada Photoshop CS, atau
  • Pilih menu Layer > Create Clipping Mask (Ctrl + Alt + G), pada Photoshop CS3.

Foto sudah masuk kedalam tulisan. Jika perlu, bisa Anda tambahkan Layer style misalnya Bevel and Emboss atau Drop Shadow.

Berikut ini adalah gambar dari tutorial photoshop ini yang sudah jadi.

tutorial photoshop efek teks 5

Selamat mencoba.

Tutorial yang terkait

Animasi tulisan bergerak


Ditulis dalam kategori Efek Teks, oleh RYAN

Tutorial Photoshop kali ini akan membahas cara pembuatan efek tulisan bergerak ( animasi ) dengan format file gif. Animasi ini dibuat dengan program photoshop pada awalnya, kemudian proses pembuatan animasinya dengan menggunakan Adobe Image Ready. Jika photoshop yang digunakan adalah versi CS3, maka animasi ini bisa dibuat langsung dengan Photoshop, tanpa harus menggunakan image ready.

Tutorial pembuatan animasi tulisan dengan Photoshop

Langkah 1
Buatlah sebuah file baru dengan Photoshop. Ukuran file bisa disesuaikan dengan kebutuhan Anda. Pada tutorial ini, saya menggunakan sebuah file yang berukuran 468 x 60 pixel; 72 dpi; RGB; content=white.

tutorial photoshop animasi 1

Langkah 2
Buatlah sebuah tulisan dengan menggunakan Type tools pada Photoshop.

tutorial photoshop animasi 2

Langkah 3

  • Jika Anda menggunakan versi Photoshop 7 hingga CS:
    Klik icon Jump to Image ready. Icon ini terletak di sebelah bawah pada Tools Box. Anda juga bisa memilih menu File > Jump To > Adobe ImageReady 7.0 (pada Photoshop 7), atau File > Edit in Image Ready (pada Photoshop CS).

    tutorial photoshop animasi 3

  • Jika Anda menggunakan versi Photoshop CS3:
    Pilih menu Window > Animation

    tutorial photoshop animasi 4

Langkah 4
Akan Anda dapati sebuah palet panjang di sebelah bawah (bentuk tampilan relatif sama baik pada Image Ready ataupun Photoshop CS3).

tutorial photoshop animasi 5

Jika perlu, perlebar tampilan palet ini dengan melakukan klik dan geser pada sudut kanan bawah palet tersebut.

Langkah 5
Geser tulisan hingga ke sebelah kiri luar dari background yang putih, hingga seluruh tulisan tidak nampak.

tutorial photoshop animasi 6

Langkah 6
Klik icon Duplicate current frame.

tutorial photoshop animasi 7

Langkah 7
Sekarang ada 2 frame pada palet Animation. Pastikan yang terpilih sekarang adalah frame kedua.
Geser lagi tulisan hingga sisi kanan luar dari background.

tutorial photoshop animasi 8

Langkah 8
Klik icon Tweens animation frames.

tutorial photoshop animasi 9

Tujuan penggunaan Tween ini adalah untuk mempermudah pembuatan frame-frame animasi. Tween akan menambahkan frame secara otomatis berdasarkan perbedaan posisi, ukuran, tranparansi, dan efek pada obyek.

Kemudian akan muncul kotak dialog baru, seperti gambar tutorial berikut ini.

tutorial photoshop animasi 10

Pada kotak dialog ini, kita bisa mengatur:

  • Tween with: digunakan untuk memilih frame mana yang akan kita gunakan sebagai dasar animasi berdasarkan frame yang aktif. Karena kita aktif pada frame kedua, maka yang tepat adalah Previous Frame.
  • Frame to Add: digunakan untuk memilih jumlah frame yang akan ditambahkan. Semakin banyak jumlah frame, animasi akan semakin nampak halus, tetapi ukuran file hasil jadinya akan semakin besar.
  • Layers: digunakan untuk memilih animasi pada antara semua layer, atau hanya pada layer yang aktif saja.
  • Parameters: digunakan untuk memilih jenis perubahan obyek yang digunakan sebagai dasar animasi

Langkah 9
Klik icon Plays/stops animation.

tutorial photoshop animasi 11

Animasi sudah jadi. Jika Anda menginginkan pengaturan kecepatan animasi, bisa Anda pilih dari tulisan 0 sec disebelah bawah frame.

tutorial photoshop animasi 12

Jika pengaturan kecepatan ini akan dilakukan pada banyak frame sekaligus, maka klik sebuah frame, kemudian tekan dan tekan tombol Shift, lalu klik frame yang lain. Bisa juga dengan Ctrl + klik frame yang lain. Setelah terpilih banyak frame sekaligus, baru ubah kecepatannya. Pengubahan kecepatan animasi akan berlaku pada semua frame yang terpilih.

Untuk menyimpan hasil animasi, pilihlah menu File > Save Optimized pada Adobe ImageReady. Atau File > Save for Web & devices pada Photoshop CS3. Pastikan format file yang dipilih adalah gif.

Berikut ini adalah hasil dari tutorial ini, sebuah tulisan dengan efek gerak yang disimpan dengan format file gif.

tutorial photoshop animasi 12

Silahkan dicoba dan digunakan sebagai tambahan materi belajar photoshop. Berikut ini ada 2 buah contoh file lain. Silahkan dicoba sendiri juga untuk membuat seperti gambar-gambar berikut ini.

Gambar contoh animasi 1

animasi photoshop 1

Gambar contoh animasi 2

animasi photoshop 2

Tutorial yang terkait

Brush Photoshop Garuda Pancasila


Berikut ini adalah sebuah brush Photoshop dengan gambar Garuda Pancasila. Brush ini saya buat dan sebarluaskan dalam rangka menyambut peringatan Hari Kemerdekaan Republik Indonesia pada tanggal 17 Agustus mendatang.

Brush ini saya buat dengan tiga ukuran. Ukuran besar, sedang, dan kecil menyebar. Tentang cara penggunaannya tentunya Anda sudah bisa. Jika belum membaca tutorial Photoshop tentang cara penginstalan brush, bisa Anda baca dulu di Cara Menginstall Brush Photoshop.

Berikut ini contoh brush tersebut:

Brush Photoshop Garuda Pancasila

Mari kita semarakkan peringatan hari kemerdekaan ini dengan penuh semangat.

Ukuran file: 349 KB (zip). Bisa digunakan pada Photoshop versi 7.0 hingga CS3.
Silahkan unduh (download) brush ini dengan gratis di:
- mbahdewodotcom.googlepages.com/Garuda_Pancasila.zip
atau
- www.geocities.com/mbahdewo/download/Garuda_Pancasila.zip

Tutorial yang terkait

Membuat kartu ucapan


Ditulis dalam kategori Tutorial Photoshop Lanjut, oleh RYAN

Tutorial Photoshop kali ini akan saya isi dengan langkah pembuatan ucapan selamat menikah buat mas Andy pada artikel yang sebelumnya.

Langkah pembuatan ucapan selamat menikah

Langkah 1
Buatlah sebuah file baru. Ukuran file disesuaikan dengan kebutuhan. Dalam contoh kali ini, saya gunakan ukuran sebagai berikut:

    Width=180 px
    Height=270 px
    Resolution=72 dpi
    Content=White

Jika desain ini akan anda cetak, maka buatlah resolusi-nya 300 dpi

tutorial photoshop kartu ucapan 2

Langkah 2
Isilah file baru ini dengan warna hitam. Caranya dengan memilih menu Edit > Fill. Pada bagian Use, pilih Black.

tutorial photoshop kartu ucapan 3

Langkah 3
Buatlah sebuah seleksi kotak dengan Rectangular Marque Tools. Buatlah ukurannya lebih kecil dari keseluruhan bidang gambar. Jika ukuran kurang sesuai, Anda bisa mengubahnya dengan menggunakan Select > Transform selection, ubah ukurannya, kemudian tekan Enter.

tutorial photoshop kartu ucapan 4

Langkah 4
Isilah bidang seleksi ini dengan warna putih. Caranya seperti langkah ke-2, namun pilih warna White pada bagian Use.
Setelah diisi warna putih, hilangkan seleksinya dengan memilih menu Select > Deselect.

Langkah 5
Pilih menu Filter > Pixelate > Crystallise. Isikan 3 pada bagian pengaturan Cell size.

tutorial photoshop kartu ucapan 5

Langkah 6
Aktifkan palet Channel (Window > Channel), klik icon Load channel as selection.

tutorial photoshop kartu ucapan 6

Setelah muncul gambar seleksi pada area yang putih, aktifkan lagi palet Layer (Window > Layer).

Langkah 7
Bukalah sebuah foto yang akan Anda gunakan sebagai undangan. Pada tutorial Photoshop kali ini, saya gunakan sebuah foto saya sendiri. Foto aslinya diambil di kamar, dalam kondisi agak stress sesudah pulang dari Pengadilan Agama.

Ukuran foto yang bisa Anda gunakan tidak ada ketentuan khusus, Anda bisa menggunakan ukuran yang sesuai dengan keinginan Anda.

tutorial photoshop kartu ucapan 1

Tidak saya sertakan tutorial cara pembuatan gambar foto yang akan digunakan ini, karena Anda bisa menggunakan foto / gambar apa saja yang sesuai. Gambar ini hanya dibuat dengan menggunakan layer mask, seperti pada Tutorial Photoshop Cara Menggabung Gambar dulu.

Usahakan untuk menggunakan foto yang terdapat sebuah obyek / model. Pada bagian model foto tersebut akan kita buat berwarna yang berbeda dengan warna background yang lain.

Langkah 8
Sekarang pilih / aktifkan file putih berbingkai hitam yang sudah kita buat sebelumnya tadi. Dalam kondisi seleksi masih ada, geserlah gambar tersebut kedalam file foto yang sudah dibuka pada langkah 7 tadi. Cara memindahnya, dengan menggunakan Move tools.

tutorial photoshop kartu ucapan 7

Langkah 9
Atur posisi obyek kotak putih agar menutupi bagian model foto.

Langkah 10
Buatlah sebuah seleksi kotak lagi dengan Rectangular Marque Tools. Buatlah seleksi di tengah-tengah kotak putih tadi.

tutorial photoshop kartu ucapan 8

Setelah itu tekan Ctrl + J untuk menggandakan layer tersebut seukuran dengan luas bidang seleksi.

Duplikat juga layer background (layer foto yang asli). Cara menduplikatnya, bisa dengan menekan Ctrl + J, atau dengan menarik nama layernya ke arah icon Create a new layer di palet layer.

Pastikan urutan posisi layer seperti gambar dibawah ini.

tutorial photoshop kartu ucapan 9

Langkah 11
Aktifkan layer foto hasil duplikat (paling atas), kemudian buatlah sebuah Cliping mask dengan menekan tombol Alt + Ctrl + G. Lebih lanjut tentang clipping mask, bisa dibaca pada Tutorial Photoshop sebelum ini.

tutorial photoshop kartu ucapan 10

Langkah 12
Sekarang pilih layer Background (layer paling bawah). Kemudian pilih menu Image > Adjustment > Hue / Saturation. Klik tombol Colorize, kemudian atur warnanya sesuka Anda. Misalnya seperti gambar ilustrasi tutorial dibawah ini.

tutorial photoshop kartu ucapan 11

Dibawah ini adalah gambar hasil sesudah diubah warna backgroundnya.

tutorial photoshop kartu ucapan 12

Langkah 13
Setelah ini, tinggal Anda beri tulisan yang sesuai. Kemudian beri tambahan ornamen-ornamen hiasan.

tutorial photoshop kartu ucapan 13

Gambar-gambar ornamen ini bisa Anda buat sendiri dengan pen tool. Atau Anda cari saja clipart di internet, misalnya Anda cari di
Google Image Search : Ornamental Clip Art

Anda juga bisa mengkreasikan tutorial ini dalam bentuk lain, misalnya seperti dibawah ini:

tutorial photoshop kartu ucapan 14

Selamat mencoba tutorial photoshop ini.

Tutorial yang terkait


Tutorial kali ini saya gunakan untuk membahas tentang pengaturan tepi seleksi. Terutama bagi yang sedang belajar menggunakan Photoshop CS3, saya juga. Karena memang belum lama menggunakan versi CS3 / versi 10 ini. Perbedaan dengan Photoshop versi sebelumnya adalah munculnya pengaturan tepi seleksi menggunakan Refine Edges (bisa dipilih dari menu Select > Refine Edge ). Pada kotak dialog ini terdapat beberapa pengaturan seperti Feather, seperti yang kita ketahui feather itu dulunya merupakan submenu sendiri dalam menu Select, namun kali ini dimasukkan dalam sebuah kotak dialog tersendiri. Yang akan saya bahas sekarang adalah tentang Refine Edge ini.

Adapun tampilan dari kotak dialog Refine Edge adalah sebagai berikut.

tutorial seleksi CS3 gambar 1

Pada kotak dialog Refine Edge ini, terdapat beberapa pengaturan sebagai berikut:

  1. Radius
    Digunakan untuk menentukan luas daerah yang diatur dalam keseluruhan pengaturan di kotak dialog Refine Edge ini.
    tutorial seleksi CS3 gambar 3
  2. Contrast
    Digunakan untuk mempertegas garis tepi seleksi. Dengan nilai pengaturan yang tinggi, akan membuat seleksi nampak semakin tegas/kuat.
    tutorial seleksi CS3 gambar 4
  3. Smooth
    Digunakan untuk memperhalus garis tepi seleksi. Apabila ada tepian seleksi yang begerigi, maka dengan memberi nilai pengaturan yang tinggi, tepi yang bergerigi tersebut bisa diperhalus.
    tutorial seleksi CS3 gambar 5
  4. Feather
    Digunakan untuk membuat perbatasan antara area dalam seleksi denga yang diluar area seleksi menjadi semakin tidak jelas / kabur.
    tutorial seleksi CS3 gambar 6
  5. Contract/Expand
    Digunakan untuk memperluas dan mempersempit area seleksi. Meluas atau menyempitnya area seleksi ini dihitung dari seleksi semula, kemudian arah perubahannya menyebar baik kearah luar maupun dalam. Dalam kata lain, misalnya ada sebuah gambar seleksi lingkaran maka bayangkanlah lingkaran tersebut membesar atau mengecil. Pengaturan ini merupakan perkembangan selanjutnya dari Contract dan Expand yang merupakan submenu dari Photoshop versi sebelumnya.

Dalam kotak dialog Refine Edge ini, Photoshop CS3 juga menambahkan pilihan tampilan pengaturan seleksi. Saat kita sedang mengatur dengan Refine Edge, terdapat 5 tampilan yang bisa kita ganti-ganti dengan cepat.

tutorial seleksi CS3 gambar 2

Sebenarnya bisa dikatakan ini bukanlah fasilitas baru namun sebuah pengembangan dari tool Photoshop pada versi yang sebelumnya. Namun dengan menyatukan tool-tool yang setipe dan penambahan pilihan tampilan seperti diatas tadi, akan mempermudah kita untuk membuat dan melihat perkiraan hasil jadi dari seleksi.

Tutorial yang terkait

Ukuran undangan pernikahan


Ditulis dalam kategori Tutorial Photoshop Lanjut, oleh Sadewo

Pada artikel tutorial photoshop kali ini, saya akan membahas tentang pembuatan undangan pernikahan, sesuai dengan permintaan dari beberapa teman. Namun yang akan saya bahas kali ini adalah yang sifatnya umum. Pengertian umum disini maksudnya bahwa saya tidak akan membahas tentang cara pembuatan gambar-gambarnya, karena untuk membuat gambar / desain tergantung pada kemampuan pembuatnya sendiri.

Kemampuan disini berarti bahwa agar kita bisa membuat sebuah gambar desain, kita harus mempunyai kreativitas, dan imajinasi. Dan tentu saja pemahaman atas tool-tool atau tehnik pada photoshop.

Dari beberapa tutorial yang pernah saya bahas di blog Belajar Tutorial Photoshop ini, sebenarnya sudah mencukupi untuk membuat sebuah gambar desain. Anda bisa menerapkan pemahaman Anda tentang pembuatan seleksi, cara menggabung gambar, mengganti warna, dan tutorial photoshop lainnya.

Undangan pernikahan, secara umum mempunyai ukuran yang berbeda-beda. Yang pasti, karena undangan pernikahan ini akan dicetak, maka resolusi yang digunakan antara 300 hingga 600 dpi.

Berikut ini beberapa contoh ukuran yang bisa digunakan sebagai undangan pernikahan.

tutorial photoshop undangan pernikahan 1

tutorial photoshop undangan pernikahan 2

tutorial photoshop undangan pernikahan 3

Tentang pemilihan jenis huruf, biasanya undangan pernikahan menggunakan jenis huruf hias. Huruf-huruf ini terdapat banyak di internet, tinggal Anda cari saja di google, atau di mesin pencari lain. Begitu juga dengan bentuk-bentuk ornamen yang digunakan.

Salah satu hal yang biasa muncul pada undangan pernikahan adalah sebuah kotak yang digunakan untuk menempatkan nama dan alamat orang yang diundang. Kotak seperti ini bisa dibuat dengan menggunakan Rounded Rectangle Tool.

Jangan lupa sebutkan nama kedua mempelai berikut nama orang tua / keluarganya. Demikian juga dengan waktu pelaksanaan pernikahan dan alamatnya. Jika perlu, buatkan juga denah tempat berlangsungnya acara. Denah alamat akan lebih mudah cara pembuatannya dengan CorelDraw.

Sertakan juga kata-kata mutiara. Biasanya kedua mempelai sudah mempunyai bayangan / rancangan sendiri tentang kata-kata tersebut. Jika belum, maka carilah sendiri kata-katanya. Jika mempelai tersebut beragama Islam biasanya menggunakan ayat-ayat Al Qur’an, hadist, puisi-puisi karangan pujangga Islam.

Berikut ini beberapa ayat Al Qur’an yang biasa disertakan dalam undangan pernikahan.

  • Qs. Ar. Ruum (30) : 21
    Dan di antara tanda-tanda kekuasaan-Nya ialah Dia menciptakan untukmu isteri-isteri dari jenismu sendiri, supaya kamu cenderung dan merasa tenteram kepadanya, dan dijadikan-Nya di antaramu rasa kasih dan sayang. Sesungguhnya pada yang demikian itu benar-benar terdapat tanda-tanda bagi kaum yang berpikir.
    Selain ayat tersebut, bisa juga beberapa ayat berikut ini:
  • Qs. An Nisaa (4) : 1 sampai 3
  • Qs. An Nahl (16) : 72
  • QS. Al-Isra (17) : 32
  • QS. An Nuur (24) : 26
  • QS. An Nuur (24) : 32
  • Qs. Yaa Siin (36) : 36
  • QS. Adz Dzariyaat (51) : 49
  • QS. Al-A’raf (7) : 189

Barangkali ada yang membutuhkan, silahkan Anda kunjungi juga www.quranexplorer.com.

Bagi yang beragama lain, mohon maaf saya tidak punya refensinya. Tapi tentunya itu mudah dicari, karena Anda bisa mencontoh dari undangan-undangan pernikahan yang sudah ada atau yang pernah Anda terima. Sebagai tambahan referensi, Anda bisa mengunjungi www.sabda.org.

Saya dulu hobi mengoleksi undangan-undangan pernikahan. Sebenarnya dulu sudah terkumpul banyak, rencananya juga untuk referensi membuat undangan (dulu saya pernah juga bekerja sebagai tukang sablon). Namun sekarang entah dimana kumpulan koleksi saya tersebut, sudah banyak yang hilang.

Apabila Anda ingin melihat beberapa contoh undangan pernikahan, Anda bisa berkunjung di blog mas Adamska.

Saya mohon maaf, bahwa saya hingga saat ini belum bisa membuat contoh undangan pernikahan. Jika saya dipaksa harus membuat sebuah undangan, maka hasilnya akan seperti gambar dibawah ini, agak aneh dan menyedihkan (walaupun mungkin yang merasa sedih ya cuma saya sendiri).

tutorial photoshop undangan perceraian

Mungkin besok suatu ketika kalau saya sudah bisa membuat undangan pernikahan akan saya buatkan contohnya di blog ini.

Selamat mencoba membuat undangan pernikahan dengan Photoshop ataupun CorelDraw / CorelPhotopaint. Segeralah menikah bagi yang sudah siap. Dan selamat menikah bagi yang sudah , dan bagi yang ingin nambah seperti saya.
:)

Tutorial yang terkait