Nah ini adalah Contoh Effect yang saya akan buat kita akan mulai dari step pertama
Pertama kita akan membuat efek pada lingkaran biru seperti gambar pertama,disini kita akan mengguakan efek radial wipe,dimana kita akan mengatur transisi nya dari 0 ke 100 agar dia dapat menghilang kemudian muncul dengan lingkarang yang sempurna seperti contoh di bawah ini
seperti gambar di atas kita dapat mengatur transisi nyada lingkaran merah,untuklebih jelas silakan perbesar gambar di atas,nah dan pada lingkaran biru di atas adalah tempat di mana kita mengatur posisinya,di atas ada 3 lingkaran biru,nah di lingkaran biru posisi pertama itu adalah tempat di mana kita membuat transisi nya 0,agar lingkaran tidak terlihat,nah dan di lingkaran ke dua itu tempat dimana kita membuat lingkaran ke posisi sempurna atau ke trasisi 100,dan bebas untuk selanjutnya
nah sekarang kita ke tahap kedua,seperti gambar lingkaran ungu di atas,terlihat sangat berbeda bukan seperti lingkaran biru,lingkaran ungu terlihat hanya sebatas garis yang membentuk lingkaran,nah karna lingkaran nya berbeda maka carayang di gunakan pun berbeda silakan lihat prosesnya di bawah ini
karna berbeda di sini kita menggunakan efek trim path serperti ,cara menggunakannya seperti di bawah ini
pertama,kita buat lingkaran,nah untuk membuat lingkaran nya agar terlihat seperti garis saja ,di sini kita tidak menggunakan fill melainkan hanya stroke saya,kalian akan tahu saat ingin membuat lingkaran di situ terdapat menunya, disini karna kita menggunakan trim path tentu akan berbeda dengan radial wipe pada lingkaran biru di atas,di sini kita tidak menggunakan transisi,melainkan START dan END,sebetulnya hampir sama dengan transisi,di mana kita membuat dari 0 ke 100 seperti di bawah ini
nah untuk lingkaran lainnya kita membuatnya sama dengan cara lingkaran ungu,hanya kalian harus mampu mengkreasikannya sebagus mungkin :D
nah sekarang kita akan menuju ke teksnya dimana teks itu dari tidak ada,kemudian menjadi ada,dan yang menariknya lagi adalah teks itu berubah ukuran dari kecil menjadi besar,dan berputar 90 derajat,silakan liat prosesnya di bawah ini
nah itu adalah proses untuk teksnya,bisa kita lihat pada kotak merah terdapat 3 fungsi
yang pertama posisi,posisi di sini hanya untuk merubah tempat atau posisi dari teks di atas,
terus yang kedua itu ada scale,nah scale di sini yang merubah ukuran teks tersebut,dari gambar di atas,scale di mulai dari 0 hingga 200% (bebas terserah anda ingin membuat ukurannya seperti apa),
nah yang ketiga adalah rotasi,untuk merotasi teks di atas sehingga dia terlihat berputar 90 derajat menjadi normal(terserah anda ingin merotasi berapa persen,yang menurut anda bagus saja :D)
nah sekian dari postingan saya ini,mohon maaf bila anda gagal paham,silakan liat youtube untuk lebih jelasnya
0 komentar:
Posting Komentar