Mengedit HTML Blogspot

Jika kita mengotak-atik atau mengedit HTML blog kadang2 akan mengalami kesulitan, apalagi bagi yang masih agak pemula. Entah itu gak bisa nemu kode yang mau diedit lah, gak bisa disimpan karena error lah, Ada pesen error yang gak jelas lah, dan lah-lah yang lain, ya to...??? Nha trik dan tips kali ini akan mencoba gimana cara untuk mengatasi atau setidaknya mengurangi masalah "lah-lah" yang kadang2 atau sering terjadi tersebut.

Berikut ini beberapa tips untuk edit HTML bogger:

1. Backup Template

Membackup template ini penting karena jika terjadi hal-hal yang tidak dinginkan, misalnya blog jadi rusak maka kita bisa membuatnya seperti sediakala (sebelum rusak) jika kita sebelumnya sudah membackup template. Cara membackup template ini mudah. Cukup klik pada link "Download Full Template" lalu simpan file template di komputer kita. Kalo terjadi kesalahan yang tidak bisa kita atasi, kita tinggal upload aja file template tersebut.

2. Memberi Tanda Centang pada Kotak "Expand Widget Template"

Ini yang kadang2 dilupakan para "editor". Kalau kotak "Expand Widget Templates" tidak dicentang maka kode2 yang dicari kemungkinan tidak ditemukan. Tapi kadang2 hal ini tidak perlu dilakukan tergantung dari petunjuk tutorialnya. Makanya perhatikan baik2 tutorialnya kalo mau Edit HTML blog.

3. Tips Mempermudah Pencarian

Untuk mempermudah pencarian kode yaitu dengan meng-copy dulu kode yang mau dicari kemudian tekan "Ctrl+f" lalu masukkan kode yang dicopy tadi kedalam kotak yg muncul. Kalo misalkan kode yang dicari tidak muncul maka cobalah mencari sebagian dari kode tersebut. Misal mau mencari kode

jika tidak ketemu maka cb carilah sebagiannya atau seperti ini data:post.body kalau sudah ketemu maka klik tombol next untuk melihat apakah ada kode lain yang sama untuk memastikan kode yang dikehendaki. Tapi tips ini sepertinya sulit dilakakukan jika menggunakan browser "Chrome" paling mudah jika menggunakan "Mozilla Firefox".

4. Tips Menghadapi Error Yang Muncul

Jika saat menyimpan hasil editan kemudian muncul pesan error, misal seperti ini:
We were unable to save your template
Please correct the error below, and submit your template again.
Your template could not be parsed as it is not well-formed. Please make sure.....
Maka hal yang harus kita lakukan adalah berusaha memahami pesan error tersebut. Kemudian kita cek kembali tutorial yang kita baca apakah langkah-langkah yang sudah kita lakukan bener2 sesuai dengan tutorialnya. kalau tidak yakin maka kita bisa mengulangi lagi tutorialnya dari awal dengan mengklik tombol "Clear Edit" terlebih dahulu.

Mungkin untuk masalah mengahadapi berbagai pesan error ini akan kita bahas lebih lanjut diepisode yang lainnya yang lebih spesifik.

Yak mungkin itu aja dulu tips-tips dalam pembahasan kali ini. Kita jumpa lagi di tips-tips berkutnya.

Tip And Trik Macromedia Flash 8.0

Berikut ini ada beberapa tik dan trik flash 8.0 yang akan mempermudah anda belajar flash 8.0

Key
Shift+F5 = Hapus Frame
F8 = Convert to Simbol
F5 = Insert KeyFrame
F6 = Convert to KeyFrame

Huruf Berubah
1. Since1 -> Layar1
Frame 1 ->
Teks Tool ketik 1-> Selec Text Ctrl+B ->FillColor (Ubah Warna) Red
Frame 10 ->
F5 -> F6 -> Teks Tool ketik 2 -> Selec Text Ctrl+B -> Fill Color Biru
Frame 20 ->
F5 -> F6 -> Teks Tool ketik 3 -> Selec Text Ctrl+B -> Fill Color Hijau
Klik Frame 5 -> Properties Tween = Shape
Klik Frame 15 -> Properties Tween = Shape

Huruf Blink
2. Since2 -> Layar1 -> action stop();
Ketik Text, Pilih Text tsb ->
Ctrl+B -> Ubah Warna Red -> Ctrl+G ->
F8 MoviClip -> Klik Frame tsb Edit In Place -> F5 -> F6 ->
Klik Text tsb Ubah Warna Red

Goto
3. Window -> CommonLibraries -> Bottons ->
Pilih Klik kanan Expand All Folde
Klik Botton, Klik Kanan -> Action
Pilih Global Function -> Timeline Control -> Goto
Pilih Scene = Scene 3

MovieClip
4. Since3 -> Layar1
Frame 1 ->
Teks Tool ketik S-> F8 MovieClip -> Select Text, Klik 2x
Select Text Ctrl+B ->FillColor (Ubah Warna) Red
Frame 10 ->
F5 -> F6 -> Teks Tool ketik M -> Selec Text Ctrl+B -> FillColor Biru
Frame 20 ->
F5 -> F6 -> Teks Tool ketik A -> Selec Text Ctrl+B -> FillColor Hijau
Klik Frame 5 -> Properties Tween = Shape
Klik Frame 15 -> Properties Tween = Shape

5. Animasi Bola IModify->Document;Dimensions 800w,600h
Framerate 25 fts
(Pilih -> Properties)
Oval tool (O)Paint Buket Tool (K)
Convert to Simbol (f8)->movie clip,(ganti nama)
Frame terakhir Klik kanan->Insert Keyframe(F5)Convert to keyframes(F6)Pindahkan
(Bola)Frame tengah klik kanan->Create motion tween

6. Animasi Bola II
Oval tool (O)
Frame 1 klik kanan->Create motion tween
Frame Akhir->Convert to keyframes(F6)
Pindahkan (Bola)

6. Animasi Text
Klik Text tsb-> Break(Ctrl+B)
Ubah warna->merah
Group(Ctrl+G)
Convert to Simbol(f8),Movie Clip
Edit In Place
Insert Keyframe(F5)
Convert to keyframes(F6)
Ubah warna->biru
Animasi Tombol dari Templet Flash
Windows->OtherPanels->ComonLibraries->Bottons
(pilih salah satu ->klik kanan Expan folder)
Animasi TombolOval tool (O)
Convert to Simbol(f8)->Botton
Ovalnya Klik Kanan(Edit In Place)
Ovalnya Klik 2x
Insert Keyframe(F5)
Convert to keyframes(F6)

Animasi Path
Layar1->Oval->Klik Frame1->(f8),Movie Clip
Klik Frame30->(f5)->(F6) Klik KananFrame tengah
(Create Motion Tween)
Layar2->Klik Kanan (Add Motion Guide)

Tentukan Path Awal Oval
Tentukan Path Akhir Oval

S o a l
Edit SoalInteractions->Klik Frame ke2 … dst
Klik Multiple Coise Interaktif 2x Klik Multiple Coise Interaktif 1xParameter->
Launch Component Inspektor
Pilih Start->Ketik Question, Pilih Corect
Pilih Options->Ketik Tries 2 (2x Pilih)

Random SoalInteractions->
Klik Frame ke2 … dst Klik Quiz Option Interaktif 2x Klik Quiz Option Interaktif 1x
Parameter->Launch Component Inspektor
Pilih Randomize

Tambah Soal
Interactions->Klik tarik Kotak Terakhir
Copy->Paste Frames
Klik Frame tsb-> Delete
Tampilkan Library(Ctrl+L)

Multiple Choice 1 -> Duplicate
Klik Frame Kosong tsb
Tarik Multiple Choice Duplicate tsb ke layar

Mobil Mengkilap Bercahaya

Flash merupakan program untuk membuat animasi yang handal, Tutorial Flash kali ini adalah membuat efek animasi shine dan membuat mobil mengkilap bercahaya...

Para Pembaca yang budiman, belum punya mobil yang mengkilap tapi ingin membuat mobil anda jadi mengkilap tanpa biaya nah cuma di ilmugrafis kumpulan tutorial flash dengan tema mobil mengkilap bercahaya.

Langkah - Langkahnya:

1. Masukkan (import) gambar ke dalam stage


misalnya gambar mobil seperti gambar di bawah ini



2. Setelah gambar berada pada stage, atur besarnya stage sesuai dengan ukuran gambar yang telah di import tadi misalnya 500 px (width) dan 315 px (height)



3. Ganti nama layer1 menjadi mobil


4. Tambahkan satu layer baru, kemudian ganti layer tersebut dengan nama efek.


5. Klik icon rectangle tool ( tekan huruf R di keyboard ), kemudian gambar persegi panjang melebihi gambar mobil, seperti gambar di bawah ini.



6. Klik gambar persegi panjang yang telah dibuat tadi, kemudian ubah warna persegi panjang seperti gambar di bawah ini


7. Kemudian untuk mendapatkan efek cahaya yang mengkilap, lakukan pengaturan warna persegi panjang seperti gambar di bawah ini


8. Efek mengkilap telah selesai dibuat, kemudian langkah selanjutnya, tambahkan satu layer lagi, kemudian ganti nama layer tersebut dengan animasi



9. Masih di layer animasi kill icon Pen tool


10. Kemudian buatlah bagian yang akan dianimasikan misalnya seperti gambar di bawah ini.



11. Setelah area yang dianimasikan selesai dibuat, maka langkah selanjutnya yaitu klik kanan pada layer animasi pilih menu mask




12. Klik frame 30 pada setiap layer, kemudian tekan F6 untuk memberikan insert keyframe



13. Klik kanan antara frame 1 – 30 pada layer efek, kemudian pilih menu create motion tween





14. Klik frame 30 pada layer efek, kemudian pindahkan gambar persegi panjang ke sebelah kanan dari gambar mobil, seperti gambar di bawah ini


15. Tekan ctrl + enter untuk melihat hasilnya…
Preview in image mode


Preview in Animation Mode

Cling.. Cling.. Mobil Bersinar Mengkilap ^_^

Pembuatan Iklan Lucu

Mungkin cuma kreativitas dan Selera humor (sense of joke) yang membuat sesuatu nampak lain, atraktif dan menghibur. Sebenarnya banyak sekali sisi humor yang bisa kita gali dari sesuatu yang nampaknya biasa-biasa saja. Contohnya adalah iklan yang satu ini. Ini adalah salah satu iklan masuk angin yang disulap menjadi sebuah iklan lucu. Caranya mudah saja... Butuh kreativitas...

Anda bisa membuat iklan anda sendiri namun jika anda ingin mengcopy iklan ini maka template iklan ini bersifat Open Source (Atau gratis untuk dikembangkan)...

Save template iklan

Setidaknya Ada 2 tehnik yang harus anda pelajari disini yaitu:
Menggabungkan Gambar ke Dalam 1 Kanvas dan Penjelasan dan Penguasaan Teknik Transform
Semuanya ada di Tutorial Photoshop Dasar

Sebagai contoh saya menggunakan foto hasil jepretan kamera:

Berikut cara membuat iklannya:

1. Download dulu (save As... Picture)

template iklan

2. Buka template iklan tersebut dengan Adobe Photoshop

3. Buka foto yang akan diedit dan pindahkan dengan move tool untuk dimasukkan ke dalam template iklan
Contoh:

4. Transform ukuran foto sehingga ukurannya pas dengan frame iklan
Hasilnya:

Hwe..3X!! Just Kidding... ;P

Desain Logo Cantik Dengan STYLE

Kali ini saya akan berbagi tentang propertis STYLE yang dimiliki oleh Photoshop dan akan mencoba membuat desain Logo yang cantik seperti diatas. Style merupakan gabungan dari beberapa efek yang ada pada Blending Options sehingga membentuk sebuah paket efek yang menarik. Kita akan mencoba membuat desain Logo cantik dengan STYLE...

Tutorial ini menggunakan Photoshop CS
jadi upgrade dulu ke PHOTOSHOP CS atau lebih tinggi

Langkah-langkahnya:

1. Buatlah file baru dengan ukuran

OK

2. Setelah mencul layar kerja baru, Buatlah sebuah lingkaran menggunakan Elipse Tool
Jangan lupa ketika kita membuat lingkaran tahan tombol SHIFT agar bentuk lingkaran tidak menceng / oval


Note: Warna Lingkaran tergantung dari foreground, jangan dipermasalahkan...

3. Pastikan anda masih aktif pada Layer Lingkaran


4. Tampilkan Window Style
Klik Menu WINDOW > STYLES, setelah window style tampil maka anda tinggal memilih (mengklik) efek yang sesuai, dengan otomatis warna dan style objek akan berubah sesuai dengan style yang anda pilih, jika pilihan yang telah ada masih kurang cocok maka anda bisa menampilkan style yang lain dengan mengklik tanda panah pada pojok window style, maka disitu akan muncul beberapa pilihan lain untuk stylenya (salah satunya Web Style, yang kita pakai pada desain logo di atas)

Note: Untuk WEB STYLE hanya dimiliki Photoshop CS dan versi diatasnya jadi jika masih menggunakan photoshop 7 maka upGrade dulu ke CS ya...

Hasil > setelah anda memilih style PURPLE GEL pada window style


5. Buatlah lingakaran baru menggunakan ELIPSE TOOL
Ganti warna dan transparansi lingkaran

Keterangan:
Untuk mengganti warna lingkaran Klik 2x pada Layer Thumbnail (ditandai huruf A pd gambar diatas) kemudian akan muncul window color picker – pilih warna putih kemudian OK, kurangi transparansi lingkaran dengan mengurangi nilai OPACITY menjadi 20 % (ditandai huruf B pd gambar di atas )


7. Pilih Custom Shape Tool untuk menambahkan hiasan motif bunga pada logo

Klik Shape pada Propeti Bar > Pilih Motif Bunga (Flower 1) atau anda bisa memilih sesuai dengan selera anda


8. Buatlah sebanyak Empat Shape

Keterangan:
- Shape 1 dan 2 : Anda atur posisi, ukuran dan opacity (20%)
- Shape 3 dan 4 : Tambahkan beberapa efek dasar sehingga terlihat lebih indah..
Klik menu Layer > Layer Style > Blending Options
Pilih Gradien Overley : atur sesuai warna yang anda suka..
Pilih Stroke : atur Color : Putih dan Size : 3 Px

8. Terakhir anda cukup menambahkan Teks di dalamnya…

BALI in Design

Selamat Mencoba dan Semoga Bermanfaat..
Maaf jika ada kekurangan dari tutorial saya

Efek Relief

Pada tulisan kali ini tentang salah satu efek pada Photoshop, yaitu membuat efek Relief. Ada beberapa cara membuat efek relief, salah satunya seperti yang akan seperti berikut:

1. Buat file baru, dengan ukuran sesuai keinginan. Untuk konsumsi cetak Resolution dibuat minimal 240 pixels/inch.

Width: 8 cm ; Height: 5 cm ; Resolution 240 pixels/inch ; Mode: RGB Color ; Contents: White

2. Buat Create New Layer untuk membuat Layer 1

3. Kasih warna abu-abu pada Layer 1 pakai Paint bucket Tool

4. Masih Layer 1 aktif (kotak Layer 1 berwarna), lalu klik menu Filter pada menu bar.

5. Pilih Texture sampai muncul pilihan disampingnya

6. Klik Texturizer ….. , maka akan muncul window Texturizer.

7. Pada pilihan Texture, pilih Sandstone.

8. Atur Scaling dan Relief sesuai keinginan, lalu OK

Teksture: Sandstone ; Scaling: 132 ; Reliaf:11 ; Light Direction: Top

9. Pilih objek gambar untuk motif relief (pada contoh dipakai motif ornament)

10. Select objek dengan Ctrl+klik pada Layer objek, lalu klik gambar mata pada layer objek.

11. Buat Layer 1 Copy dengan menarik Layer 1 ke kotak Create New layers (kotak tengah bawah)

12. Aktifkan Layer 1 Copy, lalu tekan Shift + Ctrl + i

13. Kemudian tekan tombol Delete, selanjutnya Tekan Ctrl + D untuk menghapus select (Deselect)

14. Klik menu Layer pada menubar, lalu pilih effects untuk kemudian klik Bevel and emboss …. .

15. Setelah muncul window effects, pada Style pilih Pillow Emboss, dengan depth:20, Blir:13 atau terserah kamu ngaturnya.

17. Setelah pengaturan selesai klik OK

18. Jangan lupa kotak kecil Apply diatas, harus aktif supaya perubahan pengaturan langsung terlihat.

19. Save dan selesai.

Setelah langkah langkah diatas maka akan menghasilkan karya photoshop dengan efek Relief kurang lebih seperti ini.

Teksture Relief

Semoga manfaat...

Effect Sensor Pada Gambar

Tutorial Photoshop ini membahas tentang membuat Efek Sensor. Pernah lihat foto dengan sensor pada bagian tertentu??? Wah masak gak pernah?! Oke, kali ini kita akan membuat salah satu foto syur dengan effect sensor.... Tapi jangan foto atau gambar yang aneh-aneh ya.

Sebelum kita belajar, ada baiknya kamu belajar layout photoshop terlebih dahulu.

Baiklah ini langkah-langkahnya:

1. Buka Aplikasi Photoshop kamu dan pilih foto yang akan di sensor dan sebagai contoh saya menggunakan gambar anime punya saya yang bisa di download di sini

[download]

2. Pada Toolbox sebelah kiri kamu cari icon dengan gambar persegi/ lingkaran dengan garis putus-putus, untuk lebih jelasnya kalian bisa lihat gambar yang saya blok merah.
<===== ini adalah toolbox
Kalian [klik kanan] icon yang saya blok merah dan pilih "Rectangular Marquee Tool"

3. Setelah melakukan Langkah di atas maka langsung saja kamu letakkan pointer pada bagian yang ingin disensor dengan menahan [klik kanan] hingga terbentuk persegi dengan garis terputus-putus
contoh:

(terdapat garis putus-putus di daerah sekitar mata)

4. Setelah terseleksi dengan "Rectangular Marquee Tool" maka kita tinggal memberikan effect
Caranya: Pada Menu Utama (Main Menu) di sebelah atas kalian klik
Filter >> Pixelate >> Mozaic

5. Atur Cell Size untuk menentukan besarnya kotak sensor, semakin besar angka yang dimasukkan maka kotak-kotak sensor yang akan dihasilkan akan semakin besar.
Setelah itu simpan (save)

Perbedaan Gambar:

tanpa sensor	setelah disensor

Sensor?? Siapa Takut!!

Sketsa Warna Pensil

Halo pembaca yang budiman. belajar photoshop, tentunya banyak sekali hal-hal yang bisa kita lakukan. baik memanipulasikan maupun hal-hal yang lainnya.

Oleh karena itu, kini kami akan memberikan tutorial kepada anda tentang “Bagaimana cara merubah foto berwarna menjadi sketsa warna pensil.” Berikut Caranya :

1. Buka photoshopnya. Setelah itu carilah gambar yang akan dijadikan sketsa pensil. Namun kali ini, saya akan menampilkan gambar hewan anjing, Lihat gambar pertama di bawah ini:

download gambar

2. Setelah gambar pertama tertampilkan, langkah selanjutnya yaitu : Arahkan Mouse anda pada "Layer gambar hewan" dalam hal ini Background

kemudian klik kanan dan pilih "Duplicated Layer".

3. Setelah anda membuat duplicated gambar, Klik “Ctrl + Shift + U” maka Gambar akan berubah menjadi Hitam putih”.
Lihat Gambar Kedua ( 2 ) di bawah ini :


4. Setelah gambar berubah menjadi hitam putih, langkah selanjutnya yaitu :

Buatlah duplicated lagi, seperti cara diatas, kemudian klik “Ctrl + i” maka gambar akan berubah menjadi gambar film,
lihat Gambar Ketiga ( 3 ) di bawah ini :


5. Setelah Gambar Ketiga ( 3 ) tertampilan. Untuk selanjutnya yaitu :
Arahkan mouse Pada “Filter > Blur > Gaussian Blur” maka akan keluar jendela pop_up Gaussian blurnya,
setelah itu pada “Radius Pixel” berilah nilai sebesar “3,3” kemudian Klik Ok.
Dan lihatlah hasil gambar keempat ( 4 ) di bawah ini :


6. Pada gambar keempat ( 4) jika diperhatikan, gambar tersebut tampak Tidak jelas atau juga memudar.
Namun dari gambar tersebutlah yang Menjadikan gambar lebih jelas setelah terjadinya perpindahan warna.
Oleh sebab itu, untuk langkah terakhirnya yaitu : Pada gambar keempat ( 4 ) tertampilkan, Arahkan mouse pada “Set The Blending Mode For The Layer”, lihat gambar di bawah ini :

Keterangan
Pada gambar disamping ini, ubahlah nama “Normal” menjadi “Color Dodge”

Setelah anda mengubah Mode “Normal” menjadi “Color Dodge” maka, gambar secara langsung akan berubah menjadi sketsa warna pensil, lihat hasil gambar penyelesaiannya di bawah ini :

Perubahan menjadi goresan Pencil

:::Sampai disini dulu tutorial kami, semoga tutorial ini. dapat menambah pengetahuan anda semua dan kami tidak bertanggung jawab atas penyalahgunaannya dan Semoga anda mendapatkan segala manfaat dan kebutuhan anda:::
Selamat belajar Photoshop

Semoga Bermanfaat