ARTICULATING DESIGN

            Sebuah desain komunikasi dalam berbagai cara dan bekerja pada berbagai tingkatan karena dapat termasuk berbagai konsep dan referensi. masing-masing elemen desain dapat berkomunikasi dengan penonton, namun pesan mungkin tidak mudah diidentifikasi, mengakui atau dipahami oleh semua pemirsa karena perbedaan dalam bagaimana orang menerima atau menginterpretasikan informasi.

Pilihan Design

            Seorang desainer harus memilih dari banyak pilihan yang tersedia. Seperti yang terlihat sebelumnya, tipografi bukan hanya sekelompok huruf dan font, namun unsur-unsur yang dipilih mengacu pada sejarah mereka atau filsafat asal, dan bagaimana mereka terlihat, mengisi dan mewarnai sebuah ruang. Warna membangkitkan emosi yang berbeda dan membawa sejumlah makna dan referensi. Sebuah gambar mungkin menjadi representasi langsung dari sebuah objek atau mungkin merupakan sesuatu yang sama sekali berbeda tergantung bagaimana ia diperlakukan, dan hubungan yang terjalin dengan unsur desain lainnya.

            Awalnya, seorang klien tidak mungkin membuat semua koneksi dan interpretasi yang seorang desainer telah tananamkan ke dalam pekerjaan. Presentasi kerja sering memerlukan seorang desainer untuk menjelaskan pemikiran di balik pilihan yang dibuat dalam rangka agar seorang klien memahami manfaatnya. Misalnya, Nike swoosh dan logo karakter Starbucks telah menjadi desain yang sangat sukses bahkan meskipun sebagian besar orang tidak tahu apa yang mereka tunjukkan atau alasan di balik desain pilihan itu dibuat.

Sudut Pandang Subjektif atau Objektif

            Artinya dapat diberikan atau dihasilkan dari sudut pandang subjektif atau objektif dan penting untuk mengevaluasi baik ketika memproduksi desain. Sebuah sudut pandang subjektif bisa menjadi sebuah arti desain untuk target konsumen, sementara orang lain memiliki sudut pandang objektif mengenai artinya.

            Membangun sudut pandang subjektif diinginkan yang menarik bagi target audiens tanpa mengasingkan orang lain tidak semudah yang dipikirkan. Sebagai contoh, apa mungkin seekor kelinci lucu yang menarik bagi satu kelompok orang bisa tampak norak dan lelah bagi kelompok lain.

Dedikasi

            Desain Vault 49 untuk dedikasi, majalah gaya hidup dan fashion Paris, mengaburkan batas-batas antara grafis desain, fotografi dan illustrasi. Lembaga multidisiplin ini menggunakan berbagai media untuk menghasilkan desain yang menakjubkan seperti yang digambarkan satu ini.

Perhatikan bagaimana illustrasi telah digunakan untuk menambah kualitas dari foto itu dan meningkatkan daya tarik visual.

Kuantitatif / kualitatif pilihan

            Motivasi dan keadaan dibelakang perilaku pembelian sangat bervariasi dan orang-orang merespon berbeda terhadap aspek kuantitatif dan kualitatif dari informasi yang disajikan. Sebagai contoh, satu kelompok mungkin lebih tertarik pada harga sebotol kecap, sementara yang lain membuat keputusan pembelian yang didasarkan pada kualitas bahan. Kompleksitas dari suatu kuantitatif individu dan preferensi kualitatif yang berarti bahwa mereka berubah dari produk ke produk. Seseorang yang membeli kecap menurut harganya mungkin membeli mayonnaise berdasarkan selera atau bahan. Memiliki pemahaman tentang pertimbangan yang penting dalam pengambilan keputusan dari target kelompok mengizinkan seorang desainer untuk mencari Informasi yang memicu ke desain.

Micro / makro tingkat

            Orang-orang memiliki apresiasi skala dan perspektif yang bervariasi, dan kesadaran mereka  melewati mikro dan tingkat makro juga bervariasi. beberapa orang mudah memahami konsep di atas jangkauannya, namun terjebak pada detail, sementara yang lain memahami detail baik tetapi tidak dapat memahami gambaran yang lebih besar. Desain membutuhkan komunikasi pada tingkat yang sesuai sehingga target audiens dapat memahami informasi yang disajikan.

            Sebuah desain dapat dinilai kritis untuk kualitas estetika, tapi sementara ini adalah praktek yang benar, desain selalu menghasilkan respon pada mereka yang melihatnya, terlepas dari pemikiran seorang kritik apakah itu baik atau buruk. Sementara dari pengalaman dan pelatihan yang berdiri dibalik pilihan seorang desainer bertahun-tahun, pendekatan mereka terhadap pekerjaan tidak akan sama dengan seorang pedagang, manajer atau klien. Hal ini dapat menyebabkan konflik, tapi satu harus diingat bahwa seorang desainer tidak merancang untuk diri sendiri tetapi untuk memenuhi kebutuhan klien yang mungkin memiliki rasa yang lebih baik dari yang paling target kelompok akan respon.

Tugas Softskill Desain Permodelan Grafik - Universitas Gunadarma

Referensi dari buku:

Ambrose, Gavin. and Harris, Paul. The Fundamentals of Graphic Design (North America, 2009).

Mengubah Efek Pada Foto Menggunakan Photoshop

             Di bawah ini saya akan menjelaskan langkah-langkah mengubah efek warna pada foto menggunakan software Adobe Photoshop CS5. Berikut langkah-langkahnya:

1. Buka gambar yang ingin di edit dengan cara File -> Open -> (Pilih foto) -> OK

2. Setelah gambar yang diinginkan terbuka, maka pilih Layer -> New Adjusment Layer -> Brightness/Contras. Pada kotak Brightness, tambahkan nilai kontrasnya menjadi 30.

3. Langkah selanjutnya adalah menambahkan layer gradient dengan cara pilih Layer -> New Fill Layer -> Gradient. Lalu akan terbuka layer untuk gradient, opacitynya diubah menjadi 15%. Kemudian pada kotak dialog Gradient Fill, pilih warna Violet, Orange, lalu klik OK.

4. Setelah itu, pilih Layer -> New Adjusment Layer -> Exposure. Nilai gamma diubah menjadi 0,80.

5. Langkah selanjutnya pilih Layer -> New Adjusment Layer -> Brightness/Contras. Ubah nilai Brightness menjadi 19.

6. Setelah itu menambah 3 solid layer yaitu dengan cara :

a.       Layer -> New Fill Layer -> Solid Color. Pada mode layer uabh menjadi Overlay, dan Opacity menjadi 10 %. Kemudian Isi dengan warna 00f6ff pada kotak dialog solid color.

b.      Layer -> New Fill Layer -> Solid Color. Pada mode layer uabh menjadi Overlay, dan Opacity menjadi 8%. Lalu Isi dengan warna 00d480 pada kotak dialog solid color.

c.       Layer -> New Fill Layer -> Solid Color. Pada mode layer uabh menjadi Overlay, dan Opacity menjadi 5%. Lalu Isi dengan warna 009ced pada kotak dialog solid color.

7. Setelah ketiga layer tersebut selesai dibuat, langkah yang terakhir adalah tambahkan layer Gradient Fill yang kedua. Lalu ubah Mode Layernya menjadi Screen dan Opacitynya 25%. Selanjutnya pada kotak dialog Gradient Fill, pilih warna Blue, Red, Yellow. Pada kotak Style, ubah menjadi Diamond, lalu klik OK.

8. Gambar di bawah ini adalah hasil akhir dari tutorial di atas :

>> Tugas Softskill Desain Permodelan Grafik - Universitas Gunadarma

Referensi : http://belajardesa.in/10-tutorial-photoshop-keren-versi-indonesia

SEJARAH PERMODELAN GRAFIK

Pelacakan perjalanan sejarah desain grafis dapat ditelusuri dari jejak peninggalan manusia dalam bentuk lambang-lambang grafis (sign & simbol) yang berwujud gambar (pictograf) atau tulisan (ideograf). Gambar mendahului tulisan karena gambar dianggap lebih bersifat langsung dan ekspresif, dengan dasar acuan alam (flora, fauna,landscape dan lain-lain).

Tulisan/ aksara merupakan hasil konversi gambar, bentuk dan tata aturan komunikasinya lebih kompleks dibandingkan gambar. Belum ada yang tahu pasti sejak kapan manusia memulai menggunakan gambar sebagai media komunikasi. Manusia primitif sudah menggunakan coretan gambar di dinding gua untuk kegiatan berburu binatang. Contohnya seperti yang ditemukan di dinding gua Lascaux, Perancis.

     
Desain grafis berkembang pesat seiring dengan perkembangan sejarah peradaban manusia saat ditemukan tulisan dan mesin cetak. Pada tahun 1447, Johannes Gutenberg (1398-1468) menemukan teknologi mesin cetak yang bisa digerakkan dengan model tekanan menyerupai disain yang digunakan di Rhineland, Jerman, untuk menghasilkan anggur. Ini adalah suatu pengembangan revolusioner yang memungkinkan produksi buku secara massal dengan biaya rendah, yang menjadi bagian dari ledakan informasi pada masa kebangkitan kembali Eropa.

       
Tahun 1450 Guterberg bekerjasama dengan pedagang dan pemodal Johannes Fust, dibantu oleh Peter Schoffer ia mencetak “Latin Bible” atau disebut “Guterberg Bible”, “Mararin Bible” atau “42 line Bible” yang diselesaikanya pada tahun 1456. Temuan Gutenberg tersebut telah mendukung perkembangan seni ilustrasi di Jerman terutama untuk hiasan buku. Pada masa itu juga berkembang corak huruf (tipografi). Ilustrasi pada masa itu cenderung realis dan tidak banyak icon. Seniman besarnya antara lain Lucas Cranach dengan karyanya “Where of Babilon”.

      
Pada perkembangan berikutnya, Aloys Senefelder (1771-1834) menemukan teknik cetak Lithografi. Berbeda dengan mesin cetak Guterberg yang memanfaatkan teknik cetak tinggi, teknik cetak lithografi menggunakan teknik cetak datar yang memanfaatkan prinsip saling tolak antara air dengan minyak. Nama lithografi tersebut dari master cetak yang menggunakan media batu litho. Teknik ini memungkinkan untuk melakukan penggambaran secara lebih leluasa dalam bentuk blok-blok serta ukuran besar, juga memungkinkan dilakukannya pemisahan warna. Sehingga masa ini mendukung pesatnya perkembangan seni poster. Masa keemasan ini disebu-sebut sebagai “The Golden Age of The Poster”.

         
Tokoh-tokoh seni poster tehnik lithogafi (1836-1893) antara lain Jules Cheret dengan karya besarnya “Eldorado: Penari Riang” (1898), “La Loie Fuller: Penari Fuller” (1897), “Quinquina Dubonnet” (1896), “Enu des Sirenes” (1899). Tokoh-tokoh lainya antara lain Henri de Toulouse Lautrec dan Eugene Grasset.

          
Desain grafis mengalami perkembangan pesat setelah ditemukannya tulisan dan mesin cetak. Kejayaan kerajaan Romawi di abad pertama telah membawa peradaban baru dalam sejarah peradaban Barat dengan diadaptasikannya kesusasteraan, kesenian, agama, serta alfabet latin yang dibawa dari Yunani. Pada saat ini adanya mesin cetak dan komputer juga merupakan dua hal yang secara signifikan mempercepat perkembangan penggunaan seni desain grafis hingga akhirnya diterapkan dalam dunia periklanan, packaging, perfilman, dan lain-lain. Koran, majalah, tabloid, website yang sehari-hari kita lihat adalah produk desain grafis. Bahkan animasi Spongebob Squarepants walaupun lebih dikenal dengan sebutan kartun yang sering kita tonton di televisi merupakan bagian dari produk desain grafis juga.Desain biasa diterjemahkan sebagai seni terapan, arsitektur, dan berbagai pencapaian kreatif lainnya. Dalam sebuah kalimat, kata "desain" bisa digunakan baik sebagai kata benda maupun kata kerja. Sebagai kata kerja, "desain" memiliki arti "proses untuk membuat dan menciptakan obyek baru". Sebagai kata benda, "desain" digunakan untuk menyebut hasil akhir dari sebuah proses kreatif, baik itu berwujud sebuah rencana, proposal, atau berbentuk obyek nyata.

Pengertian Design Grafis

Desain biasa diterjemahkan sebagai seni terapan, arsitektur dan berbagai pencapaian kreatif lainnya. Grafika adalah segala cara pengungkapan dan perwujudan dalam bentuk huruf, tanda, dan gambar yang diperbanyak melalui proses percetakan guna disampaikan kepada khalayak. Contohnya adalah: foto, gambar/drawing, Line Art, grafik, diagram, tipografi, angka, simbol, desain geometris, peta, gambar teknik, dan lain-lain. Seringkali dalam bentuk kombinasi teks, ilustrasi, dan warna.

        
Gambar maupun tanda yang digunakan bisa berupa tipografi atau media lainnya,seperti gambar atau fotografi.Desain grafis didefinisakan sebagai aplikasi dari keterampilan seni dan komunikasi untuk kebutuhan bisnis dan industri”. Aplikasi – aplikasi ini dapdat meliputi periklanan, packaging, perfilman dan penjualan produk, menciptakan identitas visual untuk insitusi, produk perusahaan, lingkungan grafis, desain informasi, dan secara visual menyempurnakan pesan dalam publikasi. Komputer grafis adalah program – program komputer yang digunakan untuk membuat desain grafis contohnya seperti CorelDRAW, Photoshop, Illustrator, dll.

       
Desain grafis adalah suatu bentuk komunikasi visual yang menggunakan gambar untuk menyampaikan informasi atau pesan seefektif mungkin. Dalam desain grafis, teks juga dianggap gambar karena merupakan hasil abstraksi simbol-simbol yang bisa dibunyikan. Desain grafis diterapkan dalam desain komunikasi dan fine art. Seperti jenis desain lainnya, desain grafis dapat merujuk kepada proses pembuatan, metoda merancang, produk yang dihasilkan (rancangan), atau pun disiplin ilmu yang digunakan (desain). Seni desain grafis mencakup kemampuan kognitif dan keterampilan visual, termasuk di dalamnya tipografi, illustrasi, fotografi, pengolahan gambar, dan tata letak.

Kesimpulan :

      Design Grafis awalnya yang dikenal atau diketahui hanya gambar, karena gambar terlihat lebih ekspresif dibandingkan dengan tulisan. tetapi dengan berjalannya jaman ke jaman, design grafis sudah mengalami perkembangan, dengan ditemukannya tulisan dan mesin cetak. Bahkan sekarang sudah banyak aplikasi-aplikasi yang bisa menerapkan design grafis, seperti 3DS MAX, Photoshop, dan CorelDraw. Aplikasi itu dapat membantu kita untuk mendesign suatu gambar dengan menggunakan komputer.

Referensi : 

http://shiroi-alamanda.blogspot.com/2012/10/sejarah-perkembangan-desain-pemodelan.html

http://indrids.blogspot.com/2011/10/desain-pemodelan-grafis.html

- College student at GUNADARMA UNIVERSITY -

TUTORIAL APLIKASI WEB

MEMBUAT APLIKASI WEB MENGHITUNG LUAS SEGITIGA

            Di bawah ini saya akan menjelaskan langkah-langkah untuk membuat aplikasi web sederhana, yaitu membuat aplikasi web untuk menghitung luas segitiga. Tetapi web ini masih banyak kekurangan, karena web ini hanya menghitung bangun datar segitiga saja, belum menghitung bangun datar yang lainnya, maaf bila banyak kekurangan di dalam aplikasi web ini. Sekarang kita masuk ke dalam langkah-langkah membuat aplikasi web sederhana ini:

• Pertama-tama kita harus memeriksa apakah di dalam komputer sudah terdapat software XAMPP atau belum, karena aplikasi web ini menggunakan software XAMPP. Jadi, apabila di dalam komputer ini belum terdapat XAMPP, sebaiknya kita install terlebih dahulu agar kita bisa membuat aplikasi web. Berikut ini adalah cara menginstall XAMPP :

·         Download XAMPP terlebih dahulu, kemudian double klik pada file tersebut yang sudah selesai didownload untuk unpack installer.

·         Kemudian pilih folder untuk unpack file tersebut, seperti C:\xampp, kemudian buka folder tersebut.

·         Lalu double klik setup_xampp.bat untuk menginstall XAMPP.

·         Dan untuk membuka setting XAMPP kita harus cari file xampp-control.exe dan double klik pada file tersebut.

·         Untuk membuat web ini kita aktifkan Apache dan MySQL. Setelah itu, buka browser kita dan ketik http://localhost maka server website lokal kita akan terbuka.

  

•       Setelah komputernya sudah diinstal XAMPP, maka sekarang tentukan konsep web yang kita inginkan itu seperti apa, untuk aplikasi web sederhana ini kita hanya memerlukan satu buah gambar untuk background webnya, kemudian satu buah GIF image yang codingnya didownload dari www.textspace.net .Kita juga akan memasukkan beberapa coding agar web ini dapat dijalankan.

•       Buka notepad++ untuk membuat coding-codingnya, lalu kita masukkan coding di bawah ini :

<?php

error_reporting(0);

            Blok statement di atas menjelaskan bahwa web yang kita buat ini menggunakan php, dan statement di atas wajib ada setiap kita membuat web menggunakan php.

$alas = trim($_REQUEST['Alas']);

$tinggi  = trim($_REQUEST['Tinggi']);

$hasil  = trim($_REQUEST['Hasil']);

            Blok statement di atas berfungsi untuk mendeklarasikan variabel-variabel di dalam php,  yang nilainya nanti akan diinput melalui keyboard.

 define("hitung",(0.5));

             

 if ($_REQUEST['submit'])

    {

            $solve = round(hitung * ($alas * $tinggi),2);

    }

 if ($_REQUEST['clear'])

    {

    $alas="";

    $tinggi="";

            $hasil="";

   }

?>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html;" />

<title>Perhitungan Segitiga</title>

            Tag <title> berfungsi untuk memberikan title atau judul pada sebuah halaman web. Judul atau title tersebut akan muncul pada browser, judul pada halaman favorit dan judul pada halaman

<style type="text/css">

            Tag <style> berfungsi untuk menjelaskan style yang digunakan di halaman website tersebut

<!--

body {

            background-attachment: fixed;

            background-image: url(angka1.jpg);

}

            Pada statement background-image: url(angka1.jpg); berfungsi untuk menampilkan gambar yang sudah kita simpan di dalam folder yang sama untuk coding ini. Nama pada gambar yang disimpan haruslah sama dengan nama gambar di body ini.

.style1 {

            font-family: Arial, Helvetica, sans-serif;

            font-size: 30px;

            color: #000000 ;

}

.style2 {

            font-family: "Algerian", "New York", serif;

            font-weight: bold;color: #000000 ;

            font-size: 30px;

}

            Blok statement di atas berfungsi untuk mengubah bentuk huruf, warna huruf, dan ukuran huruf sesuai yang kita inginkan untuk tampilan web ini.

-->

</style></head>

            Statement di atas berfungsi untuk menutup tag style dan head .

<body>

<div align="center">

  <p>&nbsp;</p>

  <object width="400" height="46"><param name="movie" value="http://LOCALHOST/lcd_7.swf"></param><param name="wmode" value="transparent"></param><param name="flashvars" value="w=400&h=46&c=1&spd=2&b=1&t=LUAS+SEGITIGA"></param><param name="allowscriptaccess" value="always"><embed src="http://localhost/suhu/lcd_7.swf" type="application/x-shockwave-flash" wmode="transparent" flashvars="w=400&h=46&c=1&spd=2&b=1&t=LUAS+SEGITIGA" allowscriptaccess="always" width="400" height="46"></embed></object><br />

</div>

<form id="form1" name="form1" method="post" action=""><div align="center">

  <table width="450" height="500" border="0">

    <tr>

      <td width="256"><span class="style2">A L A S</span></td>

               <?php

     echo "<b><h4>".$message."</b></h4>";

             ?>

      <td width="16"><div align="center"><strong><span class="style1">:</span> </strong></div></td>

           

      <td width="164"><div align="center">

        <label>

        <input type="text" name="Alas"

             value="<?php echo $alas; ?>" />

        </label>

      </div></td>

    </tr>

    <tr>

            <tr>

      <td width="256"><span class="style2">T I N G G I</span></td>

               <?php

     echo "<b><h4>".$message."</b></h4>";

             ?>

      <td width="16"><div align="center"><strong><span class="style1">:</span> </strong></div></td>

      <td width="164"><div align="center">

        <label>

        <input type="text" name="Tinggi"

                         value="<?php echo $tinggi; ?>" />

        </label>

      </div></td>

    </tr>

    <tr>

      <td><p class="style2">H A S I L</p>        </td>

      <td><div align="center"><strong><span class="style1">:</span> </strong></div></td>

      <td><div align="center">

        <input type="text" name="hasil"

                        value="<?php echo trim($solve); ?>" READONLY />

      </div></td>

    </tr>

           

  <td height="150"><p align="JUSTIFY">

    <input type="submit" name="submit" value="Hitung" />

    <input type="submit" name="clear" value="Clear" />

      </p>      </td>

  </table>

</form>

</body>

</html>

• Setelah kita memasukkan semua codingnya di dalam notepad++, lalu save dahulu di dalam folder yang kita buat di dalam htdocs dengan format .php . Gambar untuk background dan GIF image juga disimpan di dalam folder yang sama.

• Kemudian coba dipanggil di browser kita, buka terlebih dahulu browsernya, lalu ketik http://localhost/widya/luas_segitiga/luas.php maka akan muncul tampilan aplikasi web seperti di bawah ini :

• SELAMAT MENCOBA !!!!!!! ^^

          Link My Campus >>> www.gunadarma.ac.id