RANGKUMAN KISI-KISI UTS GENAP TIK
·
ADOBE PHOTOSHOP
·
Perbedaan grafik
bitmap dengan grafik vektor
|
Grafik
bitmap
|
Grafik
vektor
|
·
Penyusun
·
Kenaturalan
·
Resolusi
·
Ekstension
·
Program
Aplikasi
|
·
Piksel-piksel
berupa kotak-kotak kecil yang kaya warna
·
Gambar-gambar
yang dihasilkan lebih jernih & realistis.
·
Dinyatakan
dalam ukuran dpi atau ppi. Sifatnya resolution dependent sehingga sewaktu
mengubah ukuran gambar, maka kualitas gambar dikorbankan.
·
-bmp -jpeg,jpg -gif
-png
·
-psd -pict(macintosh) –pcx
·
-tiff
·
Ms. Paint,
Adobe photoshop, corel photo paint, corel paint shop pro, the gimp.
|
·
Obyek-obyek
individu yang ditetapkan oleh persamaan matematis
·
Awalnya tidak
terlalu realistis/natural karena hanya menghasilkan warna padat. Lalu
dikembangkan untuk membuat tampilan yang lebih realistis
·
Tidak punya
ukuran dpi asli sehingga ukuran gambarnya dapat diubah-ubah ke ukuran apa
saja tanpa kehilangan kualitas gambar.
·
-adobe ilustrator
(ai)
·
-cdr (Corel
draw)
·
-Cgm (computer
graphics metafile)
·
-cmx (corel
exchange)
·
-dxf (auto CAD)
·
-wmf (windows
metafile)
·
Adobe
illustrator, Corel draw, xara xtreme, serif draw plus
|
·
Nama dan fungsi
dari tool pada adobe photoshop
·
Tombol pada keyboard
yang berfungsi untuk: merubah warna foreground menjadi hitam dan background
putih, menukar warna foreground menjadi background dan sebaliknya
·
Ctrl + X
·
Keuntungan
penggunaan layer untuk menggambar objek
·
Dapat
memodifikasi elemen-elemen dari gambar tanpa mengganggu gambar lainnya
·
Memberi nama
layer
·
Klik kanan pada layer> Layer properties> Ketikkan
namanya> OK
·
Menu yang berfungsi untuk memberikan efek khusus pada
gambar
·
Filter
·
GIF ANIMATOR
·
Perangkat lunak
untuk membuat animasi gambar
·
GIF Animator
·
Frame
·
Menambahkan Frame
baru: Frame> Add frame
·
Mengatur waktu
animasi: Frame> Frame properties
·
Ukuran Kanvas
·
Untuk mengatur
ukuran gambar
·
Size: mengatur
ukuran kanvas sesuai yang telah ditemukan oleh program aplikasi
·
Width: Mengatur
lebar kanvas
·
Height Mengatur
tinggi kanvas
·
Canvas appearance
·
Mengatur tampilan
awal canvas
·
Solid color untuk
membuat tampilan sesuai warna yang ada dibagian kotak samping
·
Fully
transparent: untuk membuat tampilan transparan
·
Format file khas
GIF Animator
·
UGA file
·
Cara menyisipkan
gambar dari file lain
·
File> Add
image
·
Pada kotak add
image pilih dokumen yang telah di buat (format psd)
·
Open psd file>
open each layer as an object
·
Nama dan fungsi
dari tool pada gif animator
·
Pembuatan animasi
logo MY
·
File> Open Image..
·
Carilah gambar
yang akan dianimasikan, kemudian klik open
·
Tambahkan objek
baru, Object> New Panel Object
·
Gunakan fill tool
untuk mewarnai seluruh area
·
Pembuatan banner
text
·
Frame> add banner text
·
Pada tab text
buat pengaturan jenis dan ukuran huruf
·
Pada tab effect
buat pengaturan efek animasi masuk dan keluar dari layar kerja
·
Pada tab frame
control buat pengaturan wakktu
·
Pada tab neon
buat pengaturan efek neon pada text
·
Setelah selesai
tes hasilnya dengan start preview
·
Pilih create as banner text (recommended)
agar sewaktu-waktu bisa diedit kembali
·
Pembuatan gambar
yang akan dianimasikan pada adobe photoshop
·
File> add
image
·
Add image, pilih
dokumen yang akan dianimasikan
·
Open psd
file..>open each layer as an object
·
Pembuatan animasi
ikan (lihat hal.23)
·
Gambar ikan naik
dan turun di photoshop, save dengan format psd
·
Buka gif animator
·
Pilih gambar yang
akan dianimasikan, file>open
·
Buat gambar
gelombang laut didepan dan dibelakang dol-v dengan komposisi warna
§ -Gelombang depan R: 20, G: 215, B: 250
§ -Gelombang belakang R:45, G: 145, B: 215
·
Animasi gambar
panorama
·
Kombinasi warna
RGB
·
Proses animasi
gambar panorama pada GIF animator
·
Macromedia
Dreamweaver 8
·
Penulisan kode
pemrograman HTML
·
<HTML>
·
<HEAD>
o
****Bagian
HEAD****
·
</HEAD>
·
</BODY>
o
****Bagian
BODY****
·
</BODY>
·
</HTML>
|
·
Tag <body>,
<font>, <table>, <br>, <img> berikut atribut dan fungsi
dari atribut masing-masing
·
<BODY>
(lihat hal 29)
§ -Merupakan isi dari dokumen, tubuh atau isi dokumen
HTML, tempat meletakkan informasi yang akan ditampilkan pada browser.
§ -ALINK : spesifikasi warna link yang aktif
§ -BACKGROUND: spesifikasi URL untuk image yang
digunakan sebagai latar belakang
§ -BGCOLOR : spesifikasi warna latar belakang
dokumen
§ -LINK : spesifikasi warna untuk normal link
§ -TEXT : spesifikasi warna untuk normal text
§ -VLINK : spesifikasi untuk warna link yang
telah dikunjungi
·
<FONT>
(lihat hal 31)
§ -digunakan untuk mengubah jenis huruf yang digunakan
dalam dokumen HTML
·
<FONT FACE=
“Nama Font” COLOR= “warna” SIZE=cdata> </FONT>
|
§ -Bentuk umum
·
<TABLE>
(hal 37)
§ -Untuk membuat suatu tabel
§ -Border, membuat batas tepi dari suatu tabel
§ -width, mengatur lebar tabel
§ -Align, mengatur perataan horisontal data (rata kiri,
kanan, tengah)
§ -Valign, mengatur perataan vertikal dari suatu data
(atas, bawah, tengah)
§ -Cellspacing dan cellpadding, untuk mengatur spasi
antar sel dan spasi di dalam sel. Sel adalah tempat atau kotak dimana data atau
judul kolom atau judul baris berada.
§ -Rowspan dan colspan, menggabungkan sel-sel dalam
suatu baris atau kolom
§ -Color, warna suatu sel dalam tabel
·
<IMG>
§ -baca halaman 38-39 deh banyak banget soalnya dan gua
bingung._.
·
<BR>
§ -untuk membuat teks dituliskan pada baris berikutnya.
Penulisannya cukup diawal teks
a.
Fungsi dari
icon-icon pada Macromedia Dreamweaver 8
b.
Pembuatan kop
atas dengan menggunakan Macromedia Dreamweaver 8
1.
Buat terlebih dahulu 3 buah file gambar menggunakan photoshop
2.
Simpan gambar tersebut dalam satu folder
3.
Buat 2 animasi
gambar dengan format gif pada gif animator lalu simpan di folder yang sama
4.
Komentar
Posting Komentar