Sabtu, 27 Oktober 2012

cara membuat ligo dengan photoshop

Cara belajar photoshop cs3 mudah dengan tutorial photoshop yang ada di ahlidesain.com. Pada tutorial membuat logo dengan photoshop ini saya akan membuat sebuah logo Sony Ericsson. Karena kita mencontoh atau membuat logo yang sudah ada sebelumnya maka saya kategorikan tutorial ini pada tutorial photoshop tingkat dasar. Anda akan belajar bagaimana cara menggunakan tool path, gradasi, style dan mengaplikasikan efek-efek photoshop yang sederhana.
1. Buat dokumen baru pada photoshop ( CTRL +N) dengan pengaturan opsi sebagai berikut
  • Width : 500 px
  • Height : 500 px
  • Resolution : 72 px/inc
  • Background : White
2. Tekan tombol keyboar D agar warna menjadi default. Buat lingkaran menggunakan shapping elipse tool dengan opsi sebagai berikut
membuat logo dengan photoshop
3. Buat efek photoshop menggunakan style caranya dengan memilih menu Layer > Layer style > Blending Options, sesuaikan pengaturan opsi sebagai berikut
membuat logo dengan photoshop 2
membuat logo dengan photoshop 3
membuat logo dengan photoshop 4
membuat logo dengan photoshop 5
Style bisa didownload disini. Cara menambahkan style logo sony ericsson ini bisa dibaca disini.
4. Buat layer baru dengan klik menu layer > new > layer , pilih tool brush, ubah warna dasarnya gunakan warna #deff00, ukuran brush: 70 px, mode: normal. Sapukan brus tersebut hingga menjadi seperti gambar di bawah ini
membuat logo dengan photoshop 6
5. Buat layer baru sekali lagi, tekan tombol keyboard ctrl + klik pada shape 1 (posisi layer terpilih adalah layer 2), klik rectangular marquee tool pada toolbox. Klik kanan pada seleksi (garis tipis beranimasi) pilih transform selection tool. Klik maintain aspect ratio dan ubah ukuran height ( H ) menjadi 70 selesaikan dengan menekan tombol enter dua kali
membuat logo dengan photoshop 7
6. Buat gradasi dengan setting mode radial, tarik dari kiri atas ke kanan bawah:
membuat logo dengan photoshop 8
membuat logo dengan photoshop 9
7. Buat layer baru ( pilih menu layer > new > layer ).
8. Pilih brush yang kedua menggunakan warna hijau muda #afef29( klik pada palete warna set foreground colour) dengan ukuran 175 px klik sekali pada posisi kiri atas. Ubah ukuran brush menjadi 100px ubah warnanya menjadi putih, klik sekali pada posisi kiri atasi pas ditengah brush sebelumnya hingga menjadi seperti gambar berikut.
membuat logo dengan photoshop 10
9. Hilangkan seleksi dengan cara klik menu select > deselect.
10. Duplikat shape 1 dengan cara klik anan pada layer shape 1 > duplicate > ok. Geser posisi layer shape copy 1 diatas layer lingkaran elipse di atasnya dengan cara klik layer shape copy hingga ke atas layer 3. Hapus semua style yang ada pada layer shape copy 1 dengan cara klik drag effect ke delete layer yang ada di posisi bawah layer palete dengan ikon tong sampah. KLik kanan pada layer shape copy 1 >blending options. KLik pada gradient overlay dan ubah warna hitam menjadi #8d8c8c dan ubah angle menjadi 60 > KLik OK untuk mengaplikasikan.
membuat logo dengan photoshop 11
11. Pilih elipse tool ubah menjadi mode shape substract (atow sambil nge-shape pencet ALT)
membuat logo dengan photoshop 12
12. Ganti tool menjadi path selection tool pada toolbar, seleksi oval substract dengan acara klik ada area oval. Transform rotate [baru CTRL+T], miringkan 35,8 derajad dan tekan dua kali untuk mengakhiri hingga menjadi seperti gambar berikut:
membuat logo dengan photoshop 13
13. Edit pointnyna dengan add anchor point sehingga menyerupai gambar berikut :
membuat logo dengan photoshop 14
14. Buat satu lagi elipse dengan metode yang sama dengan cara di atas posisikan pada tengah2 lingkaran, atur titik pathnya seperti gambar berikut.
membuat logo dengan photoshop 15
15. Klik layer background dan ubah menjadi warna gradasi menggunakan gradient tool mode linear.
membuat logo dengan photoshop 16
16. Logo sudah jadi, agar tampak menarik mari kita buat efek mirror dengan cara seleksi semua layer yang ada menggunakan klik layer diatas layer background + shift klik pada layer paling atas, geser layer yang terseleksi ke ikon new layer (bentuknya seperti kertas )pada bagian bawah palete layer dengan cara klik drag & drop. Akan muncul semua layer tercopy. KLik kanan pada salah satu layer yang terseleksi dan pilih merger layers sehingga layer terseleksi (duplikat layer) menjadi satu bagian. Lakukan transformasi pada layer tersebut dengan cara klik menu edit > free transform, geser anchor atas tengah menuju posisi paling bawah dokumen.
membuat logo dengan photoshop 17
17. Buat layer baru diatas shape 1 copy dengan cara klik satu kali pada ikon new layer. Ctrl + klik pada layer shape 1 copy 3 ( hasil merger) sehingga terlihat seleksi pada area tersebut. Buat gradasi foreground to transparent , pastikan foreground dan background berwarna #dad9d9. Buat masking dengan cara sambil tekan tombol ALT + klik diantar layer 4 dan layer shape 1 copy 3. Sapukan pada layer 4 untuk area terseleksi sehingga akan tampil seperti berikut :
membuat logo dengan photoshop 18
18. Tinggal diberi hiasan dikit plus tulisannya. Sudah jadi
logo sony ericsson

cara membuat banner iklan

Cara Membuat Banner Iklan Bagian 1: Banner Seperti Google Adsense

Membuat banner seperti google Adsense Image Unit tidaklah sulit. Anda bisa membuatnya dengan menggunakan program grafis yang umumnya digunakan masyarakat luas, semisal Macromedia Fireworks, Corel, Ataupun Photoshop. Lalu dikolaborasikan dengan Macromedia Flash, SwishMax, dll.Tapi ada cara lain yang lebih gampang dan menarik, sehingga  Anda tidak membutuhkan banyak aplikasi untuk membuatnya. Pada tutorial singkat berikut ini, saya akan berbagi dengan Anda dua aplikasi pembuat banner menarik yang sering saya gunakan.
Membuat Banner menggunakan Flash Banner Designer
Fitur menarik yang ada pada aplikasi ini:
  • Standar blok banner seperti kebanyakan blok banner yang ada di google Adsense (120×240, 120×600, 468×60 etc.)
  • Bisa menambahan link pada file hasil kreasi
  • Menyediakan banyak template siap pakai dengan bermacam kategori, misalnya sport, software, Computer, Medical, general, etc)

Mulai Membuat Banner
  • Jalankan Aplikasi Flash Banner Designer
  • Akan muncul wizard seperti ini

Keterangan:
  1. Jenis Ukuran
  2. Jenis Sudut
  3. Bagaimana Banner tampil, apakah pakai animasi pendahuluan (preloader), Berulang-ulang (loop), atau disediakan tombol play
  4. Jika ingin berkreasi dengan gambar sendiri, klik no 4
  5. Frame Rate (kecepatan animasi), Hyperlink (alamat tujuan jika Banner diklik), Target (jika banner diklik apakah akan dibuka jendela baru atau tidak.
  6. Memilih template siap pakai.
Jika Anda ingin menggunakan template siap pakai, klik No#6, akan tampil banyak template siap pakai yang disusun per kategori. Perhatikan ilustrasi ini.

Ambil salah satu template, Lalu klik saja teks yang akan diganti.

Dibagian properti, ganti teks sesuai keinginan, ganti effect, dll.

Jika selesai, And bisa Publish hasilnya.
Klik File > Publish > Pillih SWF > Klik Publish, centang Transparent > Klik OK
Beginilah hasil akhirnya

Kode:
<object width=”468″ height=”60″><param name=”movie” value=”07082011minggu.swf” /><embed width=”468″ height=”60″ src=”http://nyentil.com/wp-content/uploads/2011/flash_banner/nyentil-flash.swf”></embed></object>

membuat banner web dengan photoshop

Membuat Banner web dengan Photoshop

Kebanyakan banner web yang memiliki animasi bergerak di buat menggunakan Flash tapi kali ini kita mencoba membuatnya dengan photoshop
Pertama buka photoshop anda kali ini saya menggunakan Adobe Photoshop CS3

Setelah itu buat dokumen baru dengan cara tekan File – new
Pada kolom width di isi dengan 450 dan Height dengan 100 klik OK
Rubah nama Layer Background menjadi layer 0 dengan cara dobel clik pada layer Background
Beri warna pada canvas kita dengan tool Gradient tool

Lalu klik pada icon untuk merubah Gradient warnanya. isikan seperti yang tertera pada gambar berikut

Lalu tarik garis vertikal dari bawah ke atas melintasi tengah canvas
Sekarang kita membuat text dengan menggunakan tool lalu clik kan pada canvas yg telah di warnai tadi saya menuliska free tutorialssetelah itu tambah layer dengan cara berikut
klik tool untuk membuat tulisan kedua yaitu free samples
buat layer baru lagi lalu buat tulisan kabarit.com dengan cara yang sama seperti sebelumnya sehingga menghasilkan gambar seperti berikut
buat lah lingakaran dengan tool di bawah inibuatlah lingkaran seperti berikut
Carilah gambar speaker di internet terserah warna ap saja
lalu buka gambar tersebut dengan cara File – open , lalu pilih gambar yang telah anda unduh dari internet sebelumnya
crop gambar tesebut hingga hanya ada gambar speaker tsb dengan tool di bawah ini
crop seperti di bawah ini
hasil crop tsb copi ke canvas yang sebelumnya seperti di bawah iniAtur gambar speket tersebut dengan tool free transform dengan cara Ctrl T
atur sampai rapi
Copy layer 1(layer yang ada gambar speakernya) beri nama Layer 1 besar
klik ‘layer 1 besar’ ubah size gambar speaker tandi menjadi lebih besar dari sebelumnya beri efek blur pada gambar yang sudah di perbesar tsb dengan tool seperti di bawah ini
akan muncul peringatan seperti di bawah ini klik OK
lalu akan muncul dialogbox seperti berikut isi seperti gambar di bawah ini lalu klik ok

copy layer free tutorials, layer hasil copyan td diberi nama free tutorials blur begitu pula dengan layer free semples dan kabarit.com lalu layer hasil copyan tadi di beri nama nama asli di tambah blur belakangnyan cara mangcopy layer adalah klik kanan pada layer yang ingin di copy pilih duplicate layer lalu isi nama layer duplikat tadi
Sekarang kita memberi efek blur pada layer hasil copyan tadi
sebelum memberi efek blur pada layer tersebut disabel view layer yang lain yang ada  textnya dengan cara menghilangkan simbol mata pada layer yang lainberi efek  blur pada layer ‘free tutorials blur’ dengan cara yang telah di jelaskan sebelumnya
setelah selesai pindah ke layer ‘free samples blur’ atur view nya lalu beri efek blur dengan cara yang sama dengan sebelumnya
setelah selesai pindah ke layer ‘kabarit.com blur’ atur view nya lalu beri efek blur dengan cara yang sama dengan sebelumnya
Sekarang anda buka window animation dengan cara berikut
window ini kita gunakan untuk membuat animasinyapenampakan windownya seperti berikut
di window ini secara otomatis terdapat satu frame yaitu frame1
Pada frame pertama kita seting view seperti berikut
Lalu tambah frame dengan menekan tombol dalam frame kedua ini kita seting viewnya seperti berikut
kemudian tambah frame lagi dengan mengunakan tombol seperti yang tadi kemudian seting view frame ketiga  seperti ini
kemudian tambah frame lagi dengan mengunakan tombol seperti yang tadi kemudian seting view frame keempat  seperti inikemudian tambah frame lagi dengan mengunakan tombol seperti yang tadi kemudian seting view frame kelima  seperti ini
kemudian tambah frame lagi dengan mengunakan tombol seperti yang tadi kemudian seting view frame keenam  seperti ini
setelah itu jangan lupa menyeting delaynya dengan cara berikut
pada frame ke 1 , 3 , 5 delaynya dikasih 0.5 dan pada frame ke 2,4,6 dikasih delay 0.2
setelah itu coba di mainkan dengan tombol play
kalau sudah berhasil tekan tombol stop langkah kemudian adalah menyimpan berkas dengan format GIF dengan cara tekan File- Save for web and diveceslalu tekan SAVE