Mendesain Ikon Twitter 32×32 px Pixel Perfect

Dalam tutorial ini, Anda akan mempelajari proses pembuatan ikon twitter berukuran 32×32 px berdetail tinggi. Proses pembuatan ikon kecil seperti ini tidaklah sulit, yang sangat diperlukan adalah kesabaran karena Anda akan bekerja dengan pixel yang ukurannya hanya sebesar debu.

Preview

final.jpg

Detail Tutorial

  • Tingkat Kesulitan: Pemula
  • Program yang Digunakan: Adobe Photoshop
  • Materi Yang Dipelajari: Menggambar vektor, Layer Style
  • Lama Pengerjaan: 15 menit.

Tips Mendesain Ikon Kecil

Mendesain ikon memerlukan ketelitian yang sangat tinggi karena kita bekerja dengan setiap pixel, satu per satu. Dalam proses ini, akan sangat membantu jika Anda bisa melihat gambar dalam perbesaran paling tinggi dan dalam ukuran 100%. Klik Window Arrange > New Window for File Name. Geser baris judul salah satu file hingga lepas dari jendela aplikasi utama Photoshop. Tekan Ctrl + 1 untuk melihat pada perbesaran 100% dan Ctrl + 0 untuk melihat pada perbesaran maksimal.
Dalam gambar di bawah, Anda bisa melihat setiap pixel dengan jelas pada perbesaran maksimal dan tampilan ikon dalam perbesaran 100%.
tutorial-ikon-twitter-pixel-perfect-01.jpg

Tutorial

Langkah 1: Latar Ikon

Buat file baru berukuran 32×32 px. Buat rounded rectangle berukuran 24 x 24 px dengan Radius: 2 px. Untuk membantu mengukur, gunakan panel Info.
tutorial-ikon-twitter-pixel-perfect-02.jpg
Anda bisa memastikan ukuran yang ditampilkan di panel Info dalam satuan pixel dengan membuka menu panel dan pilih Panel Options lalu pilih Ruler Units: Pixels.
tutorial-ikon-twitter-pixel-perfect-03.jpg
tutorial-ikon-twitter-pixel-perfect-04.jpg

Langkah 2

Beri Layer Style Gradient Overlay dan Stroke.
tutorial-ikon-twitter-pixel-perfect-05.jpg
tutorial-ikon-twitter-pixel-perfect-06.jpg
tutorial-ikon-twitter-pixel-perfect-07.jpg

Langkah 3

Buat shape persegi di tengah rounded rectangle dengan ukuran 22 x22 px. Turunkan Fill layer ke 0%.
tutorial-ikon-twitter-pixel-perfect-08.jpg
Beri Stroke berikut.
tutorial-ikon-twitter-pixel-perfect-09.jpg

Langkah 4

Buat shape ellipse di bagian atas ikon. Ambil rounded rectangle yang tadi kita buat dan atur modenya ke Intersect. Turunkan Fill ke 0%.
tutorial-ikon-twitter-pixel-perfect-10.jpg
Beri Gradient Overlay.
tutorial-ikon-twitter-pixel-perfect-11.jpg
tutorial-ikon-twitter-pixel-perfect-12.jpg

Langkah 5: T untuk Twitter

Aktifkan tool pen. Buat shape membentuk logo twitter. Prosesnya sederhana, Anda bisa menjiplak logo twitter dari google.
tutorial-ikon-twitter-pixel-perfect-13.jpg

Langkah 6

Sekarang adalah bagian terpenting dalam desain ikon. Geser secara manual setiap titik path hingga diperoleh bentuk yang tajam. Jika Anda melewatkan tahap ini, ikon yang diperoleh akan buram.
Di bawah, Anda bisa melihat path logo twitter sebelum dan setelah proses editing.
tutorial-ikon-twitter-pixel-perfect-14.jpg
tutorial-ikon-twitter-pixel-perfect-15.jpg

Langkah 7

Beri sedikit Drop Shadow untuk menambah kontras logo dengan latar.
tutorial-ikon-twitter-pixel-perfect-16
tutorial-ikon-twitter-pixel-perfect-17

Langkah 8

Klik File > Save for Web atau Ctrl + Shift + Alt + S untuk menyimpan ikon ke format web. Pilih tipe file PNG-24 dengan mengaktifkan transparansi.
tutorial-ikon-twitter-pixel-perfect-18

Hasil Akhir

Di bawah adalah hasil akhir ikon yang kita peroleh. Ikon ini transparan dan bisa disimpan di atas berbagai macam latar. Dalam contoh di bawah, saya juga menggunakan pola Pixel Patterns dari PSDfreemium di latar.
final
Saya harap Anda belajar teknik baru di tutorial ini. Jika menyukai tutorial ini, jangan lupa untuk ikut menyebarkan melalui tombol share atau like di bawah. 

by desaindigital.com

Menggambar Rumah Kartun Sederhana dengan Adobe Illustrator

Menggambar Rumah Kartun Sederhana 

Hasil akhir tutorial
Hasil akhir tutorial

Video Tutorial

File Latihan

by desaindigital.com

Situs Yang Berani Membayar untuk Tutorial Photoshop

Photoshop adalah program yang sangat populer, semua orang menggunakannya baik untuk publishing, desain grafis, illustrasi, desain ikon, hingga 3D. Karena banyak yang membutuhkan, tutorial Photoshop termasuk salah satu bahasan yang cukup populer di dunia web. Tahukah Anda banyak situs yang berani membayar mahal untuk sebuah tutorial Photoshop berkualitas?
Sudah beberapa bulan ini saya aktif menulis tutorial Photoshop di beberapa situs. Sekedar berbagi pengalaman, berikut adalah daftar situs-situs yang menerima tutorial Photoshop dan berani membayar untuknya.

1. Psdtuts+

Psdtuts+ adalah situs tutorial Photoshop terbesar di dunia. Memiliki komunitas aktif yang terlihat dari banyaknya komentar di setiap artikel. Ini adalah situs terbaik walaupun pembayarannya bukan yang terbesar. Saat ini, kebanyakan tutorial saya ada di sana.
situs-berani-membayar-tutorial-photoshop_01.jpg

Harga:

  • Minimal $150 (tutorial panjang)
  • $50 (Quick Tip)
  • Untuk tutorial premium harganya lebih besar, bisa mencapai $800
  • Update: Bayaran setiap tutorial kini lebih fleksibel, bisa di atas $150. Jika dirasa tutorial kita cukup bagus, silakan bernegosiasi.

Kelebihan:

  • Tutorial dimuat setiap hari, Psdtuts+ akan selalu membutuhkan banyak tutorial
  • Di bagian bawah artikel, Anda diberi ruang untuk link dan deskripsi yang sangat besar. Anda bisa memasukkan deskripsi diri yang panjang dengan banyak link situs.
  • Dengan dukungan komunitas yang besar, Anda akan gampang dikenali.
  • Psdtuts+ menerima Quick Tips yang memberi Anda kesempatan untuk membagi tips dan trik pendek selama original, unik, dan bermanfaat. Panjang quick tips diusahakan kurang dari 10 langkah tapi dengan bayaran yang hampir setara dengan tutorial panjang di situs lain, $50.
  • Psdtuts+ memiliki standar yang cukup tinggi, artinya jika tutorial Anda masuk ke sana berarti kualitasnya pasti di atas rata-rata. Dengan menjadi penulis Psdtuts+, Anda memiliki daya tawar yang lebih tinggi dan lebih dihargai di komunitas desain.
  • Psdtuts+ menggunakan standar penulisan yang resmi, mengacu  pada Chicago Manual of StyleMerriam-Webster Collegiate Dictionary, dan buku panduan Adobe. Penulis diwajibkan mengacu pada standar ini sehingga secara tidak langsung Anda akan belajar teknik penulisan tutorial yang baik.
  • Psdtuts+ memiliki bagian editing khusus yang akan memperbaiki kesalahan tata bahasa, ejaan, sehingga kualitas artikel Anda terjamin.
  • Psdtuts+ sangat memperhatikan masalah copyright. Bagi yang tidak terbiasa, ini mungkin membebani karena Anda harus mendata semua sumber atau link source file yang digunakan. Walaupun begitu, memang beginilah seharusnya industri desain professional, dari proses ini Anda akan belajar untuk menghargai karya orang lain.
  • Anda bisa mengirimkan ide dan sampel hasil tutorial yang akan dibuat sebelum mulai menulis.
  • Psdtuts+ merupakan bagian dari jaringan Tutsplus+, situs tutorial terbesar di dunia. Jika Anda dikenal di Psdtuts+, Anda berkesempatan besar menggunakan skill Anda di tuts yang lain, misalnya 3D di cgtuts+ atau Illustrator di vectortuts+.

Kekurangan:

  • Pembayarannya lama. Anda dibayar pada minggu pertama di bulan berikutnya setelah publish.
  • Standarnya sangat tinggi, pastikan kualitas tutorial Anda sangat bagus.

2. Tutorial9

Tutorial9 adalah situs desain yang terkenal karena artikelnya yang berbobot. Didirikan oleh David Legget, anak muda yang usianya kurang dari 30. Bahasan situs ini cukup luas, mencakup tutorial Photoshop, Illustrator, blogging,  programming, hingga fotografi.
situs-berani-membayar-tutorial-photoshop_02.jpg

Harga:

  • $150-300 (tutorial)
  • $50-150 (artikel, inspirasi)

Kelebihan:

  • Di bagian bawah artikel, Anda diberi ruang untuk link dan deskripsi yang cukup besar. Di sebelah profil penulis, kita bisa menuliskan link situs dan account twitter.
  • Dengan dukungan komunitas yang besar, Anda akan gampang dikenali.

Kekurangan:

  • Situs ini tidak terlalu sering di-update, biasanya 1-2 kali seminggu. Artinya, kesempatan menerima artikel baru akan lebih terbatas dan jika diterima mungkin akan ada di daftar tunggu.

3. Photoshop Tutorials

Photoshop Tutorials menyediakan tutorial Photoshop berkualitas dan terus di-update harian.
situs-berani-membayar-tutorial-photoshop_03.jpg

Harga:

  • $150-300, harga ditentukan oleh panjang tutorial. Semakin panjang semakin mahal.
  • $20-60 untuk brush dan tekstur.

Kelebihan:

  • Pembayaran cepat, dilakukan sebelum artikel di-publish.
  • Tidak memiliki editor artikel. Jika ada kesalahan tata bahasa atau ejaan akan dibenarkan seadanya saja.
  • Update: Sekarang setiap penulis diberi ruang untuk menuliskan biografi diri dan link ke situsnya.

Kekurangan:

  • Di bawah artikel, Anda tidak diberi deskripsi diri, gravatar, dan link ke situs.  Deskripsi diri dan link ke situs hanya untuk 5 penulis teraktif, disimpan di sidebar.
  • Tidak memiliki komunitas aktif.

4. Design Instruct

Design Instruct adalah situs tutorial Photoshop baru. Walaupun baru, Design Instruct sudah berkembang cukup pesat karena artikel yang disajikannya berkualitas. Didirikan oleh Jacob Gube, pendiri sixrevisions.
situs-berani-membayar-tutorial-photoshop_04.jpg

Harga:

  • $100-150, tergantung kompleksitas dan kedalaman pembahasan
Kelebihan:
  • Di bagian atas artikel, Anda diberi ruang untuk link dan deskripsi. Posisinya yang di bagian atas artikel membuat profil Anda menonjol.
  • Email penulis akan otomatis direkam dan gravatarnya memiliki ciri khusus. Setiap komentar penulis di Design Instruct akan terlihat unik dan menarik perhatian. Kemungkinan pengunjung Design Instruct meng-klik link situs penulis lebih besar.

Kekurangan:

  • Komunitasnya masih sedikit.

5. Creativefan

Creativefan banyak memuat tutorial Photoshop dan di-update tiap minggu.
situs-berani-membayar-tutorial-photoshop_05.jpg

Harga:

  • Dinegosiasikan tergantung kompleksitas dan kedalaman pembahasan

Kelebihan:

  • Di bagian bawah artikel, Anda diberi ruang untuk link dan deskripsi yang sangat besar.

Kekurangan:

  • Update lambat, hanya tiap minggu. Artinya kemungkinan menerima tutorial lebih kecil. Eric Shaffer, pemilik situs ini, beberapa bulan lalu mengatakan bahwa dia sudah memiliki terlalu banyak tutorial dan lebih tertarik pada artikel desain lainnya.
  • Pembayaran lambat, dibayar di awal bulan berikutnya.

6. GoMediaZine

Di antara semua situs yang ada di daftar ini, GoMediaZine memberi bayaran paling besar, $300. Tentu saja, kualitas tutorial harus sepadan dengan harganya. Tutorial yang dibahas di sini menggunakan teknik-teknik yang unik, original, dan sering kali menggunakan berbagai program sekaligus.
situs-berani-membayar-tutorial-photoshop_08.jpg

Harga:

Kelebihan:

  • Menerima kiriman tutorial dalam format apa pun (doc atau txt tidak masalah).

Kekurangan:

  • Menuntut kualitas tutorial yang sangat tinggi.
  • Pengunjung situs ini umumnya pengguna mahir. Anda tidak akan terekspose di semua kalangan.

7. PSDFAN

PSDFAN termasuk salah satu situs yang fokus pada tutorial photoshop dan desain. Memiliki komunitas yang lumayan banyak walaupun tidak sebanyak Psdtuts+.
situs-berani-membayar-tutorial-photoshop_13.jpg

Harga:

  • Dinegosiasikan tergantung kompleksitas dan kedalaman pembahasan

Kelebihan:

  • Di bagian bawah artikel, Anda diberi ruang untuk link dan deskripsi diri .

8. Smashing Magazine

Ini adalah situs desain terbesar di internet. Semua desainer pasti pernah mendengarnya. Membahas banyak hal, mulai dari desain web, desain grafis, tipografi, pemrograman, hingga freelance. Situs ini tidak menyebutkan secara pasti bayaran yang mereka berikan.
situs-berani-membayar-tutorial-photoshop_06.jpg

Harga:

  • Dinegosiasikan tergantung kompleksitas dan kedalaman pembahasan

Kelebihan:

  • Di bagian bawah artikel, Anda diberi ruang untuk link dan deskripsi yang cukup besar.
  • Dengan dukungan komunitas yang sangat besar, Anda akan gampang dikenali.

Kekurangan:

  • Tidak begitu sering mengeluarkan tutorial Photoshop. Jadi, kesempatan Anda lebih sedikit.

9. TutorialLounge

Situs tutorial dan resource desain yang sedang berkembang.
situs-berani-membayar-tutorial-photoshop_07.jpg

Harga:

  • Dinegosiasikan tergantung kompleksitas dan kedalaman pembahasan

Kelebihan:

  • Pembayaran cepat. Dilakukan sebelum publish tutorial.

Kekurangan:

  • Bukan situs besar. Menulis di sini tidak membuat Anda cepat terkenal.
  • Tidak memiliki editor khusus pemeriksa ejaan, tata bahasa, dll.

10. 1stwebdesigner

1stwebdesigner menyediakan resource lengkap untuk para desainer. Meng-update artikelnya tiap hari. Menjadi bagian dari jaringan Smashing Magazine, Smashing Network.
situs-berani-membayar-tutorial-photoshop_09.jpg

Harga:

  • $50 (tutorial)
  • $30 (artikel)

Kelebihan:

  • Walaupun bayarannya tidak sebesar situs lain, kepopuleran situs ini bisa menutupinya. Dari situs ini, Anda akan terekspos ke banyak kalangan apalagi jika tutorial Anda masuk ke daftar Smashing Network.
  • Editor situs ini sangat ramah. Jika butuh bantuan atau saran Anda bisa langsung menghubunginya via email.

Kekurangan:

  • Tidak memiliki editor khusus pemeriksa ejaan, tata bahasa, dll.

11. PVM.Garage

Situs ini menyediakan resource bagi para desainer web.
situs-berani-membayar-tutorial-photoshop_10.jpg

Harga:

  • $30 – $150

Kelebihan:

  • Di bagian bawah artikel, Anda diberi ruang untuk link dan deskripsi yang sangat besar.
  • Situs ini cukup terkenal dan bisa membantu membesarkan nama Anda.
  • Pembayarannya cepat. Penulis dibayar sebelum artikel di-publish.

Kekurangan:

  • Tidak memiliki editor khusus pemeriksa ejaan, tata bahasa, dll.

12. The Web Squeeze

Situs ini merupakan situs untuk para desainer web dan developer.
situs-berani-membayar-tutorial-photoshop_11.jpg

Harga:

  • Dinegosiasikan tergantung kompleksitas dan kedalaman pembahasan

Kelebihan:

  • Di bagian bawah artikel, Anda diberi ruang untuk link dan deskripsi diri.
  • Artikel yang Anda publish di situs ini boleh di-publish ulang di situs sendiri.

13. WebDesigner Depot

WebDesigner adalah situs desain baru namun sudah terkenal karena artikelnya yang berkualitas. Walaupun tidak sering, situs ini juga menampilkan tutorial Photoshop.
situs-berani-membayar-tutorial-photoshop_14.jpg

Harga:

  • Dinegosiasikan tergantung kompleksitas dan kedalaman pembahasan

Kelebihan:

  • Memiliki dukungan komunitas yang besar.

Kekurangan:

  • Tidak terlalu sering menampilkan tutorial Photoshop.
  • Di bagian bawah artikel hanya menampilkan deskripsi diri secara singkat tanpa menampilkan avatar penulis.
  • Tidak menyediakan halaman khusus untuk penulis.

14. PSD Rockstar

Di sini tempat saya pertama menulis tutorial komersil di web. Kelihatannya situs ini tidak begitu diminati, saya menulis di sini akhir Februari dan hingga kini belum ada tutorial baru.
situs-berani-membayar-tutorial-photoshop_12.jpg

Harga:

  • Hingga $50.

Kekurangan:

  • Tidak diberi link dan deskripsi diri.
  • Tidak memiliki editor khusus pemeriksa ejaan, tata bahasa, dll.
  • Pemilik situs ini sepertinya kurang professional. Dia pernah menolak tutorial saya yang ternyata sukses di situs lain.

15. PS Deluxe

Situs ini membahas tutorial Photoshop dan berbagai artikel inspirasi desain. Bukan situs besar tapi reputasinya cukup bagus di kalangan situs tutorial Photoshop.
situs-berani-membayar-tutorial-photoshop_15.jpg

Harga:

  • Hingga $75 (tutorial).
  • $30-$50 (artikel desain).

Kelebihan:

  • Dalam deskripsi diri, Anda punya ruang untuk menuliskan link situs dan link twitter.

Kekurangan:

  • Lebar screenshot terbatas hingga 500 px. Yang lain biasanya hingga 600 px.

16. Web Design Fan

Bahasan situs ini cukup luas. Membahas tutorial dan artikel terkait Adobe Photoshop atau Illustrator, desain grafis, desain web, blogging, CSS, resource desain gratis, tips WordPress, plugins dan berbagai artikel inspirasi.
situs-berani-membayar-tutorial-photoshop_16.jpg

Harga:

  • $50-$250.

Kelebihan:

  • Diberi ruang cukup luas untuk menuliskan profil diri.

Kekurangan:

  • Profil penulis disimpan di sidebar kanan. Posisi ini tidak begitu menarik perhatian pembaca.

17. PSD Vault

Situs ini cukup populer. Fokus bahasannya terbatas pada Photoshop.
situs-berani-membayar-tutorial-photoshop_17.jpg

Harga:

  • Tidak disebutkan.

Kekurangan:

  • Hingga sekarang belum ada penulis tamu di situs ini. Di bawah posting tidak ada profil penulis, tapi ini mungkin berubah jika sudah ada penulis tamu.

18. Hongkiat

Hongkiat termasuk situs paling populer di antara komunitas desain. Fokus bahasannya cukup luas, mulai dari artikel desain, artikel freelance, tips desain, hingga tutorial.
situs-berani-membayar-tutorial-photoshop_18.jpg

Harga:

  • $80 – $250. Tergantung pada kualitas tutorial atau artikel.

Keuntungan:

  • Pengunjung situs ini sangat banyak, hingga 3-5 juta pengunjung. Anda akan mudah dikenali komunitas dengan menulis tamu di situs ini.
  • Di bagian bawah artikel, Anda diberi ruang untuk link dan deskripsi yang sangat besar.

Tertarik menulis tutorial?

Menulis bukan pekerjaan rendah. Seperti Anda lihat di atas, bayarannya cukup bagus. Apa Anda tahu situs mana lagi yang pantas masuk ke daftar ini? Jika ada, beri tahu saya melalui komentar di bawah.
Posted