Color.

Slides:



Advertisements
Presentasi serupa
Pertemuan 4 Pengolahan teks.
Advertisements

ARRAY.
Oleh : Deri Suyatma. Arahkan mouse pada menu View kemudian beri tanda ceklis pada Snap to Grid 7 Snap to Objects.
Pertemuan 8 Interaksi Manusia dan Komputer Viska Armalina, ST., M.Eng
Kode Kreatif & Seni Komputasional
Interaksi Manusia dan Komputer - part 2 Danny Kriestanto, S.Kom., M.Eng.
Corel Draw By : Lenny.
Session 1 GUI (grafik user interface dan Pengenalan warna)
Dasar Pembuatan Movie Flash R0312 – Grafik Komputer.
Mahmud Yunus, S.Kom., M.Pd., M.T.
Surface Rendering dan Warna
Corel Draw By : Vita.
Antarmuka Tingkat Bawah (Canvas)
Pengolahan Citra 4 – Peningkatan Kualitas Citra Disusun oleh: Teady Matius – Dari berbagai sumber.
Menggunakan Text dan Effec
PERALATAN OUTPUT (Monitor) By: Asriadi Pertemuan 11.
Pengertian Citra Dijital
By. Sumaryadi. Gunakan Bezier Tools Hasil Gunakan Smart Fill Tool.
Materi 06.ADOBE PHOTOSHOP
Objek Oriented Mengenal konsep Obyek di Processing
Macam-macam Skema Warna
Pemrograman Aplikasi Bergerak
Representasi RGB pada Citra Digital
POINTER (VAR.PENUNJUK)
Pengolahan Citra Digital
Object Oriented Programming with JAVA 2011/2012
Array adalah struktur data yang memiliki banyak data yang disimpan pada satu nama variabel dan tipe data yang sama.
void draw() { background(204); int s = second(); int m = minute(); int h = hour(); line(s, 0, s, 33); line(m, 33, m, 66); line(h, 66, h, 100); }
Structure Data - Array Pertemuan 7 Matakuliah: T0456 / Algoritma dan Metode Object Oriented Programming Tahun: 2007.
1 Pertemuan 11 Akses langsung ke memori Video Matakuliah: T0483 / Bahasa Rakitan Tahun: 2005 Versi: 1.0.
OPERATOR LOGIKA.
Grafika Warna Dewi Octaviani S.T, M.C.s.
W A R N A 4/14/2017.
CSS Eksternal & Style Elemen
Pertemuan 11 Interaksi User Diadaptasi dari paint.c E. Angel.
Konsep dan Terminologi
IMAGE ENHANCEMENT (PERBAIKAN CITRA)
Tanggal 11 – Hari Rawat / Operasi Periode Waktu Jam S Biru o 41 N Merah o 160 TD Hitam V ^ 250 RR Hijau o
WARNA.
Basic Design Principles
6th Meeting Color (Warna).
Hieronimus Edhi Nugroho, M.Kom
Image Processing 1. Pendahuluan.
EDY WINARNO fti-unisbank-smg 31 maret 2009
Program Studi S-1 Teknik Informatika FMIPA Universitas Padjadjaran
DESAIN.
Pengolahan Citra Digital
Program Studi S-1 Teknik Informatika FMIPA Universitas Padjadjaran
EFEK-EFEK INTERACTIVE
Skenario 2: Hujan Pemrograman Game Eko Prasetyo Teknik Informatika
Teori Warna Grafik Komputer 2.
Komputer aplikasi it-I (html)
SIFAT FISIK PRODUK PERTANIAN "WARNA"
PERTEMUAN 5 CSS IMAGE.
Internet dan Web By : Lisda Juliana P..
Nilai & Warna, Ruang, Gerakan
TINGKAT KEABUAN DAN WARNA CITRA
Mengenal Warna Buah.
Frame by frame Buat objek lingkaran dengan menggunakan oval tool (warna garis hitam dan warna dalam merah)
DESAIN GRAFIS IMK 2015 Laseri, S.Kom.
Internet dan Web Ecking Mendrofha.
PENINGKATAN KUALITAS CITRA (Image Enhancement)
Pengolahan Citra Digital
Mengenal Layer.
PROCESSING OUTPUT PRIMITIVE.
Dosen Pengampu Mata Kuliah : Muhammad Fauzi. M.Ds
Topik Perkuliahan Pengantar Penggambaran objek primitif
KONSEP DASAR CITRA DIGITAL (2) dan SISTEM PEREKAMAN CITRA
Bekerja dengan Warna.
Buat kartun Dengan Processing. Buat Kepala size (600,600); background(5,249,74); //kepala strokeWeight(3); fill(0,0,255); stroke(0,0,0); arc(350,250,250,255,(130*PI)/180,(410*PI)/180);
Transcript presentasi:

Color

Color() Membuat warna untuk variabel dengan tipe data color. color(gray) color(gray, alpha) color(v1, v2, v3) color(v1, v2, v3, alpha) alpha : nilai optikal dari warna. gray : nilai antara hitam dan putih. v1 : nilai merah atau hue(tergantung mode calor). v2 : nilai hijau atau nilai saturasi(tergantung mode calor). v3 : nilai biru atau nilai kecerahan(tergantung mode calor).

Contoh color() color c = color(255, 204, 0); fill(c); noStroke(); rect(30, 20, 55, 55);

Contoh color() color c = color(255, 204, 0); fill(c); noStroke(); ellipse(25, 25, 80, 80); c = color(65); ellipse(75, 75, 80, 80);

Background() Memberikan warna atau gambar untuk latar belakang tampilan.

Syntax background() background(rgb) background(rgb, alpha) background(gray) background(gray, alpha) background(v1, v2, v3) background(v1, v2, v3, alpha) background(image) rgb : beberapa nilai tipe data warna. alpha : nilai optikal dari latar belakang. gray : nilai antara hitam dan putih. v1 : nilai merah atau hue(tergantung mode calor). v2 : nilai hijau atau nilai saturasi(tergantung mode calor). v3 : nilai biru atau nilai kecerahan(tergantung mode calor). image : gambar yang mau dijadikan latar belakang.

Contoh background() background(14163743); background(255, 204, 0);

Clear() Fungsi ini hanya bekerja pada objek Pgraphics yang dibuat dengan fungsi createGraphics(). Fungsi ini untuk membuat piksel 100% bersih.

Contoh clear() PGraphics pg; void setup() { size(200, 200); pg = createGraphics(100, 100); } void draw() { background(204); pg.beginDraw(); pg.stroke(0, 102, 153); pg.line(0, 0, mouseX, mouseY); pg.endDraw(); image(pg, 50, 50); } void mousePressed() { pg.clear(); }

ColorMode() colorMode(mode) colorMode(mode, max) colorMode(mode, max1, max2, max3) colorMode(mode, max1, max2, max3, maxA) mode : RGB atau HSB(Hue/Saturation/Brightness) max : range untuk semua elemen warna. max1 : renge untuk merah atau Heu tergantung mode color-nya max2 : renge untuk hijau atau saturasi tergantung mode color-nya max3 : renge untuk biru atau kecerahan tergantung mode color-nya . maxA : range dari alpha.

Contoh colorMode() noStroke(); colorMode(RGB, 100); for (int i = 0; i < 100; i++) { for (int j = 0; j < 100; j++) { stroke(i, j, 0); point(i, j); } }

Contoh colorMode() noStroke(); colorMode(HSB, 100); for (int i = 0; i < 100; i++) { for (int j = 0; j < 100; j++) { stroke(i, j, 100); point(i, j); } }

Fill() Mewarnakan bentuk atau objek.

Sytax fill() fill(rgb) fill(rgb, alpha) fill(gray) fill(gray, alpha) fill(v1, v2, v3) fill(v1, v2, v3, alpha) rgb : variabel warna atau nilai hexa. alpha : nilai optikal dari fill. gray : nilai antara hitam dan putih. v1 : nilai merah atau hue(tergantung mode calor). v2 : nilai hijau atau nilai saturasi(tergantung mode calor). v3 : nilai biru atau nilai kecerahan(tergantung mode calor).

Contoh fill()

noFill() Menonaktifkan fungsi fill atau disebut juga membuat objek menjadi tidak memiliki warna.

Stroke() Memberikan garis luar atau garis tepi.

Syntac stroke() stroke(rgb) stroke(rgb, alpha) stroke(gray) stroke(gray, alpha) stroke(v1, v2, v3) stroke(v1, v2, v3, alpha) rgb : variabel warna dalam nilai hexa. alpha : nilai optikal dari stroke. gray : nilai antara hitam dan putih. v1 : nilai merah atau hue(tergantung mode calor). v2 : nilai hijau atau nilai saturasi(tergantung mode calor). v3 : nilai biru atau nilai kecerahan(tergantung mode calor).

Contoh stroke()

noStroke() Menonaktifkan penggambaran atau pemberian garis luar(outline).