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