Logo Diri

Setelah mempelajari tentang konsep desain grafis nih, saya membuat sebuah abstraksi logo yang menggambarkan tentang diriku loh. Dengan memahami beberapa prinsip desain yang diajarkan, jadilah sebuah abstraksi sederhanaku.


Saya membuat logo berdasarkan sifat saya yang lebih menonjol. Saya adalah gadis yang periang, ceria, enjoy, girly, suka memperhatikan penampilan diri, i love pink and something cute. haha. Saat pertama ingin membuat logo ini. saya menuliskan beberapa sifat saya yang akan kuabstraksikan. Saat sebelum mempelajari prinsip desain lebih jauh, saya membuat gambar  gadis cute yang ceria seperti karakter komik lucu. Namun, karena gambar orang tersebut ribet jika dibuat sebuah logo, dan terlalu umum teknik penyajiannya, maka pada kesempatan kedua, saya membuat abstraksi huruf "g" yang berwarna-warni serta kutambahkan gambar bunga melati yang juga merupakan bagian nama saya, sehingga logo tersebut mengalami simplifikasi dan sudah mulai mengalami perkembangan secara prinsip dan informasi. Sebenarnya itulah asal mula abstraksi logo godel hehe. 

 

                                               proses pembuatan logo


Setelah itu, dilakukan finalisasi dengan mengubah beberapa aspek. hm.. cukup puas melihat hasilnya setelah citra diolah, meski dengan kemampuan terbatas menggunakan aplikasi itu serta bantuan dari teman. Ini diaaaa... taadaaa!!

Logo ini berbentuk huruf g yang berarti Godel yang merupakan nama panggilan saya. Sebenarnya huruf ini merupakan gabungan huruf g kecil dan besar (g & G), tergantung gimana orang melihatnya. Huruf g dengan bias persepsi ini, berarti G adalah diriku , di mana orang-orang mengenal saya sehari-harinya ceria, namun karena tidak semua orang mengenal diriku dengan baik, di mana g itu terkadang menyimpan banyak hal sendiri tapi selalu saja tampak seperti tidak ada apa-apa, dan orang hanya akan selalu  melihat sisi ceria saja. Sekilas hanya terlihat seperti huruf g kecil saja karena G besar tersembunyi di dalam g kecil. hahaha. 


Pada huruf g diberi gambar bunga, yang sebenarnya itu adalah bunga melati. Nama melati sudah melekat di diri saya sejak lahir. Go Delvya M. Gosal, it's M for Melati. Terkadang ada temen memanggilku melati, tapi mereka lebih terbiasa memanggilku Godel.


Huruf g ini dibuat simpel, yang terbentuk dari bulatan dan elips saja, dibuat sedemikian rupa dan diberi model agar terlihat cantik hingga jadilah g. hahaha. Serta line yang membentuk bunga melati. Terdapat latar belakang berbentuk elips, yang bertujuan agar huruf g ini tidak tertumpuk jika diletakkan di bentuk lain atau misalnya akan dicetak pada sesuatu dengan warna tertentu. Terakhir saya memberi type combination yang bertuliskan "godel". Tentunya  orang langsung akan tahu kalau itu logo saya, namun saya menambahkannya karena saya merasa ada yang kurang kalau cuma G saja. hehe.


Nah tentang sentuhan warna. Huruf g dan tulisan "godel" ini diberi warna pink. Yes, it's my favourite color. Selain itu, saya memilih warna pink, yang kesannya girly, jadi dapat dilihat dari logo saya kalau saya itu cewek. hehe. Pada awalnya, sebenarnya huruf g diberi warna-warni ceria, tapi saya jadinya melihat kesan norak, makanya saya ganti dengan warna pink saja. Bunga melati yang berwarna putih seperti aslinya. Dan latar berwarna kuning, yang sebenarnya ada sedikit warna gradiasi dari pilihan warna analogous. Serta garis elips luar ada yang berwarna hitam, dan ditumpuk orens yang gradiasi ke orens lebih muda yang juga pilihan warna analogous. Saya memilih latar kuning, agar terlihat cerah dan ceria, serta warna kuning umumnya dapat digunakan untuk menarik perhatian orang. Secara keseluruhan, warna yang dominan dilihat adalah pink dan kuning. Awalnya sebenarnya ingin mengambil konsep complementery agar orang lebih tertarik, pink on green atau purple on yellow tapi saya memilih warna ceria, dan warna kesukaan saya.  lebih suka pilihan warna pink dan kuning saja. hahaha. 




Udah tau kan asal mula dan arti logo saya? Gimana bagus gak hasilnya? Ini hasil dari belajar konsep desain grafis selama 5 minggu loh... Perlahan-lahan dikembangkan menjadi lebih baik, dan inilah final logonya.. hehehe.

Arti Logo Twitter

Nah.. pasti pada tau gambar logo apa nih yang di bawah... Zaman gini gak tau, Gak gaul gitu, coba tebak.. YA!! Benar sekali ,itu lambang Twitter.. semua pasti pada kenal kan :D

Kali ini belajar konsep desain grafisnya akan membahas tentang makna yang terkandung dalam logo.. contohnya twitter ini neh...

Semua pasti pada tau logo di atas, adalah gambar burung berwarna biru, yang tidak lain adalah logo Twitter.. Twit twit tweet, burung berkicau bernyanyi , begitu pula dengan manusia yang bebas berkicau mengeluarkan apa yang ingin mereka tuangkan.. Nah karena itulah, jejaring sosial populer ini ,yang menyediakan layanan agar kita dapat berkicau-kacau bebas sesuka hati disebut Twitter , karena itu juga Twitter diberi lambang bergambar burung...


Terlihat dalam logo kalau burung biru tersebut terbang tinngi dengan kepala menghadap ke atas, yang melambangkan kebebasan, harapan, pandangan luas, berkumpul bersama kawanan burung lainnya menyebarkan kabar dan mencapai tujuan yang sama. Dengan sentuhan satu warna yaitu biru, yang mungkin terkandung kesan komunikasi, kedamaian,  kepercayaan, persahabatan, harmonis, dll. Menurut saya, logo tersebut cocok untuk Twitter dengan info-info tweetnya yang segar, gambar burung biru yang akan diingat orang saat pertama kali dilihat, fungsinya yang untuk nge-tweet ria, serta pengambilan nama dan logo yang pas.



Menurut kutipan dari Twitter, ternyata lambang burung ini didesain kreatif menggunakan geometri sederhana, yaitu tiga lingkaran yang saling bersinggungan tumpang tindih yang bermakna jejaring, ketertarikan dan ide yang terhubung melalui pertemanan.
Menurut saya,  tiga lingkaran tersebut adalah bagian kepala, badan, dan sayap, yang dikembangkan menjadi gambar burung biru lucu tersebut.


Nah.. itu dia arti logoTwitter yang baru... ;p
Apabila terdapat kesalahan, mohon dimaafkan.. hehe. Yuk belajar bersama tentang konsep desain grafis \(^,^)/

Desain Grafis itu...

Desain Grafis itu apa sih sebenarnya.. yukk baca uraian singkat di bawah :D

Desain Grafis berperan besar dalam hidup manusia, bahkan dapat membentuk pola pikir manusia saat melihat karya tersebut. Desain grafis mengkombinasikan seni, ide, konsep, ajakan, informasi dan teknologi. Desain grafis merupakan bentuk penyampaian informasi menggunakan bahasa visual melalui sebuah karya design.

Keterampilan desain grafis dapat dituangkan dalam karya-karya melalui gambar dan tipografi, contohnya pada periklanan, promosi, informasi umum, pendidikan, pemantapan identitas, logo, cetakan-cetakan publikasi lainnya, desain web, desain produk, simbol-simbol yang sering kita jumpai dalam kehidupan sehari kita, dll. Desain grafis dibentuk dari kebebasan merancang dan menciptakan gambar, foto, lukisan, garis, permainan warna, grafik, tata letak, fotografi, pengolahan gambar, ilustrasi, tulisan,  yang memiliki makna atau menggambarkan sesuatu atau menyampaikan informasi / konsep yang berguna bagi masyarakat dan mudah diingat. 

      Dalam desain grafis, teks juga merupakan gambar yang merupakan hasil abstraksi simbol-simbol. Gambar merupakan media komunikasi yang baik dan menarik. Visualisasi sangat penting dalam desain grafis misalnya dalam menarik perhatian pada poster atau indentifikasi produk, dll.

     Desain grafis mempelajari membangun sebuah pesan dan menyajikannya agar orang memahami isi dan tujuan pesan. Desain grafis merupakan proses pemikiran yang diwujudkan dalam gambar. Desain Grafis dalam perkembangannya dibantu oleh komputer dalam mendesain sebuah object.

     Adanya unsur-unsur design dan prinsip-prinsip design yang ada dalam sebuah karya design, membuat kita sebagai pembaca memahami dan mengerti pesan dan kesan yang ingin disampaikan dari obyek publikasi tersebut.

Nah, gimana.. Udah mulai paham dengan desain grafis itu apa enggak.. :D

Semoga bermanfaat yah bacaan singkat di atas.. Maaf kalau terdapat kesalahan.. Mari belajar bersama <(^,^)>

PNG

Halo lagiii :)

Pada kali ini akan membahas tentang format file PNG.. Nanti akan membandingkan dengan format GIF juga loh.. Apa sih PNG itu?? Yuk mari ki' ...

     PNG yang merupakan singkatan dari Portable Network Graphics yang dikembangkan pada tahun 1955, adalah jenis format bertipe raster atau bitmap yang biasa digunakan untuk grafis internet. PNG diciptakan sebagai pengganti alternatif format GIF.

    PNG memiliki tekhnik loseless compression sehingga tidak ada data yang hilang jika ingin diolah serta tidak mengganggu kualitas dari gambar citra. PNG mampu mengompresi dengan baik, serta menghasilkan ukuran file yang cukup kecil.

     PNG mampu menampilkan gambar dengan kedalaman hingga 24bit, serta didukung oleh alpha channel atau transparansi latar belakang, dan dipengaruhi oleh gamma (ketajaman / brightness) serta progresif display (fitur interlacing 2 dimensi). PNG juga mendukung kelas 8-bit. Format PNG merupakan truecolor hingga 48bit per pixel dan greyscale hingga 16 bit per pixel. PNG tidak didukung oleh warna CMYK sebab lebih digunakan untuk citra web, bukan dikhususkan untuk grafik profesional.

     Dua jenis format PNG yang sering digunakan adalah PNG 8bit yang biasa digunakan dalam membuat gambar kartun atau logo,  dan PNG 24bit yang lebih bagus jika digunakan untuk gambar berupa foto atau yang memerlukan latar belakang transparan.

     Namun, PNG tidak dapat menyimpan animasi. Format PNG cocok untuk menyimpan gambar berkombinasi warna yang lebih banyak misalnya teks atau blok warna. PNG dapat mengompresi gambar hasil fotografi tanpa banyak mengurangi kualitas citra. Hasil PNG juga tidak pecah-pecah.

     PNG diharapkan mampu dikenal sistem operasi dan aplikasi pengolah gambar, merupakan network friendly dan gratis penggunaannya. Sekarang PNG sudah didukung oleh beberapa web browser, meski tidak sepopuler gif.

Apa perbandingan PNG dan GIF ?

    Format PNG dilahirkan sebagai alternatif lain bagi format gif (Graphic Interchange Format) . Keduanya merupakan format yang sering digunakan dalam pengolahan citra grafis web. Mengapa diciptakan png? Selain karena .gif menggunakan kompresi LZW yang memiliki hak lisensi paten yang dilindungi, GIF juga memiliki index warna yang terbatas, yaitu kombinasi 8bit per pixel atau hanya mampu menampilkan sebanyak 256 warna. Misalnya dalam Ms Paint saat menggambar dalam format gif, jika sudah menggunakan banyak warna maka akan menghasilkan gambar rusak dan berubah warna. Dengan kata lain, PNG memiliki kelebihan dalam warna dibanding GIF serta pemakaian gratis. Namun pada 2003, paten unutk format gif sudah berakhir, sehingga gif juga menjadi bebas royalti.

    Keduanya menggunakan teknik loseless compression sehingga tidak menghilangkan informasi tertentu serta memperkecil ukuran file. Meski PNG memiliki warna yang lebih banyak, namun tidak selalu file gambar yang dihasilkan besar, tergantung dari kualitas yang diinginkan. Apabila file gambar PNG disimpan dalam 256 warna saja seperti GIF, maka file yang dihasilkan sering kali lebih kecil jika dibandingkan dengan gif pada kualitas gambar yang sama.

    Keduanya didukung oleh transparansi. Namun sepertinya gambar GIF hanya mendukung piksel sepenuhnya buram atau sepenuhnya transparan, sedangkan PNG mampu menampilkan dari buram ke transparan.

    Teknologi Interlacing 2 dimensi atau metode progresif display yang lebih baik jika dibandingkan dengan interlacing milik GIF. Interlacing membuat sebuah file diload lebih cepat dengan kualitas yang ditampilkan secara bertahap oleh browser.

    Selain itu, format PNG memiliki teknik kompresi 5%-25% lebih baik  dibandingkan dengan GIF. Dibanding PNG, GIF lebih banyak didukung oleh web.  

    Berbeda dengan PNG yang mampu menampilkan gambar dengan warna yang lebih beragam, GIF lebih cocok menampilkan gambar dengan jumlah warna lebih sedikit, GIF juga mampu menampilkan animasi sederhana, digunakan dalam pembuatan logo, iklan, kartun, banner, gambar sederhana, dll. Namun, GIF tidak cocok dalam menampilkan gambar yang realisitis, menampilkan format foto maupun warna bergradien.

         

     

Nah itu dia sekilas tentang format PNG.. Dan beberapa perbandingannya dengan GIF.. Kalau ada yang kurang atau kurang tepat, maaf ya :)

Semoga bermanfaat, kawan \(^~^)/

Perbedaan Grafik Vektor dan Raster

Temen-temen, aku sedang belajar nih apa sih itu Vektor dan Raster pada Grafik Komputer..  Yuk mari share apa yang sudah diketahui, hitung-hitung belajar bersama.. ^^




Dalam grafik komputer, presentasi gambar dapat melalui raster dan vektor. Apa sih grafis raster dan vektor?  Mari ki' ....


RASTER

Gambar Raster atau biasa disebut bitmap merupakan tiruan persis dari bentuk dan warna natural dalam bentuk gambar digital. Grafis desain bitmap disusun oleh sejumlah titik piksel atau point / titik koordinat yang ditempatkan pada lokasi tertentu dengan nilai warna sehingga membentuk pola tertentu. Masing-masing piksel memiliki informasi warna. Jumlah kemungkinan warna yang dapat ditampilkan oleh suatu piksel tergantung pada satuan bit yang dimiliki gambar bitmap tersebut. Bitmap bersifat resolution dependent atau dipengaruhi resolusi. Artinya ketika kita mengubah ukurannya, sulit untuk mengendalikan kualitasnya. Jika kita mengecilkan ukurannya, berarti mempersempit sebagian pikselnya namun tidak menyebabkan perubahan kualitas. Sebaliknya ketika diperbesar ukurannya akan terjadi penambahan piksel diantara ruang piksel yang teregang atau kerapatan warna menjadi berkurang. Piksel - piksel tambahan akan dikalkulasi agar mirip warnanya dengan piksel disekitarnya. Pembesaran gambar melebihi kemampuan pikselnya akan mengekibatkan efek garis bergerigi(jagged) pada pinggiran objek, gambar akan terlihat blur, pecah, dan rusak.  Resolusi pada layar memiliki satuan dpi (dots per inch) ataupun ppi (pixel per inch). Semakin tinggi dpi, semakin baik resolusi. File gambar dengan resolusi lebih jernih maka memiliki ukuran file yang jauh lebih besar, namun kebutuhan memori relatif kecil. Pada grafis bitmap, penyimpanan relatif kecil, serta Digunakan untuk gambar kompleks, berupa ragam warna dan bentuk yang beraneka, seperti foto dari hasil bidikan kamera. Gambar kategori bitmap lebih jernih dan lebih realistis dibanding gambar vektor.

Format-format yang mendukung Raster Graphic misalnya : 
BMP (Windows Bitmap), PCX (Paintbrush), TIFF (Tag Interleave Format), JPEG (Joint Photographics Expert Group), GIF (Graphics Interchange Format), PNG (Portable Network Graphic), PSD (Adobe Photoshop), CPT (Corel Photopaint)...

Vektor

Gambar vektor merupakan gambar yang tersusun oleh sejumlah garis, kurva, dan shape tertentu dengan menggunakan instruksi matematis untuk menentukan panjang, posisi dan arahnya. Gambar vektor tidak dipengaruhi oleh resolusi gambar atau titik pixel (dpi) seperti pada gambar bitmap, melainkan kemampuan resolusi output device seperti monitor atau printer.Vektor bersifat resolution independent. Karena gambar jenis vektor bukan terdiri dari titik, maka apabila tampilan gambar ini diperbesar tetap tidak akan kehilangan detailnya sehingga kualitas gambarnya tetap baik, namun tetap dipengaruhi pada revolusi layar yang ada.Grafik vektor yang sifatnya terdiri dari line serta shape yang memiliki fill warna solid atau gradasi yang terbatas. Untuk membuat suatu gambar yang photo realistic, dibutuhkan banyak shape untuk mendapatkan banyak objek tone warna. Grafis vektor memiliki ukuran file yang kecil, namun kebutuhan memori relatif besar. Grafik Vektor cocok dalam pembuatan ilustrasi, logo, text, banner iklan, sebab vektor merupakan resolution-independent dan fleksibel terhadap berbagai ukuran tanpa merubah kualitas gambar.

Contoh format yang mendukung Grafis Vektor adalah AI (Adobe Ilustrator), CDR (Corel Draw), SVG (Scalable Vector Graphics), WMF (Windows Metafile), EPS (Encapsulated PostScript), PLT (Hewlett Packard Graphics Language Plot File).


Monitor menampilkan gambar dengan cara menggunakan jaringan titik, maka baik bitmap maupun vektor akan diperlihatkan sebagai pixel pada layar. Ketika kita hendak menampilkan gambar Vektor ke suatu halaman web, kita harus melakukan export gambar vektor tersebut ke format yang di dukung oleh browser.

Setelah membaca referensi lain, Nah uraian di atas sekiranya bermanfaat bagi temen-temen, terutama yang sedang mempelajari tentang raster dan vektor.. 
Semua manusia tak ada yang luput dari kesalahan, jadi kalau ada kesalahan dari uraian di atas, maaf ya.. Komentar Anda juga sangat membangun buat bagi yang sedang belajar, termasuk saya.. ^^
Terima Kasih :)

Komputer Grafis dan Warna

Komputer Grafik dan Warna.., sebenarnya apa sih?
Yuk mari kita bahas :)


Semua pasti sudah menyadari teknologi komputer grafik semakin canggih dewasa ini, bahkan tokoh ciptaan komputer pun terlihat seakan nyata dan sempurna. Padahal semua hanyalah rekayasa komputer grafik semata. 
Dalam komputer grafik, kita akan mempelajari cara menggambarkan permukaan bidang (geometri), mempelajari cara menggambarkan dan memanipulasi gerakan (animasi), mempelajari algoritma untuk menampilkan efek cahaya (Rendering), mempelajari cara pengambilan dan penyuntingan gambar (citra / imaging). Visualisasi terhadap dunia nyata ke dalam obyek grafis merupakan salah satu bentuk pemanfaatan teknologi komputer grafik. Grafika komputer memungkinkan kita untuk berkomunikasi lewat gambar-gambar, bagan-bagan, dan diagram-diagram.


Dalam Komputer Grafik sudah pasti kita akan menyinggung tentang warna. Nah apa itu warna? Warna merupakan spektrum yang terkandung dalam cahaya putih, yang mempunyai panjang gelombang elektromagnetik untuk menentukan identitasnya. Jadi tanpa cahaya, manusia tidak dapat melihat warna.

Warna RGB adalah warna yang terbentuk dari cahaya. Warna dasarnya adalah merah hijau dan biru. RGB adalah additive color mode / model warna pencahayaan yang dipakai untuk input devices seperti scanner maupun output devices seperti display monitor, warna-warna primernya (Red, Blue, Green) tergantung pada teknologi alat yang dipakai seperti  PMT pada scanner atau digital camera, CRT atau LCD pada display monitor.  Jika dari ketiga warna dasar tersebut disatukan maka akan membentuk cahaya putih. Model warna RGB disebut juga warna additive.Warna additive adalah warna yang berasal dari cahaya dan disebut spectrum. Spectrum merupakan panjang gelombang cahaya yang menentukan identitas suatu warna.
Warna CMYK merupakan warna pigment atau subtractive color model. CMY atau CMYK adalah model warna penintaan (substractive color mode), warna-warna dasarnya (Cyan, Magenta, Yellow, blacK) tergantung pada pigment pada tinta & substrate yang dicetak. Printer dan cetakan hanya merupakan output devices. Warna subtractive adalah warna yang berasal dari bahan dan disebut pigmen. Sedangkan Pigmen merupakan zat yang terdapat di permukaan suatu benda sehingga bila disinari dengan cahaya putih sempurna akan memberikan sensasi warna tertentu yang mampu ditangkap mata. Warna pigment merupakan warna yang dihasilkan dari benda berupa zat pewarna, cat warna dan lain sebagainya. Campuran dari semua warna dasar CMYK menghasilkan warna hitam.
Kini yang banyak dipergunakan dalam industri media visual cetak adalah CMYK atau Process Color System yang membagi warna dasarnya menjadi Cyan, Magenta, Yellow dan Black. Sedangkan RGB Color System dipergunakan dalam industri media visual elektronika.


RGB dan CMY kurang cocok untuk mendeskripsikan colors berdasarkan interpretasi manusia. RGB tergantung pada kapasitas teknologi peralatan yang dipakai, sedangkan CMYK tergantung pada proses cetak, pigment, substrate. Model Warna terdiri dari tiga komponen yaitu Hue (spektrum warna), Saturation (kadar warna Hue) dan Value/Brightness (kadar cahaya). Hue adalah istilah yang digunakan untuk menunjukkan nama dari suatu warna, seperti merah, biru, hijau dsb. Skala pengukuran nilai Hue berdasar pada derajat numerik lingkaran penuh 360 derajat. Value adalah dimensi kedua atau mengenai terang gelapnya warna. Contohnya adalah tingkatan warna dari putih hingga hitam. Value (brightness/lightness) adalah nilai gelap terang warna yang biasanya dinilai dengan ukuran persen, dimana 0% = hitam dan 100% = putih. Saturation, seringkali disebut dengan chroma, adalah dimensi yang berhubungan dengan cerah atau suramnya warna. Saturation dapat diartikan dengan tingkat kemurnian warna.


Nah.. ini dia sekilas pembahasan saya tentang komputer grafik dan warna, serta beberapa referensi yang saya dapat.. Jika ada kesalahan, mohon maaf...  Semoga bermanfaat ya.. :)

Tugas1 ~ Komputer Grafis dan Warna

Agan-agann yang terkasihi, Komputer grafis dan Warna itu apa sih??