Anda di halaman 1dari 5

LAPORAN PRAKTIKUM DESAIN WEB

GRID SISTEM

OLEH :

Nama : Panji Bagus Ramadi

NIM : 6204161012

Group : Diisi jika ada

Jurusan/Program Studi : Teknik Informatika/Rekayasa Perangkat Lunak

Tanggal Percobaan : 27 Februari 2017

Minggu Ke- : 3 (tiga)

Nama dan Paraf Laboran : [nama dan Paraf Laboran]

Dosen Pengajar : Danuri M.Cs

LABORATORIUM PEMOGRAMAN LANJUT

JURUSAN TEKNIK INFORMATIK

PROGRAM STUDY REKASAYA PERANGKAT LUNAK

POLITEKNIK NEGERI BENGKALIS


I. Judul Praktikum
GRID SISTEM

II. Hasil Praktikum


Latihan 1: mengenal photoshop

- Instal photoshop cs3.


- Buka penyimpanan folder tempat photoshop cs3 terinstal pada C:\pogram
files\photoshop cs3
- Buka photoshopcs3
- Ditools klik file-new

- Maka akan muncul tampilan tools yang menyediakan nama,ukuran file yang
akan di pakai.

.
- Atur wihth : 21,29
- Untuk height : 27,07
- Kemudian resolutionya :72,tidak perlu dirubah
- Color mode: CYMK
- Penyimpananya cukup dengan 8-16 bit agar tidak memberatkan.
- Background contents : transparent, agar memper mudah
- Bentuk aturan di atas merupakan ukuran dari kertas A4.
- Kemudin klik OK akan muncul seperti ini:

Latihan 2: belajar membuat grid


- Pertama-tama klik extra di menu view klik show>grid

- Maka akan muncul grid seperti ini:

- Grid merupakan garis yang terdapat pada file di atas


- Untuk mengatur grid klik edit > preferences > guides, grid, slices

- Atur sesuai dengan layer.color (warna yang menandakan gari-


garisnya),style(bentuk dari garis),gridhline(ukuran 80 pixels),subdivisions
(ukuran 16).
- Maka akan muncul gambar:
- Jika anda igin memberikan warna setiap barisnya, klik menu vew kemudian
rulers maka akan muncul,

- Kemudian atur posisi yang akan diwarnai,kemudian akan memindahkan posisi


guides dengan mendragnya, maka hasilnya akan seperti ini.

- Diatas merupakan contoh grid yang telah di warnai.lakukan langkah langkah


berikut hingga selesai.
Hasil yang didapat dari pratikum saya jadi lebih tau Penggunaan photoshop dan juga
bagaimana cara awal dimana seseorang itu mendesain wapsite.

III. Kesimpulan
Jadi lebih tau langkah awal dalam mendesain wapsite melalui photoshop.

Anda mungkin juga menyukai