Cara Membuat Website Film Video Streaming

Dalam tutorial ini, saya akan menunjukkan cara untuk membuat situs video terkait indah. Anda dapat membuat website ini sebagai situs keanggotaan, dan Anda dapat mengisi orang untuk menonton film terbaru secara online. Ini adalah sesuatu seperti Netflix. Jika Anda anggota, Anda dapat men-download PSD Tata Letak untuk tutorial ini di bagian bawah halaman.

Sebelum saya memulai tutorial ini, saya ingin menunjukkan kami  60.000 item desain premium paket, yang Anda akan dapat men-download langsung dan digunakan dalam desain Anda sendiri atau klien.  Menjadi anggota dari Ultimate Designer Toolkit sebelum Anda melanjutkan dan Anda akan menerima akses cepat ke 60.000 item desain dan desain seperti pro.

Sekarang kembali ke tutorial. Seperti biasa kita akan mulai dengan dokumen baru. Aku akan membuka file PSD dari kami Kerangka Ultimate CSS.

Jika Anda tidak memiliki Kerangka namun Anda dapat membuat file PSD saja: 1100 piksel lebar x 1200 piksel tinggi. Untuk warna latar belakang saya akan menggunakan # e2e2e2.

Langkah selanjutnya adalah membuat bagian atas website. Ini sangat sederhana. Pertama buat seleksi dengan alat tenda persegi panjang, kemudian dengan Gradient tool menambahkan gradien baik di dalam pilihan Anda. jika Anda tidak memiliki gradien maka kita harus dalam keanggotaan kami paket besar dengan lebih dari 25.000 Gradien . 
Anda juga dapat menggunakan alat sikat untuk menambahkan beberapa lampu tambahan. Cara mudah adalah io membuat layer baru (tekan CTRL + SHIFT + ALT + N), ubah blending mode layer ini menjadi Overlay, dan kemudian menarik pada kanvas Anda dengan warna putih. Anda akan memiliki hasil sebagai berikut.

Untuk bentuk ini saya akan menambahkan lapisan gaya berikut.

Dan kemudian saya akan menambahkan garis putih yang dibuat dengan Piranti Baris. Sekarang kita telah siap latar belakang untuk website kami.

Dengan Ellipse Tool saya akan membuat bentuk berikut. Seperti yang Anda lihat saya telah berpaling pada panduan (CTRL +;) atau (CMD +;) jika Anda berada di mac, tetapi harap dicatat bahwa Anda mungkin tidak memiliki panduan persis seperti saya. alasannya adalah karena saya telah menggunakan file PSD dari Kerangka Ultimate CSS yang memungkinkan Anda untuk membuat website CCS / XHTML sangat mudah.

Pastikan Anda memiliki bentuk hitam dipilih, dan kemudian pergi ke Edit> Transform> Warp. di sini Anda dapat menggunakan Arc dan mengatur Bend sampai 10 sosok gelap Anda akan terlihat seperti sebuah bukit kecil. Dengan bentuk ini kita akan membuat baik mencari bayangan. Lebih sudah membuat bayangan dapat Anda temukan di kami Grafis Web Pack

Langkah terakhir adalah untuk pergi ke Filter> Blur> Gaussian Blur dan menggunakan 10 Pixels. Sosok gelap Anda akan rasterized pertama, dan kemudian akan memiliki transisi yang lancar sangat bagus. Sekarang terlihat seperti bayangan.

Dengan Rounded Rectangle Tool (Set radius 4 pixels) saya akan membuat pemutar video.

Pada footer saya akan menambahkan bar navigasi untuk pemutar video ini.

Berikut adalah gaya lapisan digunakan untuk bar navigasi

Langkah selanjutnya adalah menambahkan sebuah gambar. Saya telah menggunakan "drive Angry" poster

Di sisi kanan bar navigasi saya akan menambahkan dua bentuk.

Untuk setiap bentuk saya akan menggunakan gaya lapisan ditekan berikut. Harap dicatat bahwa Anda dapat men-download lebih dari 16.000 gaya layer jika Anda mendaftar untuk sebuah account.

Harap diingat untuk menyimpan semua lapisan gaya Anda. sekarang saya akan menambahkan bentuk kecil yang lain. Beberapa panah kecil yang merupakan tombol layar penuh untuk pemutar video kami. Di sisi kiri saya akan menambahkan beberapa bentuk vertikal yang akan memungkinkan pengguna untuk mengatur volume film

Untuk bentuk gelap saya telah menggunakan layer style berikut.

Di sisi kiri saya akan menambahkan tombol play ditekan, dan tombol stop.

Kemudian saya akan menambahkan bar pencarian film. Ini dibuat dengan Rounded Rectangle Tool

Kemudian Anda akan melihat di sisi kiri bentuk lain tipis, dan kemudian lingkaran bulat yang memungkinkan pengguna untuk menavigasi melalui film / video

Aku akan membuat area cahaya di mana kemudian kita akan menambahkan logo kami. Untuk membuat daerah lampu ini, Anda perlu membuat layer baru, dan kemudian dengan Brush Tool menambahkan beberapa gambar putih. Langkah terakhir adalah mengubah blending mode untuk overlay, dan Anda akan memiliki efek yang sama.

Dengan Type Horizontal Perangkat saya akan menambahkan logo teks. jika Anda tidak suka Anda dapat menggunakan Pencipta 3D yang membantu Anda untuk mengubah setiap bentuk 2D menjadi bentuk 3D yang bagus.

Saya akan menambahkan sebuah bar navigasi. Gaya lapisan adalah sama seperti pada menu pemain.

Di bawah pemain saya akan menambahkan beberapa teks.

Dan di bawah teks ini saya akan menambahkan bentuk lain.

Pastikan Anda telah memilih bentuk ini, dan kemudian pergi ke Edit> Transform> Warp. Di sini pilih Arc Atas dengan tikungan 10%. Bentuk Anda akan terlihat seperti tambang.

Saya akan menambahkan beberapa film meliputi dengan ukuran yang berbeda. Slideshow ini dapat animasi dengan jQuery.

Di sebelah kiri dan di sisi kanan saya akan menggunakan bentuk kustom (menggunakan kustom bentuk Tool) dan kemudian saya akan menggunakan gaya lapisan saya telah menggunakan begitu banyak kali dalam tutorial ini. Pilih salah satu yang paling Anda sukai.

Ini adalah bagaimana video film saya Streaming tata letak situs web terlihat seperti:

- See more at: http://www.ultimatedesignertoolkit.com/tutorials/create-a-movie-video-streaming-website/#sthash.UyxD5oPK.dpuf

Share on Google Plus

About Unknown

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.