TUTORiduan.com

Sarana Belajar & Berbagi Ilmu Desain Grafis

Tuesday, 15 October 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 file CDR kalender duduk atau kalender meja serta cara mengedi ulangnya gambar serta objek yang lainnya.


Sebentar lagi kita akan meninggalkan tahun 2019, dan kita akan memasuki tahun 2020. Pada postingan ini saya akan berbagi desain kalender duduk atau kalender meja dengan model 1 bulan dalam satu lembarnya dalam format CorelDRAW (CDR) yang dapat diedit ulang, kalender dilengkapi pula dengan penanggalan Jawa dan penanggalan Hijriyah.

Baca Juga :


Untuk ukuran Kalender Duduk ini  (21 x 15 ) dalam satuan Centimeter. Untuk tahu cara mengeditnya saya jelaskan secara detail pada video tutorial dibawah. 

Desain Kalender Duduk 2020 dengan CorelDraw

Berikut penampakan Kalender Duduk 2020 model 1 bulan :

Cover Kalender Duduk 2020

Untuk tampilan Cover Kalender Duduk / meja 2020 ini menampilkan Logo Perusahaan, alamat medsos dan gambar yang akan digunakan pada desain masing-masing bulan.

Kalender Duduk Januari 2020


Kalender Duduk Februari 2020

Pada desain kalender duduk / meja  2020 ini dalam satu lembarnya akan menampilkan bulan sesudah dan bulan sebelumnya serta ada kolom untuk catatan juga disetiap halaman menampilkan logo perusahaan dan alamat medsos.

Silahkan download file CDR pada link dibawah ini :

| Download Kalender Duduk 2020 CDR | Pass : onlyriduan |


Demikianlah cara mendesain ulang kalender duduk / meja 2020 dengan CorelDraw, semoga file CDR yang saya bagikan bermanfaat, jangan lupa Like dan Sharenya agar juga dapat bermanfaat untuk orang banyak... tetap semangat dan sukses selalu untuk ANDA.

Monday, 14 October 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 Perspektif sederhana sebuah ruangan 1 titik dengan CorelDRAW.


Perspektif berasal dari bahasa italia prospettiva yang berarti gambar pandangan atau sudut pandangan. Menurut Leonardo da Vinci, perspektif adalah sesuatu yang alami yang terbentuk dari relief datar menjadi suatu relief bidang atau ruang.
Perspektif adalah suatu teknik sistem matematika untuk membentuk suatu proyeksi bidang tiga dimensi ke dalam bidang dua dimensi, seperti kertas atau canvas.
Baca Juga :


Perspektif 1 Titik

Perspektif 1 titik hilang berarti gambar prespektif yang terjadi saat sebuah objek dilihat dengan garis pusat pandangan tegak lurus terhadap salah satu permukaannya. Sistem perespektif ini digunakan untuk menggambar obyek (benda) yang terletak relatif dekat dengan mata. Karena letak obyek yang cukup dekat, akibatnya mata memiliki sudut pandang yang sempit, sehingga garis-garis batas benda akan menuju satu titik lenyap saja, kecuali bila sejajar dengan horizon dan tegak lurus terhadapnya. Gambar yang demikian sering disebut dengan paralel perspective sebab banyak menggunakan garis-garis bantu yang sejajar horizon dan vertikal. Penerapan gambar ini banyak digunakan pada gambar rancang bangun (desain) interior.

Cara Membuat Perspektif Sederhana 1 Titik dengan CorelDRAW

Proses pembuatan Perspektif  ruangan sederhana 1 titik sebagai berikut :

  • Buka aplikasi Coreldraw
  • Buat sebuah kotak dan garis menyilang, seperti gambar dibawah :
  • Selanjutnya buat pintu dengan garis bantu (garis merah)
  • Setelah selesai dibuat hapus garis bantu
  • Selajutnya pembuatan lantai, aktifkan Graph Paper Tool Column 10 dan Row 10.

  • Lalu aktifkan Perspektif ( Effect > Perspektif ), pada bagian bawah tarik ke kiri dan ke kanan, maka hasilnya seperti gambar dibawah :

  • Selanjutnya pembuatan jendela dengan menggunakan garis bantu (garis merah)

  • Lalu aktifkan Perspektif ( Effect > Perspektif ), pada bagian kiri kotak tarik ke atas dan ke bawah sesuai garis bantu, maka hasilnya seperti gambar dibawah :



  • Selanjutnya pembuatan meja, dengan menggunakan garis bantu (garis merah)
  • Selanjutnya buat kaki meja dan hapus garis bantu, maka hasilnya seperti gambar dibawah :


  • Tambahkan pas bunga dan hiasan dinding.
  • Selanjutnya proses pembuatan sofa, tarik garis bantu untuk mengatur perspektifnya, buat kotak seperti gambar dibawah :

  • Selanjutnya tambahkan beberapa objek hingga menjadi sofa yang utuh

  • Selesai.... selamat mencoba.
Demikianlah cara mudah membuat perspektif sederhana 1 titik sebuah ruangan dengan menggunakan CorelDRAW, silahkan dikembangkan sesuai model perspektif yang diinginkan, semoga bermanfaat dan sukses selalu untuk ANDA.

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.

Tanya Jawab Desain Grafis

1.       Apa yang dimaksud desain grafis? Desain grafis merupakan perpaduan seni dan metode komunikasi yang memadukan beragam unsur se...