Wordpress

Diposting oleh Home Hardware | 09.08

Pada Belajar ngeBlog kali ini, saya akan memberikan tutorial wordpress tentang pengenalan admin Dashboard pada wordpress.com. Artikel ini sekaligus melanjutkan penjelasan pada posting belajar wordpress sebelumnya yaitu tentang mengenal global dashboard pada wordpress.com. seperti kita ketahui, menu admin dashboard ini memiliki beberapa sub menu, yaitu Write, Manage, Design, Comments, Upgrades, Settings dan User. ok langsung aja kita mulai bahas satu persatu fungsi dari menu2 tersebut


1. Write, untuk menulis posting/tulisan kita dan membuat Page/halaman statis/ menu.

2. Manage, kalau diklik akan muncul 6 submenu lagi sbb :

  • Tulisan (Posts) berfungsi menampilkan artikel-artikel yang sudah kita posting. Kita juga dapat mengedit (menyunting) tulisan-tulisan tersebut dengan mengklik “sunting” atau “edit” di artikel yang akan diedit.
  • Halaman (Pages), berfungsi menampilkan halaman statis / Pages yang sudah kita buat. Di sini kita bisa mengedit halaman yang ada atau membuat halaman baru.
  • Taut (Link) untuk menambah atau mengedit link / blogroll
  • Kategori (Category), untuk mengedit, mendelete atau membuat kategori baru.
  • Tag, untuk menambah, mendelete atau mengedit tag
  • Pustaka Media, tempat link file atau image yang sudah diupload
  • Impor, untuk mengimpor file content dari blog lain.
  • Ekspor, untuk mengekspor file di blog ke blog lain.
  • Blogroll (tambah link), untuk memanage link2 kita, bila diklik akan muncul 4 submenu lagi :
  • Kelola (manage) blogroll, untuk mengedit, merubah atau menghapus taut (link) yang ada.
    Tambahkan taut (Add link), untuk menambah link baru.
    Impor taut (Import link), untuk mengimpor daftar link dg OPML atau file di komputer kita.
    Kategori (category), kategorisasi link. Bedakan dengan kategori posting (lihat, b.4.)

3. Design, kalau diklik akan muncul 5 (lima) submenu sbb:

  • Tema (Theme), menampilkan daftar template yang bisa kita pilih untuk blog kita. Tinggal klik template yang kita suka.
  • Widgets, untuk mengaktifkan widget dan memilih widget yang ingin kita tampilkan di sidebar.
  • Extras, untuk mengaktifkan atau menon-aktifkan pratilik/previewer Snap. By default (aslinya) sudah aktif, klik tanda tik (uncheck) supaya tidak aktif.
  • Current Theme Options, berfungsi untuk (a) merubah header blog. Bisa diganti dengan header buatan sendiri; (b) Setting warna dan posisi sidebar blog; (c) Mengisi informasi personal untuk ditampilkan sebagai data waktu memberi komentar; dan (d) untuk reset (menghapus dan mengembalikan ke setting-an awal.
  • Edit CSS, untuk merubah CSS template blog. Ini bagi blogger lanjut, tak cocok bagi pemula.

4. Comments, kalau diklik akan muncul 3 (tiga) submenu lagi sbb:

  • Comments, menampilkan seluruh komentar di blog Anda. Di sini kita bisa mengedit atau mendelete komentar yang ada.
  • Waiting Moderation, menampilkan komentar yang masuk daftar moderasi yang bisa Anda edit dengan “setujui” (approve), hapus (delete), spam (dianggap spam).
  • Akismet Spam, menampilkan komentar yang masuk daftar spam (sampah).

5. Upgrades, penawaran berbayar dari wordpress.com untuk mendapat fungsionalitas lebih baik. saya penganut blog gratisan. jadi topik ini tidak dibahas disini, hehehe

6. Settings, memiliki 8 submenu sbb:

  • General, berfungsi untuk Membuat atau mengedit judul blog, membuat Slogan (deskripsi) blog, memilih / mengedit bahasa yang digunakan di blog, Dll.
  • Writing, yang terpenting dalam submenu ini adalah menu “Default Post Category”. Pilih dari daftar kategori tentang kategori apa yang akan dipakai secara by-default di posting.
  • Reading, atau Opsi Membaca. pada Frontpage, pilih “Your latest posts ” (sudah otomatis); pada Blog post, pilih berapa artikel yang akan tampil di halaman utama; Syndicated Feed, “show the most recent:” pilih 10; “For each article in a feed, show :”, pilih Full text; Rich feeds, kasih tanda tik (check) di semua kotak. Jangan lupa klik “Update Options”
  • Discussion, Pada “Default article settings”, kasih tanda tik (check) di semua kotak; Pada “E-mail me whenever”, kasih tanda tik (check) pada “Anyone posts a comment” jika anda ingin mendapatkan email ketika seseorang meninggalkan komentar dan kasih tanda tik (check) pada “A comment is held for moderation” jika anda ingin memoderasi komentar; Pada “Before a comment appears” kasih tanda tik (check) pada “An administrator must always approve the comment” jika ingin memoderasi setiap komentar, Kasih tanda tik di “Comment author must fill out name and e-mail ” apabila Anda ingin setiap komentator menulis alamat email dan situsnya, dan sebaiknya tidak memberi tanda tik pada “Comment author must have a previously approved comment”;
  • Privacy, Opsi Privasi. Kasih tanda tik (check) di “” supaya masuk mesin pencari google, yahoo, msn, dll.
  • Delete Blog, Jika anda ingin menghapus blog anda ini, silahkan berkunjung ke menu ini
  • Media, untuk menentukan dimana gambar, dokumen, dan file media lainnya akan terhubung ketika dimasukkan ke dalam sebuah posting.
  • Open ID, OpenID memungkinkan Anda untuk login ke situs lain yang mendukung standar OpenID. OpenID anda adalah http://namablog.wordpress.com.
  • Domain, ini untuk mensetting custom domain bila anda sudah memiliki custom domain. wordpress akam me-redirect halaman2 pada blog ini ke custom domain yang anda pilih

Joomla

Diposting oleh Home Hardware | 08.53



Perkembangan dunia blog dan website telah begitu pesat. Dulu kalo aku mau bikin website aku masih pake program FrontPage atau Dreamweaver yang biarpun instan tapi nggak dinamis. Untuk belajar PHP, ASP, ataupun pemrograman web terstuktur lainnya, rasanya ruang otak udah nggak cukup. Kaget juga baru-baru ini denger ada Content Management System (CMS) yang udah canggih, gratis pula. CMS sendiri bagiku adalah mainan baru yang menyenangkan. Dengan CMS membuat blog dan website seperti menjentikkan jari saja. Pengolahannya dan pengelolaannya sepenuhnya sangat user-friendly dan lengkap. Salah satu CMS yang udah aku pelajari adalah mesin Wordpress yang sangat terkenal sebagai pengelola blog.

Kebetulan aku dapat kesempatan untuk belajar CMS yang lebih canggih lagi. Hal ini bermula waktu dosenku yang tercinta (bohong!) memberi tugas untuk bikin paper sistem web framework. Karena tugas ini sangat urgent untuk dikerjain ya terpaksalah aku coba untuk ngerjainnya. Soalnya kalo nggak bisa-bisa nilaiku anjlok, nih dosen killer banget sih. Buru-burulah aku ke perpus buat cari buku yang cocok. Bermenit-menit mencari akhirnya nemu juga buku yang bahas sistem framework PostNuke. Langsung tanpa basa-basi aku pinjem dan mulai untuk buka-buka. Beberapa waktu setelah puas buka-buka, aku ngerasa kalo baik PostNuke sendiri maupun buku yang ngebahasnya sama sekali nggak user-friendly. Kepalaku sampe berat dibuatnya.


Akhirnya aku lari ke Toga Mas buat cari referensi buku. Ternayata disana baru ada event diskon Joomla!. Semua buku yang ngebahas Joomla! didiskon habis. Harganya dibawah harga pasar man. Ya udah lah, terpaksa aku nodong ibu buat beliin ni buku. Setelah dibaca-baca, ternyata memang sistem framework yang bener-bener canggih. Pantes aja sistem ini jadi buah bibir. Tanpa banyak basa-basi aku mulai untuk nulis paper killer ini. Yap, nggak sampai sejam semua materi udah kekumpul. Aku bersyukur banget dapat koneksi internet gratis, yang akhirnya bisa dimanfaatin buat cari materi tambahan. Setelah beberapa jam paper selesai dan aku tambah pinter.

Kesimpulannya, Joomla! MEMANG CMS YANG PALING OKE baik buat bikin website atau weblog. Antarmuka penggunanya (user interface) bener-bener super friendly. Udah gitu banyak pula plugin yang bisa didownload dengan gratis di portalnya. CMS punya Wordpress lewat deh, Joomla! punya fitur yang super lengkap dan super canggih. Nggak perlu mikirin lisensi apalagi hak cipta. Joomla! adalah milik kita semua dan dapat digunakan, dikembangkan, diutak-atik ato diinstal oleh siapapun. Software kayak ginilah yang harusnya bertebaran dimana-mana. Karena software open-source adalah software baik hati yang bikin siapapun cerdas dibuatnya.


Paper udah selesai, rasanya lega banget. Bayangan nilai anjlok mendadak jadi sirna. Semuanya tampak indah dan menyenangkan. Berkali-kali baca paper hasil karyaku ini rasanya kok bangga ya. Nggak sia-sia berjam-jam dilakuin buat nyusun paper. Walaupun sempet terhambat masalah format, toh semuanya dapat diatasi dengan lancar. Tapi apa gunanya sih kebahagiaan ini disimpen sendiri. Toh ilmu itu bakal bertambah banyak kalo dibagi dengan orang lain. Untuk itulah aku mau berbagi tutorial Joomla! yang aku bikin dalam bentuk paper dengan format pdf. Untuk kamu semua yang tertarik dan pengen tau lebih jauh tentang Joomla! aku rasa sedikit banyak peper ini bisa membantu. Aku memang masih pemula untuk itu aku mohon bimbingannya pada yang udah lebih tau.

Design Website

Diposting oleh Home Hardware | 08.34

Sering kita temui website yang tipikal: “Welcome to my homepage,” animasi e-mail, background dengan tulisan miring (diagonal), animasi garis pembatas, tabel dengan border tiga-dimesi dan lain-lain. Hal ini terjadi akibat dari fasilitas Template yang disediakan oleh software pembuat web seperti: FrontpageT, Corel WebDesignerT, dan sebagainya yang ditujukan untuk mempermudah penggunanya dalam membangun website.

Jika anda puas dengan hasil kerja anda membangun website dengan fasilitas template, sudahlah cukup sampai disini. Tetapi jika anda tidak puas dengan apa yang anda buat, dan anda merasa ingin lebih baik, maka anda perlu mengetahui bagaimana Web Designer membangun suatu Website, terlepas anda punya bakat seni atau tidak.

  1. Unik : Dalam membuat karya apapun seorang designer mempunyai kesadaran untuk tidak meniru atau menggunakan karya orang lain. Begitu pula seorang Web Designer harus mempunyai budaya malu untuk menggunakan icon, animasi, button, dll, yang telah digunakan atau dibuat oleh orang lain.
  2. Komposisi : Seorang Web Designer selalu memperhatikan komposisi warna yang akan digunakan dalam website yang dibuatnya. Pergunakan selalu Palette 216 WebColor, yang dapat diperoleh dari Adobe.com, hal ini untuk mencegah terjadinya dither pada image yang berformat GIF. Dalam membangun website suatu perusahaan, Web Designer selalu menyesuaikan warna yang digunakan dengan Corporate Color perusahaan tersebut. Sebagai contoh: Telkom Corporate Color-nya adalah biru, Coca-Cola : merah dan putih, Standard-Chartered : hijau dan biru, dsb. Untuk kemudian warna-warna tadi digunakan sebagai warna dominan atau sebagai elemen pendukung (garis, background, button, dsb).
  3. Simple : Web Designer banyak yang menggunakan prinsip “Keep it Simple”, hal ini ditujukan agar tampilan website tersebut terlihat rapi, bersih dan juga informatif.
  4. Semiotik : Semiotika adalah ilmu yang mempelajari tentang tanda-tanda. Dalam hal ini diharapkan dengan melihat tanda atau gambar, user/ audience dapat dengan mudah dan cepat mengerti. Sebagai contoh: Jangan membuat gambar/image yang berkesan tombol, padahal itu bukan tombol/ link.
  5. Ergonomis : Web Designer selalu memperhatikan aspek ergonomi. Ergonomi disini adalah dalam hal kenyamanan user dalam membaca dan kecepatan user dalam menelusuri website tersebut. Web Designer memilih ukuran Fonts yang tepat sehingga mudah dibaca, Web Designer menempatkan link sedemikian rupa sehingga mudah dan cepat untuk di akses dan lebih penting lagi adalah Informatif.
  6. Fokus : Tentukan hirarki prioritas dari pesan yang akan disampaikan, misalnya: Judul harus besar, tetapi jangan sampai akhirnya akan konflik dengan subjudul yang berukuran hampir sama. Hal ini akan membingungkan user/audience untuk menentukan pesan mana yang harus lebih dahulu dibaca/ dilihat.
  7. Konsisten : Tentukan font apa yang akan digunakan sebagai Body-text, Judul, Sub Judul dan sebagainya, sehingga website tersebut akan terlihat disiplin dan rapi. Sesuaikan jenis huruf yang digunakan dengan misi dan visi website tersebut, misalnya: hindari menggunakan font Comic dalam membangun website suatu perusahaan resmi.

Demikian beberapa aspek dan prinsip yang digunakan Web Designer dalam membuat website, selebihnya merupakan ekspresi dari pembuat website itu sendiri yang terwujud dalam penggayaan penyusunan website.

Software-software pembuat suatu website

Desain : Untuk membuat desain suatu homepage biasanya para web designer dimulai dengan software ini sebagai tampilan sementara atau dalam membuat layout homepage.

  1. Adobe Photoshop : Desain berbasis titik ( bitmap )
  2. Adobe Image Ready : Memotong gambar-gambar ke dalam format html
  3. Adobe Illustrator : Desain berbasis vector
  4. CorelDraw : Desain berbasis vector
  5. Macromedia Freehand : Desain berbasis vector

Efek Desain : Hal ini dilakukan untuk menghidupkan desain yang telah kita rancang. Seperti menambah efek cahaya, textur dan manipulasi teks.

  1. Macromedia Firework : Efek teks
  2. Painter : Memberikan efek lukisan
  3. Ulead Photo Impact : Efek frame dan merancangan icon yang cantik.
  4. Plugins Photoshop : Seperti Andromeda, Alien Skin, Eye Candy, Kai’s Power Tool dan Xenofex juga sangat mendukung untuk memberi efek desain sewaktu anda mendesain layout homepage di Photoshop.

Animasi : Penambahan animasi perlu untuk membuat homepage agar kelihatan menarik dan hidup.

  1. 3D Studio Max : Untuk membuat objek dan animasi 3D.
  2. Gif Construction Set : Membuat animasi file gif
  3. Macromedia Flash : Menampilkan animasi berbasis vector yang berukuran kecil.
  4. Microsoft Gif Animator : Membuat animasi file gif
  5. Swift 3D : Merancang animasi 3D dengan format file FLASH.
  6. Swish : Membuat berbagai macam efek text dengan format file FLASH.
  7. Ulead Cool 3D : Membuat animasi efek text 3D.

Web Editor : Menyatukan keseluruhan gambar dan tata letak desain, animasi, mengisi halaman web dengan teks dan sedikit bahasa script.

  1. Alaire Homesite
  2. Cold Fusion
  3. Microsoft Frontpage
  4. Macromedia Dreamweaver
  5. Net Object Fusion

Programming : Hal ini dilakukan setelah sebagian besar desain homepage telah rampung. Programming bertugas sebagai akses database, form isian dan membuat web lebih interaktif. Contoh : Membuat guestbook, Form isian, Forum, Chatting, Portal, Lelang dan Iklanbaris.

  1. ASP ( Active Server Page )
  2. Borland Delphy
  3. CGI ( Common Gateway Interface )
  4. PHP
  5. Perl

Upload : File html kita perlu di letakkan ( upload ) di suatu tempat ( hosting ) agar orang di seluruh dunia dapat melihat homepage kita.

  1. Bullet FTP
  2. Cute FTP
  3. WS-FTP
  4. Macromedia Dreamweaver : dengan fasilitas Site FTP
  5. Microsoft Frontpage : dengan fasilitas Publish

Sound Editor : Homepage kita belum hidup tanpa musik. Untuk mengedit file midi atau wav, perlu alat khusus untuk itu.

  1. Sound Forge : Mengedit dan menambah efek file yang berformat mp3 dan wav.
  2. Cakewalk : Mengedit dan menambah efek untuk file yang berformat midi

Banyak sekali memang software untuk membuat suatu homepage dan kita tidak perlu mempelajari semua software tersebut di atas. Tapi untuk mempermudah, bagi pemula lebih baik dimulai terlebih dulu dengan mempelajari software Microsoft Frontpage atau Macromedia Dreamweaver agar lebih mengenal aturan-aturan membuat homepage dan mengenal bahasa html. Setelah itu baru Adobe Photoshop yang dipakai kebanyakan para desainer.

Langkah-langkah Membuat Homepage

Bermacam-macam langkah yang digunakan profesi web kita untuk membuat suatu homepage. Berikut ini adalah proses secara umum yang dilakukan kebanyakan profesi web di Indonesia untuk membuat web.

  1. Membuat Sketsa Desain : Desainer bisa saja menuangkan ide dalam membuat interface suatu homepage dalam bentuk sketsa di kertas dahulu. Untuk kebanyakan orang, biasanya langkah ini dilewatkan dan langsung pada langkah membuat layout desain dengan menggunakan software.
  2. Membuat Layout Desain : Setelah sketsa sudah jadi, kita menggunakan software seperti Adobe Photoshop, Adobe Illustrator, Macromedia Fireworks dan Macromedia Freehand untuk memperhalus sketsa desain.
  3. Membagi gambar menjadi potongan kecil-kecil : Setelah layout desain homepage sudah jadi. File gambarb tersebut dipecah menjadi potongan kecil-kecil untuk mengoptimize waktu download. Untuk melakukan hal tersebut dapat menggunakan software Adobe Image Ready. Software ini dapat langsung memotong gambar yang besar tadi dan otomatis juga menjadikannya ke dalam format html. Langkah ini bisa saja dilewatkan bila ukuran gambar kita tidak terlalu besar.
  4. Membuat Animasi : Animasi diperlukan untuk menghidupkan homepage kita agar menarik pengunjung. Macromedia Flash dan Gif Construction Set dapat dipakai untuk melakukan hal tersebut.
  5. Membuat HTML : Setelah itu kita merapikan layout desain kita seperti menempatkan beberapa tombol dan gambar, menambah text, mengedit script HTML, membuat layout form ke dalam format HTML. Untuk itu kita perlu software HTML Editor seperti Macromedia Dreamweaver, Microsoft Frontpage dan Allaire Homesite.
  6. Programming dan Script : Untuk website e-commerce, iklan baris, lelang, database, membuat guestbook, counter dan forum diskusi. File HTML kita perlu programming untuk melakukan aktivitas semacam itu. Programming dan script ini bisa dibuat dengan menggunakan ASP, Borland Delphy, CGI, PHP, Visual Basic. Dan perlu diperhatikan bahwa programming dan script ini biasanya dilakukan setelah desain homepage kita telah jadi.
  7. Upload HTML : Setelah file kita telah menjadi html beserta gambar dan scriptnya. Kita perlu meng-upload file kita ke suatu tempat ( hosting ), agar semua orang di dunia dapat mengakses halaman html kita. Biasanya Macromedia Dreamweaver dengan fasilitas site FTP dan Microsoft Frontpage dengan Publishnya telah menyediakan fasilitas upload ini. Atau dapat menggunakan software seperti WS-FTP, Cute FTP, Bullet FTP.

Dreamweaver

Diposting oleh Home Hardware | 08.14

Pengenalan Dreamweaver dan Layout

Seperti kata Pak Patah eh salah itu nama tetangga saya :) maksudnya Kata PEPATAH "Tak kenal maka tak sayang" oleh karena itu alangkah baiknya bila kita menilik apa itu Dreamweaver?
DREAMWEAVER (dulu milik dari macromedia namun sekarang menjadi milik dari Adobe) adalah software aplikasi desain web visual yang biasa dikenal dengan istilah WYSIWYG — What You See Is What You Get — dalam bahasa sansekerta artinya ( Apa yang kamu lihat akan menjadi seperti apa yang kamu inginkan) masih bingung ya intinya Kita tidak harus berurusan dengan tag-tag HTML untuk membuat sebuah situs karena sudah disiapkan secara instant seperti membuat Table, Membuat Hyperlink, Memasukkan Gambar, termasuk memasukkan Flash Animasi, dll. Dreamweaver tidak hanya dapat digunakan oleh para desainer web, namun juga dapat digunakan oleh programer untuk membangun halaman internaktif karena Dreamweaver mendukung pula PHP, ColdFusion, ASP.NET dan lain-lain. Mantab Bukan!!!

logo  dreamweaver
Gambar 1 . Tampilan LogoDreamweaver


layout  dreamweaver
Gambar 2 . Tampilan / Layout Dreamweaver


Berikut ini penjelasan untuk elemen-elemen workspace seperti telah tertera pada gambar.
- LEMBAR KERJA DREAMWEAVER adalah tempat di mana Anda dapat membuat halaman web secara visual, kode, atau keduanya.
- INSERT TOOLBAR adalah tempat Anda dapat memasukan image, Flash movie, table, atau elemen lain. Untuk memunculkan panel ini, klik Windows > Insert atau tekan Ctrl-F2.
- PENGATURAN HALAMAN berguna untuk melakukan pengeditan pada suatu elemen di Document Window.
- PANEL GROUP merupakan kumpulan dari panel-panel Dreamweaver.

Macromedia Flash

Diposting oleh Home Hardware | 08.08

Membuat Taman MATAHARI

Tutorial kali ini adalah Tutorial Membuat taman MATAHARI, disini saya menggunakan Macromedia Flash 8...

1. Buka program flash 8
Ubah ukuran stage menjadi 768 x 576 pixels.
Ganti warna bacground menjadi warna warna biru #0099FF


2. buat 4 layer yaitu dengan nama: Rumput hijau, tiang, kotak nama, matahari


3. Di layer rumput hijau Klik rectangle tool tutorial flash ,untuk membuat rumput hijau dengan mendragnya ke stage seperti gambar dibawah ini.
tutorial flash


4. Klik di frame 1 pada layer: tiang lalu gunakan rectangle tool lagi untuk membuat tiang penunjuk arah ,
setelah selesai pembuatan tiangnya maka untuk pemberian garis tiang dan arah gunakanlah line tool setelah itu tekan tombol F8 dan beri nma tiang_mc
lihat gambarnya:
tutorial flash


5. sekarang klik frame 1 pada layer: kotak nama
Ganti fill color menjadi warna putih dan strokenya hitam lalu tekan tombol F8 dan beri nama Kotaknama_mc dan copy menjadi 4 lalu sesuaikan dengan gambar dan beri nama : jl. Grafis, jl.animasi, jl.film, jl.kartun.
lihat gambarnya:
tutorial flash


6. langkah terakhir, klik frame 1 di layer matahari ganti warna fill color menjadi #FFFF00 tutorial flash dan stroke dijadikan none tutorial flash gunakan rectangle tool
Untuk mebuat perputaran matahari buat 8 kotak panjang lalu urutkan seperti gambar lalu tekan F8 dan beri nama sun_mc
lihat gambarnya:
tutorial flash


7. Klik 2 kali pada objek sun_mc dan akan terlihat seperti gambar ini
tutorial flash


8. buat 1 layer lagi dan beri nama bulat
klik di frame 1 layer: bulat dan klik oval tool untuk membuat objek lingkaran klik kanan > insert keyframe di frame 60 lalu klik
klik kanan create motion tween di frame 30.
lihat gambarnya:
tutorial flash


9. klik di frame 1 layer 1
klik kanan > insert keyframe di frame 60
lalu klik pada frame 30 , klik di propertiesnya
tutorial flash


10. agar matahari terlihat dibelakang pindahkan layer matahari di paling bawah….
untuk membuat rumputnya gunakan line tool buat seperti gambar
tutorial flash
Selamat Mencoba>>>>@_@

Adobe Illustrator

Diposting oleh Home Hardware | 07.55

Situs Panduan Belajar Illustrator

Adobe Illustrator adalah standar untuk program vektor. Sebagai sebuah software, Illustrator merupakan nenek moyang software grafis di komputer. Sekarang banyak designer grafis di seluruh dunia menggunakan Illustrator untuk alat kreatifitasnya. Itulah yang menjadikan Illustrator sebagai standar software grafis untuk pengolah vektor.
Berikut ini saya sudah kumpulkan daftar beberapa situs yang biasa saya kunjungi untuk mempelajari Illusttrator lebih dalam, 20 situs dan blog yang menyediakan tutorial dan informasi mendalam tentang vector illustration dan Adobe Illustrator.

1. Vectips

vector-tips

2. Blog.SpoonGraphics

19-02_blogspoon_graphics.jpg


3. VECTORTUTS

vectortuts.png


4. Veerle’s blog

veerle-blog


5. GoMediaZine

gomediazine.jpg


6. N.Design Studio

19-06_ndesign_studio.jpg


7. Vectordiary

19-07_vector_diary.jpg


8. Layers Magazine

19-08_layers.jpg


9. Computer Arts - Tutorials

computer_arts.png


10. FreeTransform

19-10_freetransform.png


11. Illustrator Design Center

19-11_illustrator_design_center.png


12. Kevin Hulsey Illustration

19-12_kevin_hulsey.jpg


13. IllustratorWorld

19-13_illustrator_world.png


14. BittBox

19-14_bittbox.png


15. AiVault

19-15_aivault.png

Corel Draw

Diposting oleh Home Hardware | 07.27

Dalam Tutorial Coreldraw kali ini penulis bukan bermaksud untuk beriklan namun disini penulis cuma ingin sharing pembuatan Coreldraw logo desain saja...

Pada tutorial kali ini kita akan menggunakan teknik shaping untuk menghasilkan LOGO INDOSAT .diharapkan setelah bisa mempelajari ini kita bisa menguasai beberapa teknik yang ada pada coreldraw untuk menelurkan desain-desain yang menarik. Ikuti langkah-langkah berikut:

1. buat dokumen baru, buatlah lingkaran lonjong dengan menggunakan elipse tool (warna fill dan outline merah)seperti dibawah ini:


2. kemudian warnai seperti pada gambar: setelah itu kita akan menduplicat dan memutarnya 60 derajat (klik windows -> docker -> transformation -> dan pilih rotate), maka akan keluar kotak dialog sebelah kanan (atur sesui gambar) lalu klik 3 kali pada aply to duplicate :

hasilnya:


3. ubah warna seperti pada gambar dibawah (klik pada obyek yang mau diganti, lalu klik warna pada color pallete) lihat gambar:


4. sekarang kita bermain dengan teknik shaping ( klik pada windows ->docker -> shaping ) maka akan keluar kotak dialog shaping pada kanan layer, pilih interest dan atur sesuai dengan gambar:


5. oke kita klik warna merah dan biru (sambil menekan shift pada keyboard), lalu klik interest with (pada kotak dialog shaping tadi) kemudian klik pada warna kuning. Lalu kita pilih warna bebas untuk mewarnai obyek hasil interest tadi (yang penting beda dengan 3 warna dasar) disini saya pilih warna hijau, lihat gambar:


6. setelah itu sekarang kita pilih warna kuning dan merah, lalu klik interest with, kemudian klik pada warna biru, kemudian pilih warna yang beda dengan 3 warna dasar (saya pilih warna pink) untuk membedakan saja.


7. pilih pick tool dan blok obyek hasil dari interest tadi, kemudian klik weld untuk menjadikan satu (karna obyek hasil interest terpish) seperti pada gambar:

Ngeblog

Hasilnya



8. sekarang waktunya tuk memisah obyek warna pink, buatlah garis menggunakan bazier atau freehand tool:



9. lalu sama dengan langkah dua kita akan menduplicate garis dengan cara rotate (cara ke 2):


10. setelah itu pilih semua garis2 tadi yang di duplicate (dengan kombinasi tombol shift + klik) lalu di group (klik Arrange -> group). Setelah jadi satu kita piih bintang (warna pink) dan garis (hasil group ) lalu pada property bar pilih Trim kemudian klik Break Apart (digunakan untuk memotong2 bintang dengan obyek garis diatasnya)

11. oke sekarang hapus garis hasil group tadi karna kita tidak menggunakannya lagi, sekarang kita klik potongan2 dari bintang tersebut kemudian warnai lihat gambar:


12. nih hasil akhirnya….puanjang ya…tapi semoga panjang juga ilmu yang didapet…hehehe…..
indosat grafis logo


Terima Kasih... Semoga Bermanfaat

Photoshop

Diposting oleh Home Hardware | 07.01

Tutorial Photoshop ini untuk yang udah ngerti tool-tool di photoshop.. Kalo yang belum ngerti silahkan baca-baca dulu teori dasarnya dan praktekin dulu tutorial tingkat dasar. tapi kalo mau coba silahkan aja.. gak ada yang ngelarang kok.. :D

Efek Dream maksudnya kita harus bisa menghayal sesuatu yang kira-kira enggak mungkin menjadi mungkin..dan diaplikasikan menjadi sebuah foto yang unik. Teknik yang dipake banyak alias campur aduk, makanya tadi saya bilang harus ngerti dulu tool-tool photoshop.

Semua gambar pendukung bisa download. Klik gambar tumbnail untuk memperbesar lalu Klik kanan > Save file

auntum lake-district

butterfly girl water-rippling

ya udah sekarang kita mulai aja.. sediakan gambar hutan seperti ini :

mistik1

Perbesar canvas nya.. klik Image > Canvas size

mistik2

hasil perbesarannya kayak gini

mistik3

sekarang buka gambar danau, lalu drag ke gambar hutan

mistik4

Seleksi bagian yang di tandai merah

mistik5

Lalu tekan DELETE

mistik6

Sekarang kita buat bayangan pohon.. duplikat layer background dengan menekan ctrl + J, simpan layer hasil duplikasi di paling atas.

mistik7

Klik Edit > Transform > Flip Vertical

lalu ubah opacity nya

mistik8

Seleksi bagian foto yang ditandai merah

mistik9

Tekan DELETE dan hasilnya

mistik10

sampe segini bisa kan ? udah mulai keliatan keren tuh..

sekarang buat bayangan seolah-olah beriak.. Klik Filter > Distrort > Ripple

mistik11

Gabungkan semua layer dengan menekan CTRL + E dari mulai layer paling atas..

mistik12

bayangan gunung masih keliatan.. gpp.. nanti juga tersamarkan

mistik13

kita buat efek dream .. menggukana diffuse glow.. Tekan CTRL + J untuk menduplikat layer background .. Klik Filter > distort > diffuse Glow.

mistik15

Sekarang pake teknik clone untuk menghilangkan bayangan gunung.. Cara Clone sudah saya posting disini

mistik16

Hasil setelah di Clone

mistik17

Sampe disini udah keliatan keren kan ? hehehe..

ayo kita terusin..

klik Image > Adjustment > Brightness/contrast

mistik18

klik Image > Adjustment > Hue/Saturation

mistik19

Buka file Butterfly girl lalu seleksi dengan penTool

mistik20

Cara buat Butterfly Girl sudah saya posting disini

yang belum bisa silahkan buat dulu..

klik kanan yang sudah terseleksi > make selection

mistik21

Klik Select > Modify > Feather

mistik22

Drag foto yang udah terseleksi ke dalam gambar hutan

mistik22a

Klik Image > Adjustment > Hue/Saturation

mistik23

Klik Image > Adjustment > Brighness /Contrast

mistik24

Klik kanan layer butterfly girl atau layer 5 > Blending Option atau klik 2 kali di layer 5

Kita buat orang nya sedikit bercahaya.

mistik25

Sekarang buat seolah-olah kakinya nyelup ke aer.. jadi musti ada riakan dong… nah buka gambar air lalu drag ke foto hasil edit tadi

mistik27

atur sedemikian rupa .. lalu hapus bagian pinggirnya supaya gak keliatan kotak.

mistik28

Klik Image > Adjustment > Hue/saturation buat air ..

mistik29

Buat Opacity nya menjadi 50 %

mistik30

sekarang Hapus sebagian kaki biar keliatan nyelup..

mistik31

Duplikat riakan air dan tempatin di kaki sebelahnya

mistik32

hapus bagian kaki biar keliatan nyelup..

mistik33

Duplikat lagi riakan air tadi.. dengan menekan CTRL + J.. lalu perbesar..

mistik34

Hapus bagian tengah riakan yang besar dengan eraser tool

mistik35

Buat bayangan orang nya.. cara bikinnya sama kok sama waktu buat bayangan pohon.. .. dan Hasilnya

nadya

Gimana ? bingung ya ? Coba terus sampe Bisa !!

Selamat mencoba..