Pages

Subscribe:

Labels

Pengikut

Kamis, 27 Oktober 2011

Pertemuan 4

Folder Group


  1. Untuk mempermudah meng”Hidden” layer pada saat pemotongan gambar, maka disarankan untuk mengelompokan beberapa layer
  2. Fitur Group ada pada panel layer disebelah bawah disebelah kiri new layer yang berbentuk folder
  3. Berikan group tersebut nama dengan men-double klik group tersebut. Lalu geser beberapa layer yang ingin dikelompokan dengan group tersebut
 Seleksi Area Potongan Yang bisa “Di Ulang”

  1.  Untuk menghasilkan website yang ringan, maka diwajibkan memaksimalkan fitur perulangan atau “repeat” pada css.
  2. Repeat-x adalah suatu atribut css untuk mengulang gambar ke samping kanan-kiri saja
  3. Repeat-y adalah suatu atribut css untuk mengulang gambar ke atas dan kebawah
Merge Visible Sebelum Memotong


  1. Merge visible (Ctrl+Shift+E) dapat menormalkan efek yang dimiliki suatu layer
  2. Merge visible akan menyatukan seluruh layer yang terlihat menjadi sebuah layer
  3. Setelah pemotongan selesai, diharap segera meng-Undo layer ke History dimana Layer Terpisah(sebelum di Merge Visible)
  4. Hati-hati menggunakan Merge Visible, karena jika lupa meng-Undo, maka selamanya layer tidak dapat dipisahkan.
Crop dan Save For Web

  1. Gunakan Image -> crop untuk memotong daerah seleksi
  2. Gunakan File-> save for web untuk memunculkan fitur penyimpanan dengan konfigurasi web.
  3. Aturlah kualitas gambar yang diinginkan
  4. Perhatikan tingkat detail Gambar
  5. Perhatikan Ukuran gambar
JPEG dan PNG 24
 
JPEG(Joint Photographic Experts Group)
Cocok untuk keperluan background dengan ukuran yang rendah. Karena converting ke JPEG mengakibatkan penurunan kualitas(lossy compression)
PNG(Portable Network Graphics)
Untuk keperluan background yang memiliki transparansi gambar. Converting ke PNG menjadikan sebuah gambar dapat di edit ulang tanpa penurunan kualitas namun ukuran yang dihasilkan besar

Atur File dan Folder


Folder Utama beri nama : [namaPanggilan]
Index.html
Folder CSS
Style.css
Folder IMAGES
Gambar1.jpeg
Gambar2.jpeg
Gambar3.png
  
link : http://www.mediafire.com/?ag86o5mdxbbz54a

Tidak ada komentar:

Posting Komentar