Pages

Kursus Komputer LP2M ARAY

LP2M atau Lembaga Peduli Pendidikan Masyarakat Aray (LP2M) adalah suatu lembaga yang bergerak di bidang jasa, dimana badan lembaga yang materinya sangat diperlukan sekarang ini didalam bisnis globalisasi yang di mana segala galanya dilakukan secara terkomputerisasi.

Membuat Aplikasi pada Mobile

Membuat aplikasi pada mobil Android, Aplikasi Java dan lain-lain, sekarang ini lagi tren yang namanya android semua orang ingin tau apa sih android itu. yuk kita belajar bareng di blog ini....

Kursus Animasi dengan Adobe Flash Cs

Pengen Menjadi Animator yuk kita belajar di aray, agan-agan bias belajar trik-trik cepat belajar animasi dengan cepat

Aray Computer

Menerima jasa services dan maintenent dan jual beli laptop, komputer, harddisk,printer dan lain-lain.

Jasa Pembuatan Website Cantik

Kami juga menyediakan jasa pembuatan website cantik hanya 300 Ribu online satu tahun

Membuat dan Menambahkan Background pada Viewport

Apabila Anda ingin menyesuaikan objek 3 Dimensi Anda dengan gambar background sehingga akan mendapatkan hasil yang sinkron dari perpaduan keduanya, Anda harus memasukkan gambar background tersebut kedalam Viewport 3ds Max Anda. Fitur yang akan Anda gunakan adalah fitur Viewport Background. Fitur ini juga dapat digunakan bila Anda ingin melakukan Rotoscoping atau ”menjiplak” sebuah bentuk gambar. Misalnya Anda masukkan sebuah gambar desain logo sebagai background pada Viewport untuk dijiplak nantinya menjadi bentuk 3 Dimensi.

Berikut panduannya:
1. Buka file 3DS Max. Aktifkan Viewport Perspective

Gambar 01. Sebuah File 3DS Max


2. Klik menu Views > Viewport Background.
3. Pada jendela Viewport Background, Anda klik tombol Files dan cari dimana file gambar yang ingin Anda jadikan sebagai background. Atur setingan parameter yang lain seperti pada gambar dibawah

Gambar 02. Jendela Viewport Background

3. Sekarang gambar telah tampil pada background Viewport Perspective Anda.

Gambar 03. Hasil Akhir

Tutorial ini diarsipkan di ilmugrafis pada kategori 3DS Max. Selamat mencoba Membuat dan Menambahkan Background pada Viewport
  • Siapkan sebuah dokumen flash baru menggunakan Flash CS 3, karena kita perlu Flash Player 9 untuk agar dapat fullscreen pada browser.
  • Atur ukuran dari stage menjadi 640 piksel x 480 piksel.
    panel properties
    panel properties
  • Gambar 4 buah teks agar berguna sebagai link, yaitu : home, project, link, about me.
    menu
    menu
  • Tulisan tersebut masih berupa teks, sekarang kita ubah menjadi button, sehingga semua terdapat 4 button. Klik kanan pada masing-masing teks, pilih Convert to Symbol, pilih button dan klik OK.
    Convert to Symbol
    Convert to Symbol
  • Setelah itu klik 2 kali pada tombol yang baru saja dibuat, tambahkan area pada frame hit. Gunanya adalah agar ketika mouse memasuki area tersebut, maka tombol akan bisa di-klik.
    Masuk ke dalam Button
    Masuk ke dalam Button
  • Setelah sudah, klik 2 kali pada area kosong untuk kembali ke stage. Terapkan teknik tersebut ke masing-masing teks menu.
  • Beri instance name masing-masing tombol yang telah dibuat seperti gambar ini. Memberikan instance name, cukup klik pada button tersebut dan tekan Ctrl + F3untuk menampilkan panel properties.
    Instance Name
    Instance Name
  • Buatlah sebuah kotak berukuran 2400 piksel x 350 piksel pada stage pada posisi x = 20 dan y = 70. Bagi menjadi 4 bagian, sehingga per bagian memiliki panjang 600 piksel.
    Kotak (Klik untuk memperbesar)
    Kotak (Klik untuk memperbesar)
  • Seleksi kotak tersebut, dan klik kanan kemudian pilih Convert to Symbol pilih MovieClip. Pastikan titik registrasi berada di kiri.
    Convert to Movieclip
    Convert to Movieclip
  • Jangan lupa untuk mengganti instance name-nya menjadi kotak_mc.
    kotak_mc
    kotak_mc
  • Sekarang, masuk ke dalam kotak tersebut, dan kita edit bagian dalamnya :), kira2 seperti ini :
    Preview
    Preview
  • Sekarang buat sebuah tombol untuk fullscreen. Beri nama fullscreen_btnsebagai instance name-nya.
    tombol fullscreen
    tombol fullscreen
  • Sekarang lanjut ke script (actionscript 2.0). Buat sebuah layer baru, klik pada frame 1, tekan F9 untuk memunculkan panel Actions – Frame. Ketik syntax berikut :
    01import mx.transitions.Tween;
    02import mx.transitions.easing.*;
    03
    04tombol1_btn.onRelease=function(){
    05    var myTween:Tween = new Tween(kotak_mc, "_x", Strong.easeOut, kotak_mc._x, 20, 1, true);
    06}
    07tombol2_btn.onRelease=function(){
    08    var myTween:Tween = new Tween(kotak_mc, "_x", Strong.easeOut, kotak_mc._x, -580, 1, true);
    09}
    10tombol3_btn.onRelease=function(){
    11    var myTween:Tween = new Tween(kotak_mc, "_x", Strong.easeOut, kotak_mc._x, -1180, 1, true);
    12}
    13tombol4_btn.onRelease=function(){
    14    var myTween:Tween = new Tween(kotak_mc, "_x", Strong.easeOut, kotak_mc._x, -1780, 1, true);
    15}
    16
    17fullscreen_btn.onRelease=function(){
    18    //fullscreen di projector
    19    //fscommand("fullscreen","true");
    20    //fullscreen pada browser
    21    Stage.displayState="fullScreen";
    22}
  • Kemudian buka publish setting pada Menu File -> Publish Settings, pastikan pengaturan seperti pada gambar.
    Publish Settings
    Publish Settings
  • Kemudian klik Publish agar file Html dan .swf terbentuk.

me-load gambar

Oke, sekarang kita akan membuat script untuk me-load gambar-gambar berdasar sebuah file xml yang kita buat. Sebelumnya, apa sih sebenernya XML itu ?

kalo menurut wikipedia kayak gini nih :
XML (Extensible Markup Language) adalah bahasa markup untuk keperluan umum yang disarankan oleh W3C untuk membuat dokumen markup keperluan pertukaran data antar sistem yang beraneka ragam.  XML merupakan kelanjutan dari HTML (HyperText Markup Language) yang merupakan bahasa standar untuk melacak Internet.
Pola XML itu seperti HTML, jadi kita membutuhkan tag pembuka dan tag penutup
<iniadalahtag></iniadalahtag>
tapi kalo kita tidak memiliki tag penutup, cukup seperti ini :
<iniadalahtag/>
Oke, langsung kita mulai cara-caranya :
  • Buat sebuah file baru ActionScript 2.0 minimal menggunakan Macromedia Flash 8.
  • Kemudian buat sebuah file baru, beri nama yaitu data.xml, kemudian isikan dengan teks berikut :
    <konfigurasi>
    <gambar name="Gedung">gedung.png</gambar>
    <gambar name="Pasar">pasar.png</gambar>
    <gambar name="Pantai">pantai.png</gambar>
    </konfigurasi>
  • Kemudian kembali pada dokumen flash, dan tekan F9 pada frame 1 layer 1 agar muncul panel Actions :)
  • Kemudian ketikkan script berikut :
    //deklarasi variabel xml
    var xml:XML = new XML();
    //maksudnya kita tidak mempedulikan adanya spasi antara tag-tag xml
    xml.ignoreWhite=true;
    //mengeksekusi load
    xml.load("data.xml");
    //memberikan event load
    xml.onLoad = function(sukses:Boolean) {
     if (sukses == true) {
      //jika berhasil di-load
      trace("xml berhasil diload.");
    
      var nodeUtama:XMLNode = xml.firstChild; //Node Konfigurasi
    
      var arrayNode:Array = xml.firstChild.childNodes; //Array
      for (var i:Number = 0; i < arrayNode.length; i++) {
       var node:XMLNode = arrayNode[i];
       var name = node.attributes.name; //Atribut name pada node gambar
       var nilai = node.firstChild.nodeValue; //isi dari node gambar
       trace(name+"="+nilai);
       //membuat movieclip baru
       var mc = _root.createEmptyMovieClip(name,i);
       //mengatur letak movieclip
       mc._x = i*100+25;
       mc._y = i*60+20;
       //mengambil gambar, dan memasukkannya ke dalam movieclip yang baru tadi
       loadMovie(nilai,mc);
      }
     } else {
      //jika xml tidak berhasil diload
      trace("xml tidak berhasil diload.");
     }
    };
    
  • Sekarang kita save file flash kita ke dalam sebuah folder (foldernya bisa di mana saja).
  • Tambahkan 3 buah gambar sesuai dengan isi dari data di dalam xml, yaitu :
    1. gedung.png
    2. pasar.png
    3. pantai.png
  • Kemudian jika sudah selesai, kembali ke flash dan lakukan Test Movie ( Ctrl + Enter ), maka hasilnya seperti berikut :
Load XML
Load XML
Penjelasan :
XML digunakan sebagai sebuah sarana untuk menyimpan data konfigurasi, jika sewaktu-waktu kita ingin mengganti gambarnya, kita tidak perlu untuk meng-kompilasi ulang file .fla menjadi .swf, sehingga cukup mengedit file xml-nya saja :)
Mudah-mudahan mengerti :)

Bumi akan gelap pada tanggal 23 sampai 25 desember 2012




Entah benar atau tidak, sebaiknya bersiap"lah, Jangan panik, tetap tenang, dan berdoalah. Ingatlah untuk lebih banyak senyum, lebih banyak mencintai, lebih banyak memaafkan.. setiap hari. Akan lebih baik untuk menghindari perjalanan jauh sepanjang bulan Desember 2012. NASA memperkirakan kegelapan total pada 23-25 Dec 2012 pada saat "sejajarnya alam semesta".

Ilmuan US memperkirakan perubahan alam semesta, kegelapan total pada planet (bumi, red) selama 3 hari dimulai pada 23 Des 2012. Ini bukanlah akhir dari dunia, ini adalah "kesejajaran alam semesta", dimana matahari dan bumi akan berada pada satu garis lurus untuk pertama kalinya. Bumi akan bertukar tem,pat dari dimensi ke 3 ke dimensi 0, lalu bertukar lagi ke dimensi ke 4.

Selama perpindahan ini, seluruh alam akan menghadapi perubahan besar, dan kita akan melihat Dunia yang benar" baru. (mungkin dimensi disini lebih ke arah posisi bumi kali yee ) Kegelapan selama 3 hari ini diperkirakan akan terjadi pada tanggal 23, 24 dan 25 Des, Selama kejadian ini terjadi, ketenangan adalah hal yang sangat dibutuhkan, saling peluk satu sama lain, berdoa, dan terus berdoa. Beristirahatlah selama 3 hari ini. Dan mereka yang bertahan akan menghadapi Dunia yang benar" baru ... bagi mereka yang tidak bersiap" akan banyak yang mati karena rasa takut. Berbahagialah, nikmati waktu yang ada mulai dari sekarang. Jangan khawatir, dan berdoalah kepada Tuhan setiap hari.

Banyak sekali pembahasan tentang apa yang akan terjadi di tahun 2012, tapi banyak yang tidak percaya, karena mereka takut akan menciptakan kepanikan dan ketakutan pada semua orang. Kita tidak tahu pasti apa yang akan terjadi, tapi saya rasa tidak akan sia" untuk mempercayai NASA tentang persiapan yang harus dilakukan. Sumber

percaya tidak percaya, mari tetep waspada

Aplikasi buat BBMan di Android


Download-Catfiz-Aplikasi-buat-BBMan-di-Android.png
Download Catfiz Aplikasi buat BBMan di Android – BBM for Android? dulu itu kelebihan Blackberry yang tidak dimiliki Android. Sampai saat ini itupun masih ekslusif buat BB, namun jangan khawatir karena di android ada aplikasi sejenis yang mirip sekali dengan BBM, nama aplikasinya adalah catfiz. Untuk download catfiz BBM di Android sayangnya tidak tersedia di Android Market.

Aplikasi Catfiz ini salah satu karya anak bangsa yang berdomisili di Surabaya. Era SMS sudah lewat, saat ini memasuki era messenger yang memiliki fiture lebih banyak daripada hanya pesan singkat dan bukan hanya itu, dilihat dari segi biaya juga lebih murah dibandingkan dengan SMS. Ingat slogan ACI? Aku Cinta Indonesia, sudah saatnya kita mencintai produk bangsa kita. Aplikasi catfiz ini di desain khusus buat hp android dengan fiture antara lain: PIN user identification, Chat message, Voice message (Voice chat), Photo sharing, File sharing, Send Catfish Contact, Blitz/buzz, User status, Status comment, Recent Update, Broadcast message, Pool Conference/Group, Conference file share, Conference voice message.

PIN user identification atau di sebut NIC bisa diganti dengan yang lebih mudah dihafal, ibaratnya kalo nomor telpon adalah “nomor cantik”. Pihak developer telah menyatakan bahwa Catfiz akan digratiskan selamanya. Banyaknya pengguna android saya kira hal ini akan menekan perkembangan Blackberry Mesengger.

Kenapa anda harus mendownload Catfiz for android?


  1. Tanpa biaya terselubung, dapat mengirim pesan gratis ke kawan anda selama anda terkoneksi dengan internet.

  2. Sudah di download dan digunakan lebih dari 75000 android user.

  3. 100% gratis selamanya.

  4. Group Chat dengan kontak anda.

  5. Tidak perlu Login/Logout karena Catfiz selalu ON dan selalu connect.

  6. Update status, komen status layaknya facebook.

  7. Broadcast Message seperti BBM

  8. Berbagi foto, Voice Chat dan Private Chat.

Kelebihan catfiz dibanding Whatsapp adalah kemampuan transfer file yang lebih baik, selain itu dapat mengirim berbagai macam type file termasuk android *.apk package, sedangkan whatsapp hanya bisa mengirim multimedia file serta contact file.

Dengan segudang kelebihan catfiz, sepertinya wajib didownload aplikasi yang satu ini.

Link downloadnya:  Download Catfiz for Android

Mengenal Istilah Tipografi


images.jpg

Anda pernah mendengar mendengar istilah tipografi atau dalam bahasa inggris Typography? Jika anda ingin belajar desain grafis wajib mengetahui istilah ini karena akan sangat membantu anda dalam mengerjakan sebuah pekerjaan desain. Artikel berikut akan menjelaskan apa itu tipografi serta hal-hal apa saja yang kira-kira melibatkan tipografi.

 

Pengertian Tipografi


Tipografi (dalam bahas inggris : Typography) adalah perpaduan antara ilmu seni dan teknik mengatur tulisan, agar maksud serta arti tulisan dapat tersampaikan dengan baik secara visual kepada pembaca. Tipografi tidak hanya terbatas lewat pemilihan jenis huruf, ukuran huruf, dekorasi, kesesuaian dengan tema, tetapi juga meliputi tata letak vertikal atau horizontal tulisan pada sebuah bidang desain. Tipografi juga bisa dikatakan sebagai “visual language” atau dapat berarti “Bahasa yang dapat dilihat”.

Tipografi (typography) menurut Roy Brewer (1971) dapat memiliki pengertian luas yang meliputi penataan dan pola halaman, atau setiap barang cetak. Atau dalam pengertian lebih sempit hanya meliputi pemilihan, penataan dan berbagai hal bertalian pengaturan baris-baris susun huruf (typeset), tidak termasuk ilustrasi dan unsur-unsur lain bukan susun huruf pada pada halaman cetak.

Tipografi Menurut Stanley Marrison “Tipografi dapat didefinisikan sebagai keterampilan mengatur bahan cetak secara baik dengan tujuan tertentu; seperti mengatur tulisan, membagi-bagi ruang/spasi, dan menata/menjaga huruf untuk membantu secara maksimal agar pembaca memahami teks. Typography merupakan cara hemat untuk benar-benar membuat bermanfaat dan hanya secara kebetulan mencapai hasil estetis, oleh karena menikmati pola-pola, jarang sekali menjadi tujuan utama.”

Ilmu tipografi digunakan pada banyak bidang diantaranya desain grafis, desain web, percetakan, majalah, desain produk dll. Tipografi digunakan oleh para desainer untuk berkomunikasi dengan pembacanya secara visual agar maksud dari tulisan lebih mudah difahami.

Sejarah Perkembangan Tipografi


Sejarah perkembangan tipografi dimulai dari penggunaan pictograph. Bentuk bahasa ini antara lain dipergunakan oleh bangsa Viking Norwegia dan Indian Sioux. Di Mesir berkembang jenis huruf Hieratia, yang terkenal dengan nama Hieroglif pada sekitar abad 1300 SM. Bentuk tipografi ini merupakan akar dari bentuk Demotia, yang mulai ditulis dengan menggunakan pena khusus.

Puncak perkembangan tipografi, terjadi kurang lebih pada abad 8 SM di Roma saat orang Romawi mulai membentuk kekuasaannya. Karena bangsa Romawi tidak memiliki sistem tulisan sendiri, mereka mempelajari sistem tulisan Etruska yang merupakan penduduk asli Italia serta menyempurnakannya sehingga terbentuk huruf-huruf Romawi.

Saat ini tipografi mengalami perkembangan dari fase penciptaan dengan tangan hingga mengalami komputerisasi. Fase komputerisasi membuat penggunaan tipografi menjadi lebih mudah dan dalam waktu yang lebih cepat dengan jenis pilihan huruf yang ratusan jumlahnya.

Anatomi huruf dalam tipografi


Setiap bentuk huruf dalam sebuah alfabet memiliki keunikan fisik yang menyebabkan mata kita dapat membedakan antara huruf ‘m’ dengan ‘p’ atau ‘C’ dengan ‘Q’. Keunikan ini disebabkan oleh cara mata kita melihat korelasi antara komponen visual yang satu dengan yang lain. Sekelompok pakar psikologi dari Jerman dan Austria pada tahun 1900 memformulasikan sebuah teori yang dikenal dengan teori Gestalt. Teori ini
berbasis pada ‘pattern seeking’ dalam perilaku manusia. Setiap bagian dari sebuah gamabar dapat dianalsisi dan dievaluasi sebagai komponen yang berbeda. Salah satu hukum persepsi dan teori ini membuktikan bahwa untuk mengenal atau ‘membaca’ sebuah gambar diperluakan adanya kontras atara ruang positif yang disebut dengan figure dan ruang negatis yang disbut dengan ground.

Jenis-jenis Huruf


Berikut ini beberapa jenis huruf berdasarkan klasifikasi yang dilakukan oleh James Craig, antara lain sbb :


  1. Roman
    Ciri dari huruf ini adalah memiliki sirip/kaki/serif yang berbentuk lancip pada ujungnya. Huruf Roman memiliki ketebalan dan ketipisan yang kontras pada garis-garis hurufnya. Kesan yang ditimbulkan adalah klasik, anggun, lemah gemulai dan feminin.

  2. Egyptian
    Adalah jenis huruf yang memiliki ciri kaki/sirip/serif yang berbentuk persegi seperti papan dengan ketebalan yang sama atau hampir sama. Kesan yang ditimbulakn adalah kokh, kuat, kekar dan stabil.

  3. Sans Serif
    Pengertian San Serif adalah tanpa sirip/serif, jadi huruf jenis ini tidak memiliki sirip pada ujung hurufnya dan memiliki ketebalan huruf yang sama atau hampir sama. Kesan yang ditimbulkan oleh huruf jenis ini adalah modern, kontemporer sama.

  4. Script
    Huruf Script menyerupai goresan tangan yang dikerjakan dengan pena, kuas atau pensil tajam dan biasanya miring ke kanan. Kesan yang ditimbulkannya adalah sifast pribadi dan akrab.

  5. Miscellaneous
    Huruf jenis ini merupakan pengembangan dari bentuk-bentuk yang sudah ada. Ditambah hiasan dan ornamen, atau garis-garis dekoratif. Kesan yang dimiliki adalah dekoratif dan ornamental.

Dalam pemilihan jenis huruf, yang senantiasa harus diperhatikan adalah karakter produk yang akan ditonjolkan dan juga karakter segmen pasarnya. Seperti misalnya pada produk minyak wangi untuk wanita jarang yang menggunakan jenis huruf Egyptian karena berkesan kuat dan keras dan biasanya mempergunakan jenis huruf Roman yang bernuansa klasik dan lembut sehingga cocok dengan karakter minyak wangi dan wanita.

Semoga Bermanfaat



Anda pernah mendengar mendengar istilah tipografi atau dalam bahasa inggris Typography? Jika anda ingin belajar desain grafis wajib mengetahui istilah ini karena akan sangat membantu anda dalam mengerjakan sebuah pekerjaan desain. Artikel berikut akan menjelaskan apa itu tipografi serta hal-hal apa saja yang kira-kira melibatkan tipografi.

Pengertian Tipografi


Tipografi (dalam bahas inggris : Typography) adalah perpaduan antara ilmu seni dan teknik mengatur tulisan, agar maksud serta arti tulisan dapat tersampaikan dengan baik secara visual kepada pembaca. Tipografi tidak hanya terbatas lewat pemilihan jenis huruf, ukuran huruf, dekorasi, kesesuaian dengan tema, tetapi juga meliputi tata letak vertikal atau horizontal tulisan pada sebuah bidang desain. Tipografi juga bisa dikatakan sebagai “visual language” atau dapat berarti “Bahasa yang dapat dilihat”.

Tipografi (typography) menurut Roy Brewer (1971) dapat memiliki pengertian luas yang meliputi penataan dan pola halaman, atau setiap barang cetak. Atau dalam pengertian lebih sempit hanya meliputi pemilihan, penataan dan berbagai hal bertalian pengaturan baris-baris susun huruf (typeset), tidak termasuk ilustrasi dan unsur-unsur lain bukan susun huruf pada pada halaman cetak.

Tipografi Menurut Stanley Marrison “Tipografi dapat didefinisikan sebagai keterampilan mengatur bahan cetak secara baik dengan tujuan tertentu; seperti mengatur tulisan, membagi-bagi ruang/spasi, dan menata/menjaga huruf untuk membantu secara maksimal agar pembaca memahami teks. Typography merupakan cara hemat untuk benar-benar membuat bermanfaat dan hanya secara kebetulan mencapai hasil estetis, oleh karena menikmati pola-pola, jarang sekali menjadi tujuan utama.”

Ilmu tipografi digunakan pada banyak bidang diantaranya desain grafis, desain web, percetakan, majalah, desain produk dll. Tipografi digunakan oleh para desainer untuk berkomunikasi dengan pembacanya secara visual agar maksud dari tulisan lebih mudah difahami.

Sejarah Perkembangan Tipografi


Sejarah perkembangan tipografi dimulai dari penggunaan pictograph. Bentuk bahasa ini antara lain dipergunakan oleh bangsa Viking Norwegia dan Indian Sioux. Di Mesir berkembang jenis huruf Hieratia, yang terkenal dengan nama Hieroglif pada sekitar abad 1300 SM. Bentuk tipografi ini merupakan akar dari bentuk Demotia, yang mulai ditulis dengan menggunakan pena khusus.

Puncak perkembangan tipografi, terjadi kurang lebih pada abad 8 SM di Roma saat orang Romawi mulai membentuk kekuasaannya. Karena bangsa Romawi tidak memiliki sistem tulisan sendiri, mereka mempelajari sistem tulisan Etruska yang merupakan penduduk asli Italia serta menyempurnakannya sehingga terbentuk huruf-huruf Romawi.

Saat ini tipografi mengalami perkembangan dari fase penciptaan dengan tangan hingga mengalami komputerisasi. Fase komputerisasi membuat penggunaan tipografi menjadi lebih mudah dan dalam waktu yang lebih cepat dengan jenis pilihan huruf yang ratusan jumlahnya.

Anatomi huruf dalam tipografi


Setiap bentuk huruf dalam sebuah alfabet memiliki keunikan fisik yang menyebabkan mata kita dapat membedakan antara huruf ‘m’ dengan ‘p’ atau ‘C’ dengan ‘Q’. Keunikan ini disebabkan oleh cara mata kita melihat korelasi antara komponen visual yang satu dengan yang lain. Sekelompok pakar psikologi dari Jerman dan Austria pada tahun 1900 memformulasikan sebuah teori yang dikenal dengan teori Gestalt. Teori ini
berbasis pada ‘pattern seeking’ dalam perilaku manusia. Setiap bagian dari sebuah gamabar dapat dianalsisi dan dievaluasi sebagai komponen yang berbeda. Salah satu hukum persepsi dan teori ini membuktikan bahwa untuk mengenal atau ‘membaca’ sebuah gambar diperluakan adanya kontras atara ruang positif yang disebut dengan figure dan ruang negatis yang disbut dengan ground.

Jenis-jenis Huruf


Berikut ini beberapa jenis huruf berdasarkan klasifikasi yang dilakukan oleh James Craig, antara lain sbb :


  1. Roman
    Ciri dari huruf ini adalah memiliki sirip/kaki/serif yang berbentuk lancip pada ujungnya. Huruf Roman memiliki ketebalan dan ketipisan yang kontras pada garis-garis hurufnya. Kesan yang ditimbulkan adalah klasik, anggun, lemah gemulai dan feminin.

  2. Egyptian
    Adalah jenis huruf yang memiliki ciri kaki/sirip/serif yang berbentuk persegi seperti papan dengan ketebalan yang sama atau hampir sama. Kesan yang ditimbulakn adalah kokh, kuat, kekar dan stabil.

  3. Sans Serif
    Pengertian San Serif adalah tanpa sirip/serif, jadi huruf jenis ini tidak memiliki sirip pada ujung hurufnya dan memiliki ketebalan huruf yang sama atau hampir sama. Kesan yang ditimbulkan oleh huruf jenis ini adalah modern, kontemporer sama.

  4. Script
    Huruf Script menyerupai goresan tangan yang dikerjakan dengan pena, kuas atau pensil tajam dan biasanya miring ke kanan. Kesan yang ditimbulkannya adalah sifast pribadi dan akrab.

  5. Miscellaneous
    Huruf jenis ini merupakan pengembangan dari bentuk-bentuk yang sudah ada. Ditambah hiasan dan ornamen, atau garis-garis dekoratif. Kesan yang dimiliki adalah dekoratif dan ornamental.

Dalam pemilihan jenis huruf, yang senantiasa harus diperhatikan adalah karakter produk yang akan ditonjolkan dan juga karakter segmen pasarnya. Seperti misalnya pada produk minyak wangi untuk wanita jarang yang menggunakan jenis huruf Egyptian karena berkesan kuat dan keras dan biasanya mempergunakan jenis huruf Roman yang bernuansa klasik dan lembut sehingga cocok dengan karakter minyak wangi dan wanita.

Semoga Bermanfaat

Pengertian dan cara membuat hyperlink

Kategori HTMLHyperlink dalam HTML/web/blog merupakan komponen yang sangat penting karena tanpa ada hyperlink sebuah halaman web akan terlihat mati.
Hyperlink bisa dikatakan sebagai penghubung ke halaman web ataupun jenis file seperti dokumen, gambar, video, audio, aplikasi, kompresi rar ataupun lainya.
Hyperlink sering juga disebut link yang bisa diklasifikasikan menjadi link internal dan eksternal. Link Internal artinya menghubungkan ke file-file yang berada dalam satu tempat/server yang sama. Sedangkan link ektehttp://manifestandroid.blogspot.comrnal menghubungkan dengan file-file yang berada ditempat berbeda.
Hyperlink bisa berbentuk visual tulisan atau juga bentuk gambar sehingga bisa menyesuaikan dengan berbagai keperluan.
Berikut ini contoh penulisan HTML untuk membuat sebuah hyperlink, misal file utama berada di http://manifestandroid.blogspot.com
Perintah dasar membuat hyperlink dengan visual text :
<a href="tujuan filenya">Judul linknya</a>
Perintah dasar membuat hyperlink dengan visual gambar :
<a href="tujuan filenya">
 <img src="file gambar" width="lebar" height="tinggi" border="garisluar" />
</a>
Contoh bentuk Link Internal :
<a href="http://manifestandroid.blogspot.com">Tentang Saya</a>
Contoh bentuk link eksternal :
<a href="http://manifestandroid.blogspot.com">Web Satriamultimedia</a>
Contoh bentuk link email :
<a href="mailto:alamatemail@domain.com">Text/Gambar</a>

Semoga bermanfaat

Teori tentang Desain grafis

Desain grafis adalah salah satu bentuk seni lukis (gambar) ilmu terapan yang dapat memberikan kebebasan kepada sang perancang untuk memilih, menciptakan, atau mengatur elemen rupa seperti ilustrasi, foto, tulisan, dan garis di atas suatu permukaan dengan tujuan untuk diproduksi dan dikomunikasikan sebagai sebuah pesan. Desain grafis umumnya diterapkan dalam dunia periklanan, packaging, perfilman, dan lain-lain.
Ada beberapa tokoh menyatakan pendapatnya tentang desain grafis antara lain :
Menurut Suyanto desain grafis didefinisikan sebagai ”aplikasi dari keterampilan seni dan komunikasi untuk kebutuhan bisnis dan industri“. Aplikasi-aplikasi ini dapat meliputi periklanan dan penjualan produk, menciptakan identitas visual untuk institusi, produk dan perusahaan, dan lingkungan grafis, desain informasi, dan secara visual menyempurnakan pesan dalam publikasi.
Sedangkan Jessica Helfand mendefinisikan desain grafis sebagai kombinasi kompleks kata-kata dan gambar, angka-angka dan grafik, foto-foto dan ilustrasi yang membutuhkan pemikiran khusus dari seorang individu yang bisa menggabungkan elemen-eleman ini, sehingga mereka dapat menghasilkan sesuatu yang khusus, sangat berguna, mengejutkan atau subversif atau sesuatu yang mudah diingat.
Menurut Danton Sihombing desain grafis mempekerjakan berbagai elemen seperti marka, simbol, uraian verbal yang divisualisasikan lewat tipografi dan gambar baik dengan teknik fotografi ataupun ilustrasi. Elemen-elemen tersebut diterapkan dalam dua fungsi, sebagai perangkat visual dan perangkat komunikasi.
Menurut Michael Kroeger visual communication (komunikasi visual) adalah latihan teori dan konsep-konsep melalui terma-terma visual dengan menggunakan warna, bentuk, garis dan penjajaran (juxtaposition).
Warren dalam Suyanto memaknai desain grafis sebagai suatu terjemahan dari ide dan tempat ke dalam beberapa jenis urutan yang struktural dan visual.
Sedangkan Blanchard mendefinisikan desain grafis sebagai suatu seni komunikatif yang berhubungan dengan industri, seni dan proses dalam menghasilkan gambaran visual pada segala permukaan.
Kategori Desain Grafis Secara garis besar, desain grafis dibedakan menjadi beberapa kategori :
  1. Printing (Percetakan) yang memuat desain buku, majalah, poster, booklet, leaflet, flyer, pamflet, periklanan, dan publikasi lain yang sejenis.
  2. Web Desain: desain untuk halaman web.
  3. Film termasuk CD, DVD, CD multimedia untuk promosi.
  4. Identifikasi (Logo), EGD (Environmental Graphic Design) : merupakan desain profesional yang mencakup desain grafis, desain arsitek, desain industri, dan arsitek taman.
  5. Desain Produk, Pemaketan dan sejenisnya.

Me-load gambar menggunakan XML

Oke, sekarang kita akan membuat script untuk me-load gambar-gambar berdasar sebuah file xml yang kita buat. Sebelumnya, apa sih sebenernya XML itu ?

kalo menurut wikipedia kayak gini nih :
XML (Extensible Markup Language) adalah bahasa markup untuk keperluan umum yang disarankan oleh W3C untuk membuat dokumen markup keperluan pertukaran data antar sistem yang beraneka ragam.  XML merupakan kelanjutan dari HTML (HyperText Markup Language) yang merupakan bahasa standar untuk melacak Internet.
Pola XML itu seperti HTML, jadi kita membutuhkan tag pembuka dan tag penutup
<iniadalahtag></iniadalahtag>
tapi kalo kita tidak memiliki tag penutup, cukup seperti ini :
<iniadalahtag/>
Oke, langsung kita mulai cara-caranya :
  • Buat sebuah file baru ActionScript 2.0 minimal menggunakan Macromedia Flash 8.
  • Kemudian buat sebuah file baru, beri nama yaitu data.xml, kemudian isikan dengan teks berikut :
    <konfigurasi>
    <gambar name="Gedung">gedung.png</gambar>
    <gambar name="Pasar">pasar.png</gambar>
    <gambar name="Pantai">pantai.png</gambar>
    </konfigurasi>
  • Kemudian kembali pada dokumen flash, dan tekan F9 pada frame 1 layer 1 agar muncul panel Actions :)
  • Kemudian ketikkan script berikut :
    //deklarasi variabel xml
    var xml:XML = new XML();
    //maksudnya kita tidak mempedulikan adanya spasi antara tag-tag xml
    xml.ignoreWhite=true;
    //mengeksekusi load
    xml.load("data.xml");
    //memberikan event load
    xml.onLoad = function(sukses:Boolean) {
     if (sukses == true) {
      //jika berhasil di-load
      trace("xml berhasil diload.");
    
      var nodeUtama:XMLNode = xml.firstChild; //Node Konfigurasi
    
      var arrayNode:Array = xml.firstChild.childNodes; //Array
      for (var i:Number = 0; i < arrayNode.length; i++) {
       var node:XMLNode = arrayNode[i];
       var name = node.attributes.name; //Atribut name pada node gambar
       var nilai = node.firstChild.nodeValue; //isi dari node gambar
       trace(name+"="+nilai);
       //membuat movieclip baru
       var mc = _root.createEmptyMovieClip(name,i);
       //mengatur letak movieclip
       mc._x = i*100+25;
       mc._y = i*60+20;
       //mengambil gambar, dan memasukkannya ke dalam movieclip yang baru tadi
       loadMovie(nilai,mc);
      }
     } else {
      //jika xml tidak berhasil diload
      trace("xml tidak berhasil diload.");
     }
    };
    
  • Sekarang kita save file flash kita ke dalam sebuah folder (foldernya bisa di mana saja).
  • Tambahkan 3 buah gambar sesuai dengan isi dari data di dalam xml, yaitu :
    1. gedung.png
    2. pasar.png
    3. pantai.png
  • Kemudian jika sudah selesai, kembali ke flash dan lakukan Test Movie ( Ctrl + Enter ), maka hasilnya seperti berikut :
Load XML
Load XML
Penjelasan :
XML digunakan sebagai sebuah sarana untuk menyimpan data konfigurasi, jika sewaktu-waktu kita ingin mengganti gambarnya, kita tidak perlu untuk meng-kompilasi ulang file .fla menjadi .swf, sehingga cukup mengedit file xml-nya saja :)
Mudah-mudahan mengerti :)

Membuat sebuah website dengan Flash

  • Siapkan sebuah dokumen flash baru menggunakan Flash CS 3, karena kita perlu Flash Player 9 untuk agar dapat fullscreen pada browser.
  • Atur ukuran dari stage menjadi 640 piksel x 480 piksel.
    panel properties
    panel properties
  • Gambar 4 buah teks agar berguna sebagai link, yaitu : home, project, link, about me.
    menu
    menu
  • Tulisan tersebut masih berupa teks, sekarang kita ubah menjadi button, sehingga semua terdapat 4 button. Klik kanan pada masing-masing teks, pilih Convert to Symbol, pilih button dan klik OK.
    Convert to Symbol
    Convert to Symbol
  • Setelah itu klik 2 kali pada tombol yang baru saja dibuat, tambahkan area pada frame hit. Gunanya adalah agar ketika mouse memasuki area tersebut, maka tombol akan bisa di-klik.
    Masuk ke dalam Button
    Masuk ke dalam Button
  • Setelah sudah, klik 2 kali pada area kosong untuk kembali ke stage. Terapkan teknik tersebut ke masing-masing teks menu.
  • Beri instance name masing-masing tombol yang telah dibuat seperti gambar ini. Memberikan instance name, cukup klik pada button tersebut dan tekan Ctrl + F3untuk menampilkan panel properties.
    Instance Name
    Instance Name
  • Buatlah sebuah kotak berukuran 2400 piksel x 350 piksel pada stage pada posisi x = 20 dan y = 70. Bagi menjadi 4 bagian, sehingga per bagian memiliki panjang 600 piksel.
    Kotak (Klik untuk memperbesar)
    Kotak (Klik untuk memperbesar)
  • Seleksi kotak tersebut, dan klik kanan kemudian pilih Convert to Symbol pilih MovieClip. Pastikan titik registrasi berada di kiri.
    Convert to Movieclip
    Convert to Movieclip
  • Jangan lupa untuk mengganti instance name-nya menjadi kotak_mc.
    kotak_mc
    kotak_mc
  • Sekarang, masuk ke dalam kotak tersebut, dan kita edit bagian dalamnya :), kira2 seperti ini :
    Preview
    Preview
  • Sekarang buat sebuah tombol untuk fullscreen. Beri nama fullscreen_btnsebagai instance name-nya.
    tombol fullscreen
    tombol fullscreen
  • Sekarang lanjut ke script (actionscript 2.0). Buat sebuah layer baru, klik pada frame 1, tekan F9 untuk memunculkan panel Actions – Frame. Ketik syntax berikut :
    01import mx.transitions.Tween;
    02import mx.transitions.easing.*;
    03 
    04tombol1_btn.onRelease=function(){
    05    var myTween:Tween = new Tween(kotak_mc, "_x", Strong.easeOut, kotak_mc._x, 20, 1, true);
    06}
    07tombol2_btn.onRelease=function(){
    08    var myTween:Tween = new Tween(kotak_mc, "_x", Strong.easeOut, kotak_mc._x, -580, 1, true);
    09}
    10tombol3_btn.onRelease=function(){
    11    var myTween:Tween = new Tween(kotak_mc, "_x", Strong.easeOut, kotak_mc._x, -1180, 1, true);
    12}
    13tombol4_btn.onRelease=function(){
    14    var myTween:Tween = new Tween(kotak_mc, "_x", Strong.easeOut, kotak_mc._x, -1780, 1, true);
    15}
    16 
    17fullscreen_btn.onRelease=function(){
    18    //fullscreen di projector
    19    //fscommand("fullscreen","true");
    20    //fullscreen pada browser
    21    Stage.displayState="fullScreen";
    22}
  • Kemudian buka publish setting pada Menu File -> Publish Settings, pastikan pengaturan seperti pada gambar.
    Publish Settings
    Publish Settings
  • Kemudian klik Publish agar file Html dan .swf terbentuk.

Cara Menginstall SDK Android di Eclipse Helios

Selamat malam teman – teman.Pada malam yang cerah ini dan dimalam minggu yang bahagia ini….hehhehe,masih single jadi gak ada yang diajak jalan – jalan :( dan akhirnya malam mingguan dengan PC :) .Daripada bosan lebih baik mencari sesuatu yang menarik untuk diposting di blog ini.Nah,akhirnya saya teringat sesuatu yang sangat menarik untuk dicoba.Apa itu ? .Menginstall SDK Android di Eclipse.Jadi dengan SDK ini kita dapat membuat aplikasi di Android.Waw,keren bukan.Tapi sebelum kita membuat aplikasi di Android paling tidak menguasai Java dasar dan memahami konsep OOP.Sistem Operasi Android memang akhir – akhir ini sedang populer.Digunakan mulai dari smartphone sampai PC Tablet.Aplikasi Android rata -rata dibuat dengan bahasa pemrograman Java.Selain itu,Sistem Operasi Android juga menggunakan kernel Linux.Ternyata selain populer di Server dan Desktop,sekarang Linux mulai merambah pasar Smartphone dan PC Tablet.Walaupun sebelumnya Linux juga pernah merambah dunia Smartphone akan tetapi kurang populer.Nah daripada terlalu banyak ceritanya lebih baik langsung kita praktekkan.
Peralatan yang dibutuhkan :
1. Eclipse JEE Helios
2. Android SDK, dapat didownload di : http://developer.android.com/sdk/index.html
3. Cemilan dan minuman agar tidak mengantuk :)
Setelah semua peralatan disiapkan langkah selanjutnya adalah :
1. Buka Eclipse JEE kemudian klik Help–>Install New Software,maka akan tampil menu seperti di bawah ini
2. Kemudian Di dalam menu klik Add,dan untuk Nama disini sebagai contoh saya isiADT, kemudian untuk Location isikan alamat berikut : https://dl-ssl.google.com/android/eclipse/,dan klik OK

Tunggu beberapa saat,kemudian beri checklist pada Developer Tools dan klik Next –>next.
3.Langkah selanjutnya,klik I accept the terms of the license agreement kemudian finish.Nah Eclipse secara otomatis akan menginstall plugin ADT tadi.
Jika mucul menu popup setelah selesai install,pilih Restart Now.
4. Setelah restart maka kita akan diberikan beberapa pilihan,karena saya sudah download SDK Androidnya berarti tinggal memasukkannya ke dalam Eclipse.Caranya buka Window–>Preference–>Android.Di bagian SDK Location,cari lokasi file SDK yang kita download dan jangan lupa untuk mengextractnya terlebih dahulu.Lalu klik OK
5. Kita akan dibawa ke menu dengan banyak pilihan sistem operasi Android mulai dari versi 1 sampai versi terbaru yaitu 4.Nah karena saya ingin mencoba Android Froyo,maka checklist pada pilihan Android 2.2.Anda dapat memilih versi lain,tergantung kebutuhan anda.
Langkah selanjutnya,klik install packages.Dan Eclipse akan mendownload paket yang dipilih.
Selesai.