Tips Membuat Header Website atau Blog dengan Mudah

Posted by Pak Guru Minggu, 31 Maret 2013 0 komentar

Bagi penyuka design web atau yang suka ngeblog mungkin tips ini bisa memberi sedikit manfaat. Kadang kita gak dapet ide untuk bikin Header untuk website atau blog kita.. Syaratnya :
  • Kita musti tau ukuran Header template blog kita, biasanya berkisar antara 720 - 760 px lebarnya.. untuk standar panjang nya 150 -200 px.
  • Kita harus tahu file Nama file header template blog kita ( biasanya header.jpg) , kalo yang sering utak atik blog pasti tau.. yang gak tau, belajar ngeblog dulu ya .. hehehe..
  • Kita juga musti tahu Text judulnya berada disisi mana, ini gunanya untuk menempatkan gambar supaya gak ketimpa sama Text.
  • Tau juga Tema blog nya apa ( misal : photography, computer, camera, celebrity, dll)
  • Kita juga harus tahu warna dasar blog nya biar nanti pas diberi header tidak Saltum ( salah kostum ) :)
  • Itu aja kayaknya syarat yang penting.
Kalo udah tau lebar blog nya… bikin dokumen baru sesuai lebar nya ..
header1
Tau tema website / blog, tujuannya untuk mencari gambar-gambar yang berkaitan dengan blog atau website nya.
saya biasa nyari gambar di Google Images ketikan keyword nya , misal photography > Enter .. deredettt.. banyak kan hasil search nya.. kita pilih beberapa gambar yang sesuai dengan selera kita.. misalkan saya udah pilih beberapa gambar yang berhubungan dengan photography.
header2
Buka salah satu gambar untuk diedit sebelum dimasukan ke dokumen header,
header3
Gunakan rectangle marquee tool untuk menyeleksi bagian sisi gambar, ini tujuannya untuk membuat batas putih di setiap sisi.
Klik Select > Inverse sehingga yang terseleksi sekarang adalah selain seleksi sebelumnya. Delete deh..
header4
Tekan CTRL+ D untuk menghilangkan seleksi..
Drag ( Klik + Tahan + tarik ) gambar camera tadi ke dalam dokumen header baru.
header5

Puter (rotate), modifikasi ukuran gambar ( resize) secara manual, sehingga keliatan menarik. Misalkan Text di template website / blog nya berada kiri, maka kita tempatin gambar nya di kanan.
Untuk pemberian efek, cukup dengan memberi bayangan alias pake DROP Shadow aja.
Klik 2x layer 1 atau klik kanan > blending Option,
header6
Klik Ok.
Untuk mempermudah pemberian efek yang sama untuk gambar yang lainnya, Klik kanan layer 1 > copy layer style
header7
Skarang ulangi langkah mengedit gambar, lalu drag ke dokumen header.
untuk pemberian efek, cukup klik kanan di gambar yang mau diberi efek > Paste layer style.
hasilnya nanti :
header8
Untuk pemberian warna background supaya sesuai tema, tinggal klik Layer background, warnai dengan Paint Bucket tool atau gradient tool
header9
Hasil akhir nya
header10
Kalo mau ditambah tulisan, silahkan tambahin sendiri. hehehe.
Save sesuai nama file header di template nya, misal : header.jpg ,
header11
Selesai… sekarang tinggal UPLOAD deh ke server website / blog nya.
Ini contoh website saya yang headernya pake photoshop : online-photography-school.blogspot.com
Selamat mencoba..
Artikel Tips Membuat Header Website atau Blog dengan Mudah ini dipersembahkan oleh Tutorial Photoshop Gratis. Kunjungi Wallpaper, Font, Desktop Theme Gratis Pokoknya Serba Gratis. Baca Juga Adobe Photoshop Tutorials
Read More..

Operasi Penjumlahan dan Pengurangan Pecahan

Posted by Pak Guru 0 komentar
Di kelas IV kamu sudah mempelajari tentang penjumlahan dan pengurangan pecahan berpenyebut sama. Pada penjumlahan dan pengurangan berpenyebut sama, tinggal mengoperasikan pembilang pembilangnya
Selain itu juga penjumlahan dan pengurangan pecahan desimal dengan hasil paling banyak satu.

1. Penjumlahan Pecahan

a. Penjumlahan pecahan biasa

pec1 Menjumlahkan pecahan yang telah sama penyebutnya, operasi penjumlahannya hanya menjumlahkan pembilangnya saja. Pahamilah contoh di samping ini!
Menjumlahkan pecahan yang tidak sama penyebutnya, operasi penjumlahannya terlebih dahulu harus menyamakan penyebutnya, karena pecahan tidak bisa dijumlahkan apabila penyebutnya tidak sama. Perhatikan contoh berikut ini!
pec3
  1. Ubahlah menjadi pecahan yang penyebutnya sama dengan mencari KPK dari bilangan penyebut. KPK penyebut dari pecahan di samping adalah ( 15)
  2. Apabila penyebut dikalikan pada suatu bilangan, maka pembilang pun dikalikan pada bilangan yang sama.
b. Penjumlahan pecahan campuran

Pecahan campuran adalah bilangan yang terdiri atas bilangan asli dan bilangan pecahan. Operasi hitung penjumlahan pecahan campuran dapat dilakukan dengan cara sebagai berikut.
Contoh : peccam Cara pengerjaan:
a. Ubahlah pecahan campuran menjadi pecahan biasa.
b. Ubahlah kedua pecahan menjadi pecahan yang sama penyebutnya.
c. Jumlahkan pecahan tersebut seperti penjumlahan pecahan biasa.
d. Hasil dari penjumlahan pecahan kemudian disederhanakan. hit cam
2 Pengurangan Pecahan

a. Pengurangan pecahan biasa

pengurangan Mengurangkan pecahan yang telah sama penyebutnya, operasi penjumlahannya hanya mengurangkan pembilangnya saja. Pahamilah contoh di samping ini!
Mengurangkan pecahan yang tidak sama penyebutnya, operasi penguranganya terlebih dahulu harus menyamakan penyebutnya, karena pecahan tidak bisa dijumlahkan apabila penyebutnya tidak sama. Perhatikan contoh berikut ini!
peng2
  1. Ubahlah menjadi pecahan yang penyebutnya sama dengan mencari KPK dari bilangan penyebut. KPK penyebut dari pecahan di samping adalah (21)
  2. Apabila penyebut dikalikan pada suatu bilangan, maka pembilang pun dikalikan pada bilangan yang sama.
b. Pengurangan pecahan campuran

Pecahan campuran adalah bilangan yang terdiri atas bilangan asli dan bilangan pecahan. Operasi hitung pengurangan pecahan campuran dapat dilakukan dengan cara sebagai berikut.
Contoh : peng.cam
Cara pengerjaan:
a. Ubahlah pecahan campuran menjadi pecahan biasa.
b. Ubahlah kedua pecahan menjadi pecahan yang sama penyebutnya.
c. Kurangkan pecahan tersebut seperti pengurangan pecahan biasa.
d. Hasil dari pengurangan pecahan kemudian disederhanakan. jwb

Sumber BSE Matematika Kelas V (Aep Saepudin, Babudin, Dedi Mulyadi, Adang)
Sumber: http://belajar.kemdiknas.go.id/
Read More..

Membuat Gulungan Pada Foto ( Peeling )

Posted by Pak Guru 0 komentar

Diposting tepat pada Tanggal unik : 090909 (09 Sept 2009) Sebelumnya saya ingetin dulu buat yang baru belajar photoshop atau baru mengenal Adobe photoshop, silahkan baca-baca dulu teori dasar photoshop, jadi nanti gak ada pertanyaan yang sangat dasar sekali seperti ”gimana cara seleksinya ? gimana cara hapus nya?” dll. Oke? Deal ya.. hehehe..
Sebenernya udah dari dulu pengen posting tutorial yang membuat gulungan di foto dengan Adobe photoshop ini. Kayaknya sudah pada bisa.. tapi gak apa-apa, yang belom bisa juga pasti banyak.. hehehe.. Maksudnya tutorial photoshop ini adalah membuat semacam gulungan di pojokan foto.
Langsung aja ..
Buka file foto yang mau di edit.
Foto Pemandangan di Pandeglang Saya pake foto objek wisata di pandeglang yang sebelumnya sudah saya kupas dikit di artikel ” Kenali dan Kunjungi Objek wisata di Pandeglang ” .. Kalo ada yang mau kesana, ajak-ajak ya.. hehehe.
Duplikat layer gambar dengan menekan CTRL + J .. dan Tekan tombol D untuk mendefault kan foreground (hitam)dan background color (putih) .. Lalu tekan CTRL + Backspace sehingga layer background jadi berwarna Putih.
peel2
Buat layer baru, buat segitiga seperti gambar (untuk lipatannya) dengan rectangle marquee tool. warnai dengan warna apa aja. saya pake default nya aja, pake hitam.
peel3
Sekarang buat lingkaran seperti gambar dengan elliptical marquee tool lalu tekan DELETE. (Supaya lipatannya keliatan real )
peel4
Klik 2x layer 2 atau klik kanan > Blending Options setting seperti dibawah
peel5
Setelah menggunakan gradient Overlay, sekarang gunakan Drop Shadow, setting seperti dibawah :
peel6
Hasil setelah dikasih efek
peel7
Sekarang hapus bagian luar foto dengan Eraser Tool
peel8
Hasil Akhirnya :
peel9
Contoh lipatan dipojok yang lain
Catatan : untuk di pojokan lain , tinggal ubah-ubah aja arah sudut waktu ngasih Gradient Overlay.
pandeglang
Semoga tutorial ini bermanfaat..
Selamat Mencoba .. dan Stop dreaming start action
Artikel Membuat Gulungan Pada Foto ( Peeling ) ini dipersembahkan oleh Tutorial Photoshop Gratis. Kunjungi Wallpaper, Font, Desktop Theme Gratis Pokoknya Serba Gratis. Baca Juga Adobe Photoshop Tutorials
Read More..

Membuat Anyaman dari Foto dengan Photoshop tentunya..

Posted by Pak Guru 0 komentar

Desain grafis atau graphic design macem-macem aja, masa bikin anyaman dari foto?? emang bisa? tentu saja bisa .. kan ada photoshop? mau?
Kadung janji ama orang-orang di facebook mau posting malem ini.. jadi.. Sebagai lelaki sejati tentunya kalo janji harus ditepatin .. hayah.. hehehe.. Setelah mandi, buka puasa , Sholat Taraweh dan sambil makan eMpek-Empek.. baru deh bisa posting dengan santai dan damai.. :p
Yuk ah mulai..
Buka foto yang mau dibikin anyaman.. Saran saya , cari foto yang sedikit background putihnya. Soalnya nanti bakal timbul garis yang bikin efek ini gak sempurna.
Sebagai contoh saya pake foto Nadia lagi, yang ada background putihnya.. supaya pada tau yang saya maksud. :D
anyaman1
Untuk memudahkan pembuatan anyaman, saya gunakan GRID : ini fungsinya sebagai garis bantu aja.
Cara menampilkan grid, Klik view > Show > Grid (CS3) .
anyaman2
untuk setting grid nya sendiri Klik Edit > preferences > General
anyaman3
saya pilih 3 cm karena gambar nya kecil. kalo besar laen lagi ukurannya .. jadi itu tergantung besar Photograph nya. Terus gunakan warna yang kira-kira nyaman aja..
hasilnya :
anyaman4
Duplikat layer background sebanyak 2 kali , jadi Tekan CTRL + J sebanyak 2 kali. Ubah nama nya menjadi Horizontal dan Vertikal.
Layer Background diubah menjadi warna Hitam dengan menekan ALT + Backspace ( syaratnya Foreground color musti Hitam ya )
anyaman5
Buat kotak-kotak horizontal di layer Horizontal… Gunakan Rectangle marquee Tool.
Jangan lupa tekan tombol SHIFT untuk membuat kotak lain ke bawah nya.
Fungsi Grid sekarang baru kerasa.. hehehe.. jadi buat kotak memanjang ukuran 2 kotak grid lalu buat kotak lain dibawahnya dengan melewati 1 kotak grid.. begitu seterusnya.
anyaman6
Klik add vektor mask di layer Horizontal.
anyaman7
Sekarang ke Layer Vertikal.
Buat kotak-kotak seperti layer horizontal, bedanya kotak-kotak yang dibentuk sekarang arah vertikal.. setelah terbentuk Klik add layer mask di layer vertikal.
anyaman8
Sekarang hilangkan Grid nya.. karena mengganggu banget hehehe.. Klik View > Show > grid (lagi) nanti contreng nya Ilang.
anyaman9
CTRL+Klik layer mask Horizontal lalu CTRL+ALT+SHIFT + klik layer mask Vertical
hasilnya akan ada seleksi - an banyak kotak…
anyaman10
Hapus sebagian kotak seperti pada gambar di bawah.
anyaman11
Gunakan Rectangle marquee tool. Seleksi kotak yang mau dihapus satu persatu sambil tekan Tombol ALT.
Tekan CTRL + J untuk mengcopy kotak-kotak hasil seleksi tadi.
anyaman12
sekarang kita buat seleksian kotak-kotak yang sebaliknya..
Tekan CTRL + klik layer mask horizontal dan CTRL+ALT+SHIFT + klik layer mask Vertical
nanti kebentuk lagi seleksian kotak-kotak seperti sebelumnya
anyaman13
hapus kotak-kotak kebalikan dari yang pertama.. Caranya sama aja kok dengan yang tadi, gunakan rectangle marquee tool..
anyaman14
kalo udah diapus sebagian kotaknya Tekan CTRL + J ( posisi cursor di layer Vertical )..
anyaman15
Pilih layer baru tadi. tekan CTRL + ALT + G untuk Clipping mask . sama juga untuk layer1.
anyaman16
Untuk Photoshop CS ke bawah : Tekan ALT lalu arahkan cursor garis separator antara layer 1 dan layer Horizontal.
nanti muncul tanda 2 Lingkaran kecil seperti ini :
clipping mask
Klik kanan layer 1 > Blending Options, Setting seperti dibawah
anyaman17
Beri Settingan yang sama untuk layer 2.
hasilnya :
anyaman18
hasil yang lain
anyaman19
Stop Dreaming Start Action nya jangan lupa yaa…
Selamat Mencoba!
Artikel Membuat Anyaman dari Foto dengan Photoshop tentunya.. ini dipersembahkan oleh Tutorial Photoshop Gratis. Kunjungi Wallpaper, Font, Desktop Theme Gratis Pokoknya Serba Gratis. Baca Juga Adobe Photoshop Tutorials
Read More..

Photo In a Box

Posted by Pak Guru 0 komentar

Waktu nulis tutorial ini… lagi liat detik.com yang isinya Mbah Surip Meninggal.. Semoga Arwahnya diterima disisi Alloh SWT.. amien.. TIPS OF THE DAY : CTRL +E fungsinya menggabungkan dua layer ( layer atas ke layer bawahnya)
Sekarang saya coba buat Photo berbentuk Kubus.. idenya sih dari permainan kubus Rubik yang sangat susah itu lho.. kalo ada yang bisa permainan ini boleh share sama saya… hehehe.. pengen banget bisa nih.. Kalo satu atau 2 sisi doang sih bisa..hayah..
Kembali ke tutorial.. LANJUTGAN !
Buat dokumen dengan ukuran 400px x 400px resolusi 72 aja.. kalo mau bikin besar juga gpp.. terserah aja.. ini cuman contoh aja..
photo in a box 1
Pertama kita buat template untuk Box nya..
Buat kotak dengan rectangle marquee tool.. sambil tekan tombol SHIFT yaa.. biar semua sisinya sama.
photo in a box 2
Buat layer baru. Warnain dengan paint bucket tool. Untuk warnanya terserah karena ini mah buat acuan aja nanti..
photo in a box 3
Duplikat kotak pertama sambil digeser ke samping dan tempelin persis di ujung sisi kanan kotak pertama… caranya Tekan ALT lalu Drag ke samping kanan.
Ganti warna nya dengan warna lain biar beda.
photo in a box 4
Sekarang Ulangi langkah yang tadi.. Duplikat dan simpan di atas kotak pertama.. harus bersinggungan dengan sisi atas kotak pertama.
photo in a box 5
jadi deh Template nya. Sekarang kita punya 3 layer dengan kotak yang berbeda letak dan warna.
Buka foto yang mau di bikin Kubus.. usahakan fotonya harus yang view nya agak jauh biar nanti objek nya pas banget masuk ke kotak pertama ( di paling depan).
Drag ke dalam dokumen Template yang tadi udah dibuat.
photo in a box 6
Atur letak dan ukurannya.
Sekarang kita akan mengambil bagian-bagian foto yang akan disesuaikan dengan Template kotak tadi.
Pilih layer foto .. tekan CTRL + klik di kotak pertama..
Tekan CTRL + C (Copy ) lalu Tekan CTRL + v untuk (paste)
Otomatis akanTerbentuk layer baru yang isinya bagian foto sesuai kotak pertama.
photo in a box 7
Ulangi langkah yang tadi untuk bagian-bagian yang lain..
photo in a box 8
Matikan semua layer.. kecuali layer foto yang udah terbentuk dan layer background
Sekarang kita punya Foto yang sesuai dengan Template tadi..
photo in a box 9
Beri efek sedikit dengan Blending Option.
Klik kanan layer foto kotak pertama > blending option atau Klik 2 kali di layer foto kotak pertama.
Setting seperti dibawah.. ini tujuannya biar keliatan garis tepi di setiap sisi.
photo in a box 10
Klik kanan layer foto kotak yang sudah diberi effect.. klik copy layer style.
Pilih layer kotak berikutnya . Klik kanan > Paste layer style. sama juga untuk kotak satu lagi.
Sekarang pilih Layer foto kotak yang disebelah kanan.
Klik Edit > transform > Distort
Tarik ujung kanan nya aja.. dan atur dimensinya seperti dibawah. kalo perlu gunakan garis bantu, biar lurus. Garis bantu udah saya jelaskan di tutorial yang ini.
photo in a box 11
Atur juga untuk bagian atas nya.. gunakan Edit > Transform > distort . Tarik dan atur ujung-ujungnya. gunakan garis bantu juga untuk memudahkan.
photo in a box 12
Kalo udah.. Merge (gabung) semua layer photo kotak dengan menekan CTRL + E dimulai dari layer yang paling atas dulu. Sekarang sudah Menjadi Kubus..
photo in a box 13
Sekarang kita buat bayangannya..
Buat bentuk yang kira-kira menyerupai alas dari kubus .. dibawah.. dan simpen di bawah layer foto Kubus..
photo in a box 14
Klik Filter > Blur > gaussian Blur
photo in a box 15
Atur dan putar Foto Kubus dan bayangannya sehingga terlihat alami.. Untuk ngatur ini, butuh imajinasi juga..
photo in a box 16
Hasilnya :
photo in a box
Gimana ? mantep tho..
Selamat Mencoba..
Artikel Photo In a Box ini dipersembahkan oleh Tutorial Photoshop Gratis. Kunjungi Wallpaper, Font, Desktop Theme Gratis Pokoknya Serba Gratis. Baca Juga Adobe Photoshop Tutorials
Read More..

Total Tayangan Laman