admin

Tutorial membuat game android sederhana tanpa coding dan pasang iklan admob

by
Screenshot aplikasi yang saya buat
Pernahkah kamu berpikir bagaimana caranya membuat sebuah game android? Dan tertarik ingin membuat sebuah game walaupun itu sederhana? Semua orang yang senang bermain game pasti pernah tertarik, namun yang sering menjadi kendala adalah tidak semua orang paham dunia coding dimana ini adalah basic dari sebuah pembuatan game.
Namun pada kesempatan kali ini saya akan memberikan tutorial bagaimana membuat sebuah game android dimana kita membuatnya tanpa harus memahami dunia coding terlebih dahulu. Dengan kata lain disini kita hanya membuat inti permainan dari yang kita buat tersebut.
Lalu aplikasi apa yang akan saya gunakan?
Disini saya akan menggunakan sebuah website pembuat game yang belum orang banyak tahu yaitu website QuickAppNinja. Kamu bisa search di google situs ini dengan kata kunci tersebut.
Berikut adalah contoh game yang saya buat, kamu bisa mencoba menginstallnya berikut ini…
Website QuickAppNinja ini menyediakan layanan untuk pembuatan game sederhana yang bahkan bisa gunakan sebagai ladang bisnis. Karena kita bisa langsung memasang iklan admob kita didalam aplikasinya yang nantinya akan tayang iklannya dan upload gamenya ke Google Console supaya banyak yang unduh dan mendapatkan uang jika banyak yg klik iklan di aplikasinya.
Jadi selain membuat game kamu juga bisa mendapatkan pendapatan nantinya.
Lalu bagaimana cara pembuatan gamenya? Silahkan ikuti tutorial berikut ini.
  • Buka situs QuickAppNinja
Bukalah situs QuickAppNinja di google dan silahkan langsung daftar. Kamu bisa mendaftar dengan menggunakan akun google supaya cepat. Jika sudah daftar, maka kamu akan masuk ke tampilan seperti dibawah ini.
Silahkan kamu langsung klik Create New Game.
• Pilih jenis game
Selanjutnya kamu akan masuk ke tampilan dimana kamu harus memilih jenis game sederhana yang kamu inginkan. Disini ada 4 pilihan yaitu seperti dibawah ini.
Untuk contoh, disini saya akan menggunakan jenis game Find Words. Maka klik “Use this Template” untuk memilih jenis game yang akan kita buat.
Jenis Find Words disini adalah game dimana kita harus mencari sebuah kata dari sebuah kolom yang terdapat huruf yang sengaja diacak. Dan kita hanya perlu menggeserkan jari kita diantara huruf-huruf tersebut sehingga mengurut menjadi sebuat kata.
• Designing
Setelah memilih jenis game yang kita buat, maka sekarang kita langsung masuk ke tahap pembuatan gamenya. Tentunya yang pertama kita buat adalah tahap designing. 
Disini kamu tidak perlu melakukan tahap pengcodingan, karena disini kita hanya merubah warna-warna yang terdapat pada aplikasi yang kita buat saja. Karena tampilan dan tata letak dari aplikasinya sudah ada. Jadi kita hanya merubah warna-warna dari aplikasinya saja. Seperti warna teks dan lainnya.
Silahkan kamu ubah-ubah warnanya atau juga merubah latar awal dari aplikasinya dengan memasukan gambar atau apapun yang menurut kamu menarik.
Pada aplikasnya nanti akan ada Watermark dari QuickAppNinjanya pada halaman awal dari aplikasi yang kita buat. Karena disini kita menggunakan versie gratis dari QuickAppNinja. Jika kamu ingin menghilangkan Watermarknya, kamu bisa membayar dengan harga $9 kalau tidak salah. Dan aplikasnyapun akan selesai tanpa watermark.
• Content
Jika tahap design sudah selesai, maka selanjutnya silahkan kamu klik tab Content.  Maka tampilannya akan menjadi seperti dibawah ini.
Nah disinilah kita membuat inti dari permainannya. Ini adalah tahap membuat permainan yang nanti kita mainkan pada aplikasinya jika sudah selesai dibuat. 
Pada sebuah permainan biasanya urutan tingkat kesulitannya adalah dari yang mudah sampai yang paling susah.  Maka perhatikan pada side kiri, disini kamu bisa membuat level-level dari permaiannya sebanyak yang kamu inginkan.  Dari mulai level 1 sampai ke level yang paling sulit.
Dikarenakan yang mudah terlebih dahulu, maka untuk level 1 kolom permainannya 3×3 terlebih dahulu seperti gambar diatas. Kemudian silahkan pikirkan kata demi kata yang hurufnya cukup untuk dimasukan kedalam kolom tersebut. Dan pada gambar diatas adalah contoh kata yang saya pikirkan dan jumlahnya pas dengan kolomnya.
Jika semua katanya sudah dimasukan, maka silahkan klik “Define Words” untuk memberikan jawaban pada level ini. Maka silahkan kamu beri jawabannya seperti dibawah ini.
Pastikan jawabannya muncul seperti yang saya tandai pada gambar diatas.
Selanjutnya kamu bisa langsung membuat level selanjutnya. Dan pastikan setiap naik level maka tingkat kesulitannyapun meningkat. Seperti contoh berikut ini.
  • Sounds
Jika semua levelnya sudah kamu buat dan rampung, maka selanjutnya kita klik tab sounds. Nah disinilah tahap pemberian suara effect jika mengeluarkan jawaban yang benar, salah, ataupun yang lainnya. Kamu juga bisa mengklik icon tanda panah seperti dibawah ini jika kamu punya sound effec sendiri. Dan silahkan upload.
  • Icon
Jika tahap sounds effect sudah selesai, maka silahkan kamu klik tab Icon maka akan muncul tampilan pemberian icon dari aplikasi kamu seperti dibawah ini.
Kamu bisa menggunakan icon yang sudah disediakan ataupun mengupload icon kamu sendiri dengan ukuran 1000×1000 px dengan cara klik Upload Your Own. Silahkan kamu upload iconnya.

Cara membuat bayangan orang pada vector photo kartun di infinite design

by
Terkadang kita selalu bosan dengan tampilan background untuk vector photo kartun kita yang gitu-gitu aja. Seperti halnya menambahkan background pemandangan dan yang lainnya yang familiar.
Nah, pada kesempatan kali ini saya akan membagikan sedikit tutorial dimana kita menambahkan bayangan dari orang yang kita buat vector dengan sangat rapih dan terlihat sesuai. Sehingga menjadi sedikit unik.
Jika kita membuat bayangan orangnya secara manual, maka hasilnya tidak akan rapi dan sesuai. Karena itulah saya sekarang akan membagikan tutorial cara membuat bayangan orang pada vector photo kartun khususnya menggunakan aplikasi Infinite Design android. Berikut adalah tutorialnya…
Pertama, pastikan kamu sudah membuat vectornya terlebih dahulu dan pastikan semuanya sudah selesai dimana tinggal finishingnya saja yaitu menambahkan atau membuat background.
Selanjutnya silahkan kamu amati project kamu, pastikan semua layer belum dimerge. Amatilah objek yang manasajakah yang mewakili bentuk dari vector kamu. Seperti contoh dibawah ini, dimana yang mewakili bentuk dari keseluruhan bentuk vectornya adalah jaket dan muka. Maka silahkan kamu duplicate layernya (perhatikan gambar dibawah) dan hiden layer yang lainnya. Sehingga layer yang tampil hanyalah layer duplicatan/salinan tadi.
Kemudian silahkan kamu hapus shading-shadingnya sehingga hanya menyisakan bagian warna dasarnya saja seperti dibawah ini. Selanjutnya silahkan kamu merge kedua layer tersebut.

Cara membuat bayangan orang pada vector photo kartun di infinite design

by
Terkadang kita selalu bosan dengan tampilan background untuk vector photo kartun kita yang gitu-gitu aja. Seperti halnya menambahkan background pemandangan dan yang lainnya yang familiar.
Nah, pada kesempatan kali ini saya akan membagikan sedikit tutorial dimana kita menambahkan bayangan dari orang yang kita buat vector dengan sangat rapih dan terlihat sesuai. Sehingga menjadi sedikit unik.
Jika kita membuat bayangan orangnya secara manual, maka hasilnya tidak akan rapi dan sesuai. Karena itulah saya sekarang akan membagikan tutorial cara membuat bayangan orang pada vector photo kartun khususnya menggunakan aplikasi Infinite Design android. Berikut adalah tutorialnya…
Pertama, pastikan kamu sudah membuat vectornya terlebih dahulu dan pastikan semuanya sudah selesai dimana tinggal finishingnya saja yaitu menambahkan atau membuat background.
Selanjutnya silahkan kamu amati project kamu, pastikan semua layer belum dimerge. Amatilah objek yang manasajakah yang mewakili bentuk dari vector kamu. Seperti contoh dibawah ini, dimana yang mewakili bentuk dari keseluruhan bentuk vectornya adalah jaket dan muka. Maka silahkan kamu duplicate layernya (perhatikan gambar dibawah) dan hiden layer yang lainnya. Sehingga layer yang tampil hanyalah layer duplicatan/salinan tadi.
Kemudian silahkan kamu hapus shading-shadingnya sehingga hanya menyisakan bagian warna dasarnya saja seperti dibawah ini. Selanjutnya silahkan kamu merge kedua layer tersebut.

Cara membuat bayangan orang pada vector photo kartun di infinite design

by
Terkadang kita selalu bosan dengan tampilan background untuk vector photo kartun kita yang gitu-gitu aja. Seperti halnya menambahkan background pemandangan dan yang lainnya yang familiar.
Nah, pada kesempatan kali ini saya akan membagikan sedikit tutorial dimana kita menambahkan bayangan dari orang yang kita buat vector dengan sangat rapih dan terlihat sesuai. Sehingga menjadi sedikit unik.
Jika kita membuat bayangan orangnya secara manual, maka hasilnya tidak akan rapi dan sesuai. Karena itulah saya sekarang akan membagikan tutorial cara membuat bayangan orang pada vector photo kartun khususnya menggunakan aplikasi Infinite Design android. Berikut adalah tutorialnya…
Pertama, pastikan kamu sudah membuat vectornya terlebih dahulu dan pastikan semuanya sudah selesai dimana tinggal finishingnya saja yaitu menambahkan atau membuat background.
Selanjutnya silahkan kamu amati project kamu, pastikan semua layer belum dimerge. Amatilah objek yang manasajakah yang mewakili bentuk dari vector kamu. Seperti contoh dibawah ini, dimana yang mewakili bentuk dari keseluruhan bentuk vectornya adalah jaket dan muka. Maka silahkan kamu duplicate layernya (perhatikan gambar dibawah) dan hiden layer yang lainnya. Sehingga layer yang tampil hanyalah layer duplicatan/salinan tadi.
Kemudian silahkan kamu hapus shading-shadingnya sehingga hanya menyisakan bagian warna dasarnya saja seperti dibawah ini. Selanjutnya silahkan kamu merge kedua layer tersebut.

Tutorial membuat vector photo kartun Fatin Shidqia di Photoshop PART 1 (Mata dan Mulut)

by
Aplikasi photoshop cs2 menjadi platform yang saya gunakan untuk tutorial vector pada kesempatan kali ini dengan menggunakan photo Fatin Shidqia sebagai modelnya. Kenapa tidak menggunakan aplikasi photoshop cs6 atau yang tingkat versienya lebih tinggi dari cs2?
Tutorial PART 2-nya sudah tersedia, kamu bisa cek dengan cara klik link disini 
Saya menggunakan versie cs2 karena agak lebih ringan dan nyaman, dan toolpun tidak jauh berbeda sama versie cs3 keatas. Jadi asal kita menguasai basic dari aplikasinya, mau versie berapapun tidak masalah. Dan dalam beberapa tahun kebelakang pihak Adobe sendiri sudah membagikan aplikasi Photoshop cs2 resmi secara gratis.
Walaupun sekarang halaman downloadnya sudah tidak ada.
Seperti biasa disini saya akan membagi tutorial menjadi beberapa PART, dan untuk PART 1 ini saya akan membahas bagaimana proses pembuatan mata dan mulut. Dan untuk hasil dari keseluruhannya akan menjadi seperti dibawah ini.
Tertarik dan penasaran bagaimana proses pembuatannya? Simak tutorial berikut ini.
Sebelum masuk ke tutorial intinya, silahkan kamu save terlebih dahulu pallet dan photo model Fatin Shidqianya untuk kamu pelajari dan mengikuti tutorial ini.
Jika sudah save pallet dan photonya, silahkan kamu ikuti tutorialnya berikut ini.
Pertama yang harus kamu lakukan adalah memasukan palletnya terlebih dahulu ke aplikasi photoshop dan menyimpannya yang bisa  kamu baca Cara memasukan pallet ke aplikasi Photoshop disini.
Setelah memasukan pallet ke dalam aplikasi Photoshopnya, maka selanjutnya adalah kita membuat projek di photoshop dengan cara langsung klik Ctrl+O atau “Open” dan cari photo Fatin Shidqia yang kamu simpan sebelumnya. 
Maka akan langsung terbuka project baru dengan ukurannya sama dengan ukuran photo Fatinnya.
Selanjutnya silahkan kamu buat beberapa Folder Grup seperti dibawah ini dan jangan lupa duplicate juga layer Backgroundnya dan simpan paling atas untuk copyannya.
Silahkan kamu ikuti urutannya seperti yang saya lakukan diatas.
Jika sudah seperti diatas, maka kita lanjut membuat line art matanya dengan menggunakan Pentool dan dengan menggunakan settingan seperti dibawah ini.
Jangan lupa pastikan menggunakan warna line art yang sudah saya letakan pada gambar palletnya.
Selanjutnya silahkan buat line artnya mulai dari bulu mata seperti dibawah ini dengan membuat layer baru terlebih dahulu dan simpan pada folder group Mata dan Mulut. Dan ketika sudah membuat 1 design klik seperti yang saya tandai dibawah ini supaya kita tidak membuat layer baru otomatis yang tentunya akan membuat terlalu banyak layer.
Lalu silahkan kamu buat line art lainnya seperti bulu mata satunya dan aslinya juga.
Maka hasilnya akan menjadi seperti dibawah ini dengan menonaktifkan terlebih dahulu layer duplicate dari backgroundnya
Selanjutnya kita buat bagian matanya di layer baru yang disimpan tepat dibawah layer bulu mata tadi seperti dibawah ini. Dan masih gunakan tool yang sama dan jangan lupa ubah warnanya ke warna gigi no 2 atau yang ditengah yang sudah saya siapkan pada gambar pallet. Buatlah seprti dibawah ini dimana ini disebut warna dasar pada mata.
Jika sudah seperti diatas, maka kita sekarang kita buat lensa matanya. Untuk membuat lensa mata silahkan kamu buat layer terlebih dahulu dan simpan tepat diatas layer warna dasarnya. Selanjutnya silahkan kamu klik kanan pada layer baru tersebut dan pilih “Create Cliping Mask” maka akan menjadi seperti dibawah ini.
Cliping Mask disini digunakan supaya design yang kita buat hanya akan tampil pada design yang terdapat pada layer inti yang dihubungkan dengan cliping mask dimana warna dasar dari mata yang kita buat tadi adalah layer intinya.

Tutorial membuat vector photo kartun Fatin Shidqia di Photoshop PART 1 (Mata dan Mulut)

by
Aplikasi photoshop cs2 menjadi platform yang saya gunakan untuk tutorial vector pada kesempatan kali ini dengan menggunakan photo Fatin Shidqia sebagai modelnya. Kenapa tidak menggunakan aplikasi photoshop cs6 atau yang tingkat versienya lebih tinggi dari cs2?
Tutorial PART 2-nya sudah tersedia, kamu bisa cek dengan cara klik link disini 
Saya menggunakan versie cs2 karena agak lebih ringan dan nyaman, dan toolpun tidak jauh berbeda sama versie cs3 keatas. Jadi asal kita menguasai basic dari aplikasinya, mau versie berapapun tidak masalah. Dan dalam beberapa tahun kebelakang pihak Adobe sendiri sudah membagikan aplikasi Photoshop cs2 resmi secara gratis.
Walaupun sekarang halaman downloadnya sudah tidak ada.
Seperti biasa disini saya akan membagi tutorial menjadi beberapa PART, dan untuk PART 1 ini saya akan membahas bagaimana proses pembuatan mata dan mulut. Dan untuk hasil dari keseluruhannya akan menjadi seperti dibawah ini.
Tertarik dan penasaran bagaimana proses pembuatannya? Simak tutorial berikut ini.
Sebelum masuk ke tutorial intinya, silahkan kamu save terlebih dahulu pallet dan photo model Fatin Shidqianya untuk kamu pelajari dan mengikuti tutorial ini.
Jika sudah save pallet dan photonya, silahkan kamu ikuti tutorialnya berikut ini.
Pertama yang harus kamu lakukan adalah memasukan palletnya terlebih dahulu ke aplikasi photoshop dan menyimpannya yang bisa  kamu baca Cara memasukan pallet ke aplikasi Photoshop disini.
Setelah memasukan pallet ke dalam aplikasi Photoshopnya, maka selanjutnya adalah kita membuat projek di photoshop dengan cara langsung klik Ctrl+O atau “Open” dan cari photo Fatin Shidqia yang kamu simpan sebelumnya. 
Maka akan langsung terbuka project baru dengan ukurannya sama dengan ukuran photo Fatinnya.
Selanjutnya silahkan kamu buat beberapa Folder Grup seperti dibawah ini dan jangan lupa duplicate juga layer Backgroundnya dan simpan paling atas untuk copyannya.
Silahkan kamu ikuti urutannya seperti yang saya lakukan diatas.
Jika sudah seperti diatas, maka kita lanjut membuat line art matanya dengan menggunakan Pentool dan dengan menggunakan settingan seperti dibawah ini.
Jangan lupa pastikan menggunakan warna line art yang sudah saya letakan pada gambar palletnya.
Selanjutnya silahkan buat line artnya mulai dari bulu mata seperti dibawah ini dengan membuat layer baru terlebih dahulu dan simpan pada folder group Mata dan Mulut. Dan ketika sudah membuat 1 design klik seperti yang saya tandai dibawah ini supaya kita tidak membuat layer baru otomatis yang tentunya akan membuat terlalu banyak layer.
Lalu silahkan kamu buat line art lainnya seperti bulu mata satunya dan aslinya juga.
Maka hasilnya akan menjadi seperti dibawah ini dengan menonaktifkan terlebih dahulu layer duplicate dari backgroundnya
Selanjutnya kita buat bagian matanya di layer baru yang disimpan tepat dibawah layer bulu mata tadi seperti dibawah ini. Dan masih gunakan tool yang sama dan jangan lupa ubah warnanya ke warna gigi no 2 atau yang ditengah yang sudah saya siapkan pada gambar pallet. Buatlah seprti dibawah ini dimana ini disebut warna dasar pada mata.
Jika sudah seperti diatas, maka kita sekarang kita buat lensa matanya. Untuk membuat lensa mata silahkan kamu buat layer terlebih dahulu dan simpan tepat diatas layer warna dasarnya. Selanjutnya silahkan kamu klik kanan pada layer baru tersebut dan pilih “Create Cliping Mask” maka akan menjadi seperti dibawah ini.
Cliping Mask disini digunakan supaya design yang kita buat hanya akan tampil pada design yang terdapat pada layer inti yang dihubungkan dengan cliping mask dimana warna dasar dari mata yang kita buat tadi adalah layer intinya.

Tutorial membuat vector photo kartun Fatin Shidqia di Photoshop PART 1 (Mata dan Mulut)

by
Aplikasi photoshop cs2 menjadi platform yang saya gunakan untuk tutorial vector pada kesempatan kali ini dengan menggunakan photo Fatin Shidqia sebagai modelnya. Kenapa tidak menggunakan aplikasi photoshop cs6 atau yang tingkat versienya lebih tinggi dari cs2?
Tutorial PART 2-nya sudah tersedia, kamu bisa cek dengan cara klik link disini 
Saya menggunakan versie cs2 karena agak lebih ringan dan nyaman, dan toolpun tidak jauh berbeda sama versie cs3 keatas. Jadi asal kita menguasai basic dari aplikasinya, mau versie berapapun tidak masalah. Dan dalam beberapa tahun kebelakang pihak Adobe sendiri sudah membagikan aplikasi Photoshop cs2 resmi secara gratis.
Walaupun sekarang halaman downloadnya sudah tidak ada.
Seperti biasa disini saya akan membagi tutorial menjadi beberapa PART, dan untuk PART 1 ini saya akan membahas bagaimana proses pembuatan mata dan mulut. Dan untuk hasil dari keseluruhannya akan menjadi seperti dibawah ini.
Tertarik dan penasaran bagaimana proses pembuatannya? Simak tutorial berikut ini.
Sebelum masuk ke tutorial intinya, silahkan kamu save terlebih dahulu pallet dan photo model Fatin Shidqianya untuk kamu pelajari dan mengikuti tutorial ini.
Jika sudah save pallet dan photonya, silahkan kamu ikuti tutorialnya berikut ini.
Pertama yang harus kamu lakukan adalah memasukan palletnya terlebih dahulu ke aplikasi photoshop dan menyimpannya yang bisa  kamu baca Cara memasukan pallet ke aplikasi Photoshop disini.
Setelah memasukan pallet ke dalam aplikasi Photoshopnya, maka selanjutnya adalah kita membuat projek di photoshop dengan cara langsung klik Ctrl+O atau “Open” dan cari photo Fatin Shidqia yang kamu simpan sebelumnya. 
Maka akan langsung terbuka project baru dengan ukurannya sama dengan ukuran photo Fatinnya.
Selanjutnya silahkan kamu buat beberapa Folder Grup seperti dibawah ini dan jangan lupa duplicate juga layer Backgroundnya dan simpan paling atas untuk copyannya.
Silahkan kamu ikuti urutannya seperti yang saya lakukan diatas.
Jika sudah seperti diatas, maka kita lanjut membuat line art matanya dengan menggunakan Pentool dan dengan menggunakan settingan seperti dibawah ini.
Jangan lupa pastikan menggunakan warna line art yang sudah saya letakan pada gambar palletnya.
Selanjutnya silahkan buat line artnya mulai dari bulu mata seperti dibawah ini dengan membuat layer baru terlebih dahulu dan simpan pada folder group Mata dan Mulut. Dan ketika sudah membuat 1 design klik seperti yang saya tandai dibawah ini supaya kita tidak membuat layer baru otomatis yang tentunya akan membuat terlalu banyak layer.
Lalu silahkan kamu buat line art lainnya seperti bulu mata satunya dan aslinya juga.
Maka hasilnya akan menjadi seperti dibawah ini dengan menonaktifkan terlebih dahulu layer duplicate dari backgroundnya
Selanjutnya kita buat bagian matanya di layer baru yang disimpan tepat dibawah layer bulu mata tadi seperti dibawah ini. Dan masih gunakan tool yang sama dan jangan lupa ubah warnanya ke warna gigi no 2 atau yang ditengah yang sudah saya siapkan pada gambar pallet. Buatlah seprti dibawah ini dimana ini disebut warna dasar pada mata.
Jika sudah seperti diatas, maka kita sekarang kita buat lensa matanya. Untuk membuat lensa mata silahkan kamu buat layer terlebih dahulu dan simpan tepat diatas layer warna dasarnya. Selanjutnya silahkan kamu klik kanan pada layer baru tersebut dan pilih “Create Cliping Mask” maka akan menjadi seperti dibawah ini.
Cliping Mask disini digunakan supaya design yang kita buat hanya akan tampil pada design yang terdapat pada layer inti yang dihubungkan dengan cliping mask dimana warna dasar dari mata yang kita buat tadi adalah layer intinya.