Friday, November 29, 2013

effect photoshop

Dalam tutorial Photoshop ini, kami akan mengambil pandangan mendalam bagaimana untuk retouch foto Anda dengan fotografi Toning Efek di Adobe Photoshop CS6.
The Photographic Toning Effect tutorial adalah cara terbaik untuk meningkatkan keterampilan retouch Photoshop untuk membuat foto Anda terlihat lebih menarik. Photoshop CS6 datang dimuat dengan 39 preset untuk mensimulasikan Tinting dan efek split-toning. Teknik ini banyak digunakan dalam fotografi dan bidang media cetak. Di sini Anda akan mempelajari semua tentang Split Toning, Pewarnaan dan Blend Mode.
Photo Re-Touch Using Photographic Toning Effect in Photoshop CS6
Mari kita mulai.
Langkah 1: Buka foto yang Anda ingin gunakan di Adobe Photoshop CS6. Dalam tutorial ini, saya telah menggunakan foto di bawah ini.
Teknik fotografi Toning
Langkah 2: Mari kita membuat layer penyesuaian Gradient Peta baru dengan mengklik "Gradient Map Icon" di kanan bawah di bawah "Penyesuaian" panel.
Teknik fotografi Toning
Langkah 3: Sekarang Gradient Map baru lapisan telah ditambahkan di atas layer foto.
Teknik fotografi Toning
Langkah 4: Pada panel Properties, Anda dapat menemukan "Gradient Editor", yang memiliki banyak preset warna gradient dan ini dapat dilihat pada mengklik "panah drop-down" di sisi kanan preview bar gradien. Di sini Anda dapat menemukan peta gradien yang berbeda banyak dengan nama mereka.
Teknik fotografi Toning
Langkah 5: Klik pada ikon gigi kecil di sudut kanan atas Gradient Editor. Ini akan menunjukkan beberapa pilihan, sekarang pilih "Fotografi Toning".
Teknik fotografi Toning
Langkah 6: Sebuah kotak dialog muncul dengan pesan pop-up "Ganti gradien saat ini dengan gradien dari fotografi Toning?". Klik "OK" di sini untuk menggantikan gradien saat ini dengan gradien Toning Fotografi.
Teknik fotografi Toning
Langkah 7: The gradien Toning Fotografi telah menetapkan sendiri gradien seperti yang ditunjukkan di bawah ini. Ini memiliki dua set preset toning gradien
Efek Pewarnaan - Ini menggantikan semua nada gambar dengan pilihan mode warna toning tunggal.Ini menambahkan warna nada tunggal untuk gambar monokrom, seperti tembaga, emas dan banyak lagi.Dimulai dari Platinum ke Tembaga 1.
Efek di Split Toning - Ini menggantikan semua nada dari foto dengan dua nada yang berbeda: daerah sorot nada tertentu dan bayangan nada lain. Ini adalah cara yang efektif untuk menambahkan efek tonal split untuk foto Anda. Dimulai dari Sepia-Selenium 1 Cobalt-Besi 3.
Teknik fotografi Toning
Langkah 8: The foto dengan efek Tinting dengan Sepia 5 terlihat seperti contoh saya di bawah ini.
Teknik fotografi Toning
Langkah 9: Double klik pada icon Gradient Map pada properti panel untuk membuka kembali dan mengedit preset Tinting. Berikut adalah bagaimana hal itu akan terlihat dengan efek pewarnaan denganSelenium 2.
Teknik fotografi Toning
Cobalah nada Tinting gradien yang berbeda untuk mencapai berbagai efek pada foto Anda. Di sini saya telah menggunakan "Emas 2" efek Tinting gradien.
Teknik fotografi Toning
Langkah 10: Mari kita gunakan "efek split Toning" pada foto kami. Di sini saya telah menggunakan efek nada gradien "Cobalt-Besi 1".
Teknik fotografi Toning
Langkah 11: Dan di sini kita bisa melihat "Gold-Copper" efek, dengan area yang lebih terang kencang dengan emas dan daerah gelap dengan tembaga.
Teknik fotografi Toning
Pada titik ini, kita sudah selesai dengan split Toning kami.
Teknik fotografi Toning
Langkah 12: Sebagai langkah terakhir, mari kita mengubah modus campuran dari "Gradient Map"lapisan dari Normal ke Soft Light. Opsi Blend Mode ditemukan di sudut atas-kiri dari panel lapisan.
Catatan: Soft Light adalah versi lebih lembut dari Overlay. Menggelapkan atau mencerahkan warna, tergantung pada warna campuran. Efeknya mirip dengan bersinar sorotan disebarkan pada gambar.
Teknik fotografi Toning
Langkah 13: Dan kita sudah selesai! Berikut ini foto terakhir saya setelah mengubah modus untuk paduan Soft Light.
Teknik fotografi Toning
Langkah 14: Berikut perbandingan antara asli dan foto akhir.
Teknik fotografi Toning
link : www.entheosweb.com

animation GIF

Animated GIF

Tutorial ini akan menunjukkan bagaimana Anda dapat membuat logo animasi GIF. Saya menggunakan Corel DRAW! 7.0 untuk Windows untuk teknik ini.Beberapa hal yang mungkin dilakukan secara berbeda dengan versi lain.
Menempatkan Spin Baru pada Logo Anda
Aku akan menjadi yang pertama mengakui bahwa aku mungkin orang terakhir untuk melompat pada "Animated GIF" ikut-ikutan. Sejujurnya, saya tidak benar-benar melihat potensi animasi GIF. Sebagian besar gambar awal aku melihat jenis cheesy. Di atas semua itu, saya lebih suka menjaga waktu download gambar-gambar saya 'untuk minimum, dan animasi GIF bisa agak besar dengan sangat cepat. 

Baru-baru ini, meskipun, saya telah melihat cahaya. Dilakukan dengan benar, GIF animasi bisa sangat keren. Dan, dengan software animasi GIF saat ini, ukuran file gambar animasi dapat disimpan cukup masuk akal. GIF animasi dapat nyata perhatian-getter pada iklan banner, benar-benar dapat menambah daya tarik dari sebuah logo statis, dan mereka pasti dapat menambahkan beberapa pizzazz ke sebuah halaman web. 

Teks 3D animasi telah menjadi begitu populer di web, pada kenyataannya, bahwa sekarang ada beberapa program khusus yang tersedia bagi Anda untuk memilih dari. Program-program ini, yang diproduksi oleh perusahaan perangkat lunak seperti Xara dan Ulead, membuat penciptaan animasi 3D teks sederhana seperti point-and-klik. 

Bagaimana jika Anda perlu melakukan lebih dari menghidupkan teks sederhana? Biasanya Anda mungkin berpikir beralih ke program 3D rendering khusus.Program-program ini bisa mahal, meskipun, dan mereka sering memiliki kurva belajar yang cukup curam. Jadi apa yang dapat Anda lakukan? Nah, Anda dapat menggunakan Corel DRAW! untuk menciptakan frame untuk animasi karya Anda. Itu benar! Corel DRAW! memiliki semua fitur yang diperlukan untuk membantu Anda membuat logo animasi 3D. 

Berikut adalah bagaimana Anda dapat menggunakan fitur ekstrusi untuk memberikan kedalaman, cahaya, dan spin kreasi Anda ... 

Buka grafis baru di Corel DRAW! (Saya menggunakan versi 7, tetapi metode harus menerjemahkan dengan baik untuk versi lain). 

Aku akan membuat logo sederhana dengan menggunakan huruf pertama dari GrafX Design, perusahaan desain saya. 

Pertama saya memasuki teks menggunakan Text tool. Saya kemudian memilih teks dengan mengklik Pick tool. Hal ini memungkinkan saya untuk mengubah font dan ukuran teks. Aku memilih sekedar basa-basi pada 72 poin. 

Karena aku tidak ingin membuat teks hanya sederhana, tetapi saya ingin logo, saya memutuskan untuk memotong teks dari bentuk oval yang sederhana.Untuk melakukan itu, saya memilih alat Ellipse dan menyeret bentuk oval sekitar teks. 

Untuk berbaris elemen ini up, tenda-pilih mereka semua dengan Pick tool dan pilih Atur, Luruskan dan mendistribusikan. Dalam Align dan mendistribusikan kotak dialog, periksa Pusat Page dan klik OK. 

Dengan elemen masih dipilih, klik tombol Gabungkan pada property bar. Ini akan menggabungkan, atau guntingan, teks dari oval. 

Anda dapat mengubah warna logo oval dengan mengklik kiri warna pada palet warna. Saya memilih warna biru muda (lihat gambar 9.1). 

Gambar 9.1
Gambar 9.1



Sekarang bahwa desain logo selesai (sesederhana itu), saatnya untuk mengusir gambar, menyalakannya, dan mulai membuat frame terpisah yang Anda perlukan untuk menyelesaikan animasi. 

Pilih Efek, Extrude untuk membuka kotak dialog Extrude (lihat gambar 9.2). Ini adalah di mana Anda akan melakukan sebagian besar pekerjaan yang diperlukan untuk membuat frame animasi berputar Anda. 

Gambar 9.2
Gambar 9.2



Dalam kotak dialog ini Anda akan melihat 5 tab. Tiga pertama, Extrude, Rotate, dan pencahayaan adalah yang Anda harus gunakan untuk membuat frame untuk animasi Anda. 

Hal pertama yang harus Anda lakukan adalah mengusir logo. Proses ini memberikan logo Anda beberapa kedalaman, yakni menambah dimensi 3 ke gambar Anda. 

Klik pada tab pertama jika itu belum aktif. Sekarang Anda dapat mengatur dasar bentuk, sudut pandang, dan kedalaman gambar Anda. Aku mengatur bentuk untuk "Kembali kecil," sudut pandang untuk "VP Dikunci Untuk Obyek," dan kedalaman sampai 2,0. Anda dapat bermain-main dengan berbagai pilihan sampai Anda mendapatkan tampilan yang Anda harapkan. Setelah selesai, klik Apply. 

Hal berikutnya yang Anda akan lakukan adalah membuat pencahayaan. 

Klik tab ketiga. Nyalakan cahaya pertama dengan mengklik ikon bola lampu pertama (atau Cahaya switch 1). 

Sekarang Anda dapat memposisikan cahaya dengan menyeret ikon hitam kecil di sekitar grid 3D. Anda harus menempatkan ikon pada persimpangan. Aku memilih sudut kanan atas. Setelah Anda telah memilih posisi untuk cahaya Anda, klik Terapkan. 

Pada titik ini Anda tidak akan benar-benar melihat banyak perbedaan dalam gambar Anda. Itu datang, meskipun. 

Klik pada tab 2. Opsi ini memungkinkan Anda untuk memutar logo dalam ruang 3D. Anda akan melihat simbol Corel yang terlihat di tengah kotak dialog (lihat gambar 9.3). 

Gambar 9.3
Gambar 9.3



Simbol ini dapat diseret sekitar dengan mouse, dan posisinya akan sesuai dengan posisi gambar Anda dalam ruang 3D setelah Anda klik Apply. Mengubah posisi dengan cara ini adalah banyak menyenangkan. Namun, Anda akan perlu untuk menjadi lebih rewel saat membuat frame Anda. Di bawah dan di sebelah kanan simbol Corel adalah kecil, membungkuk-terpojok, ikon persegi panjang. Mengklik ikon ini akan menggantikan simbol Corel dengan satu set koordinat, atau nilai-nilai rotasi. Yang pertama mengontrol rotasi sumbu x, yang kedua sekitar sumbu y dan yang ketiga tentang z-sumbu. Karena aku akan berputar logo saya sekitar sumbu y, saya hanya perlu mengubah nilai-nilai untuk nomor 2. 

Sebelum Anda mulai menerapkan nilai-nilai rotasi Anda harus menyimpan frame pertama. Jelas frame pertama tidak perlu diputar. 

Sebelum menyimpan frame pertama, meskipun, membuat putih (atau warna lain, jika Anda lebih suka) kotak berlari di sekitar gambar logo Anda. Anda harus melakukan ini karena cara Corel DRAW! menyimpan gambar. Ketika Corel DRAW! menyimpan gambar tidak menyimpan semua ruang putih yang Anda lihat di sekitar representasi layar. Sebaliknya, semua itu spasi dipotong off. Yang terbaik untuk memiliki semua frame animasi Anda dengan ukuran yang sama, dan menambahkan kotak berlari akan memastikan bahwa hal ini terjadi. 

Pilih Rectangle tool dan menggambar sebuah kotak di sekitar gambar Anda. Tidak harus jauh lebih besar dari gambar tetapi harus memberikan elbowroom ekstra. 

Pada palet warna, klik kiri warna yang Anda ingin kotak untuk menjadi. Ini menyembunyikan logo Anda, tentu saja. Tekan CTRL-Page Down sampai kotak bergerak ke belakang dan logo Anda terlihat lagi. 

Untuk pusat semuanya lagi, tenda-pilih semua objek dan kemudian pilih Atur, Luruskan dan mendistribusikan. Tempatkan tanda centang di Pusat kotak Page dan klik OK. 

Untuk menyimpan frame pertama animasi Anda, pilih File, Ekspor. Pada kotak dialog Ekspor, pilih folder di mana untuk menyimpan gambar, beri nama file Anda, dan pilih jenis file. Saya ingin menggunakan format file BMP, (karena itu 24-bit dan itu adalah format yang paling program animasi mengenali) dan biarkan program animasi menangani palet. Saya juga ingin nama frame secara berurutan. Aku mulai urutan ini sebagai GD00.BMP. 

Klik Export untuk membuka kotak dialog Bitmap Export. 

Mengatur warna 16 Juta Warna. Mengatur Ukuran untuk Kustom dan menempatkan tanda centang di kotak Menjaga Rasio Aspek. Anda dapat meninggalkan Resolusi di mana saja dari 72 dpi ke 96 dpi karena animasi ini dimaksudkan untuk melihat layar. Saya selalu ingin mengatur Anti-aliasing ke Super-sampling.Setelah Anda memasukkan semua pengaturan, klik OK untuk menyimpan gambar. 

Sekarang Anda siap untuk memutar logo. 

Dengan menambahkan kotak berlari Anda de-dipilih logo. Cukup gunakan Pick tool untuk memilih kembali logo. 

Kembali pada kotak dialog Extrude, klik Edit dan masukkan 10 dalam kontrol putaran ke-2. Klik Apply untuk menerapkan rotasi. Anda bisa memutar logo dengan nilai 1 daripada 10 setiap kali, dan ini akan menghasilkan sebuah animasi yang sangat halus. Namun, hal itu juga akan menghasilkan ukuran file akhir terlampau besar. 

2 frame (lihat gambar 9.4) siap untuk diselamatkan. Tidak terlalu buruk, eh? 

Gambar 9.4
Gambar 9.4



Pilih File, Ekspor dan nama frame kedua. Aku bernama tambang GD01.BMP. Anda harus memilih Menjaga Aspect Ratio dan kotak Super-sampel lagi. 

Yang melengkapi frame 2. 

Kembali pada kotak dialog Ekspor, klik Edit dan masukkan 20 dalam kontrol putaran ke-2. Ekspor frame ini. 

Melanjutkan sampai Anda mencapai nilai 70. Anda akan melihat bahwa gambar sekarang di 90 derajat (lihat gambar 9.5). 

Gambar 9.5
Gambar 9.5



Hal ini terjadi karena Corel DRAW menggunakan nilai -100 sampai 100 untuk nilai rotasi dan tidak, seperti yang Anda duga, 0-360 derajat. 

Setelah menyimpan frame dengan nilai pada 70, mulai kembali menggunakan nilai-nilai negatif. Mulailah dengan -60, maka -50, dll, sampai Anda mencapai -10. Meskipun, secara teknis, dengan menggunakan nilai-nilai ini tidak akan berputar logo sehingga Anda melihat bagian belakang, menggunakan angka-angka ini akan memberi Anda tampilan animasi berputar 360 derajat sekitar sumbu y. 

Anda sekarang harus memiliki 14 frame berjumlah 00 sampai 13. Anda siap untuk menghidupkan logo Anda! 

Sudah waktunya untuk menjalankan program animasi Anda. Saat ini saya menggunakan Ulead GIF Animator. Aku menyukainya karena itu relatif mudah digunakan-ia menawarkan animasi dan penyihir optimasi, memiliki kontrol palet yang baik, dan menerima kisaran yang cukup lebar dari format file. 

Setelah membuka GIF Animator, saya membuat animasi akhir, yang dapat dilihat di bawah ini. Karena penyihir bekerja dengan baik, saya hanya memilih untuk menggunakan semua default. 

Ketika program animasi terbuka, ia menawarkan Anda kesempatan untuk menggunakan Animation Wizard. Wizard ini memungkinkan Anda untuk Tambah Gambar / Video. Dari kotak dialog pertama ini, Anda dapat menambahkan gambar, atau bingkai dari animasi Anda. Cukup arahkan ke folder tempat Anda menyimpan frame terpisah. Ada kekhasan kecil, meskipun. Frame tidak akan di urutan kecuali jika Anda mengikuti aturan sederhana ini: Pilih file terakhir dalam urutan dan kemudian, sambil menekan tombol shift, klik pada nama file pertama dalam urutan. Klik OPEN. Anda dapat mengklik pilihan yang tersisa dengan memilih Berikutnya setiap kali. Satu tempat Anda mungkin ingin menyimpang dari default adalah Frame Durasi. Saya suka animasi saya berjalan lebih cepat dari default dan biasanya memilih 10/100 's detik daripada 25/100' s. Pada kotak dialog terakhir, pilih Finish untuk menutup wizard. 

Untuk melihat bagaimana animasi Anda akan muncul, klik pada tombol Start Preview. Anda akan melihat animasi Anda untuk pertama kalinya. Pretty cool, eh?

Jika semuanya terlihat baik-baik saja, Anda dapat memilih file, Optimization Wizard. Sekali lagi, Anda harus dapat hanya membiarkan wizard melakukan hal tersebut. Akhir, dioptimalkan, logo berputar saya beratnya di 11K cukup bagus. Jika Anda tidak puas dengan hasil akhir, kembali menjalankan wizard dan tweak beberapa pengaturan. Beberapa penghematan terbesar dapat dicapai dengan menurunkan kedalaman warna. Aku menyimpan logo dengan 64 warna, tapi aku mungkin bisa pergi lebih rendah tanpa mengorbankan terlalu banyak kualitas gambar. Anda harus meluangkan sedikit waktu untuk mengenal perangkat lunak animasi. Sebagian besar paket saya sudah mencoba cukup mudah digunakan dan datang dengan bantuan online cukup luas. 

Itu saja. Saya mengundang Anda untuk bermain-main dengan beberapa teks dan beberapa bentuk yang berbeda di Corel DRAW!. Coba tambahkan bevel (menggunakan tab terakhir dalam kotak dialog Extrude), atau menambahkan cahaya kedua dan ketiga, dll Extrude foto Anda ke kedalaman yang berbeda dan mencoba mengisinya dengan tekstur serta warna solid. Tak lama kemudian Anda akan wowing pengunjung di situs web Anda dengan segala macam berputar dan bergerak logo dan tombol. 

Gambar 9.6
Gambar 9.6

letak desain web

Langkah 1: Elemen Dasar

Pertama-tama Anda harus menggunakan CorelDraw dengan versi 11 +. Dalam tutorial ini saya menggunakan CorelDraw X5, Oke mari kita mulai.
Mari kita lihat elemen dasar yang digunakan untuk membuat desain kami:
tata letak desain website tutorial
Ini juga akan langkah kita untuk membuat desain.

Langkah 2: Membuat Lembar Kerja

Oke, sekarang Anda tahu langkah-langkah dan elemen, kami akan mulai.
Pertama-tama buka program CorelDraw Anda, sekarang membuat file baru dan mengatur ukuran kertas Custom, dan mengubah ukuran menjadi 4000 x 3000 pixel.

Langkah 3: Membuat Header

Sekarang bahwa kita memiliki set worksheet kita, kita akan mulai membuat Header
Pertama pergi ke "Rectangle Tool", Anda dapat menemukannya di toolbar kiri, membuat bentuk kotak dan kemudian membuat bentuk kotak diubah ukurannya menjadi 2621 x 742 pixel.


Setelah itu pergi ke "Shape Tool" dan pergi ke toolbar atas sana Anda akan menemukan pilihan sudut bentuk, menetapkan jenis ke Rounded Corner, dan mengatur Sudut Radius dari kiri atas dan pojok kanan bawah 50 px dan 168 px.


Mari kita menempatkan warna di dalamnya.
Pilih kotak pergi ke "Alat Fountain Fill", yang di toolbar kiri bawah, pilih kustom mengisi pada paduan warna dan membuat jenis Radial, mengisi warna dengan Dark Blue di sebelah kiri, Blue on tengah dan Light Blue di sebelah kanan.



Langkah 4: Membuat Notepad

Oke sekarang pergi ke "Rectangle Tool", Anda dapat menemukannya di toolbar kiri, membuat kotak bentuk baru dan kemudian membuat bentuk kotak diubah ukurannya menjadi 885 x 635 pixel.


Setelah itu pergi ke "Shape Tool" dan pergi ke toolbar atas sana Anda akan menemukan pilihan sudut bentuk, menetapkan jenis ke Rounded Corner, dan mengatur Corner Radius menjadi 107 px, taruh di seluruh pelosok.

Mari kita menempatkan warna di dalamnya.
Pilih kotak pergi ke "Alat Fountain Fill", pilih kustom mengisi pada paduan warna dan membuat jenis Linear, mengisi warna dengan Gray di sebelah kiri dan putih di sebelah kanan.



Sekarang membuat Shape Lingkaran kecil menggunakan "Ellipse Tool" di toolbar kiri, dan mengubah ukurannya menjadi 41 x 41 pixel.


Atur Lingkaran di atas Gray Box Shape, menempatkan warna Orange dan menyalinnya sebagai gambar di bawah ini.


Setelah itu membuat garis menggunakan "Bezier Tool" dengan klik kiri dan titik.


Mari kita bentuk dengan menggunakan "Shape Tool", klik pada tengah garis dan menemukan "dikonversi ke kurva" di toolbar atas, tarik panah di sudut dalam rangka untuk membentuk.


Sekarang pergi ke "Outline Tool" di toolbar kiri dan membuat garis tebal dengan menerapkan nilai di bawah ini.



Setelah itu mengatur berbentuk garis di atas Lingkaran Orange.


Menggunakan langkah yang sama seperti di atas membuat garis horizontal dan mengaturnya di atas Grey Box.


Kini kelompok semua objek dengan memilih dan tekan "Ctrl + G", mengaturnya di sisi kiri Header.


Langkah 5: Membuat Header Accent

Mari kita membuat judul lebih hidup dengan menambahkan lebih banyak aksen, pergi ke "Rectangle Tool", membuat bentuk kotak dan kemudian membuat bentuk kotak diubah ukurannya menjadi 1172 x 864 pixel.


Sesuaikan sudut menggunakan "Shape Tool" dan menerapkan nilai di bawah.


Pasang Light Blue Warna di dalamnya.


Mengaturnya di sudut kiri atas header.


Mari kita membuat kotak bentuk baru lain menggunakan "Rectangle Tool" dan ukurannya sebagai gambar di bawah ini.


Pergi ke "Shape Tool" dan menyesuaikan sudut dengan menerapkan nilai di bawah ini.


Buat beberapa lingkaran kecil di bagian bawah kotak, menggunakan "Ellipse Tool".


Sekarang pilih semua objek dan pergi ke toolbar atas, di sana Anda akan menemukan "Potong Alat", tekan pada rangka untuk memotong kotak.


Mari kita menempatkan warna di dalamnya, pilih kotak pergi ke "Alat Fountain Fill", pilih kustom mengisi pada paduan warna dan membuat jenis Radial, mengisi warna dengan Dark Blue di sebelah kiri, Blue on tengah dan Pink di sebelah kanan .



Setelah itu, mengatur kotak ke bagian bawah Header.
desain sundulan

Salin bentuk kotak dan mengaturnya di atas Header.


Setelah itu pergi ke "Callout Shape Tool" di toolbar kiri, dan membuat kotak callout.


Masukan Warna kuning gelap di dalamnya.


Flip dan salin Callout Box dengan menekan "Ctrl + Kiri + Kanan Mouse" sambil menyeret ke kanan.


Aturlah kedua Seranta Box di atas Notepad.


Oke sekarang kita akan membuat Kotak Pencarian, membuat bentuk kotak menggunakan "Rectangle Tool" dan ukurannya sebagai gambar di bawah ini.


Shape menggunakan "Shape Tool" dan menyesuaikan sudut seperti gambar di bawah ini.


Masukan Warna hitam di dalamnya.


Sekarang membuat lingkaran kecil dengan menggunakan "Ellipse Tool" dan ukurannya sebagai gambar di bawah ini.


Buat garis pada bagian bawah kiri lingkaran menggunakan "Ellipse Tool"


Menempatkan warna putih di dalamnya, dan mengatur di di atas Black Box.


Aturlah kotak pencarian di sudut kanan atas Header.

Langkah 6: Membuat Header Tekstur

Mari kita menciptakan tekstur untuk Header, membuat bentuk kotak menggunakan "Rectangle Tool" dan ukurannya sebagai gambar di bawah ini.


Masukan warna Pink garis di dalamnya


Setelah itu copy kotak dengan menekan "Ctrl + Kiri + Kanan Mouse" sambil menyeret ke kanan, dan duplikat dengan menekan "Ctrl + D".


Sekarang pilih semua kotak, dan menggunakan langkah yang sama seperti di atas copy dan duplikat vertikal.


Langkah 6: Bekerja dengan Transparansi

Oke sekarang memungkinkan membuat tekstur sedikit transparan, pilih semua kotak dan pergi ke "Tools Transparansi Interaktif", sekarang Anda melihat bahwa di kursor ada kaca kecil, Klik Kiri & Tarik kursor, dari kiri ke kanan, sehingga transparansi akan membuat linier ke kanan.



Langkah 7: Bekerja dengan PowerClip

Sekarang kita akan menggunakan "PowerClip Tool" untuk memasukkan Tekstur ke Header, pertama memutar Tekstur dengan double klik dan memutar.


Setelah itu mengaturnya di atas Header.


Pilih Tekstur, dan kemudian pergi ke toolbar atas dan menemukan Efek> PowerClip> Tempat Di dalam Container, maka Anda akan melihat panah hitam, kiri-klik untuk Header, dan sekarang Anda akan melihat bahwa unsur-unsur Dikelompokkan berada di dalam Hitam Frame,
Anda dapat pergi "dalam" atau "luar" wadah dengan menekan "Ctrl" sambil mengklik dua kali.
desain header website

Langkah 8: Membuat Tubuh Situs

Sekarang kita akan membuat tubuh website, pergi ke "Rectangle Tool" dan membuat bentuk kotak, ukurannya sebagai gambar di bawah ini.


Shape menggunakan "Shape Tool" dan menyesuaikan sudut seperti gambar di bawah ini.




Mari kita menempatkan warna di dalamnya, pilih kotak pergi ke "Alat Fountain Fill", pilih kustom mengisi pada paduan warna dan membuat jenis Radial, mengisi warna dengan Light Blue di sebelah kiri dan putih di sebelah kanan.



Setelah itu membuat kotak baru menggunakan "Rectangle Tool" dan menerapkan nilai di bawah.


Menggunakan "Shape Tool" menyesuaikan sudut kotak seperti gambar di bawah ini.


Masukan warna hijau di dalamnya.


Aturlah kotak hijau ke sisi kanan dari Badan website.


Salin kotak hijau dan mengubah ukurannya sedikit lebih kecil dari aslinya, mengaturnya di bagian bawah Green Box dan menempatkan warna pink di dalamnya.


Menggunakan langkah yang sama seperti di atas salinan lain dan menempatkan warna yang berbeda di dalamnya.


Sekarang pilih Tubuh Website dan salin ke pojok Kanan Bawah Tubuh website.


Mari kita menempatkan warna di dalamnya, pilih kotak pergi ke "Alat Fountain Fill", pilih kustom mengisi pada paduan warna dan membuat jenis Radial, mengisi warna dengan Dark Blue di sebelah kiri, Blue on tengah dan Pink di sebelah kanan .



Sekarang mari kita ciptakan tekstur untuk Tubuh Situs Web, pergi ke "Ellipse Tool" dan membuat bentuk lingkaran.


Salin lingkaran dan membuatnya lebih kecil dari aslinya.


Pilih kedua lingkaran, dan pergi ke toolbar atas, di sana Anda akan melihat "Potong Alat" pilih itu dalam rangka untuk memotong lingkaran.


Masukan warna Light Blue di Lingkaran Shape.


Menggunakan "Alat Transparansi", membuat lingkaran transparan dengan menyeretnya dari bawah ke atas untuk membuatnya Transparan Top Linear.


Sekarang salin Lingkaran dan membuat satu disalin lebih kecil dari aslinya.


Pilih lingkaran dan menempatkannya di dalam tubuh Website menggunakan "PowerClip" sama seperti langkah 7.


Pilih semua objek dan kelompok dengan menekan "Ctrl + G", dan mengaturnya ke bagian bawah Header.

Langkah 9: Membuat Navigation Bar

Sekarang mari kita ciptakan Navigation Bar, membuat kotak menggunakan "Rectangle Tool" dan ukurannya sebagai berikut.
Pergi ke "Shape Tool" dan menyesuaikan Waktu Corner.


Sekarang membuat lingkaran kecil di sudut kiri atas, dengan menggunakan "Ellipse Tool".


Pilih kedua objek, dan pergi ke toolbar atas, di sana Anda akan melihat "Potong Alat" tekan itu dalam rangka untuk memotong bentuk kotak.


Mari kita menempatkan warna di dalamnya, pilih kotak pergi ke "Alat Fountain Fill", pilih kustom mengisi pada paduan warna dan membuat jenis Radial, mengisi warna dengan Light Blue di sebelah kiri, dan Pink di sebelah kanan.



Kita akan membuat tombol, pergi ke "Rectangle Tool" membuat bentuk kotak dan ukurannya sebagai berikut.


Sesuaikan Pojok menggunakan "Shape Tool".


Masukan warna hitam di dalamnya.


Menggunakan "Alat Transparansi" membuat Shape transparan dengan menyeretnya dari Bawah ke atas, ini akan membuat bagian atas Transparansi linear.


Salin dan Duplikat Shape sama seperti gambar di bawah ini.


Sekarang menggunakan "PowerClip" tool, tempatkan Shape dalam Navigation Bar sama seperti langkah 7.



Setelah itu mengatur Navigation Bar ke sisi kiri dari Badan website.
desain tata letak web

Langkah 10: Membuat Background

Sekarang mari kita ciptakan Website Background, membuat kotak menggunakan "Rectangle Tool" dan ukurannya sebagai berikut.


Mari kita menempatkan warna di dalamnya, pilih kotak pergi ke "Alat Fountain Fill", pilih kustom mengisi pada paduan warna dan membuat jenis Radial, mengisi warna dengan Pink di sebelah kiri, dan Light Pink di sebelah kanan.



Setelah itu pergi ke "Basic Shape Tool", yang di toolbar kiri, setelah Anda klik pergi ke toolbar atas, di sana Anda akan melihat kotak drop pilihan, memilih bentuk tetesan air yang kedua dari terakhir, membuat drop air bentuk dengan klik dan drag.


Shape menggunakan "Shape Tool" seperti gambar di bawah ini.


Mari kita menempatkan warna di dalamnya, pilih kotak pergi ke "Alat Fountain Fill", pilih kustom mengisi pada paduan warna dan membuat jenis Radial, mengisi warna dengan Orange di sebelah kiri, dan Kuning di sebelah kanan.



Salin dan Duplikat Shape dan menempatkan warna yang berbeda untuk membuatnya lebih hidup, Anda dapat memilih warna yang Anda sukai.


Mari kita membuatnya transparan dengan menggunakan "Alat Transparansi", mengatur jenis transparansi dalam seragam dan menerapkan nilai di bawah.


Salin, Putar, dan menduplikasi Bentuknya mirip seperti di bawah ini.


Salin, Putar, dan duplikat lagi untuk membuat sampai terlihat seperti aliran balon.



Mengaturnya di atas Background.


Sekarang tempat aliran Ballon dalam Bacground menggunakan "PowerClip" alat sama seperti langkah 7.


Mari menambahkan lebih baclground untuk membuatnya bersemangat, membuat bentuk lingkaran menggunakan "Ellipse Tool"


Salin dan Duplikat itu mirip seperti di bawah ini.


Menempatkan warna di dalamnya, u dapat menggunakan warna yang Anda suka, tetapi dalam tutorial ini saya menggunakan Biru, Light Blue, Pink dan Ungu.


Setelah itu memungkinkan membuatnya transparan menggunakan "Alat Transparansi", drag dari pojok bawah kanan ke kiri sudut atas Lingkaran untuk membuatnya linear transparan.


Salin dan Duplikat Lingkaran serupa seperti di bawah ini.


Mengaturnya di sudut atas kanan dan kiri sudut bawah Background.


Sekarang pilih Header website, tubuh, dan Navigation Bar, mengaturnya di atas Background.
desain tata letak web

Final Image

Dan kita sudah selesai, Anda dapat membuatnya lebih menarik dengan menambahkan lebih banyak variasi seperti latar belakang teks atau tekstur, seperti pada gambar akhir di bawah ini.
mengagumkan desain tata letak situs web
tata letak situs web deisgn


link : http://www.entheosweb.com