animation TV

Langkah 1: Membuat dokumen baru

Buat dokumen baru (Ctrl + N). Set kedua lebar dan tinggi 400 piksel dan meninggalkan sisanya di nilai standar.

Langkah 2: Membuat tubuh

Buat layer baru (Layer »New» Lapisan ... atau Shift + Ctrl + N) dan set namanya menjadi "tubuh" kemudian klik OK.

Kemudian kita akan menggunakan Rounded Rectangle Tool (U) untuk membuat tubuh.

Setelah diaktifkan, pergi ke Options bar dan mengatur alat untuk Isi Pixel dan Radius untuk 10px. Jika Anda ingin sudut Anda menjadi bulat, gunakan jari-jari yang lebih besar.

Selanjutnya kita setup warna tubuh. Mengubah warna Foreground warna apapun yang Anda inginkan. Saya menggunakan # b10106.

Kemudian pada kanvas, membuat persegi panjang seperti ditunjukkan di bawah.

Langkah 3: Menambahkan dasar

Untuk menambahkan dasar (atau kaki) ke televisi, duplikat layer tubuh (Ctrl + J) kemudian mengubah nama salinan ke "dasar" dengan mengklik dua kali nama layer-nya.

Sekarang kita perlu mengubah warna dasar itu. Ctrl + klik thumbnail lapisan dasar untuk membuat pilihan (alias semut berbaris) itu.

Sekarang mengatur warna Foreground menjadi hitam (# 000000) kemudian isi seleksi dengan itu dengan menekan Alt + Del

TIP: Sebuah cara sederhana untuk mengatur warna Foreground menjadi hitam adalah dengan menggunakan shortcut key D. Ini akan me-reset warna foreground menjadi hitam dan warna latar belakang putih.

Sekarang Anda perlu membuat dasar sedikit lebih ramping dari tubuh. Mengaktifkan Transform tool (Ctrl + T) sehingga kotak pembatas akan muncul di sekitar pangkalan. Tahan Alt (untuk mengubah ukurannya dari pusatnya) dan ambil baik kiri atau kanan menangani kemudian tarik menuju pusat seperti yang ditunjukkan di bawah ini.

Kemudian menggunakan tombol panah Bawah, dorongan dasar ke bawah sampai sebagian kecil dari itu melebihi tubuh. Tekan Enter untuk menerapkan transformasi. Dan terakhir, memindahkan lapisan dasar di balik lapisan tubuh (Ctrl + [).

Untuk menjaga lapisan kami terorganisir, pilih baik tubuh dan lapisan dasar (Ctrl + klik masing-masing lapisan) dan kelompok mereka bersama-sama (Layer »Grup Layers atau Ctrl + G).Mengubah nama grup untuk "tubuh" dengan cara yang sama kita berganti nama lapisan kami sebelumnya.

Langkah 4: Menambahkan panel.

Sekarang mari kita bekerja pada menambahkan dua panel. Salah satunya adalah untuk layar TV (sisi kiri) dan yang lainnya adalah untuk kontrol (sisi kanan). Mari kita sebut mereka kiri dan kanan panel untuk kesederhanaan.
Membangun panel sangat mirip dengan langkah-langkah yang kami mengambil dalam membuat tubuh. Jadi untuk panel layar, membuat layer baru (Shift + Ctrl + N) di atas kelompok tubuh dan nama itu sebagai "panel kiri".
Mengatur warna Foreground ke # 807d7d. Beralih ke alat Rounded Rectangle (U) dan menggunakan pengaturan yang sama sebelumnya: Isi piksel dan Radius diatur ke 10px.
Kemudian membuat panel kiri seperti yang ditunjukkan di bawah ini:

Tambahkan layer lain (Shift + Ctrl + N) dan nama itu sebagai "panel kanan". Mengubah Rounded Rectangle itu Radius 5px untuk kemudian membuat panel sebelah kanan seperti ini:

Langkah 5: Styling panel.

Sekarang mari kita memberikan beberapa kedalaman panel melalui gaya Layer.
Pada lapisan panel kiri, pergi ke Layer »Layer Style» Blending Options ... (atau hanya klik dua kali layer pada panel Layers)

Kemudian menerapkan pengaturan berikut:

Batin bayangan

Bevel dan Emboss

Jadi sekarang kita memiliki efek berikut:

Mari kita menerapkan gaya yang sama ke panel sebelah kanan kami. Pada panel Layers, klik kanan layer panel kiri dan pilih Copy Layer Style dari menu. Lalu pergi ke lapisan panel kanan, klik kanan dan pilih Paste Layer Style.
Sebuah cara yang lebih cepat adalah dengan menekan tombol Alt sambil menyeret simbol fx lapisan panel kiri dan menjatuhkannya ke panel sebelah kanan.

Pada akhir langkah ini, Anda harus memiliki sesuatu yang mirip dengan ini:

Sebelum kita melanjutkan ke menambahkan lebih banyak lapisan, kelompok lapisan panel kiri dan kanan secara terpisah. Klik pada lapisan panel kiri dan tekan Ctrl + G. Ubah nama grup yang "kiri panel". Lakukan hal yang sama untuk lapisan panel sebelah kanan dan nama kelompoknya sebagai "panel kanan".

Langkah 6: Menambahkan panel kontrol TV.

Mari kita bekerja pada kelompok panel kanan pertama. Kita akan mulai dengan menambahkan panel untuk tombol-tombol kita / switch.
Di atas lapisan panel sebelah kanan, buat layer baru (Shift + Ctrl + N) dan beri nama "tombol panel". Pilih Rounded Rectangle Tool (U) dan set ke Isi Pixel dan Radius untuk 10px. Mengubah warna Foreground ke # e5e3e3.
Kemudian pada lapisan panel tombol, menciptakan sebuah persegi panjang setengah panjang panel sebelah kanan.

Berikutnya adalah menambahkan gaya lapisan ke lapisan panel tombol (Layer »Layer Style» Bevel dan Emboss ...) dan menggunakan pengaturan berikut untuk Bevel dan Emboss:

Bevel dan Emboss

Jadi sekarang kita memiliki hasil sebagai berikut:

Langkah 7: Menambahkan kontrol TV - Top saklar

Kita akan mulai dengan menambahkan saklar untuk mengubah saluran.
Di atas lapisan panel tombol, membuat tiga lapisan baru (Shift + Ctrl + N) dan nama mereka sebagai "bawah", "menengah", dan "top".

Sekarang pilih tiga lapisan dengan mengklik Ctrl + masing-masing dan tekan Ctrl + G untuk mengelompokkan mereka bersama-sama. Nama kelompok ini sebagai "top switch".

Seperti yang Anda lihat, switch kami dibagi menjadi tiga lapisan.Mari kita pergi ke lapisan bawah pertama.

Langkah 8: Membuat Top switch - Lapisan bawah.

Lapisan bawah akan dial melingkar yang berisi saluran TV, 1 sampai 13.
Untuk membuat lingkaran, Anda akan memerlukan alat Ellipse (U).Ini terletak bersama-sama dengan alat Rounded Rectangle.

Serupa dengan alat Rounded Rectangle, mengatur alat Ellipse untuk Isi Pixel. Untuk warna Foreground, hanya menggunakan warna hitam (# 000000).
Jadi pada lapisan bawah, membuat lingkaran Anda pada bagian atas panel tombol. Tahan tombol Shift sehingga Anda dapat membuat lingkaran yang sempurna.

Berikutnya adalah menambahkan gaya lapisan berikut:

Jatuhkan Bayangan

Inner Shadow

Bevel dan Emboss

Overlay Gradient

Tekan OK saat Anda selesai. Sekarang, Anda harus memiliki sesuatu seperti ini:

Langkah 9: Membuat Top switch - lapisan Tengah

Berikutnya adalah lapisan tengah. Langkah-langkah yang sebenarnya cukup mirip.
Warna Foreground untuk menggunakan masih hitam (# 000000).Kemudian pada lapisan tengah, menggunakan alat Ellipse (U) diatur ke Isi Pixels, tahan tombol Shift dan membuat lingkaran kecil di tengah-tengah lapisan bawah.

Lalu oleskan lapisan gaya Bevel dan Emboss dengan pengaturan berikut:

Bevel Emboss

Berikut adalah apa yang tampak seperti setelah menambahkan efek:

Langkah 10: Membuat Top switch - lapisan Top

Sekarang untuk lapisan atas. Ini adalah pegangan untuk saklar.
Warna Foreground untuk menggunakan masih hitam (# 000000).The Ellipse tool (U) juga harus ditetapkan untuk Mengisi piksel.Namun kali ini, Anda tidak tahan tombol Shift saat membuat pegangan. Bentuk yang akan kita lakukan adalah salah satu yang memanjang.
Jadi pada lapisan atas, membuat oblong Anda di tengah lapisan tengah Anda, tetapi pastikan untuk meregangkan itu sedemikian rupa sehingga menonjol. Perhatikan bahwa saya baru saja menambahkan pilihan pegangan sehingga Anda dapat dengan mudah melihatnya pada gambar di bawah.

Untuk efek, cukup salin layer style lapisan tengah ini (Klik kanan »Copy Layer Style) dan paste ke lapisan atas (Klik kanan» Paste Layer Style). Kemudian menerapkan perubahan berikut:

Bevel dan Emboss

Jadi sekarang Anda memiliki sesuatu seperti ini:

Langkah 11: Membuat Top switch - Menambahkan nomor saluran.

Bagian atas saklar hampir selesai. Mari kita menyelesaikannya dengan menambahkan saluran.
Agar angka untuk pergi sekitar bentuk saklar kita, kita harus terlebih dahulu membuat jalan untuk itu untuk mengikuti. Untuk ini, kita akan menggunakan alat Ellipse (U) tapi kali ini bukannya Isi Pixels, mengatur alat untuk Paths.

Buat jalur melingkar Anda di sekitar lapisan tengah. Tahan tombol Shift sehingga Anda mendapatkan lingkaran sempurna.

Catatan: Anda tidak perlu membuat layer baru untuk jalur seperti yang kita lakukan ketika menggunakan Fill opsi Pixel.Mereka memiliki lapisan sendiri di panel Paths (Window »Paths) tapi saya tidak akan menguraikan ini.

Sekarang beralih ke Horizontal Type tool (T).

Selanjutnya, buka panel Character (Window »Karakter). Di sini Anda akan melihat penyesuaian Anda dapat membuat teks Anda.
Untuk teks, saya menggunakan font yang disebut White Rabbit .Anda dapat menggunakan satu yang berbeda jika Anda ingin.Tergantung pada font yang Anda gunakan, Anda mungkin harus menyesuaikan pengaturan font yang digunakan.

Perhatikan bahwa menggunakan Type tool otomatis akan membuat layer baru jadi pastikan Anda berada di dalam kelompok saklar atas dan di atas lapisan bawah sebelum menggunakannya.

Sekarang hover mouse Anda pada jalur melingkar yang Anda buat.Anda harus melihat Type tool kursor perubahan dari memiliki perbatasan persegi dengan garis miring. Setelah Anda melihat garis miring, klik di jalan. Ini akan memungkinkan Anda untuk memiliki teks Anda mengikuti jalan, sehingga memiliki teks melingkar.

Setelah mengklik di jalan, mulai mengetik angka 1 sampai 13.

Jika Anda bertanya-tanya mengapa versi saya memperkecil-up tidak begitu pixelated, itu karena aku pertama kali digunakan sebagai ukuran 800x800 dokumen saya sebelum mengubah ukuran ke 400x400. 800 hanya terlalu besar!
Jika Anda mengalami kesenjangan yang besar antara angka-angka seperti pada gambar di atas, coba atur pelacakan teks. Untuk melakukan ini, pertama-tama pilih / sorot semua teks atau klik pada layer teks pada panel Layers. Kemudian pada panel Karakter, mencari simbol dengan huruf AV dengan panah berkepala ganda di bawahnya dan meningkatkan nilai sekitar 14 (sesuaikan dengan kebutuhan - untuk versi 800x800 Saya menggunakan 140).
Juga, karena kita menggunakan latar belakang gelap, akan lebih baik untuk mengubah warna font menjadi putih (# ffffff).

Sekarang Anda harus memiliki sesuatu seperti ini:

Posisi memanggil 'agak off jadi mari kita menyesuaikan itu. Pada layer teks, tekan Ctrl + T untuk transform itu. Gerakkan mouse Anda di luar kotak berlari sehingga kursor berubah menjadi alat memutar (melengkung panah berkepala ganda). Klik dan tarik mouse Anda di sekitar sampai Anda ok dengan posisi kemudian tekan Enter.

TIP: Jika Anda tidak melihat preview teks berputar Anda, membatalkan transformasi Anda (Esc) kemudian buat layer baru (Shift + Ctrl + N) - nama tidak masalah - di atas layer teks Anda kemudian pilih kedua layer baru dan layer teks (Ctrl + Klik masing-masing) lalu tekan Ctrl + T. Cobalah berputar teks Anda lagi dan Anda akan melihat pratinjau. Setelah Anda selesai, menghapus layer baru Anda buat (Klik kanan »Hapus Layer).

Anda dapat melakukan hal yang sama untuk lapisan atas (pegangan) dan arahkan untuk mengatakan, channel 1.
Setelah berputar baik teks dan lapisan atas, kita sekarang memiliki ini:

Langkah 12: Menambahkan kontrol TV - Bawah saklar

Menciptakan saklar bawah sangat mudah sekarang bahwa kita memiliki saklar utama kami. Semua yang perlu kita lakukan adalah menduplikasi kelompok saklar atas kemudian membuat beberapa penyesuaian.
Pada panel Layers, klik kanan grup saklar utama Anda dan pilih Duplicate Group. Masukkan "switch bawah" untuk nama grup lalu tekan OK.

Setelah duplikasi group Anda, Anda akan melihat bahwa tidak ada perubahan pada gambar Anda. Itu karena duplikat yang duduk tepat di atas kelompok asli. Jadi beralih ke Move tool (V), tahan tombol Shift (untuk tetap selaras) kemudian tarik ke bawah kelompok saklar bawah.

Sekarang untuk penyesuaian.
Pergi ke panel Layers Anda. Dalam kelompok saklar bawah Anda, menghapus lapisan copy atas baik dengan mengklik kanan dan memilih Hapus Layer (kotak peringatan akan muncul jadi hanya klik Ya untuk mengkonfirmasi) atau dengan menyeret layer ke ikon sampah di bawah jendela.

Catatan: Lapisan dalam kelompok duplikat Anda secara otomatis akan memiliki "copy" ditambahkan ke nama-nama lapisan asli.

Dan akhirnya, mari kita mengubah tanda panggilan. Alih-alih menggunakan angka, mari kita hanya menggunakan bar gantinya.Anda bisa menggunakan tanda seru seperti yang kulakukan atau simbol bar / pipa vertikal (!) (|) Atau mungkin mencoba menggunakan titik (.). Untuk mengubah teks, cukup klik ganda thumbnail layer teks dalam panel Layers. Ini secara otomatis akan menyorot semua teks sehingga Anda dapat langsung mengetik pergi. Setelah mengubah teks, Anda mungkin harus menyesuaikan ukuran font atau spasi untuk menyesuaikan lebih baik.

Bagian bawah saklar selesai!

Langkah 13: Menambahkan panel speaker.

Mari kita sekarang bekerja pada bagian bawah panel sebelah kanan. Kami akan menempatkan speaker di daerah ini.
Saya sarankan zoom (tekan Ctrl + berulang-ulang) dalam langkah ini karena kita akan bekerja dengan strip kecil. Anda dapat tampilannya nanti dengan menekan Ctrl-berulang kali atau Ctrl +0 untuk ukuran aslinya.
Jadi dalam kelompok panel sebelah kanan, buat layer baru (Shift + Ctrl + N) bernama "speaker panel" di atas semua kelompok lain dan lapisan. Kelompok lapisan ini (Ctrl + G) dan nama itu sebagai "speaker".

Sekarang untuk celah. Buat layer baru di atas panel speaker dan nama itu sebagai "strip". Kemudian pada lapisan yang sama ini, tekan Ctrl + G untuk memberikan kelompok sendiri. Menyebut kelompok ini "strip" juga.
Mengatur warna Foreground menjadi hitam (# 000000). Beralih ke Rectangle Tool (U) dan set ke Isi Pixel. Buat strip sangat tipis di panel speaker. Anda tidak harus sesuai strip dalam lebar panel speaker. Ini bisa diperbaiki dengan mudah nanti.

Berikut ini adalah di mana ia mendapat jauh lebih menyenangkan.Kami sekarang harus mengisi seluruh panel speaker dengan strip ini. Melakukan hal ini secara manual bisa sangat tasking.Untungnya, kita dapat melakukan langkah dan ulangi di Photoshop - mengulangi transformasi terakhir dilakukan pada layer.
Masih di strip lapisan, tekan Alt + Ctrl + T. Ini akan duplikat layer dan memungkinkan transformasi. Menggunakan tombol Panah Bawah, dorongan strip ke bawah. Perhatikan bahwa pada panel Layers Anda, Anda sekarang memiliki "copy strip" lapisan.

Tekan Enter setelah Anda selesai memindahkan salinan. Untuk mengulang langkah ini, tekan Alt + Shift + Ctrl + T. Apa yang terjadi di sini adalah bahwa Alt duplikat layer. Di sisi lain, Shift + Ctrl + T (Edit »Transform» Lagi) mengulangi transformasi. Jadi untuk mengisi seluruh panel speaker, tekan Alt + Shift + Ctrl + T sampai Anda mencapai bagian bawah.

Seperti yang Anda lihat, saya sekarang memiliki 64 salinan dari lapisan jalur. Hal ini mungkin berbeda dengan Anda tergantung pada seberapa tinggi dan kurus panel dan strip begitu jangan khawatir tentang itu.
Kita tidak perlu menjaga ini banyak lapisan jadi mari kita menggabungkan semua salinan menjadi satu. Untuk melakukan ini, klik kanan grup jalur lalu pilih Merge Group (Ctrl + E). Sekarang kita hanya memiliki satu lapisan jalur untuk bekerja dengan.

Menyembunyikan strip berlebih dapat dengan mudah dilakukan melalui kliping masker.
Masih pada lapisan strip, pergi ke layer »Create Clipping Mask (Alt + Ctrl + G). Atau, tahan tombol Alt dan memindahkan pointer mouse Anda antara strip dan lapisan panel speaker. Klik sekali kursor berubah menjadi dua lingkaran yang tumpang tindih.

Apa yang terjadi di sini adalah bahwa pembicara lapisan panel set yang bidang lapisan jalur akan ditampilkan. Bagian dari lapisan strip yang melebihi bentuk lapisan panel speaker akan disembunyikan / mask.

Hal ini berguna dalam hal bahwa Anda perlu menyesuaikan atau mungkin membentuk panel speaker. Anda tidak perlu khawatir tentang mengulangi strip karena mereka hanya bertopeng.

Langkah 14: Membangun panel layar.

Sekarang kita selesai dengan panel sebelah kanan, mari kita kepala ke panel kiri. Di sini pada panel sebelah kiri adalah di mana kita akan menempatkan layar kami. Tapi sebelum kita membuat layar itu sendiri, mari kita pertama kali menambahkan lapisan lain untuk melayani sebagai perbatasan.
Di dalam kelompok panel kiri, membuat layer baru (Shift + Ctrl + N) di atas lapisan panel kiri. Nama lapisan ini sebagai "layar-box".
Beralih ke alat Rounded Rectangle (U) dan set ke Isi Pixel dan yang Radius untuk 10px. Kemudian mengatur warna Foreground menjadi hitam (# 000000).
Pada lapisan layar-box menciptakan sebuah persegi panjang yang lebih kecil di dalam panel kiri seperti yang ditunjukkan di bawah ini.

Berikutnya adalah menambahkan gaya lapisan pada lapisan layar-box (Layer »Layer Style» Bevel dan Emboss) dan menerapkan pengaturan berikut:

Bevel dan Emboss

Setelah menambahkan layer style Anda harus memiliki ilusi sebuah kotak kosong:

Sekarang kita dapat melanjutkan untuk menambahkan layar!

Langkah 15: Menambahkan layar TV.

Untuk layar TV, kami sekali lagi akan menggunakan alat Rounded Rectangle (U). Set ke Isi Pixel dan Radius untuk 10px. Untuk warna Foreground, gunakan # 585858.
Buat layer baru (Shift + Ctrl + N) tepat di atas lapisan layar-kotak.Nama itu sebagai "layar". Sekarang membuat persegi panjang yang lebih kecil di dalam layar-box seperti:

Kemudian menerapkan gaya lapisan berikut:

Jatuhkan Bayangan

Inner Shadow

Outer Glow

Bevel dan Emboss

Bevel dan Emboss »Contour

Kami sekarang memiliki layar tampak seperti ini:

Langkah 16: Menyiapkan gambar layar

Berikutnya adalah menyiapkan foto untuk ditampilkan pada layar.
Saya sarankan menggunakan pola tes ini (500px) jika Anda ingin mengikuti bersama dengan pengaturan yang digunakan seterusnya. Jika tidak, hanya memilih gambar apapun yang Anda inginkan tetapi pastikan untuk menggunakan ukuran yang mirip dengan dimensi layar Anda dan akan lebih baik jika itu sedikit lebih besar.
Buka gambar Anda di Photoshop dengan pergi ke File »Buka (Ctrl + O).

Berikutnya adalah menyimpannya sebagai pola. Pergi ke Edit »Define Pattern. Perhatikan bahwa jika gambar Anda terlalu besar, Anda tidak mungkin dapat mengubahnya menjadi pola jadi hanya mengubah ukurannya ke yang lebih kecil (Gambar »Ukuran gambar ... atau Alt + Ctrl + I).

Rename pola Anda jika Anda ingin. Secara default, ia akan mengambil nama file. Lalu klik OK.
Kami tidak akan membutuhkan gambar lagi sehingga Anda hanya dapat menutupnya (Ctrl + W).
Catatan: Alih-alih menggunakan gambar itu sendiri, aku memilih untuk pola sehingga kita bisa mendapatkan ubin / wrap-around efek ketika bekerja pada animasi nanti.

Langkah 17: Menambahkan gambar ke layar.

Kembali ke TV.
Buat layer baru (Shift + Ctrl + N) bernama "gambar" di atas lapisan layar. Tekan Alt + Del untuk mengisi layer dengan warna foreground Anda (warna tidak masalah).

Untuk menyembunyikan bidang gambar luar layar, membuat clipping mask (Alt + Ctrl + G).

Sekarang kita harus mengisi lapisan ini dengan pola buat sebelumnya. Untuk melakukan hal ini, tambahkan layer style Pattern Overlay (Layer »Layer Style» Overlay Pola).
Pilih gambar dari daftar pola (jangan klik OK dulu).

Sekarang kita harus memusatkan pola ke layar.
Dengan jendela layer style masih terbuka, tarik pola sekitar kanvas Anda sampai berpusat pada layar.

Klik OK setelah Anda selesai menyesuaikan pola.
Hanya untuk menggambarkan lebih baik wrap-around efek yang kita dapatkan dari Overlay Pola, saya menggunakan gambar yang berbeda. Berikut adalah apa yang tampak seperti tanpa topeng kliping:

Langkah 18: mendistorsi gambar.

Untuk distorsi, kita akan menggunakan filter cerdas. Pintar filter dapat diedit dan tidak berlaku perubahan permanen ke lapisan seperti filter biasa. Anda akan lihat nanti bagaimana hal ini berguna ketika kita menambahkan animasi.
Untuk menggunakan filter cerdas, pertama kita perlu mengubah lapisan ke Smart Object. Jadi pada lapisan gambar, klik kanan »Convert to Smart Object atau pergi ke Filter» Convert for Smart Filter.

Sekarang kita dapat menambahkan beberapa efek distorsi. Pergi ke Filter »Distort» Gelombang ... dan menerapkan pengaturan berikut:

Wave filter

Jadi sekarang gambar akan menjadi sesuatu seperti ini:

Mari menambahkan filter lain untuk membuatnya lebih terdistorsi. Kita akan menggunakan filter Displace saat ini. Untuk filter ini, Anda akan perlu untuk mendapatkan peta perpindahan ini .
Setelah Anda memiliki salinan peta perpindahan, pergi ke Filter »Distort» Displace ... dan menggunakan pengaturan berikut:

Menggantikan penyaring

Setelah mengklik OK, Anda akan diminta untuk peta perpindahan.Arahkan ke folder peta perpindahan Anda dan membukanya.

Jadi sekarang kita memiliki yang berikut:

Langkah 19: Menyiapkan animasi.

Pertama, Anda perlu untuk membuka panel Animasi (Window »Animasi).
Catatan: Untuk pengguna CS6, hal itu disebut Timeline (Window »Timeline).
Kami akan menggunakan frame animasi jadi jika Anda melihat kerangka waktu, pastikan untuk beralih ke modus Bingkai. Untuk melakukan ini, klik menu panel Animasi »Convert to Frame Animasi atau klik pada icon kanan bawah-sudut.

Setelah Anda berada dalam mode Frame, mengatur penundaan Bingkai sampai 0,2 detik dan Loop menghitung sampai Selamanya.

Langkah 20: Menambahkan lapisan untuk frame animasi

Sekarang kita akan menambahkan lebih banyak lapisan untuk animasi.
Pada lapisan gambar, tekan Ctrl + J enam kali untuk membuat enam salinan itu.
Pilih enam eksemplar (Ctrl + klik masing-masing atau Shift + klik pertama dan terakhir lapisan) lalu tekan Alt + Ctrl + G untuk membuat clipping mask.
Berikutnya adalah untuk mengatur visibilitas semua duplikat 'to tersembunyi. Pada salah satu lapisan yang dipilih, klik kanan "mata" icon, lalu pilih Sembunyikan lapisan ini.

Langkah 21: Menambahkan frame animasi.

Apa yang kita akan lakukan di sini adalah untuk membuat bingkai untuk setiap salinan gambar. Karena kita memiliki 7 lapisan gambar, kita juga akan memiliki 7 frame animasi. Dan untuk setiap frame, hanya lapisan yang sesuai akan terlihat. Sisanya, akan disembunyikan.
Untuk membuat bingkai baru, pergi ke menu panel Animasi »Baru Bingkai atau klik pada tombol Duplikat dipilih frame di bagian bawah panel Animation.
Bila Anda telah menambahkan bingkai baru, pergi ke panel Layers Anda. Menyembunyikan "Frame 1 layer" (gambar) maka menunjukkan "Frame 2 layer" (copy gambar).

Buat bingkai lain, maka hanya menampilkan "Frame 3 layer" (gambar 2 copy). Hanya ulangi langkah ini sampai Anda menyelesaikan 7 frame.

Langkah 22: Hidupkan distorsi.

Pada panel Animation, pergi ke Frame 2. Dan pada panel Layers Anda, pergi ke Frame 2 lapisan (copy gambar). Klik dua kali filter Gelombang sehingga kita dapat mulai memodifikasi itu.

Catatan: Kotak pesan akan muncul memberitahu Anda bahwa Anda tidak akan melihat preview filter ditumpuk di atasnya. Cukup klik OK.
Pada opsi Wave, klik pada tombol Randomize sampai Anda mendapatkan efek yang berbeda (tetapi tidak terlalu banyak!) Dari lapisan sebelumnya. Anda juga dapat menyesuaikan Wavlength dan Amplitude Min. untuk berbaur lebih baik. Klik OK ketika Anda selesai.

Selanjutnya kita akan mengedit filter Displace. Hanya klik dua kali seperti yang kita lakukan sebelumnya dengan Wave.
Mengatur Skala Horizontal ke nilai yang lebih tinggi, misalnya 30, lalu tekan OK. Sekali lagi, Anda akan diminta untuk membuka peta perpindahan.

Pindah ke frame berikutnya dan lapisan kemudian memodifikasi nya Wave dan Menggantikan pengaturan filter. Ulangi langkah ini sampai Anda telah menyelesaikan semua 7 frame. Untuk Horizontal Skala Displace, cobalah bergantian antara nilai-nilai tinggi dan rendah.
Langkah ini adalah semua tentang bereksperimen. Anda dapat kembali ke frame dan lapisan sebelumnya dan menyesuaikan filter yang diperlukan.
Juga, Anda dapat menguji animasi Anda kapan saja dengan menekan tombol Play (tombol Space).

TIP: Jika animasi Anda tampaknya lag, coba perkecil menjadi sekitar 50% atau lebih rendah.

Langkah 23: pengaturan Filter.

Pengaturan di sini mungkin tidak sepenuhnya sama dengan Anda.Hanya bermain-main dengan pilihan dan bersenang-senang dengan itu. Tetapi untuk memberikan ide, inilah sesuatu yang Anda dapat mencoba untuk mencocokkan dengan:

Lihat ukuran penuh

Berikut adalah apa yang tampak seperti: (Perhatikan bahwa saya hanya menurunkan kualitas sehingga file tersebut tidak akan terlalu besar.)

Langkah 24: Menambahkan efek gambar ganda.

Untuk amp up distorsi, mari kita tambahkan efek gambar ganda di tengah animasi.
Kita perlu menambahkan lapisan ekstra namun secara default, lapisan baru akan muncul pada semua frame. Untuk langkah ini, kita hanya perlu untuk muncul pada frame aktif. Untuk mengatur ini, pergi ke menu panel Animasi dan hapus centang "Layers Baru Terlihat di All Frames".

Pada panel Animation, pergi ke Frame 4. Dan pada panel Layers, pergi ke lapisan yang sesuai - yang merupakan gambar copy 3 (Anda dapat dengan mudah mengidentifikasi ini dengan mencari lapisan gambar dengan "mata" icon terlihat). Duplikat layer ini (Ctrl + J) kemudian membuat clipping mask pada duplikat (Alt + Ctrl + G).

Sekarang ubah opacity duplikat layer menjadi 50%. Beralih ke Move tool (V), tahan tombol Shift (untuk mempertahankan alignment) kemudian memindahkan lapisan ke kanan sampai tumpang tindih menjadi terlihat.

Ulangi langkah ini pada frame berikutnya (Frame 5) tapi kali ini, memindahkan salinan ke kiri dan membuat jarak semakin besar.

Coba mainkan animasi (Space) dan menyesuaikan lapisan seperlunya.

Langkah 25: Menambahkan garis bergelombang

Sekarang kita akan menambahkan garis bergelombang berjalan di layar.
Kembali ke Frame 1.
Buat layer baru (Shift + Ctrl + N) bernama "gelombang" di atas semua lapisan gambar.
Selanjutnya, beralih ke alat Rectangle (U) dan set ke Isi Pixel. Untuk warna Foreground, gunakan putih (# ffffff).
Kemudian membuat strip memanjang di layar seperti yang ditunjukkan di bawah ini:

Membuat clipping mask pada layer gelombang (Alt + Ctrl + G) dan mengubahnya menjadi objek pintar (Filter »Convert for Smart Filter).

Tambahkan efek riak gelombang dengan pergi ke Filter »Distort» Ripple ... dan mengatur Jumlah 350 dan Ukuran untuk Besar.

Filter berikutnya untuk digunakan adalah Noise. Pergi ke Filter »Kebisingan» Add Noise ... dan mengatur Jumlah sampai 400, Distribusi Uniform dan memeriksa Monochromatic.

Sekarang mengatur mode layer gelombang Blending ke Screen dan Opacity menjadi 35% (Anda mungkin harus menyesuaikan ini jika Anda menggunakan gambar yang berbeda).

Gandakan layer (Ctrl + J), menutupinya (Alt + Ctrl + G) dan mengatur Opacity menjadi 30%.
Menggunakan Move tool (V), memindahkan kedua lapisan ke tepi bawah layar. Lapisan gelombang harus memiliki hanya tepi atas yang terlihat. Adapun lapisan copy gelombang, memindahkannya ke bawah sehingga tetap tersembunyi.

Langkah 26: Animasi garis bergelombang.

Pergi ke Frame 2. Menggunakan Move tool (V) bergerak gelombang lapisan atas sehingga sepenuhnya ditampilkan. Pergi ke frame berikutnya dan sekali lagi memindahkan lapisan gelombang yang lebih tinggi. Ulangi langkah ini sampai Anda menyelesaikan semua frame. Untuk frame terakhir, posisi gelombang sehingga hanya tepi bawah terlihat.
Berikutnya adalah lapisan copy gelombang. Lapisan ini hanya akan ditampilkan ketika lapisan gelombang setengah jalan ke atas. Pergi ke frame di mana lapisan gelombang di bagian atas layar. Pada bingkai itu, memindahkan salinan gelombang lapisan atas, hanya memiliki tepi atas yang menunjukkan. Pindah ke frame berikutnya dan ulangi langkah-langkah seperti yang Anda lakukan dengan lapisan gelombang.

Sekarang kita sudah selesai dengan animasi!

Langkah 27: Menambahkan scan lines.

Hanya beberapa rincian lebih lanjut dan kita selesai dengan layar TV.
Pergi ke Frame 1.
Buat layer baru (Shift + Ctrl + N) di atas lapisan gelombang. Nama itu sebagai "scan lines". Tekan D untuk mereset warna Foreground dan Background menjadi hitam dan putih jika belum. Sekarang pada lapisan scan lines, tekan Ctrl + Del untuk mengisinya dengan warna latar belakang putih.
Membuat clipping mask pada layer (Alt + Ctrl + G) dan mengubahnya menjadi Smart Object (Filter »Convert for Smart Filter).

Lalu pergi ke Filter »Sketch» ​​Halftone Pattern ...
Mengatur Ukuran untuk 1, Kontras sampai 7 dan Type Pola ke Line. Anda dapat menyesuaikan nilai-nilai ini di kemudian hari jika tidak bekerja dengan baik dengan gambar Anda.

Sekarang mengatur Blending Mode scan lines lapisan untuk Overlay dan menurunkan opacity menjadi sekitar 11%.

Langkah 28: Menambahkan noise

Dan akhirnya untuk menyelesaikan layar, mari kita menambahkan beberapa kebisingan untuk itu.
Perhatikan bahwa Anda masih harus berada di Frame 1.
Di atas lapisan scan lines, membuat yang baru (Shift + Ctrl + N) dan nama itu sebagai "noise". Kali ini, mengisinya dengan warna foreground hitam dengan menekan Alt + Del kemudian membuat clipping mask (Alt + Ctrl + G).

Mengkonversi lapisan kebisingan Smart Object (Filter »Convert for Smart Filter) kemudian menambahkan filter noise dengan pergi ke Filter» Kebisingan »Add Noise ... Mengatur Jumlah sampai 42, Distribusi untuk Seragam dan hapus centang monokromatis.

Selanjutnya, mengatur Blending Mode layer noise untuk Screen.Anda juga dapat menurunkan Opacity jika Anda ingin.

Dan kita sudah selesai dengan layar TV!

Langkah 29: Menambahkan antena.

Hanya untuk melengkapi televisi kita, mari kita tambahkan antena tua yang baik.
Pergi ke Frame 1.
Untuk antena, membuat layer baru (Shift + Ctrl + N) di atas layer Background dan beri nama "antena".

Beralih ke alat Rounded Rectangle (U). Set untuk Mengisi piksel dan Radius ke 80px. Mengatur warna Foreground ke # d8d8d8.
Kemudian pada lapisan antena, membuat garis tipis di atas TV seperti di bawah ini:

Mengubah warna Foreground menjadi hitam (# 000000) kemudian menambahkan kepala kecil dengan ujung antena.

Beralih ke Transform tool (Ctrl + T) untuk memutar dan posisi antena di belakang TV. Tekan Enter ketika Anda selesai.

Berikutnya adalah menambahkan gaya lapisan berikut (Layer »Layer Style» Blending Options):

Inner Shadow

Inner Glow

Dan kita sudah selesai dengan TV!

Langkah 30: Menambahkan latar belakang.

Langkah ini adalah opsional. Tergantung pada bagaimana Anda akan menggunakan TV Anda, Anda mungkin tidak ingin latar belakang.
Pilih salah gambar latar belakang yang Anda inginkan (atau bahkan membuat sendiri ) dan buka di Photoshop.
Pilih latar belakang Anda (Ctrl + A) dan salin (Ctrl + C). Kembali ke dokumen TV Anda, melompat ke Frame 1 kemudian paste (Ctrl + V) tepat di bawah lapisan antena. Anda mungkin harus mengubah ukuran dan menyesuaikan posisinya setelah itu. Cukup gunakan Transform tool (Ctrl + T) untuk melakukannya.

Untuk berbaur lebih baik dengan latar belakang, Anda dapat menambahkan efek lapisan ke lapisan dasar tubuh dan lapisan antena. Ketika melakukannya, pastikan untuk tetap berada di Frame 1.

Lapisan Base - Outer Glow

Lapisan Antenna - Outer Glow

Jadi kita sekarang mendapatkan hasil ini:

Langkah 31: Menyimpan sebagai GIF animasi.

Untuk menyimpan, buka File »Save for Web & Devices ... (Alt + Shift + Ctrl + S)

Mengatur jenis file GIF (1). Jika Anda pikir ukuran file (2) terlalu besar, Anda dapat mengurangi warna (3) dan / atau menyesuaikan ukuran gambar (4). Terakhir, untuk mendapatkan preview dari animasi Anda, cukup gunakan kontrol pemutaran di bagian bawah (5). Setelah Anda puas, tekan OK dan kami selesai!
Setelah Anda merasa nyaman dengan langkah-langkah, coba gunakan berbeda nilai, bentuk atau warna. Hanya bermain dengan itu dan Anda bisa berakhir dengan hasil yang mengagumkan.

The End!Semoga Anda senang melakukan tutorial ini. Jika Anda memiliki pertanyaan atau umpan balik ragu untuk memasukkannya ke dalam komentar di bawah ini. Saya juga akan senang melihat hasil akhir Anda, hanya mengirim saya link jika Anda bisa!