BAB IV MATERI KERJA PRAKTIK

(1)

BAB IV

MATERI KERJA PRAKTIK

A. COLORING GAMBAR MANUAL KEDALAM BENTUK DIGITAL 1. Brief

Tugas yang diberikan oleh pembimbing untuk membuat gambar manual yang kemudian dirubah kedalam bentuk digital dengan tekhnik tracing dengan menggunakan software Potoshop yang nantinya akan diaplikasikan dalam bentuk kaos.

2. OutCam

Hasil yang diindinkan adalah gambar karakter dengan olah digital yang nantinya bisa diaplikasikan kedalam kaos.

3. Kebutuhan teknis perancangan

a. Spesifikasi Hardware laptop Acer Aspire V5 – 471G dengan spesifikasi :

1. Processor : Intel (R) Core (TM) i3 – 3217u [email protected] GHz (4CPUs,~1.8 GHz. 2. Operating System : Windows 7

3. Bios : Phoenix Bios SC-T v2.2

4. Ram : 4,00 Gb

5. LCD : Acer

b. Software aplikasi : Software olah digital Potoshop

4. Proses pengerjaan

a. Membuat sketsa gambar manual

b. Melakukan Scaner gambar dari manual kebentuk digital

c. Melakukan coloring dengan tekhnik Tracing dengan software Olah gambar Potoshop

(2)

5. Hasil a Spesif akhir karya fikasi Tekn a Gambar is • • • • • Jenis kary Ukuran Format file Mode war Kode war Keteranga 1. C : 29% 2. C : 0% 3. C : 3% 4. C : 46% 5. C : 1% 6. C : 92% 7. C : 100 8. C : 16% ya :D : A e : J rna : C na : an : % M : 2% Y % M : 0% Y % M : 13% Y % M : 76% % M : 84% Y % M : 23% 0% M : 61% % M : 13% r 4.1 Olah gamb Desain Imag A4 21 X 29 JPEG (Join CMYK (Cya bar manual ke d Y : 10% K Y: 0% K : 0% Y : 37% K % Y : 99% K Y : 90% K % Y : 100 K % Y : 0% K % Y : 13% K ge Digital 9,7 cm nt Photogra an, magen digital aphic Expe : 0% % : 0% K : 6% : 0% K : 1% K : 0% K : 0% nta, Yelow, ert Group) Black )

(3)

9. C : 84% M : 73% Y : 73% K : 88%

B. MEMBUAT DESAIN BANNER WEBSITE (Poris kosmetik)

1. Brief

yang diberikan pembimbing utuk membuat desain komponen

. Outcamp

diinginkan adalah desain komponen layout pada isi website

. Kebutuhan teknis perancangan

Acer Aspire V5 – 471G dengan

: Intel (R) Core (TM) i3 – 3217u z. S

s SC-T v2.2

al Potoshop

komponen desain web

memasukan image ke desain sesuai Tugas

website Poris kosmetik dengan ketentuan ukuran yang telah ditentukan.

2

Hasil yang

yang nantinya akan diaplikasikan ke website poris kosmetik.

3

a. Spesifikasi Hardware laptop spesifikasi :

1. Processor

[email protected] GHz (4CPUs,~1.8 GH

2. Operating ystem : Windows 7

3. Bios : Phoenix Bio

4. Ram : 4,00 Gb

5. LCD : Acer

b. Software aplikasi : Software olah digit 4. Proses pengerjaan

a. Mencari ukuran

b. Mencari refrensi bentuk yangsudah ada c. Membuat layout desain

d. Menentukan warna dan dengan kebutuhan. e. Refisi final desain

(4)

5. Hasil akhir karya

Gambar 4.2 Desain baner poris kosmetik

pesifikasi teknis

: Desain baner website poris kosmetik

ographic Expert Group)

S

• Jenis karya

• Ukuran : 300x300 Pixel • Format file : JPEG (Joint Phot

• Mode warna : CMYK (Cyan, magenta, Yelow, Black ) • Kode warna : Keterangan : Y : 0% K : 0% 1. C : 0% M : 0% 2. C : 3% M : 7% Y : 35% K : 0% 3. C : 15% M : 56% Y : 98% K : 0% 4. C : 32% M : 87% Y : 99% K : 1% 5. C : 7% M : 99% Y : 95% K : 0% 6. C : 0% M : 0% Y : 0% K : 100%

(5)

C. MEMBUAT DESAIN HEADER (Mamaia Baby spa)

1. Brief

t Komponen desain website mamaia baby spa untuk klien dimana

. Outcamp

diinginkan adalah sebuah desain yang mempresentasikan

: Intel (R) Core (TM) i3 – 3217u z. S s SC-T v2.2 al Potoshop 4. Proses pengerjaan ran desain

ubungan dengan kesan hangat dan

warna Membua

konsep desain di berikan oleh pembimbing kerja praktek.

2

Desain yang

kesan nyaman dan hangat untuk sebuah Header website mamamia baby spa.

3

1. Processor

4. Ram : 4,00 Gb

5. LCD : Acer

b. Software aplikasi : Software olah digit

a. Menentukan uku

b. Mencari image yang berh nyaman

c. Menentukan d. Refisi final desain

(6)

Gambar 4.3 Desain header mamamia baby spa

pesifikasi teknis

: Desain Header website

l otographic Expert Group)

S

• Jenis karya

• Ukuran : 720X90 Pixel • Format fi e : JPEG (Joint Ph

• Mode warna : CMYK (Cyan, magenta, Yelow, Black ) • Kode warna : Keterangan : : 0% % l Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

f : Jenis font Segoi UI memberi kesan hangat dan 1. C : 0% M : 0% Y : 0% K 2. C : 10% M : 20% Y : 71% K : 0 3. C : 8% M : 9% Y : 25% K : 0% 4. C : 44% M : 21% Y : 26% K : 0% • Tipografi : Segoe UI Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk L 0123456789 Kesan huru

Lembut, serta tidak terlalu Formal dan memiliki tingkat keterbaacaan yang mudah.

(7)

D. MEMBUAT DESAIN BROSURE PELATIHAN INTERNET

1. Brief

t desain brosure internet marketing untuk kios maya, Tugas ini

. Outcamp

diinginkan adalah sebuah brosure yang berisi informasi dan

: Intel (R) Core (TM) i3 – 3217u z. S s SC-T v2.2 al Potoshop 4. Proses pengerjaan ntang marketing an kedalam brosure t brosure MARKETING Membua

diberikan oleh pembimbing lapangan.

2

Desain yang

mengajak kepada para pengusaha untuk mengikuti pelatihan internet marketing dengan desain yang menarik.

3

1. Processor

4. Ram : 4,00 Gb

5. LCD : Acer

a. Mencari image te

b. Menentukan isi yang akan dimasuk

c. Menentukan warna dan kombinasi bentuk kedalam layou d. Refisi final desain

(8)

Gambar 4.4 Desain brosure internet marketing

pesifikasi teknis

: Desain Brosure internet marketing

l ert Group)

S

• Jenis karya

• Ukuran : 15X21 Cm

• Format fi e : JPEG (Joint Photographic Exp

• Mode warna : CMYK (Cyan, magenta, Yelow, Black ) • Kode warna : Keterangan : 1. C : 0% M : 0% Y : 0% K : 0% 2. C : 64% M : 5% Y : 0% K : 0% 3. C : 6% M : 66% Y : 11% K : 0%

(9)

4. C : 6% M : 24% Y : 96% K : 0% 5. C : 0% M : 99% Y : 95% K : 0% 6. C : 84% M : 73% Y : 72% K : 88% • Tipografi : Verdana Bold

e Nn Oo Pp Qq Rr Ss Tt Uu Vv

huruf yang ditimbulkan adalah tegas dan

E. MEMBUAT DESAIN BANER WEBSITE PERANTARA SHOP

1. Brief

t komponen desain website perantara shop, desain disesuaikan

. Outcamp

menarik dan disesuaikan dengan tema yang ditentukan.

. Kebutuhan teknis

dware laptop Acer Aspire V5 – 471G dengan

: Intel (R) Core (TM) i3 – 3217u z. S s SC-T v2.2 al Potoshop 4. Proses pengerjaan a desain

bungan dengan tema Aa Bb Cc Dd E Ff Gg Hh Ii Jj Kk Ll Mm

Ww Xx Yy Zz 012346789 Kesan Huruf : Kesan

memberikan sugesti kepercyaan kepada siapa saja yang melihatnya.

Membua

dengan perusahaan dan Tugas ini diberikan oleh pembimbing lapangan.

2 Desain yang 3 a. Spesifikasi Har spesifikasi : 1. Processor [email protected] GHz (4CPUs,~1.8 GH

4. Ram : 4,00 Gb

5. LCD : Acer

a. Menentukan tem

(10)

c. Menentukan tema dan komposisi layout d. Refisi final desain

Gambar 4.5 desain baner website perantara shop

(11)

• Jenis karya : Desain baner website

l otographic Expert Group)

• Ukuran : 890X300 Pixel • Format fi e : JPEG (Joint Ph

• Mode warna : RGB ( Red, Grend, Blue) • Kode warna : Keterangan : 255 B : 255% 1. R : 255% G : % 2. R : 199% G : 4% B : 4% 3. R : 126 G : 183% B : 19% 4. R : 187 G : 181% B : 179% 5. R : 4% G : 0% B : 0% Kode warna : Keterangan : 255 B : 255% 1. R : 255% G : % 2. R : 199% G : 4% B : 4% 3. R : 255% G : 255% B : 0% 4. R : 142% G : 200% B : 18% 5. R : 107% G : 107% B : 107% Kode warna : Keterangan : 255 B : 255% 1. R : 255% G : % 2. R : 199% G : 4% B : 4% 3. R : 255% G : 255% B : 0% 4. R : 142% G : 200% B : 18% 5. R : 107% G : 107% B : 107% Kode warna :

(12)

Keterangan :

l Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

F. MEMBUAT DESAIN BANNER WEBSITE IZZI PIZZA

1. Brief

ang diberikan oleh pembimbing lapang untuk membuat komponen

p

sun dengan layout yang menarik dan dikemas dengan

teknis

: Intel (R) Core (TM) i3 – 3217u z. 2. 1. R : 255% G : 255% B : 255% 2. R : 199% G : 4% B : 4% 3. R : 57% G : 90% B : 4% 4. R : 103% G : 103% B : 103% 5. R : 4% G : 0% B : 0% • Tipogrfi 1 : Trebuchet MS Aa Bb Cc DD Ee Ff Gg Hh Ii Jj Kk L 0123456789 • Tipografi 2 : Tw Cen MT Aa Bb CC Dd 0123456789

Kesan Huruf : Kesan dari kedua jnis font diatas adalah tegas dan tidak formal, serta memiliki tingkat keterbacaan yang yang tinggi.

Tugas y

desain website izzi pizza.

2. Outcam Desain disu

komposisi desain yang menarik.

3. Kebutuhan

1. Processor

Operating System : Windows 7

(13)

4. Ram : 4,00 Gb

5. LCD : Acer

zi pizza yang akan dimasukan kedalam desain

Gambar 4.6 Desain komponen website izzi pizza

esain baner dan header website

• aphic Expert Group)

a. Mencari image iz

b. Mencari ukuran komponen desain website izzi pizza c. Menentukan warna layout pada izzi pizza

d. Refisi final desain

Spesifikasi teknis : • Jenis karya : D

• Ukuran : 300X250 Pixel

720X90 Pixel

Format file : JPEG (Joint Photogr • Mode warna : RGB ( Red, Grend, Blue) • Kode warna :

(14)

Keterangan : 1. R : 255% G : 255% B : 255% 2. R : 241 G : 198% B : 21% 3. R : 253% G : 97% B : 3% 4. R : 219% G : 41% B : 37% 5. R : 251% G : 5% B : 202% 6. R : 5% G : 31% B : 123%

• Tipografi 1 : Myriad Pro

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 01234567890

• Tipografi 2 : OCR-B 10 BT

Kesan huruf : Kesan huruf yang ditimbulkan dari tipografi 1 adalah Tegas dan memiliki tingkat keterbacaan yang tinggi, kesan dari tipografi 2 adalah lebih terkesan modern dan simple.

G. MEMBUAT DESAIN BANER WEBSITE NASYWA NISA 1. Brief

Tugas yang diberikan oleh pembimbing lapang utuk membuat desain baner untuk sebuah iklan website.

2. Outcamp

Desain dibuat dengan tema yang menampilkan kesan elegan, karna disesuaikan dengan tema website nasywa nisa.

3. Kebutuhan teknis

(15)

4. Ram : 4,00 Gb

5. LCD : Acer

a. Menentukan tema desain yang diberikan oleh pembimbing b. Membuat desain layout sesuai tema desain

c. Memasukan image dan elemen desain pada layout d. Refisi final desain

(16)

Gambar 4.7 desain baner nasywa nisa

Spesifikasi teknis :

• Jenis karya : Desain baner Nasywa nisa • Ukuran : 900X300 Pixel

• Format file : JPEG (Joint Photographic Expert Group) • Mode warna : RGB ( Red, Grend, Blue)

• Kode warna : Keterangan : 1. R : 160% G : 162% B : 160% 2. R : 181% G : 140% B : 148% 3. R : 123% G : 156% B : 148% 4. R : 66% G : 189% B : 156% Keterangan : 1. R : 195% G : 160% B : 162% 2. R : 191% G : 45% B : 105% 3. R : 191% G : 22% B : 22% 4. R : 66% G : 189% B : 156% Keterangan : 1. R : 158% G : 148% B : 138% 2. R : 185% G : 103% B : 136%

(17)

3. R : 185% G : 96% B : 92% 4. R : 28% G : 24% B : 28%

• Tipografi : Harrington

Kesan huruf : Huruf jenis harrington bersifat lembut dan sedikit dekoratif, serta kesan yang ditimbulkan dari huruf ini adalah gemulai dan tidak kaku.

H. MEMBUAT DESAIN BANER MAMIA BABY SPA 1. Brief

Tugas yang diberikan untuk membuat sebuah baner website dengan menampilkan kesan nyaman disebuah layout.

2. Out camp

Desain dibuat dengan menampilkan kenyamanan dan kesegaran pijit ibu dan bayi

3. Kebutuhan teknis

4. Ram : 4,00 Gb

5. LCD : Acer

a. Mencari image yang sesuai dengan tema b. Menentukan warna layout

(18)

c. Menyusun komposisi desain layout agar komunikatif dan menarik d. Refisi final desain

5. Hasil karya

Gambar 4.8 desain baner mamamia baby spa

(19)

• Jenis karya : Desain baner mamamia baby spa • Ukuran : 250X250 Pixel

285X930 Pixel

• Kode warna : Keterangan : 1. R : 255% G : 255% B : 255% 2. R : 158% G : 187% B : 177% 3. R : 228% G : 198% B : 74% 4. R : 20% G : 26% B : 26% Keterangan : 1. R : 255% G : 255% B : 255% 2. R : 169% G : 171% B : 162% 3. R : 228% G : 198% B : 74% 4. R : 230% G : 28% B : 71% Keterangan : 1. R : 255% G : 255% B : 255% 2. R : 193% G : 193% B : 189% 3. R : 189% G : 136% B : 82% • Tipografi 1 : Vivaldi Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 0123456789

Kesan huruf : Kesan huruf yang ditimbulkan adalah kenyamanan lembut dan dekoratif

(20)

• Tipografi 2 : Segoe UI

Kesan huruf : Kesan huruf yang ditimbulkan adalah tegas, memiliki semangat dan menimbulkan rasa percaya.

I. MEMBUAT BUMPER BOOK PERANTARA SHOP

1. Brief

Tugas membuat video cara belanja diperantara shop dikerjakan berkelompok.

2. Outcamp

Membuat video bumper book perantara shop yang menampilkan produk elektronik.

3. Kebutuhan teknis

4. Ram : 4,00 Gb

5. LCD : Acer

b. Software aplikasi : Software olah digital Potoshop After Effect dan Adobe Primer 4. Proses pengerjaan

a. Membuat layout desain

b. Mencari image yang diperlukan untuk pebuatan bumper book c. Memilih tipografi yang sesuai

d. Menggabungkan image dan tipografi kedalam bentuk video e. Pemberian sound effect

(21)

f. Refisi final desain

(22)

Gambar 4.10 sceen 7- 16

Spesifikasi teknis

• Jenis karya : Bumper book perantara Shop • Ukuran : 720X576 Pixel

Durasi 16 detik

• Format file : AVI (Audio Video Interleave) • Mode warna : RGB ( Red, Grend, Blue) • Kode warna : Keterangan 1. R : 255% G : 255% B : 255% 2. R : 199% G : 199% B : 197% 3. R : 55% G : 53% B : 54% 4. R : 3% G : 66% B : 59%

(23)

Kesan huruf : Kesan huruf jenis ini adalah tegas dan kuat.

J. MEMBUAT DESAIN HEADER WEBSITE PERANTARA SHOP

1. Brief

Tugas yang diberikan oleh pembimbing untuk membuat header website perantara shop.

2. Outcamp

Desain dibuat dengan mengandung pesan siap mengantar keseluruh indonesia.

3. Kebutuhan teknis

4. Ram : 4,00 Gb

5. LCD : Acer

a. Menentukan tema desain b. Membuat karakter desain c. Menentukan warna layout

d. Pembuatan layout desain dan mengatur komposisi isi desain e. Refisi final desain

(24)

Gambar 4.11 Desain header website

Spesifikasi teknis

• Jenis karya : Desain Header perantara shop • Ukuran : 728X90 Pixel

• Kode warna : Keterangan : 1. R : 255% G : 255% B : 255% 2. R : 253% G : 224% B : 202% 3. R : 230% G : 234% B : 191% 4. R : 189% G : 105% B : 61% 5. R : 156% G : 0% B : 0% 6. R : 144% G : 144% G : 140% 7. R : 24% G : 20% B : 24% Tipografi 1 : Gautami Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 0123456789

Kesan huruf : Memberi kesan tegas dan kuat serta memiliki tingkat keterbacaan yang tinggi.

Tipografi 2 : Franklin Gothic Heavy

(25)

Kesan huruf : Memberi kesan tegas dan kuat serta memiliki tingkat keterbacan yang tinggi.