Upload
trinhtram
View
231
Download
6
Embed Size (px)
Citation preview
Edit Image menggunakan Adobe PhotoshopMinarni, S.Kom.,MM
UNIVERSITAS DARWAN ALI
Perbedaan File JPG, GIF dan PNG
• File JPG
Menjadi format standar untuk kamera didgital atau kamera hp. Namun
JPEG tidak mendukung transparansi. Sehingga jika gambar tidak full, akan
terdapat background berwarna putih.
• File PNG
Keunggulan PNG adalah mampu menyimpan gambar yang memiliki
transparansi. Jadi, jika menginsert gambar berformat PNG, background putih
tidak akan terlihat.
• File GIF
Format GIF mendukung animasi atau gambar bergerak yang menarik
dengan ukuran file yang kecil, sehingga sangat efisien dalam hal waktu
upload, tidak memerlukan kapasitas besar di server.
Perbedaan File JPG, GIF dan PNG
JPG PNG
GIF
Membuat file Animasi GIF• Siapkan 3 gambar berformat JPG
• Insert ke 3 gambar tersebut dan kemudian
tumpuk gambarnya sehingga terlihat satu
gambar saja sedangkan layer nya tetap 3
• Untuk membuat animasi, jika window animation
nya belum muncul, klik menu window pilih
animation
• Pada animation, foto yang muncul hanya satu,
klik duplicated selected frames sebanyak 2 kali
hingga tampil seperti ini
Membuat file Animasi GIF• Klik pada layer, pilih layer berapa yang pertama
muncul sebagai animasi, klik indicates layer
visibility, pastikan hanya satu layer yang aktif di
frame 1 animation
• Kemudian lakukan hal yang sama pada frame 2
dan 3, klik pada frame 2 kemudian klik
indicates layer visibility pad alayer yang
dikehendaki
• Untuk mengatur waktu/ durasi animasi per
frame, klik selects frame delay time, pilih
durasinya
Membuat file Animasi GIF• Untuk menjalankan animasi, klik plays animation
• Untuk membuat pergantian frame lebih lembut, klik tweens animation
frame
Membuat file Animasi GIF• Untuk mengexport file menjadi GIF, klik menu
save for web & devices, akan muncul tampilan
seperti berikut :
• Klik Save
Membuat Header Web
• Standar ukuran header adalah width 900 pixels, height 200
pixels (untuk height optional), klik filenew klik OK.
Membuat Header Web
Menggunakan Masking dan Gradient
Tambahkan image Yang akan dibuat design
Seleksi gambar dengan menggunakan Rectangular Marquee Tool
blok object yang akan diseleksi
Copy, kemudian paste di file header yang masih
polos tadi
Tambahkan image yang kedua, dan lakukan hal yang sama seperti
gambar pertama
Tahap selanjutnya adalah membuat efect pudar di setiap sisi dari
gambar menggunakan masking dan gradient
Membuat Header Web Menggunakan Masking dan Gradient
Klik di Layer 1 (image pertama) klik add layer mask Sehingga di sebelah kanan
layer 1 akan muncul layer baru dengan background putih
Untuk membuat efect pudar, pilih gradient tool. Pilih jenis gradient Foreground
to Transparent
Membuat Header Web Menggunakan Masking dan Gradient
Tarik Garis lurus dari kanan ke kiri seperti gambar disamping, lakukan berulang-
ulang agar mendapatkan efek pudar (blur) yang bagus
Lakukan Yang sama pada layer 2 (image2)
Cara lain bisa menggunakan feather
Menggunakan Feather
Seleksi gambar menggunakan rectangle
tool atau elliptical marquee tool
Kemudian klik menu select, modify,
feather (ALT+CTRL+D)
Copy, dan Paste di tempat yang diinginkan
Menambahkan teks Klik tools Horizontal Type Tool, ketikkan teks yang di inginkan
Jika ingin memberi outline pada teks,
klik pada layer pilih blending options
Pilih stroke, silahkan pilih warna dan
ketebalannya sesuai keinginan