PHOTOSHOP Let’s Go....
Dalam tutorial kali ini kita akan membuat bias pelangi pada gambar sehingga gambar menjadi terkesan fundamental dan artistik.
Urutan langkah langkahnya adalah sebagai berikut:
1.Cari gambar yang ingin ditambahkan bisa pelangi, sebagai contoh saya menggunakan gambar ini yang bisa kalian
download di sini <== pasang link
2. Buka gambar yang ingin kalian edit dengan PHOTOSHOP
Caranya: [Klik kanan] pada gambar lalu pilih "open with" pilih ”Photoshop”
3.Tampilkan jendela Layers dengan cara [klik kiri] menu utama di sebelah
paling atas "windows" Lalu pilih "Layers"
4.Buat duplikat dari desaturared layers dengan meng [kilik kanan] palete layer > Duplikat layers > Ok
5.
Pada Toolbox di sebelah kiri kalian cari gradien tool yang letaknya
berada di kolom ke 2 baris ke 6 dengan icon bergambar
6. Pilih gredien dan pilih mode pelangi
7. kamu blok gambar kamu sehingga tertutup oleh gradien tersebut
Caranya letakkan pointer pada gambar lalu tahan [klik kiri] dan buatlah blok
8.
Lalu tinggal finishing touch Finishing Touch dengan mengubah layer mode
yang terletak di jendela layers pilih “colour”
9. Hasilnya adalah
Terus Berimajinasi kawan!!!
My Signature,
Ryuzaki
Staff 3 Ilmuwebsite.com
(http://www.belajar-grafis.co.nr)
iklan promosi
Sumber dari situs Ilmu Website dalam kategori photoshop dengan judul Membuat Effect Bias Pelangi
lam kenal bwat om om tante tante penghuni ilmu web, mudah2an wabis nnni ga diikenal kikakakakakak....... :D
nyoba posting di ilmu web, moga moga suka.. hahahahaa...
Heuummm.... woke...!!! let's start brother ...
semalem wabis inetan ampe malem, bangun subuh, Musik The Misfits [Hate Breeders] kembali menggebrak kamar gw, langsong dah bikin tutor...
ni ada tutor sederhana, gw mao bikin design interface bwat menu button.. hmmm tema na styles dark ...ga terlalu web 2.0, konsep na sedikit minimalis tapi masih tetep clean kok... hehehehhe..
bikin kanvas baro, Ubah warna background menjadi #1d1d1d.
pertama bikin layer group dolo, ama layer baru di dalam na
wuki, ambil rectangle marquee tool 
kasi style gradient overlay:
hmm... karena terkesan menimalis, gw kasi line gradasi di ujungna bwat keseimbangan objek button na, ....heheheehe.
pencet [CTRL+Click] pada layer button lu (Layer 1), bwat nge-load seleksi na.
ambil kembali rectangle marquee tool na, ubah setting menjadi fixxed size: 1 px , ama tinggi lu sesuain ma button na.
klik sekali di ujung objek button: gedein biar keliatan, jadi biar seleksi ujungna ngepas.
nah bakalan kbntuk seleksi yang pas ma bidang button na
ubah warna forground color menjadi #5f5f5f, bikin layer baro
tarik gradasi na dalam seleksi
gw gedein pake zooming tool
wuki, duplicate aja broder layer na, tros pilih Edit > transform > Flip Vertical
weuhhehheeeee...lu geser dah taro di sebelah kiri na button.
ni hasil smntara naaa...
kasi text button na...perhatiakan tipografi na, yang atas gw pake text agak terang dari yg bawah
naaaah tinggal duplicate dah, layer group button lu...geser dengan posisi masing2 ujung menempel satu sama lain
hehek uhuiii jadi dah....
Bwat donlot packet tutorial na klik disini
Sumber dari situs Ilmu Website dalam kategori photoshop dengan judul Stylish Dark Buttons
CSS Glassy Button photoshop
wedewww.. balik lagi dah.. hheehek..biar tampilan tombol form di web lu ga default, lu bisa pake CSS
bwat bikin style na. pertama bikin tombol dlu di photoshop, kita perlu
2 tombol, tombol aktif dan overlay (aktif saat mouse disentuh)
woke, bkin doku baru ukuran sesuaiin ma tombol yang lu pake
gw pake shapping dengan radius 10 px.
kasi sdkit style gradasi, stroke, ama outer glow.
woke, karena judulna glassy, gw kasiin efek glass di top header button na. salah satu cara na, make layer mask.
bikin satu shape lagi, tempat kan di atas layer sblumna. kali ini ukurana lebih kecil dari sebelumna
klik pada ikon add layer mask
akan muncul tanda mask di sebelah layer na:
baru dah lu pencet tombol D (bwat nge-reset color palet na mnjadi hitam putih)
woke, lanjut ke tool gradasi, tarik dah gradasi na pada layer mask tadi.
jadi ke gini dah hasil glassy na:
hmm.... bikin juga satu objek baru lagi untuk button overlay na
==============================
uhuiiii... naaah skarang kita bikin CSS code na...
pertama bwat doku HTML baru .... namana button.html
antara tag BODY kasi code html bwat button na:
tag code diatas akan menampilkan tombol default pada browser.
kedua bikin fiel CSS na, nama na style-button.css
kasi code CSS ke gini:
#buttonGw { width:95px; height:45px;
background:url(css-glassy-button.png); border:none; color:#FFFFFF;
size:12px; font-weight:bold; cursor:hand; }
#buttonGwOver { width:95px; height:45px;
background:url(css-glassy-button-over.png); border:none; color:#000000;
size:12px; font-weight:bold; cursor:hand; }
woke tinggal lu link kan style CSS na, kasi code HTML dibawah ini, antara tag head.
terakhir edit HTML code tombol lu.
id="buttonGw" onMouseOver="this.id='buttonGwOver';"
onMouseOut="this.id='buttonGw';" name="Submit" value="Button" />
tes dah, file button.html lu.. hehheeek bijimane...kikikkkkk moga sukses...cobain yak.. :D
Sumber dari situs Ilmu Website dalam kategori photoshop dengan judul CSS Glassy Button
Membuat 3D Background Abstrak photoshop
Anda mau belajar membuat background 3D Background Abstrak Seperti ini?
Caranya:
1. Bikin Kertas kerja baru dengan ukuran : 1024 x 768
2. Gunakan "Piant Bucket Tool" lalu siram kanvas dengan warna hitam
3. Gunakan "Brush Tools" lalu coret2 kanvas dengan warna Putih
4. Lalu. Filter -> Blur -> Radial Blur. samakan setingannya lalu Ok
Lakukan langkah nomor 4 sebanyak 2x
5. Hasilnya seperti ini
6. Lalu. Filter -> Sketch -> Chrome. samakan setingannya lalu Ok
7. lalu Klik kanan layer 1, dan piih duplicate layer. OK
8. Layer yang hasil duplikat tadi kamu klik kanan -> blending option. samakan setingannya lalu Ok
9. Selesai 3D Background Abstrak
Bingung gak?? tenang aja mudah kok....
Sumber dari situs Ilmu Website dalam kategori photoshop dengan judul Membuat 3D Background Abstrak
