Lanjutan Emoteicon..

Yang sebelumnya klik disini

Pada langkah berikutnya, klik Window –> Animation maka akan tampil kotak untuk menyusun frame seperti gambar di bawah

Kemudian duplikat frame ke satu tersebut sebanyak lima kali (seperti gambar di bawah) hingga jumlah keseluruhan frame adalah sebanyak 6 frame

Langkah selanjutnya, pada frame ke 2, ke 4 dan ke 6 sembunyikan layer mata sehingga setting nya seperti gambar di bawah (tampilan agak berubah, baru ganti tema ^_^)

Kemudian atur delay time pada setiap frame, kalau dalam emoteicon yang saya buat, setting nya sebagai berikut :

• Frame pertama, delay = 2 second
• Frame kedua, delay = 0 second/no delay
• Frame ketiga, delay = 2 second
• Frame keempat, delay = 0 second/no delay
• Frame kelima, delay = 0 second/no delay
• Frame keenam, delay = 0 second/no delay

Langkah selanjutnya tinggal klik aja menu play animation

Agar animasi berjalan secara terus menerus, pada bagian selects looping options pilih “forever”

kemudian save dengan cara klik menu file –> save for web, lalu simpan dengan ekstensi .gif

Filed under: Photoshop , .gif, emoteicon, icon, Photoshop

Me and Photoshop ^_^

Me and Photoshop ^_^

Tempatku menumpahkan kreatifitas, belajar, bekerja, berkarya, dan

Filed under: Photoshop, Saya di blog ini , Aqua web style, CS2, Designing, icon, Photoshop, Photoshop CS, web 2.0, web style 2.0

Button Designing With Photoshop CS

Bismillah, pada tulisan kali ini saya akan membahas mengenai “bagaimana sih caranya membuat tombol untuk web, blog dll. seperti gambar di atas?”

Saya mengambil contoh tombol yang terdapat pada IlmuGratisan.com, karena pada awalnya saya ingin membuat tulisan di sana, tetapi qodarulloh saya belum dapat meng upload file di sana.

Baiklah let’s begin..

1. Langkah pertama, open new blank document dengan setting sebagai berikut, width 400 px, height 100 px, resolution 72 px/in, color mode RGB Color, background contens transparent.
2. Atur foreground color menjadi warna merah R: 255, G: 0, B: 0
3. Kemudian, buatlah buatlah seleksi berbentuk persegi panjang pada document yang masih kosong tersebut menggunakan Rounded rectangle tool, pilih radius 20 px & tipe fill pixels



4. Maka secara otomatis area yang telah kita seleksi tersebut berubah menjadi warna merah
5. Seleksi gambar tesebut dengan menekan ctrl (tahan) + klik pada layer thumbnail – layer 1
6. Klik create new fill or adjustment layer, kemudian pilih gradient, lalu set foreground to transparent dengan style linear, angle 90, scale 150, foreground color black, opacity 50 %, fill 50 %
7. kemudian tambahkan layer style, dan pilih bevel and emboss, hingga hasilnya seperti gambar berikut
8. Buatlah layer baru beri nama gradient putih, kemudian seleksi dengan menggunakan Rounded rectangle tool seperti langkah ke 3, kemudian set foreground color menjadi warna putih, setelah itu create new fill or adjustment layer seperti langkah ke 6, hanya saja pada langkah ini beri check pada kotak reverse agar warna gradient yang putih berada di atas, atur opacity dan fil menjadi 80 %
9. Tekan ctrl+t posisi layer gradient putih untuk men transform, perkecil ukuran persegi panjang tersebut hingga seperti gambar di bawah
10. Langkah berikutnya, buatlah layer baru dan beri nama text, kemudian klik pada horizontal type tool Buatlah text dengan jenis huruf arial – bold, ukuran 30 pt, align center hingga hasil akhir seperti gambar berikut Kalau ada pertanyaan, atau mungkin kurang jelas mengenai cara di atas mohon kirim email aja ya..

Filed under: Photoshop , Photoshop

Aqua Style With Photoshop CS

Disain web yang bertema Aqua memang lagi nge-trend, ada efek kilap seperti pantulan air, kristal, warna yang bening/transparent. Entah saya yang terlambat mengetahui hal ini, atau memang terlalu awal untuk mengetahui (^,^). Tapi yang pasti saya telah berhasil menjawab tantangan seorang atasan saya di kantor, ia meminta saya mempelajari Aqua web style dengan Photoshop CS, contohnya itu gambar di atas.

Ada yang bilang belajar photoshop itu sulit, saya jawab “ya”, tapi jika kita belajar dengan teknik dan metode yang tepat insya Alloh bisa kok. Mungkin untuk waktu yang akan datang hal ini akan menjadi bagian dari pekerjaan saya disamping menjadi seorang drafter, contohnya seperti gambar di bawah ini :

Di atas adalah gambar template~touch screen panel, saya sedang dalam proses mengerjakan hal yang serupa dengan gambar di atas hanya saja mungkin akan saya buat lebih interaktif dan lebih terlihat effect nya terutama ketika tombolnya tersentuh, mungkin akan saya bedakan ketika button on dengan button off, ini juga permintaan dari atasan di tempat saya bekerja, untuk sedikit di modifikasi.

Nah.. contohnya gambar di atas yang telah saya modifikasi, tombol enternya saya beri efek warna biru dengan garis tepi (border) sedikit dipertebal, tombol enter tersebut akan di program berubah menjadi warna biru ketika button on (tersentuh) untuk membedakan antara button on dengan button off. Tapi saya disini hanya bertugas dalam visual style nya aja, sementara untuk mem program ada bagiannya sendiri

Filed under: Photoshop, Saya di blog ini , Aqua web style, Photoshop, web 2.0

Sambil Menyelam Minum Kopi Biar Ga Ngantuk

Hmm.. mungkin itu kalimat pembuka tulisan ini, mengapa? ya.. pertanyaan bagus, karena kalimat “Sambil Menyelam Minum Kopi Biar Ga Ngantuk” adalah kiasan saya dalam mengungkapkan dua manfa’at yang bisa kita dapat ketika melakukan suatu kegiatan, hehe.. entah nyambung ga ya..?

Pagi ini, pukul 00:51 WIB tepat ketika saya menulis kalimat ini pada paragraf ini, saya telah menyelesaikan header baru untuk blog ini nih.. makanya judulnya “Sambil Menyelam Minum Kopi.. “. Yah saya akui memang ga bagus-bagus amat sih headernya tapi yang penting buatan sendiri alhamdulillah, hmm.. prosesnya lumayan sulit sih, karena itu kan tadinya hanya menggunakan brush tool kemudian di edit.

Oh iya, jujur.. ini inspirasinya datang dari blognya mbak Afra yang judulnya “Menghargai Proses Diri dan Orang Lain”. Karena di sana ada gambar hati yang lagi tertimpa hujan hehe.., bagus banget gambarnya terlihat real, n cool. Akhirnya dengan modal trial and error saya mulai menuangkan inspirasi tersebut di Photoshop CS2, Alhamdulillah jadi sedikit banyak belajar dengan layer.

Hmm.. kalau di perhatikan memang saya baru ganti header minggu lalu, hehe.. bukannya bosenan, tapi ini bagian dari sambil menyelam minum kopi, udah ngerti kan maksudnya

Ini saya tampilkan juga header baru blog ini di bawah..

Terima kasih udah mau membaca..

Filed under: Photoshop, Saya di blog ini , Add new tag, Photoshop

Ganti Gambar Header

Isnin, 5 Zulkaedah 1429 Hijriyah atau bertepatan dengan hari Ahad, 2 November 2008 Masehi. Karena pada saat tulisan ini saya edit menurut tanggalan Hijriyah telah memasuki hari Senin.

Inilah gambar yang saat ini saya gunakan sebagai header

Trial and error, tapi ga tau nih bagus ga ya header yang sekarang? temanya sih abstrak & ga jelas..

Create in Photoshop CS2, dengan tool-tool dasar dan sederhana serta working with layer, klik di sana dan klik disini kemudian save dengan format .png selesai deh..

Ada yang mau saya buatkan header? gratis kok, confirm.. aja ke saya, insya Alloh kalo saya sempat nanti saya buatkan. Saya sekalian belajar Photoshop hehe.. ternyata memang susah nyari inspirasi.

“Begin what next?”

Filed under: Photoshop , CS2, Photoshop

Ternyata Belajar Photoshop Itu Juga Mudah

Gambar diatas merupakan cover map To Do List, merupakan bagian dari kerjaan saya sebagai drafter. Sebenarnya saya juga ga terlalu pandai terhadap software Photoshop, just learning by doing aja lah.. because my leader (in office) said “saya tidak mengharuskan kamu mengikuti cara saya, lakukan dengan caramu, yang penting hasil akhirnya”.

Sebuah kalimat yang sampai sekarang ter-rekam di ingatan saya, dan menjadikan motivasi untuk belajar, bekerja, dan tetap semangat.

Di kantor tempat saya bekerja menggunakan Photoshop CS3, tetapi di rumah saya hanya menggunakan Photoshop CS2. Perbedaannya ga terlalu jauh kok, jadi ga ada salahnya dipelajari.

Pelajarilah hal-hal yang bermanfa’at, software (photoshop) ini terkadang di salah gunakan oleh orang-orang tertentu untuk menyebarkan pornografi yang tidak bermanfa’at sama sekali.

Filed under: Photoshop, Saya di blog ini , Photoshop