Cara Membuat Gambar Berubah Di Laman Web

Isi kandungan:

Cara Membuat Gambar Berubah Di Laman Web
Cara Membuat Gambar Berubah Di Laman Web

Video: Cara Membuat Gambar Berubah Di Laman Web

Video: Cara Membuat Gambar Berubah Di Laman Web
Video: CSS Dasar - 6 - Background 2024, November
Anonim

Terdapat beberapa format gambar animasi dan salah satunya adalah

Cara membuat gambar berubah di laman web
Cara membuat gambar berubah di laman web

Ia perlu

Adobe Photoshop CS5 versi Rusia

Arahan

Langkah 1

Buka di Adobe Photoshop gambar-gambar yang, menurut idea anda, harus saling berganti: klik item menu "Fail" "Buka", di tetingkap yang muncul, pilih fail dan klik "Buka".

Langkah 2

Pilih alat Pindah (hotkey V) dan seret satu gambar ke yang lain. Sekiranya ukurannya tidak sesuai, pilih lapisan dengan dimensi yang bermasalah dan tekan Ctrl + D untuk memanggil perintah transform bebas. Sejajarkan gambar menggunakan penanda persegi lutsinar di sisi dan sudut lapisan. Sekarang satu gambar mesti berada di atas yang lain.

Langkah 3

Klik item menu "Window" -> "Animasi". Tetingkap baru akan dibuka di bahagian bawah program, di mana sudah ada satu bingkai. Di bahagian bawah bingkai adalah indikator yang menunjukkan waktu ia akan aktif. Tukar parameter ini menjadi 0.1 saat. Klik pada butang "Buat salinan file yang dipilih", setelah itu bingkai lain akan muncul di tetingkap selain yang ada.

Langkah 4

Pastikan lapisan atas (gambar yang anda seret) dipilih dalam senarai lapisan. Di panel Lapisan, tetapkan Opacity menjadi 0%. Sekarang hanya lapisan bawah yang dapat dilihat di kawasan kerja.

Langkah 5

Pilih bingkai kedua dan klik butang "Buat Bingkai Menengah" pada panel animasi. Pada tetingkap yang muncul, di bidang "Tambah bingkai", tetapkan, misalnya, 7. 7 bingkai tambahan akan muncul di tetingkap animasi, menampilkan peralihan dari bingkai dengan ketelusan 100% ke bingkai dengan ketelusan 0%.

Langkah 6

Buat bingkai lain dengan mengklik "Buat salinan fail yang dipilih". Pergi ke panel Lapisan dan tetapkan Opacity hingga 100%. Klik pada "Buat bingkai antara" dan masukkan lagi nombor 7 di medan "Tambah bingkai". Animasi sudah siap - anda boleh mengklik butang Main dan memastikannya. Sekarang satu gambar menggantikan yang lain.

Langkah 7

Untuk menyimpan hasilnya, tekan Alt + Shift + Ctrl + S, di tetingkap yang terbuka, di lajur "Lihat pilihan", tentukan secara kekal dan klik "Simpan". Di tetingkap seterusnya, tentukan jalan untuk fail, namanya dan klik "Simpan".

Disyorkan: