Membuat Animasi Smartphone Masa Depan

Assalamualaikum.wr.wb 

Kali ini saya akan membuat sebuah gambar animasi pada Smartphone "Smartphne Masa Depan"

Contoh Bisa lihat di gambar 0.1

Gambar 0.1

Saya menggunakan Photoshop Cs6 , versi berapapun kalau hanya buat mengedit ini semua bisa 

Hal yang akan saya lakukan hanya menggabungkan gambar dan menghapus baian yang tidak di inginkan , baiklah sekarang lanjut ke 

 

Persiapan :

• Siapkan 3 foto 

1. Foto Megang Hp
2. Screenshot Layar
3. Screenshot Layar Keyboad

Nih Contoh Mentahannya

• Berdoa dulu, supaya apa yang di pelajari saat ini dapat berguna di kemudian hari
• Perhatikan baik-baik , Lanjut No.1

1.
-Open Foto yang mau di gunakan CTRL+O
-Lanjut No.2

2.
-Crop foto , hilangkan bagian yang tidak di perlukan
 -Lanjut No.3

3.
-Open File screnshot Layar dengan cara CTRL+O
-Lanjut No.4

4.
-Drag Foto Screenshot ke Foo pertama
-Lalu keluarkan File Screenshot , karena sudah tidak d pakai
-Lanjut No.5

5.
-Sekarang saya akan menempelkan foto screenshot ke layar hp , karena fotonya miring , foto scrensht juga harus terlihat mirig agar  terlihat realistis
-perbesar foto screenshot dengan cara CTRL+T
-Lanjut No.6

6.
-Lihat e bagian layer ,Klik Layer pertama
-Terangkan Foto dengan cara CTRL + L
-Tarik titik hitam yang di tengah ke arah kiri untuk menerangkan foto
-maksud dari menerangkan foto adalah agar sudut layar Hp terlihat jelas
 -Lanjut No.7

 7.
-Lihat Menu Bar , pilih EDIT >  Transfrom > Distort
-Lanjut No. 8

 8.
-Tarik setiap titik ke sudut-sudut hp seperti pada gambar
-Lanjut No.9

 9.
-Taik titik ke sudut-sudut layar , perbesar foto dengan cara CTRL + agar bisa terlihat jelas
-jika sudah Lanjut No.10

10.
-ini Hasil dari menepelkan foto Screenshot ke layar hp
-gelapkan foto di layer pertama kembali dengan cara CTRL + L
-Tari titik hitam yang di tengah ke arah kanan untuk menggelapkan
-Lanjut No.11

11.
-Gelapkan juga foto screenshot di layer kedua dengan cara CTRL + L
-Tarik titik hitam yang di tengah ke arah kanan untuk menggelapkan agar terlihat real dengan foto pertama
-Lanjut No.12

12.
-Skarang Open Foto ke  3 Screnshot keyboard dengan cara CTRL + O
-Pilih foto lalu Ok
-Lanjut No.13

13.
-lihat ke layer , klik layer pertama 2x lalu Ok
-hilangkan bagian gambar yang tidak di butuhkan dengan menggunkaan  Polygonal Laso Tool
-Sisakan gambar Keyboard , jika sudah di seleksi Delet gambar
-Lanjut No.14

 14.
-drg fot Sceenshot keyboard ke file sebelumnya
-Lanjut No.15

15.
-Sesuaikan ukuran foto screenshot keyoard dengan cara CTRL + T
-Tempatkan foto di posisi seperti contoh gambar di bawah
-Lanjut No.16

16.
-sekarang kita akan memunculkan jari yg sedang menekan tombol
-Lihat Layer , kliklayer ke 3
-atur opacity dan fill agar gambar terlihat transvaran
-Lanjut No.17

18.
-sekarang gambar jari bsa terlihat , pilh Polygonal Laso Tool
-seleksi sekitar jari , contoh seperti gambar di bawah
-Jika sudah DeLET
-Lanjut No.19

19.
-Lihat Layer
-Atur Opacity dan fill , atur untuk memperjelas gambar screenshot keyb\oar dengan ukuran opacity 90% dan fill 90% .atau atur sesuai kebutuhan
-Pilih Blur Tool ,haluskan pinggiran jari yang tadi di seleksi gar lebih terlhat rapih
-Akhirnya selesai juga
-Lanjut No,20 untuk melihat Hasilnya

20.
-Ini Hasilnya ,
-Kalian Bisa berkreasi semenarik mungkin dengan cara yang sama tidak jauh berbeda
-Semakin banyak yg Like dan share , saya semakin semangat buat membuat tutorial ini
-Yang mau Berteman

• -ADD FB Adhi Tri Senjaya
• -Follow Instagram Adhi tri Senjaya 
• -Invite BBm : 57B70A13

-Terimakasih

Bagi kalian yang mau menyumbangkan tutorial photoshop hasil karya kalian ,lihat infonya di CONTACTS

Membuat Foto Split di Instagram

Saya akan menjelaskan cara membuat potongan-potongan Foto (split) untuk di Instagram agar profil anda terlihat keren .
Hasil yang sudah saya buat bisa cek di Instagram @adhitrisenjaya & @explore_cirebon3

3 Kolom

Persiapan  :

1 Buah Foto ukuran

• 1 Kolom 1920 x 640
• 2 Kolom 1920 x 1280
• 3 Kolom 1920 x 1920
•  
• Apikasi yang di gunakan :
  
  1. Photoscape 

• Berdoa dulu, supaya apa yang di pelajari saat ini dapat berguna di kemudian hari dan juga tolong doakan sang penulis agar bisa sukses dunia akherat , berdoa mulai (al-fatihah)
• Perhatikan baik-baik , Lanjut No.1

1.

-Cara ini sangat lah mudah di lakukan ,
-buka Photoscape, lalu open foto yang ingin di edit
-Ukuran Fotonya kita edit dengan ukuran ini , Agar foto Pas saat di upload di instagram

• 1 Kolom 1920 x 640
• 2 Kolom 1920 x 1280
• 3 Kolom 1920 x 1920

 -Jika foto sudah di atur ukurannya Lanjut No.2

2.
-Klik Photoscape di bagian pojok atas kiri
-Lalu pilih SPLITTER , yang di tunjukan wrna merah
-Lanjut No.3

3.
- ini adalah menu SPLITTER
- Pilih ADD untuk memilih Foto
- Pilh lah foto yang ingin anda potong 
- Lanjut No.4

4.
-Atur Kolom di bagian Col, Row

• 1 Kolom 1920 x 640
• 2 Kolom 1920 x 1280
• 3 Kolom 1920 x 1920

-Jika cuma 1 kolom ikuti ukuran sizenya

-Lanjut no.5

5.
-Klik Spit
-Lalu atur letak save , anda ingin menaruhnya di folder yg mana
-Jika sudah , lalu Ok dan Lanjut No.6

6.
-Klik Split untuk mulai memotong
-jika ingin kembali pengaturan klik Cancel
-Jika sudah di split tunggu proses
-Lanjut No.7 

7.
-Split berhasil
-untuk mengecek nya silakan lihat di folder yang tadi anda tuju
-Selesai , kalian tinggal mengupload fotonya satu persatu dari urutan teakhir  di Instagram
-gunakan logika anda saaat mengupload agar tidak acak-acakan
-untuk memotong foto yang lain Lanjut No.8

8.
-Klik Dellet ALL agar foto yang sebelumnya tidak ikut terpotong lagi
-Selesai 

HASIL 

 

1 kolom dan 2 kolom

-Jangan Lupa Follow, Like and Share di Blognya
-Semakin banyak yg Like dan share , saya semakin semangat buat membuat tutorial ini
-Yang mau Berteman

• -ADD FB Adhi Tri Senjaya
• -Follow Instagram Adhi tri Senjaya 
• -Invite BBm : 57B70A13

-Terimakasih

Bagi kalian yang mau menyumbangkan tutorial photoshop hasil karya kalian ,lihat infonya di CONTACTS

Cara Membuat DP BBM Bergerak ( SCreen Saver) Bagian 3 + Jutsu Mata Sharinggan

PERHATIAN , Sebelum mengikuti tutorial bagian ke 3 ini , Pelajari dulu bagian kebagian 1 & bagian 2

Sekarang saya akan Melanjutkan Tutorial cara membuat DP BBM bergerak (ScreenSaver) bagian 3, di bagian 3 ini saya akan membuat justu sharinggan.
Bahan yang saya gunakan adalah file psd bagian 2 dan file tambahan bisa di liat di bawah , saya akan menjelaskan cara"nya secara detail agar yang baru belajar Photoshop bisa mengikuti dan bisa membuatnya .
Hasil yang ingin saya dapat di liat di ScreenSaver 0.3

Persiapan :

• Siapkan file psd bagian 2
• download Plugin TOPAZ LENS EFFECT

• Berdoa dulu, supaya apa yang di pelajari saat ini dapat berguna di kemudian hari dan juga tolong doakan sang penulis agar bisa sukses dunia akherat , berdoa mulai (al-fatihah)
• Perhatikan baik-baik , Lanjut No.1

1.
-Open File Psd bagian 2 CTRL+O
-Lanjut No.2

2.
-Ini adalah file  bagian 2 yang sebelumnya saya buat
- Lanjut No.3

3.
-Lihat ke bagian LAYER
-Di file sebelumnya terdapat 3 layer
-Sekarang Tambar 5 Layer
-Layer yg saya butuhkan adalah Layer ke 3 yang terdapat mata sharinggan
-Klik Layer 3 lalu tekan CTRL+ J 5x, Contoh lihat tanda panah merah
-jika sudah terdapat 8 layer lanjut No.4

4.
-Di bagian ke 3 ini saya bermaksud membuat effek screen Saver seperti Justu Sharinggan yang biasa di pakai Tobi si anggota akatsuki (khusus yg liat naruto dapat mengerti)
-Cranya ,menggunakan Plugin Tambahan TOPAZ LENS EFFECT
-Download lalu instal
-Jika sudah kita buka
-Pertama kita pilih dulu layer mana yang mau kita edit dengan Topaz, Klik Laer ke 4, Conto lihat tanda panah merah
-Lihat menu Bar pilih File > Topaz Lebs >  LENS EFFECT 
-Lanjut No.5

5.
-Ini adalah area kerja TOPAZ LENS EFFECT
-Terdapat

• EFFECT : untuk memilih Effect yang ada di LENS EFFECT
• PRESENTS : untuk memilih macam" tipe EFFECT 
• Pengatura EFFECT MANUAL : Untuk mengatur Efect secra manual , lihat kotak yang berwarna merah

-Sekarang pilih

• EFFECT : Lens : Motion
• PrESENt : Spiral

 -Lalu pilih ke pengaturan manual

1. Motion Blur

• Motion Amount : 0.00
• Motion ANgel : 0.00 

-Lanjut No.6.

6.
-Sebelumnya, aturnya terlebih dahulu titik pusat putaran
-Yang saya inginkan adalah titik pusaran berada di mata , untuk mengaturnya cukup Klik Effect Cente Lalu pada mata . Contoh lihat tanda panah merah

• EFFECT CENTER Berfungsi enentukan titik tengah Effect

-Jika sudah Lanjut No.7

7.
-Klik Spiral
-Lalu Atur

• Motion AMount : 6.19
• Motion ANgel 335.0
• Klik Ok

-untuk pengaturan Motion Amount bebas , yang penting di setiap layer nanti besaran angka nya harus terus naik , COntoh 6.00- 11.00- 20.00- 35.00 dan seterusnya
-jika masIh bingung ikuti saja pengaturannya sesuai yang ada di gambar
-Lanjut No.8

8.
-Sekarang atur Layer ke 5
-Aktifkan layer ke 5 , matikan layer yang lain dengan caa Klik titik kotak yang di tunjukan warna merah
-jika Kotak kcil terdapat gambar mata hitam itu tandanya aktif
-jika kotak kosong tandanya tidak aktif
-Jika sudah klik Layer 5
-Buka Filter > Topaz Labs > Lens Effect
-lakukan hal ini brulang-ulang pada Layer ke 6,7,8
-Lanjut No.8

8.
-Di area Topaz > Lens Effect
-Atur pengaturan ini berulang-ulang pada layer 6,7,8
-Pilih Spiral

• Motion Amount : 10.15
• Motion Angel : 335.0
• Klik Ok

-Lanjut No.9

9.
-Lakukan Hal yang sama seperti no 8
-klik layer 6
-Buka Filter > Topaz Labs > Lens Effect
-Lanjut No.10

10.
-Lakukan sepeti No.8
-Pilih Spiral

• Motion Amount : 16.83
• Motion Angel : 335.0
• Klik Ok

-Lanjut No.11

11.
-Lakukan Hal yang sama seperti no 8
-klik layer 7
-Buka Filter > Topaz Labs > Lens Effect

-Lanjut No.12

12.
-Lakukan sepeti No.8
-Pilih Spiral

• Motion Amount : 25.74
• Motion Angel : 335.0
• Klik Ok

-Lanjut No.13

13.
-Lakukan Hal yang sama seperti no 8
-klik layer 8
-Buka Filter > Topaz Labs > Lens Effect

-Lanjut No.14

14.
-Lakukan sepeti No.8
-Pilih Spiral

• Motion Amount : 40.84
• Motion Angel : 335.0
• Klik Ok

-Lanjut No.15

15.
-Jika frame 4,5,6,7,8 sudah di beri effect Topaz Lens Effect
-sekarang kita tambahkan Layer 4-8 ke frame Animation
-lihat ke Menu bar pilih window > Animation
-Sebelumnya sudah ada 3 Frame , itu adalah file yang sebelumnya saya buat
-pertama tambahkan Layer ke 4 ke Frame ke 4
-Caranya Tambah Frame pada menu ANimation , Contoh tanda panah Hijau
-Lalu Aktifkan layer ke 4 , dan matikan semua layer .
-Lanjut No.16

16.
-Buat Frame ke 5
-Klik Tambah Frame pada menu Animation
-Lihat ke bagian Layer , AKtifkan LAyer ke 5 , Matikan Semua Layer
-seterusnya Lakukan hal yang sama pada layer ke 6,7,8
 -Sampai terbuat 8Frame di menu animation
-lanjut No.17

17.
-Ini Contonya , lihat tanda panah merah

• Frame 4 menuju Layer 4
• Frame 5 menuju Layer 5
• Frame 6 menuju Layer 6
• Frame 7 menuju Layer 7
• Frame 8 menuju Layer 8

-Jika sudah terbuat 8 Frame dengan urutan yng benar
-Lanjut No.18

18.
-jika urutan frame sudah sesuai
-sekarang tinggal mengatur timing(waktu)
-Pengaturan lamaya wakt bebas sesuai selera
-cara mengaturnya  lihat kotak merah
-Klik bagian bawah foto , maka akan keluar pengaturan waktunya
-atur pada setiap FRAME
-Jika sudah Lanjut No.19

19.
-Sekarang tinggal di save
-Lihat menu bar pilih file > Save for Web Device
-Lanjut No.20

20.
-Ini area kerja Save For Web Device
-di bagian ini kita akan mengatur besarnya warna bit dan ukuran
-Lanjut No.21

21.
-Lihat bagian kota merah
-Aturlah
-Present untuk menentukan Kualitas warna 32,64,128,256

• -Kalau buat Dp BBm biasanya pakai yang GIF 32 DIthered
• -Kalau yang bagus unnamed Tapi saya coba di BBM saya ga bisa , barang x di hp kalian bisa

- Image Size

• Atur Ukurannya di Image SIze
• untuk DP BBM W: 200px H: 200px Percent : 100%
• Namun ukuran di atas tidak bisa di Hp saya , jadi saya mengaturnya 100-120px

-Di bagian Present dan Image Size aturlah sesuai kebutuhan
-Lakukan Save For Web Device berulang" sampai ukuran yang di save cocok di DP BBM kamu
-Lanjut o.22

22.
-Jika sudah di atur save
-tidak perlu ada yang di rubah kecuali nama file , langsung saja Save
-Lanjut No.23 untu melihat hasilnya

23.
-Ini Hasilnya , Cukup Sekian cara membuat DP BBM bergerak .
-Kalian bisa membuat kreasi yang lain seperti mata sharinggan yang beputar saat melek atau yang lainnya
-Jangan Lupa Follow, Like and Share di Blognya
-Semakin banyak yg Like dan share , saya semakin semangat buat membuat tutorial ini
-Yang mau Berteman

• -ADD FB Adhi Tri Senjaya
• -Follow Instagram Adhi tri Senjaya 
• -Invite BBm : 57B70A13

-Terimakasih

Bagi kalian yang mau menyumbangkan tutorial photoshop hasil karya kalian ,lihat infonya di CONTACTS