BELAJAR DESAIN GRAFIS

Ketika membuat layout baru, Anda harus mulai dengan dasar elemen desain: line, bentuk, tekstur, ruang, ukuran, nilai, dan warna. Elemen dasar ini dapat menghasilkan berbagai layout tergantung bagaimana mereka sedang digunakan.

Garis

Garis adalah tanda untuk menghubungkan dua titik. Berbagai jenis garis muncul di mana-mana. Lihatlah di sekitar Anda dan Anda akan melihat baris yang lurus, lengkung, berbelok-belok, tipis, tebal, dan titik-titik.

Garis dapat digunakan untuk:
1. Mengatur informasi.
2. Penekanan kata.
3. Menghubungkan informasi.
4. Outline foto .
5. Membuat kotak.
6. Membuat bagan atau grafik.
7. Membuat pola atau ritme dengan membuat banyak baris.
8. Membuat penekanan langsung ke mata pembaca. (Membuat garis diagonal.)
9. Mensugesti emosi.

Bentuk
Sesuatu yang memiliki tinggi dan lebar. Bentuk yang tidak biasa dapat digunakan untuk menarik perhatian. Ada tiga jenis dasarnya bentuknya. Geometric bentuk, seperti triangles, squares, Rectangles, dan area yang teratur dan terstruktur. Bentuk ini bekerja dengan baik sebagai bangunan blok untuk desain grafis. Bentuk alam, seperti binatang, tanaman, dan manusia, dan bentuk lain yang tak biasa. Abstrak, seperti ikon, bergaya angka, grafik dan ilustrasi, adalah versi sederhana dari alam bentuk.

Dengan bentuk Anda dapat:
1. Memotong foto yang menarik dalam perjalanan, seperti dalam sebuah oval.
2. Menyimbolkan ide.
3. Membuat blok teks yang lebih menarik dengan menetapkan teks ke dalam bentuk.
4. Buat format baru.
5. Meng-highlight informasi.

Tekstur
Tekstur adalah tampilan atau merasa dari permukaan. Anda dapat menambah dimensi dan kekayaan Anda dengan layout tekstur. Tekstur visual menciptakan sebuah ilusi dari tekstur pada publikasi cetak atau halaman web. Pola, seperti gambar-gambar yang dicetak pada kertas, adalah jenis visual tekstur. Berkenaan dgn peraba tekstur dapat benar-benar dirasakan. Cetak publikasi dapat dicetak pada kertas yang textured pembaca dapat merasa.

Tekstur dapat digunakan untuk:
1. Memberikan publikasi cetak, presentasi, atau halaman web yang mood
2. Kontras untuk membuat bunga.
3. Bermain-main mata.
4. Memprovokasi emosi.
5. Membuat rasa kekayaan dan mendalam.

Ruang
Ruang adalah jarak antara atau daerah atau sekitar sesuatu. Memisahkan ruang atau unifies, highlight, dan memberikan mata visual istirahat.

Ruang dapat digunakan untuk:
1. Memberikan mata visual istirahat.
2. Membuat hubungan antara unsur-unsur.
3. Sorot salah satu elemen.
4. Menaruh banyak spasi sekitar yang penting untuk memanggil perhatian kepadanya.
5. Membuat layout mudah untuk mengikuti.
6. Membuat tipe dibaca mungkin.

Desain Grafis Tips:

Spasi (tanpa teks dan gambar) sangat penting untuk desain grafis. Kuncinya adalah untuk menambahkan hanya cukup spasi sehingga mata tahu ke mana pergi dan dapat beristirahat sedikit ketika mendapat sana.

Anda dapat mengendalikan spasi di lokasi berikut: margin, jarak paragraf, jarak antara baris teks, gutters (ruang antara kolom), dan di sekeliling teks dan gambar.

Ukuran
Adalah bagaimana ukuran besar atau kecil sesuatu. Ukuran sangat penting dalam membuat sebuah layout fungsional, menarik, dan terorganisir. Ini menunjukkan apa yang paling penting, menarik perhatian, dan membantu agar sesuai dengan tata letak bersama.

Ukuran dapat digunakan untuk:
1. Menunjukkan elemen yang paling penting adalah dengan melakukan hal yang terbesar.
2. Membuat semua elemen mudah untuk melihat.
3. Menarik perhatian.
4. Kontras dua elemen untuk membuat bunga.
5. Membuat tampilan yang konsisten di seluruh publikasi yang dicetak atau halaman web.

Nilai
Nilai adalah terang atau gelapnya dari suatu area. Spektrum dari hitam ke putih dan abu-abu yang banyak diantara bayangan. Setiap bayangan pada spektrum ini memiliki nilai, dari yang sangat terang dengan sangat gelap. Memisahkan nilai, menunjukkan suasana hati, menambah drama, dan menciptakan ilusi yang mendalam.

Nilai yang dapat digunakan untuk:
1. Membawa mata di fokus halaman,
2. Membuat pola.
3. Memberikan ilusi dari volume dan kedalaman dengan menambahkan shading ke suatu
4. Membuat gambar gelap terang.
5. Membuat tata letak dramatis dengan besar bidang gelap atau terang shading.
6. Menekankan sebuah elemen.
7. Membuat objek yang akan muncul di depan atau di belakang satu sama lain.

Warna
Warna dalam layout dapat menyampaikan moods, membuat gambar, menarik perhatian, dan mengidentifikasi objek. Ketika memilih warna untuk publikasi atau halaman web, tentang apa yang ingin Anda lakukan dan ke warna apa yang cocok untuk tujuan anda.

Warna dapat digunakan untuk:
1. Sorot elemen penting dan utama seperti subheads.
2. Menarik mata.
3. Sinyal di mana pembaca untuk melihat terlebih dahulu.
4. Membuat gambar atau moods.
5. Mengatur.
6. Bersama kelompok elemen atau mengisolasi mereka.
7. Memprovokasi emosi.

Source : http://belajardesain.wordpress.com

video tutorial photoshop

efek ledakan

video tutorial coreldraw

membuat pattern di coreldraw

Teknik Animasi Sederhana: Animasi Tweening

Software Macromedia Flash memang menarik untuk dipelajari, dengan menggunakan macromedia flash kita dapat membuat animasi sederhana, presentasi mulai dari yang dasar hingga yang kompleks, konten video, dll. Tentang kegunaan macromedia flash telah saya jelaskan di tulisan saya sebelumnya. Kali ini saya akan memperkenalkan kepada anda tentang animasi sederhana (animasi tweening).

Buat anda yang sudah lama belajar flash tentu sudah tahu apa itu animasi tweening. Buat yang masih pemula silahkan baca tulisan saya tentang animasi tweening sampai tuntas. Buat yang sudah mahir flash dilarang membaca, nanti bisa ngakak.

Animasi tweening adalah animasi sederhana yang mudah dibuat karena memang sangat sederhana sekali. Coba perhatikan contoh animasi sederhana dibawah ini

perhatikan juga contoh animasi sederhana yang satu ini

perhatikan juga contoh animasi sederhana dibawah ini

Animasi lingkaran bergerak dari kiri ke kanan, animasi lingkaran berputar, dan animasi lingkaran dari ukuran kecil kemudian membesar (terserah anda mau menyebutnya apa) di atas adalah contoh animasi sederhana animasi tweening.

Apa itu animasi animasi tweening?

Tweening berasal dari kata 'in between' atau jika diterjemahkan dalam bahasa saya sehari-hari 'in-between' = 'dalam diantara' atau 'diantara'. Bingung? belum jelas? Coba anda lihat gambar di bawah ini.

Gambar diatas adalah proses membuat animasi tweening. Diantara key frame 1 dan key frame 10 klik kanan > Crate Motion Tween > kemudian antara key frame 1 sampai key frame 30 sehingga secara otomatis akan terbentuk frame-frame baru.

Dari gambar diatas maka akan diperoleh definisi / pengertian animasi tweening. Tweening adalah proses menganimasikan objek dengan cara memberikan perubahan bentuk / posisi objek yang terletak di frame awal atau di akhir frame sehingga akan terbentuk frame-frame baru diantara frame awal dan frame akhir. Begitulah definisi saya, apakah anda punya definisi yang lain? Silahkan tulis di kolom komentar.

Tulisan yang saya rekomendasikan bagi anda yang sedang belajar flash: mengenal fungsi flash sebagai software, definisi animasi flash

Enjoy!!

Mengenal Fungsi Flash Sebagai Software

Animasi Flash adalah gambar bergerak yang dibuat dengan menggunkan alat (software) khusus untuk membuat website yang interaktif dan website yang dianimasikan. Software yang sering saya gunakan untuk membuat animasi flash adalah Macromedia Flash. Definisi animasi flash telah dibahas sebelumnya. Setelah kita mengetahui apa itu definisi animasi flash, rasanya kurang lengkap kalau kita tidak tahu fungsi flash bukan animasi flash.

Animasi flash dengan flash itu beda

Animasi flash merupakan hasil dari flash. Dulu, saya pernah beranggapan bahwa animasi flash dengan flash itu sama. Ternyata animasi flash memiliki makna yang lebih sempit dibandingkan dengan flash. Flash digunakan untuk membuat animasi flash, sedangkan animasi flash apakah bisa digunakan untuk membuat flash? Nah, disitu salah satu perbedaannya.

Fungsi animasi flash

Dilihat dari fungsinya, animasi flash hanya sebatas objek untuk mempercantik halaman website atau blog. Animasi flash biasanya berbentuk widget berukuran kotak misalnya 120 x 120 px, 260 x 260 px, dsb. Ada juga yang berukuran besar yang biasa ditempatkan di header web site atau blog.

Fungsi flash

Flash = software. Jadi, memiliki fungsi yang kompleks tak hanya sekedar membuat animasi. Seperti software Microsoft Word misalnya, Ms. Word tidak hanya digunakan untuk urusan mengetik surat, mengetik proposal, atau mengetik undangan. Ms. Word juga bisa digunakan untuk scanning objek gambar (dengan tambahan periferal scanner), menggambar objek-objek sederhana, dan lain sebagainya.

Salahsatu software flash adalah macromedia flash. Dari itu saya beranggapan bahwa fungsi flash sama dengan macromedia flash. Dari Help Macromedia Flash 8 dijelaskan tentang fungsi macromedia flash itu sendiri. Berikut kutipannya:

Flash is an authoring tool that designers and developers use to create presentations, applications, and other content that enables user interaction. Flash projects can include simple animations, video content, complex presentations, applications, and everything in between. In general, individual pieces of content made with Flash are called applications, even though they might only be a basic animation. You can make media-rich Flash applications by including pictures, sound, video, and special effects.

Jika diterjemahkan dalam bahasa indonesia, artinya kurang lebih sebagai berikut:

Flash adalah software yang digunakan oleh para desainer dan pengembang untuk membuat presentasi, aplikasi, dan konten lain yang memiliki interaksi dengan pengguna. Proyek flash meliputi animasi sederhana,
konten video, presentasi yang kompleks, dan kombinasi semua itu. Pada umumnya, potongan dari kontent yang dibuat dengan flash disebut apilkasi, meskipun berbentuk animasi sederhana. Anda dapat membuat aplikasi media-rich Flash dengan memasukkan unsur gambar, suara, video, dan efek-efek khusus

Kurang lebih seperti itu terjemahan saya, kalau ada kesalahan mohon dibenarkan. Maklum, baru belajar bahasa inggris.

Kesimpulan

Fungsi flash ternyata beragam, tidak hanya untuk membuat animasi saja. Dengan Flash kita dapat membuat bermacam karya diantaranya:

• membuat presentasi
  
• membuat aplikasi
  
• membuat animasi
  
• membuat konten video
  
• membuat media-rich flash dengan mengkombinasikan unsur: gambar, suara, video, dan efek-efek khusus.

Satu lagi tambahan dari saya, Flash juga bisa digunakan untuk membuat website seperti ini.

Enjoy!!

Definisi Animasi Flash

Animasi flash sering digunakan untuk membuat banner sebuah website, apakah itu banner header yang berukuran besar atau banner iklan yang berukuran kecil yang biasa ditempatkan di sidebar. Banner dengan animasi flash terlihat lebih menarik karena ada teks, gambar, atau foto yang bergerak sehingga lebih sedap dipandang mata.

Bicara soal animasi flash, apakah anda tahu definisi animasi flash itu sendiri? Secara umum, orang mendefinisikan animasi sebagai gambar yang bergerak, lantas apa definisi flash?. Menurut www.w3schools.com, flash is a tool for creating interactive and animated Web sites. Jika diterjemahkan dalam bahasa Indonesia berarti flash adalah alat untuk membuat web site yang interaktif dan web site yang dianimasikan. Sampai disini anda tentu sudah tau definisi animasi flash bukan?

Well, ternyata jauh berbeda dengan asumsi kita selama ini. Jika kata flash ditambah kata animasi di depannya maka akan menjadi animasi flash. Jika mengacu ke definisi w3schools tadi, animasi flash berarti gambar bergerak alat untuk membuat web site yang interaktif dan web site yang dianimasikan. Bingung?? saya juga bingung??

Kalau begitu kata animasi flash terbentuk dari dua kata benda yang dirangkai menjadi satu (animasi + flash). Lalu bandingkan dengan frase motor honda. Tentu anda semua sudah pernah kata kata motor honda, kalau belum berarti anda berbohong. Motor = kendaraan roda 2, honda = pabrik yang membuat sepeda motor honda. Kata motor dan honda keduanya sama-sama kata benda, lalu apa hubungannya dengan animasi flash?

Sampai disini anda tentu sudah dapat menyimpulkan definisi animasi flash bukan? Menurut saya, animasi flash adalah gambar bergerak yang dibuat dengan menggunakan alat untuk membuat web site yang interaktif dan web site yang dianimasikan. Apakah anda setuju dengan pendapat saya?

Membuat Tulisan Grafiti

Hallo semuanya? duh dah lama nih baru ngeluarin postingan lagi, sejak sekian lama sibuk dengan jadwal kuliahan, hehehe.....

Ok gini ceritanya... sekarang aku akan nunjukin bagaimana membuat tulisan grafiti dengan komputer, Siap.... OK... lanjut.....


Langkah 1
Buka Photoshop kesayangan anda

Langkah 2
Siapkan Kanvas baru {File>New} terserah ukurannya berapa atau anda bisa menambahkannya dari background/photo anda seperti background saya dibawah ini :


Langkah 3
Pilih Horizontal Type Tool {} kemudian Tuliskan teks terserah anda, tapi sebelumnya pilih jenis font degrasi,warna terserah anda jika belum punya silahkan download disini Ok, hasilnya seperti dibawah :


Langkah 4
Setelah itu tambahkan efek pada tulisan tersebut dengan cara mengklik 2x pada Layer {di ujung kanan} teks tersebut


Pilih Stroke dan atur seperti berikut :


Langkah 5
Sorot Layer tulisan kita dan Seleksi Pada Tulisan yang kita buat tepat di tengah-tengah lubang font, seperti berikut


Klik kanan pada seleksi tersebut kemudian pilih similar sampai terseleksi gambar seperti ini,

Kemudian kurangi seleksi diluar font dengan menggunakan Magic wand
sehingga yang terseleksi hanya dalam tulisan saja


Langkah 6
Dalam keadaan tulisan terseleksi Kemudian Buat Layer Baru {Layer>New>Layer},
Dan warnai seleksi tersebut {di layer baru} dengan menekan { Ctrl+Delete}. Sehingga sekarang sudah nampak tulisan seperti berikut


Langkah 7
Kemudian pada layer baru terseubut tambahkan efek {klik 2x kanan layer} dan pilih seperti berikut


Dan sekarang gambar nampak seperti berikut :


Kemudian hapus warna-warna yang keluar dari area tulisan dengan memilih Magic eraser tool


Dan kreasikan warna-warna sesuai keinginan anda.... sekian tutorial dari saya... terima kasih