TUTORiduan.com

Sarana Belajar & Berbagi Ilmu Desain Grafis

Blog Tutorial Desain

Kumpulan Tutorial Desain dengan menggunakan aplikasi CorelDRAW dan Photoshop, dijelaskan secara detail dengan bahasa yang mudah dipahami, secara teori dan dilengkapi VIDEO Tutorial

Wednesday, 25 September 2019


Asalamu'alaikum Wr. Wb. Jumpa lagi dengan saya dan tentunya masih di TUTORiduan, tempatnya berbagi ilmu desain grafis CorelDRAW dan Photoshop. Pada tutorial kali ini saya mau berbagi cara mudah membuat undangan digital dengan menggunakan aplikasi photoshop. Untuk tutorial kali ini saya menggunakan Photoshop CC 2017 dalam membuat undangan digital sederhana. 
Undangan digital tidak seperti undangan pada umumnya yang berupa cetakan atau hard copy, fisik undangan digital dapat dilihat dan diakses kapan saja tanpa tersekat jarak dan waktu.

Kelebihan undangan digital :

  • Dapat dilihat dan diakses kapan saja
  • Penyebarannya juga lebih ringkas, yakni dengan cara online via internet
  • Biayanya terbilang ekonomis
  • Tampilan lebih bagus dan bisa ditambah berbagai macam animasi 

Cara Membuat Undangan Digital dengan Photoshop CC

  • Buka aplikasi Photoshop CC
  • Buat dokumen baru (File > New), ukuran lembar kerja 800x500 Pixel, Orientasi : Landscape, Resolution : 72, Color mode : RGB Color
  • Download materi tutorial : 

| Download Materi Undangan Digital | Password : onlyriduan |
  • Desain dibagai menjadi 5 desain dalam 1 file, 24 layer, terdiri dari 12 teks, 2 background dan 10 gambar.

  • Desain 1, terdiri dari 5 buah teks, 2 buah gambar dan 1 background
  • Desain 2, terdiri dari 2 buat teks, 3 buah gambar dan 1 buah background

  • Desain 3, terdiri dari 2 buah teks, 2 buah gambar dan 2 buah background

  • Desain 4, terdiri dari 2 buah teks, 2 buah gambar dan 2 buah background


  • Desain 5, terdiri dari 1 buah teks, 2 buah gambar dan 2 buah background


  • Atur layout sesuai dengan gambar diatas 
  • Selanjutnya aktifkan Jendela Timeline (Window > Timeline), jumlah track akan menyesuaikan dengan jumlah layer

  • Atur hasil desain seperti gambar dibawah, untuk menentukan objek mana yang tampil duluan

  • Atur opacity masing-masing objek pada masing-masing track


  • Untuk objek teks pada teks track ada penambahan Transform dan Text Warp, untuk mengatur animasi pada teks

Cara Render Video Undangan Digital menjadikan MP4

  • Setelah selesai mengusun semua objek pada baris Track Video, selanjutnya proses Render Video
  • Pilih menu File > Export > Render Video, settingan sesuai gambar dibawah :

Cara memasukkan Audio pada Video di Undangan Digital

  • Setelah di Render maka akan tercipta sebuah file video dengan format MP4
  • Buka file video.MP4 dengan menggunakan Photoshop CC, maka pada Timeline akan ada penambahan Track Audio
  • Pada Audio Track pilih Add Audio, masukkan Audio format MP3 yang diinginkan, jika audio terlalu panjang potong dengan Split at Playhead (gambar gunting), selanjutnya hapus audio yang tidak diperlukan.

  • Langkah terakhir di Render ulang untuk menjadikan MP4 yang sudah ada audionya.
Berikut Video Tutorial Cara Membuat Undangan Digital dengan Photoshop CC :


Demikianlah cara membuat undangan digital dengan Photoshop CC, silahkan dikembangkan sesuai model dan animasi yang anda atau konsumen inginkan, semoga bermanfaat dan sukses selalu untuk ANDA.

Saturday, 21 September 2019


Asalamu'alaikum Wr. Wb. Jumpa lagi dengan saya dan tentunya masih di TUTORiduan, tempatnya berbagi ilmu desain grafis CorelDRAW dan Photoshop. Kali ini saya mau berbagi cara mudah membuat animasi GIF sederhana dengan menggunakan aplikasi photoshop dengan cepat dan mudah, disini saya menggunakan Photoshop CS6 dalam membuat animasi sederhana ini. 

Selain digunakan untuk editing photo photoshop juga dapat digunakan untuk membuat animasi GIF, yang mana animasi GIF ini dapat digunakan untuk keperluan presentasi dan dapat pula digunakan untuk efek-efek tambahan pada sebuah video, juga dapat digunakan untuk mempercantik tampilan undangan digital.

Graphics Interchange Format (.GIF)
Format GIF ini berukuran kecil dan mendukung gambar yang terdiri dari banyak frame sehingga bisa disebut sebagai gambar animasi (gambar bergerak). Format ini sering sekali digunakan di internet untuk menampilkan gambar-gambar di web.
Baca Juga :

Membuat Animasi GIF dengan Photoshop CS6

Berikut langkah pembuatan Animasi GIF :
  • Buka aplikasi Photoshop (CS6 atau CC)
  • Buat lembar kerja baru (File > New), settingan seperti gambar dibawah
  • Buka gambar orang berjalan format .PNG (File > Open).... (gambar bisa download disini)
  • Selanjutnya ambil gambar satu per satu dengan menggunakan Rectangular Marquee Tool, carannya setelah salah satu gambar di seleksi dengan Rectangular Marquee Tool (Cut / Ctrl+X), lalu buka lembar kerja kita, dan (Paster / Ctrl + V)
  • Lakukan cara yang sama untuk semua gambar, maka akan tercipta 8 buah layer yang berisikan 8 buah gambar berbeda; seperti pada gambar dibawah
  • Selanjutnya aktifkan / tampilkan Timeline ( Window > Timeline )
  • Selanjutnya lakukan proses Duplicate ada freme yang terseleksi
  • Selanjutnya aktifkan Frame 1 dan pada layer nonaktifkan layer 2 s/d layer 8
  • Selanjutnya aktifkan Frame 2, pada layer; aktifkan layer 2 dan nonaktifkan layer 1
  • Selanjutnya aktifkan Frame 3, pada layer; aktifkan layer 3 dan nonaktifkan layer 1
  • Selanjutnya aktifkan Frame 4, pada layer; aktifkan layer 4 dan nonaktifkan layer 1
  • Selanjutnya aktifkan Frame 5, pada layer; aktifkan layer 5 dan nonaktifkan layer 1
  • Selanjutnya aktifkan Frame 6, pada layer; aktifkan layer 6 dan nonaktifkan layer 1
  • Selanjutnya aktifkan Frame 7, pada layer; aktifkan layer 7 dan nonaktifkan layer 1
  • Selanjutnya aktifkan Frame 8, pada layer; aktifkan layer 8 dan nonaktifkan layer 1
  • Selanjutnya atur waktu animasinya, caranya blok semua frame, lalu klik tanda waktu dan pilih 0.2 Seconds, seperti pada gambar dibawah

  • Selanjutnya pilih mode Forever agar animasi berjalan terus menerus
  • lalu tekan tombol Play untuk menjalankan animasinya

Demikianlah cara Mudah Membuat Animasi GIF mudah dan cepat dengan Photoshop CS6, semoga bermanfaat dan sukses selalu untuk ANDA.

Tuesday, 17 September 2019


Asalamu'alaikum Wr. Wb. Jumpa lagi dengan saya dan tentunya masih di TUTORiduan, tempatnya berbagi ilmu desain grafis CorelDRAW dan Photoshop. Kali ini saya mau berbagi cara cepat merubah ukuran banyak gambar hanya dengan 1 kali klik langsung jadi dan langsung tersimpan pada folder yang kita inginkan. 

Dengan aplikasi Photoshop kita bisa membuat apa saja yang kita inginkan tapi hanya sedikit orang mengetahui trik-trik rahasia yang dimiliki Photoshop, dengan trik ini membuat pekerjaan menjadi lebih efesien dan cepat.

Baca Juga :
Nanti kita akan melakukan proses perekaman dengan menggunakan  Action yang ada di Photoshop, lalu hasil perekaman akan kita simpan dalam format Droplet. Proses pembuatan saya menggunakan Photoshop CS6.


Apa itu Droplet  ?
"Droplet atau aplikasi kecil dengan format.exe yang dapat dijalankan tanpa harus berada di dalam program Photoshop"
Teknik pembuatan dan penggunaan Droplet bukan hanya dapat digunakan untuk mengecilkan gambar saja, tapi dapat juga digunakan untuk editing gambar yang lainnya.

Cara merubah ukuran banyak gambar hanya dengan 1 kali klik

Adapun langkah-langkah pembuatan dan penggunaan Droplet akan kita bahas sebagai berikut :

Proses perekaman dan pembuatan Droplet
  • Buka aplikasi Photoshop CS6
  • Buka jendela Action ( Window > Action atau Alt + F9 )
  • Buat folder untuk menempatkan Action yang ingin kita buat, misal; "Action Mengecilkan Image", buka menu disamping kanan atas, lalu pilih New Set...



  • Selanjutnya ketikkan nama folder "Action Mengecilkan Image" lalu OK.

  • Selanjutnya buka gambar yang ingin dikecilkan ukurannya ( File > Open )


  • Selanjutnya buat nama Action " 50% ", buka menu disamping kanan atas lalu pilih New Action, lakukan seperti gambar dibawah Name : 50%, Set : Action Mengecilkan Image, lalu klik tombol Record (untuk melakukan proses perekaman) 
  • Selanjutnya pilih menu Image > Image Size, pada Width dan Height isikan masing-masing 50 Percent lalu klik tombol OK, seperti pada gambar dibawah, maka gambar akan mengecil 50%.

  • Selanjutnya simpan gambar ( File > Save For Web ), tentukan jenis file dan Qualitasnya, lalu klik tombol Save

  • Buat sebuah folder untuk menempatkan gambar yang telah dikecilkan ukurannya dan jangan lupa membuat nama filenya... laku klik tombol Save.



  • Selanjutnya klik tombol Stop untuk mengakhiri proses perekaman

  • Selanjutnya membuat Droplet ( File > Automate > Create Droplet ), pada tombol Choose untuk menentukan Droplet.Exe (taruh di Desktop saja), untuk Play tentukan folder tempat Action 50% berada... lalu klik tombol OK

  • Maka akan tercipta sebuah Icon Droplet di Desktop ( Droplet.Exe)


  • Proses perekaman dan pembuatan Droplet selesai.

Cara Penggunaan Droplet.Exe
  • Minimise semua aplikasi, termasuk aplikasi photoshop, yang tampil hanya desktop
  • Buka Window Explorer yang berisikan kumpulan gambar yang ingin dikecilkan ukurannya, lalu drag salah satu gambar ke Icon Droplet.

  • Secara otomatis akan membuka aplikasi photoshop, lalu minimise aja, dan otomatis gambar sudah mengecil ukurannya dan langsung tersimpan di Folder 50%, silahkan di cek di folder tersebut, gambar sudah berubah ukuran menjadi 50% lebih kecil.



  • Proses penggunaan Droplet selesai.
Penjelasan melalui Video Tutorial :


Demikianlah cara merubah ukuran banyak gambar hanya dengan 1 kali klik dengan photoshop, semoga bermanfaat dan sukses selalu untuk ANDA.

Friday, 13 September 2019


Asalamu'alaikum Wr. Wb. Jumpa lagi dengan saya dan tentunya masih di TUTORiduan, tempatnya berbagi ilmu desain grafis CorelDRAW dan Photoshop. Kali ini saya mau berbagi pengetahuan tentang ukuran halaman koran, majalah, tabloid dan brosur. Penting bagi seorang desain mengetahui layout dan design halaman. Berikut dibawah ini ada beberapa panduan mengenai ukuran halaman cetak koran, majalah, tabloid dan lain-lain.

Baca juga :


Ukuran Halaman Koran, Majalah, Tabloid, dan Brosur

Ukuran Koran :


Ukuran koran ada yang  coverage area nasional seperti Kompas, Media Indonesia, Sindo, Republika, Jakarta Post, Jawa Pos, Pos Kota, dan Bisnis Indonesia. Kemudian ada juga yang segmented coverage areanya atau di sebut koran lokal. Sebut saja Pikiran Rakyat, Radar Bekasi, Radar Bogor, Galamedia, Lampung Pos, dan masih banyak lagi. Format desain halaman surat kabar pada mulanya berukuran broadsheet (42 x 58 cm), namun pada tahun 2005 banyak koran melakukan reformatting dengan ukuran yang lebih ramping 38 x 57,5 cm, jumlah kolom juga berkurang dari 9 kolom menjadi 7 kolom. Saat ini ukuran standar yang banyak digunakan ialah 330,5mm x 550mm.  Tapi biasanya berbeda beda, Pikiran Rakyat saat ini menggunakan ukuran kertas (area cetak): 347.5 mm x 580 mm (7 kolom x 580), sedangkan Kompas menggunakan ukuran: 352 x 540 mm.


Ukuran Majalah :


Ukuran majalah pada dasarnya standar saja, tapi dengan berkembangnya zaman, kreativitas size mulai berkembang dan lebih variatif. Sebut saja majalah ukuran terbesar standar international adalah: 330.5mmX 240.5mm. Untuk ukuran standar majalah adalah: 210.5mm x 270,5mm. (Tempo, Gatra, KOmputer Info dll)


Ukuran Tabloid : 


Tabloid di Indonesia sangat memahami posisinya sebagai nomor dua setelah koran. Praktis, mudah di bawa kemana mana dan mudah di baca di mana pun. Ukurannya: 290 mm x 420mm dengan jumlah halamannya 24, 32 hingga 40 halaman.


Ukuran Brosur :


Untuk ukuran kertasnya ada beberapa pilihan yaitu A4, kwarto (21cm x 29,7cm), F4 (21,5cm x 33cm), Letter dan Custom. Hal ini sangat di anjurkan daripada memakai ukuran seenaknya sendiri karena ketentuan ukuran tersebut sudah dikondisikan dengan ukuran kertas plano (kertas ukuran besar sebelum dipotong-potong menjadi bagian tertentu, biasanya dijual khusus untuk distributor dan penjual grosir kertas), jadi sangat pas dan tidak berlebih yang bisa mengakibatkan terjadi pembengkakan biaya.


Ukuran Newsletter / Buletin :


Newsletter/Buletin : Sering kita lihat di internal perusahaan sangat ideal untuk ukuran A4/letter (jumlah 2 sampai 4 lembar)


Ukuran Undangan :


Ukuran undangan tergantung selera, tapi format ukuran untuk memudahkan pencetakan menggunakan ukuran 210,5 mm x 16,5 mm / 160,5 mm x 160,5 mm


Ukuran Sertifikat / Piagam :

Untuk Sertifikat/Piagam Penghargaan dan ijazah : ukuran bisa Folio atau A4.

Sumber: http://dedesuhaya.blogspot.com/2014/06/ukuran-halaman-koran-majalah-tabloid.html

Desain Spanduk Natal 2019 dengan CorelDRAW

Asalamu'alaikum Wr. Wb. Jumpa lagi dengan saya dan tentunya masih di TUTORiduan , tempatnya berbagi ilmu desain grafis CorelDRAW da...