Mendesain website dengan photoshop
|
|
- Widya Tedja
- 7 tahun lalu
- Tontonan:
Transkripsi
1 Mendesain website dengan photoshop Oleh : Jaka Zulham 1 Tutorial photoshop, wordpress dan desain
2 Kata pengantar Dengan rahmat dan dalam naungan Allah yang maha esa, Alhamulillah saya telah menyiapkan E- book (Electronic Book) edisi pertama untuk website saya psdesain.net/. Sesuai dengan judul pada E-book ini, pada ebook ini kita akan mencoba mendesain sebuah theme atau biasa disebut web desain dengan photoshop, saya akan menjelaskan secara step by step dengan lengkap hanya pada ebook ini. Semoga dengan ebook ini, dapat meningkatkan ilmu anda dan meningkatkan kualitas anda sebagai seorang DESIGNER. Salam sukses. Jaka Zulham 2 Tutorial photoshop, wordpress dan desain
3 Tutorial Membuat desain website Dengan photoshop. Langkah 1 Download template 960.gs ( selanjutnya extract di komputer anda, buka template photoshop 16 coloumn dengan software photoshop anda. Langkah 2 Setelah terbuka, tampak kanvas kerja seperti gambar berikut 3 Tutorial photoshop, wordpress dan desain
4 Karena sebuah site atau website berbentuk persegi panjang (panjang kebawah) kita akan memperpanjangnya, beralih kemenu Image > Canvas size, Selanjutnya atur seperti berikut. Hasilnya, (gambar dibawah ini tampak setelah saya zoom out (ctrl + -)) 4 Tutorial photoshop, wordpress dan desain
5 Buka kunci untuk grup 16 Col Grid tarik gambar pembantu untuk proses desain website seperti gambar dibawah ini. Anda juga bisa menghapus garis-garis grid hijau dengan menekan Ctrl + ; pada keyboard. Jangan lupa kunci kembali group 16 Col Grid agar tidak teredit saat proses mendesain web. Perlu anda ketahui, grup 16 Col Grid hanya grup pembantu untuk proses mendesain web. Tampak objek panjang merah pada grup tersebut, pastikan anda mengkunci grup tersebut agar tidak teredit dan tidak terganggu. Langkah 3 Ubah nama group Layer 1 menjadi Header, tempatkan grup tersebut dibawah group 16 Col Grid, Kita akan membuat header untuk bagian ini, untuk background warna header buatlah sebuah background dengan menggunakan Rectangle tool (U) memenuhi bagian atas lembar kerja. Buatlah dengan warna # seperti penampakan dibawah. 5 Tutorial photoshop, wordpress dan desain
6 Dengan Rectangle tool, kembali buat sebuah persegi panjang untuk membuat header navigasi, perhatikan bagian grid group 16 Col Grid, buatlah sesuai coloum tersebut. Agar mudah dalam proses pembuatan anda juga bisa menghilangkan garis merah-merah tersebut dengan mengklik icon mata disamping setiap Group/layer pada panel layer Buat sebuah layer baru diatas Header 1 dan ubah namanya menjadi Cahaya, klik brush tool (b) dengan soft brush buatlah sebuah brush dengan warna putih seolah olah ada sedikit cahaya pada bagian header. 6 Cara setting brush bisa dengan mengklik kanan pada lembar kerja, selanjutnya pilih brush dengan Hardness yang rendah. Tutorial photoshop, wordpress dan desain
7 Tambahkan juga teks pada header tersebut, Teks tersebut bisa title atau judul blog atau web. Sebagai contoh saya memberi titlenya blog desain saya atau PSD Desain.net, Juga menambah deskripsi dibawah title tersebut. 7 Tutorial photoshop, wordpress dan desain
8 Tambahkan layer style pada title PSD Desain tersebut dengan cara klik 2 kali pada layer teks. Selanjutnya akan keluar window layer style lalu pilih drop shadow dan setting seperti berikut. Tambahkan pula gradient overlay seperti gambar berikut. Selanjutnya, tambahkan navigasi pada header tersebut seperti Home, Tentang, Blog dan lain sebagainya. Perlu diperhatikan, link yang sedang aktif dengan yang atau belum diklik. Agar lebih user friendly website tersebut, pastikan link seperti Halaman utama lebih terang dari link lainnya. Ini menginformasikan kapada pengguna bahwa link tersebut dalam keadaan aktif atau pengguna sedang berada pada link tersebut. 8 Tutorial photoshop, wordpress dan desain
9 Langkah 4 Ubah warna background menjadi warna #f4f5f7 9 Tutorial photoshop, wordpress dan desain
10 Pastikan anda menavigasi group sebagus mungkin untuk mempermudah desain dan coding nantinya. Disini untuk header paling atas, navigasi dan lain-lainnya pada tutorial diatas, untuk bagian paling atas saya menggroupnya menjadi group Utama. Langkah 5 Selanjutnya kita akan mencoba membuat bagian untuk slideshownya, pasti anda tau kan dengan slideshow? Banyak blog juga website yang memanfaatkan fasilitas jquery ini untuk membuat slideshow. Buat sebuah group Slideshow dibawah group utama, dengan Rectangle tool buatlah sebuah background untuk slideshow tersebut dengan warna #dfe0e2. 10 Tutorial photoshop, wordpress dan desain
11 Kembali dengan warna #ededed buatlah sebuah rectangle, jangan lupa memanfaatkan fasilitas dari 16 Col Grid agar desain tersusun rapi dan mudah saat pengkodingan oleh web developers. Tambahkan gambar untuk slideshow tersebut, pastikan gambar tersebut berada di group slideshow. 11 Tutorial photoshop, wordpress dan desain
12 Dengan Rectangle tool, buat sebuah persegi pada bagian kiri gambar, di tempat tersebut kita akan menambahkan sedikit teks untuk mendeskripsikan gambar slideshow tersebut. Ubah opacity yang telah dibuat sebesar 25%. 12 Tutorial photoshop, wordpress dan desain
13 Dengan type tool, buat sedikit teks untuk mendeskripsikan gambar slideshow tersebut. Kembali, pastikan anda memanage sendiri group-group yang diperlukan sesuai selera dan se-enak mungkin menurut anda. Anda bebas membuatnya yang penting teratur dan tidak membuat pusing jika suatu saat anda ingin mengeditnya lagi atau anda ingin mensharednya ke orang lain. 13 Tutorial photoshop, wordpress dan desain
14 Dengan rounded rectangle tool, buat sebuah objek untuk navigasi slideshow tersebut. Buat juga objek < dengan pen tool, Berikut contoh sementara yang telah kita desain, untuk teks dan sebagainya anda bisa mengubah sesuai selera dengan manage group yang sesuai tentunya. 14 Tutorial photoshop, wordpress dan desain
15 Anda bisa menggoupnya menjadi Prev atau Next untuk memudahkan, Duplicate kembali group tersebut dan buat kembali tombol serupa seperti berikut. Selanjutnya, masih pada bagian slideshow kita akan membuat navigasi kecil berupa lingkaran kecil pada bagian kanan slideshow. Dengan Ellipse Tool, buatlah sebuah lingkaran kecil. 15 Tutorial photoshop, wordpress dan desain
16 Beri layer style stroke seperti berikut. Duplicate lingkaran kecil tersebut (Ctrl + J), selanjutnya geser ke kiri atau ke kanan dan ubah warnanya menjadi putih. Atur juga ubah warnanya seperti penampakan berikut. Seperti slideshow pada umumnya, ini berfungsi untuk navigasi lembar-lembar slideshow. 16 Ubah juga Opacity lingkaran-lingkaran tersebut menjadi 80%. Tutorial photoshop, wordpress dan desain
17 Sekarang kita akan membuat bayangan untuk slideshow tersebut. Dengan pentool, buatlah segaris objek bayangan seperti berikut. Beralih ke menu Filter > Blur > Gaussian blur, isi radius sebesar 7 pixel dan akhiri dengan menekan OK pada lembar gaussian blur tersebut. Posisikan ke layer paling bawah pada bagian header lalu ubah opacitynya menjadi 80%. 17 Tutorial photoshop, wordpress dan desain
18 Langkah 6 Buatlah sebuah group baru, sekarang kita akan mencoba membuat bagian body atau isi website. Dengan warna putih buatlah bagian dengan Rectangle tool seperti berikut. 18 Tutorial photoshop, wordpress dan desain
19 Dengan Type tool buat teks welcome atau bagian lain dari selamat datang seperti gambar berikut. Dengan pencil tool, buatlah sebuah garis sebesar 1 px dibawah teks tersebut. 19 Tutorial photoshop, wordpress dan desain
20 Buka sebuah gambar dan tempatkan pada objek desain seperti gambar berikut, tambahkan pula teks dengan type tool seperti gambar. Dengan Rectangle Tool, buatlah sebuah kotak kecil untuk membuat tombol read more atau baca selanjutnya. 20 Tutorial photoshop, wordpress dan desain
21 Beri layer style pada tombol yang kita buat dengan rectangle tool seperti berikut. 21 Tutorial photoshop, wordpress dan desain
22 Tambahkan juga teks dan juga sebuah shape pada tombol tersebut. Anda juga bisa mempelajari pembuatan tombol-tombol yang bagus pada postingan blog saya (psdesain.net) berikut. membuat-tombol-website-dengan-photoshop.html membuat-tombol-dengan-photoshop.html membuat-icon-berteksture-dengan-photoshop.html membuat-tombol-download-dengan-photoshop.html Atau silahkan kunjungi untuk melihat tutorial photoshop terbaru. Lakukan secara berulang sebanyak yang anda mau untuk halaman utama desain theme ini, saya membuat 4 postingan pada desain halaman utama ini maka buatlah kembali 4 buah postingan seperti pada langkah diatas. Untuk mempermudah, anda bisa melakukannya dengan cara klik kanan pada group dan pilih Duplicate Group, dengan cara ini anda tidak perlu repot untuk membuat beberapa postingan halaman utama. Anda hanya perlu menduplicate dan menyeretnya di tempat yang layak. 22 Tutorial photoshop, wordpress dan desain
23 Dengan Rectangle tool, buatlah sebuah tombol persegi untuk navigasi desain tersebut. Jangan lupa juga untuk menambahkan teks nomor dan teks Nex >> agar website tersebut lebih user friendly dan pastinya theme desain masih terlihat elegant untuk sebuah website. Atur warna sesuai selera anda, dan pastikan juga anda memanage group dengan bagus untuk mempermudah pengeditan kembali. Sebagai contoh nanti dibawah ebook tutorial ini saya akan menyediakan file download psd untuk theme yang saya desain ini. 23 Tutorial photoshop, wordpress dan desain
24 Langkah 7 Selanjutnya kita akan membuat bagian footer atau kaki sebuah website. Disini saya menggunakan 2 footer, yakni 1 footer untuk bagian widget dan satunya lagi untuk copyright atau registered website tersebut. Dengan Rectangle tool, buatlah sebuah objek untuk background witget footer. Buat kembali dengan Rectangle tool sebuah objek untuk footer tersebut, buat dengan warna #dfe0e2 sepertihalnya saat pembuatan bagian slideshow diatas. Buatlah dengan teratur seperti gambar berikut. 24 Tutorial photoshop, wordpress dan desain
25 Tambahkan juga teks untuk widget tersebut, perhatikan bahwa desain anda masih dalam naungan 16 Col Grid untuk mempermudah orang yang ingin mengcoding desain anda. Tambahkan pula sedikit tombol-tombol social untuk desain anda. Anda bisa mendapatkan icon-icon gratis seperti dibawah ini pada postingan saya : download-icon-website-gratis.html Download dan tambahkan beberapa tombol social yang anda rasa perlu pada desain anda. Buatlah dengan teratur menggunakan move tool (v) pada toolbar. 25 Tutorial photoshop, wordpress dan desain
26 Buka beberapa gambar pilihan anda, karena selanjutnya kita akan membuat widge flickr sebagi contoh. tambahkan gambar-gambar widget untuk flickr anda. Pastikan gambar-gambar tersebut berukuran sama, anda bisa membuatnya dengan ukuran 100px x 100px, atau perkecil lagi jika anda ingin menambahkan lagi beberapa gambar dari kumpulan flickr anda. Juga arsip dan category untuk widget anda. 26 Tutorial photoshop, wordpress dan desain
27 Anda bisa menambah garis garis pada bagian arsip atau category dengan pencil tool. Buat dengan ukuran 1 pixels. Langkah 8 Kembali dengan Rectangle tool, buatlah sebuah bagian lagi untuk footer paling bawah, disini saya memberikan namanya footer 2 27 Tutorial photoshop, wordpress dan desain
28 Jika sebelumnya untuk background footer, buat lagi sebuah gambar untuk footer tersebut dengan warna yang lebih terang. Sama seperti bagian header, buatlah dengan warna serupa seperti langkah membuat header utama. Tambahkan teks untuk footer tersebut, anda bisa membuat copyright atau registered 28 Tutorial photoshop, wordpress dan desain
29 Selesai. Download file psd yang telah saya desain di link berikut (ziddu) : 29 Tutorial photoshop, wordpress dan desain
30 30 Tutorial photoshop, wordpress dan desain
DESAIN BROSUR SUPERMARKET MENGGUNAKAN ADOBE PHOTOSHOP CS Gianto, SPd - SMAN 113 Jakarta
DESAIN BROSUR SUPERMARKET MENGGUNAKAN ADOBE PHOTOSHOP CS Gianto, SPd - SMAN 113 Jakarta Standar Kompetensi : Menggunakan perangkat lunak pembuat grafis. Kompetensi Dasar : Membuat grafis dengan berbagai
Lebih terperinci1. Efek Cloud Pada Background Foto
1 Standar Kompetensi : 1. Menggunakan peerangkat lunak pembuat grafik. Kompetensi Dasar : 1.2. Menggunakan menu ikon yang terdapat dalam perangkat lunak pembuat grafis Adobe Photoshop Indikator Pencapaian:
Lebih terperinciLangkah pembuatan efek foto blending dengan Photoshop
Langkah pembuatan efek foto blending dengan Photoshop Langkah 1 Buatlah sebuah file baru dengan Photoshop. Caranya ya dengan memilih menu File > New. Saat muncul kotak dialog New, silahkan diisi dengan
Lebih terperinci6.1 Praktek Penggunaan Panel Layer
6.1 Praktek Penggunaan Panel Layer Untuk melakukan editing di Adobe Photoshop yang harus diperhatikan dan minimal menguasai dan mengenal tab layer yang disediakan, karena tab layer tersebut merupakan map
Lebih terperinciTutorial Singkat Membuat Desain Header di CMS Balitbang.
Tutorial Singkat Membuat Desain Header di CMS Balitbang. Desain header cms balitbang bisa dirubah sesuai dengan keinginan kita dan tentu saja menyesuaikan dengan content website yang kita buat, misalnya
Lebih terperinciTampilan slide presentasi untuk industri kreatif dengan tema fresh
BAB 6 FRESH Tampilan slide presentasi untuk industri kreatif dengan tema fresh Slide presentasi kini tidak hanya bisa diciptakan melalui software atau program khusus seperti MS PowerPoint, tetapi juga
Lebih terperinciGajah Bermata Satu. Project 1
Project 1 Gajah Bermata Satu Dalam project pertama ini kita akan membuat manipulasi gajah yang mempunyai mata satu, mungkin di kehidupan nyata ini jarang terjadi namun dengan Photoshop kita bisa membuatnya.
Lebih terperinciSTMIK-MURA DESAIN GRAFIS LANJUT (2013) Novi Lestari, S. Kom, M. Kom
STMIK-MURA DESAIN GRAFIS LANJUT (2013) Novi Lestari, S. Kom, M. Kom Email : novistmikmura@yahoo.com Blog : novilestari.webnode.com MATERI: 1. MENDESAIN ICON DOWNLOAD 2. MENDESAIN ICON TAS BELANJA/KERANJANG
Lebih terperinciSpesifikasi: Ukuran: 14x21 cm Tebal: 272 hlm Harga: Rp Terbit pertama: Juli 2005 Sinopsis singkat:
Spesifikasi: Ukuran: 14x21 cm Tebal: 272 hlm Harga: Rp 43.800 Terbit pertama: Juli 2005 Sinopsis singkat: Jika Anda telanjur memiliki foto yang tampak biasa-biasa saja, lebih baik jangan dibuang terlebih
Lebih terperinciMEMBUAT KARTUN & COVER AADC
MEMBUAT KARTUN & COVER AADC Ketentuan : Pilih dua Foto sendiri [Masing-masing Siswa] Buat dua file dengan nama : kartun_[namasiswa.psd] dan cover_[namasiswa.psd] Kumpul : Hari, Tanggal : Sabtu, 31 Mei
Lebih terperinciGraphic Desaign dengan Adobe Photoshop
Graphic Desaign dengan Adobe Photoshop 1 SOFTWARE DESAIN GRAFIS Dalam merancang sebuah brosur, kita tidak bisa lepas dari perangkat lunak untuk mengolah gambar (image) sebagai bagian dari brosur tsb. Ada
Lebih terperinciSpesifikasi: Ukuran: 14x21 cm Tebal: 238 hlm Harga: Rp Terbit pertama: Agustus 2005 Sinopsis singkat:
Spesifikasi: Ukuran: 14x21 cm Tebal: 238 hlm Harga: Rp 41.800 Terbit pertama: Agustus 2005 Sinopsis singkat: Adobe Photoshop CS2 merupakan software desain grafis dan editing foto digital paling canggih
Lebih terperincibabastudio.com babastudio.com
1.1 PHOTOSHOP INTRODUCTION Photoshop adalah program atau aplikasi untuk membuat dan memanipulasi atau mengedit objek atau gambar untuk dijadikan model design. Contohnya dalam dunia photography, photoshop
Lebih terperinciMembuat Tombol Enter dengan Menggunakan Adobe Photoshop Oleh : Tomy Meilando
Membuat Tombol Enter dengan Menggunakan Adobe Photoshop Oleh : Tomy Meilando Pembuatan tombol enter di bawah ini adalah pembuatan tombol dengan menggunakan alat seleksi lingkaran dan gradient, langkah-langkah
Lebih terperinci1. Buka Program Adobe Photosop CS3 yang berada di desktop. 2. Tekan kombinasi Ctrl + O (open), untuk membuka gambar pertama yaitu Landscape.
1. Buka Program Adobe Photosop CS3 yang berada di desktop. 2. Tekan kombinasi Ctrl + O (open), untuk membuka gambar pertama yaitu Landscape. 3. Sebelum berlanjut ke langkah selanjutnya, pilih Move Tool
Lebih terperinciPANDUAN BELAJAR BAGIAN KEDUA. Dibuat oleh : K A M A L U D I N
PANDUAN BELAJAR BAGIAN KEDUA Dibuat oleh : K A M A L U D I N CARA MEWARNAI FOTO PADA PHOTOSHOP Mewarnai atau mengganti warna dari sebuah foto emang asik.. dan banyak sekali teknik yang digunakan untuk
Lebih terperinciDESIGN IKLAN SEPATU. 1. Buka aplikasi Photoshop CS5, kemudian atur kanvas sehingga berukuran 1024 x 768 px dan pilih warna putih sebagai background.
DESIGN IKLAN SEPATU 1. Buka aplikasi Photoshop CS5, kemudian atur kanvas sehingga berukuran 1024 x 768 px dan pilih warna putih sebagai background. 2. Simpan dengan nama Design Iklan Sepatu. 3. Ubahlah
Lebih terperinciCity Hunter. Project 1
Project 1 City Hunter Project pertama ini akan membahas teknik sederhana membuat komposisi gambar, kita akan menggunakan 3 stock gambar dalam pembuatannya. Lukis manual dengan Brush menjadi salah satu
Lebih terperinciMengenal Lingkungan Kerja Adobe Photoshop CS5
Mengenal Lingkungan Kerja Adobe Photoshop CS5 Untuk memahami dan mengenal lebih dekat tentang Adobe Photoshop dan sebelum melakukan proses pengolahan objek-objek atau gambar statik, ada baiknya kita mengenal
Lebih terperinciKreasi Bingkai Gokil
1 Kreasi Bingkai Gokil Bab ini membahas: Kreasi Foto Wajah dalam Bingkai Mata Kreasi Foto Wajah dalam Bingkai Blackhole Kreasi Foto Wajah dalam Bingkai Mulut Kreasi Foto Wajah dalam Bingkai Telapak Tangan
Lebih terperinciBERKREASI DENGAN PAINT TEXTURE
BERKREASI DENGAN PAINT TEXTURE Hi guys! Gw kembali lagi dengan tutorial yang baru nih. Sebelumnya karya ini sudah pernah gw posting di halaman arwork, tapi kali ini gw posting tutorialnya. Sudah pada mencoba
Lebih terperinciHasil Akhir. Stock gambar yang diperlukan: Gambar bokeh Red and white render pack Gambar wanita
Hasil Akhir Stock gambar yang diperlukan: Gambar bokeh Red and white render pack Gambar wanita STEP 1 Mulai dengan memberikan warna gradasi (G) pada layer background. Terlebih dahulu, atur warna gradasi
Lebih terperinciPRAKTIKUM. Ukuran foto yang terlalu besar sering menyulitkan saat mau di ke orang lain atau mau dipasang di website.
PRAKTIKUM Ukuran foto yang terlalu besar sering menyulitkan saat mau di email ke orang lain atau mau dipasang di website. Ada banyak software yang bisa digunakan untuk mengoptimalkan gambar atau foto agar
Lebih terperinciBab 2 Editing Foto. Tool Menggambar
Bab 2 Editing Foto Tool Menggambar Menggambar di Photoshop tidaklah serumit yang Anda kira. Di bawah adalah beberapa konsep dan tool dasar menggambar yang harus Anda pahami. a c d b a. Ada empat tool menggambar,
Lebih terperinciMinimal basic fungsi tool photoshop
Saat jalan-jalan ke web, kadang ketemu tombol dengan efek glassy yang menarik. Atau ga jaduh-jauh, bagi pemakai yahoo widget ataupun sistem operasi vista hal ini bukan hal yang jarang ditemui. Tapi bagaimana
Lebih terperinciphotoshop STEP 2 tekan dan tahan tombol Alt create new fill or adjustment layer Brightness/Contrast
Persiapkan dokumen dengan background berwarna hitam. Lalu masukkan gambar ke photoshop lalu cropping gambar tersebut. Gambar pada tutorial ini bisa ditemukan disini. Untuk cropping gambar di photoshop,
Lebih terperinciDesain cover buku PENDAHULUAN
Desain cover buku PENDAHULUAN Di dalam tutorial ini kita akan membuat sebuah cover buku dengan ukuran 14 x 21 cm dengan ketebalan 1 cm, cara-cara yang digunakan dalam tutorial ini sangat sederhana, di
Lebih terperinciCara Membuat Animasi Bergerak Sederhana di Photoshop
Cara Membuat Animasi Bergerak Sederhana di Photoshop Wawan Supriyadi wawans766@gmail.com :: Abstrak Membuat animasi sederhana menggunakan photoshop atau dikenal juga dengan image ready. Untuk membuat gambar
Lebih terperinciPROGRAM STUDI D3 JURUSAN TEKNIK KOMPUTER POLITEKNIK NEGERI SRIWIJAYA PALEMBANG TK Computer 1 (Multimedia) Hand On Lab 1 Konsep Layer dan Tool Dasar
Jl Srijaya Negara Bukit Besar Palembang 30139, Telpon : +62711 353414 PROGRAM STUDI D3 JURUSAN TEKNIK KOMPUTER POLITEKNIK NEGERI SRIWIJAYA PALEMBANG TK Computer 1 (Multimedia) Hand On Lab 1 Konsep Layer
Lebih terperinciSlamet Riyanto
Teknik Membuat Web Profesional dengan Photoshop Slamet Riyanto kangmas@slametriyanto.web.id http://slametriyanto.web.id Lisensi Dokumen: Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi
Lebih terperinciMengganti Warna Background Pas Foto dengan Menggunakan
Mengganti Warna Background Pas Foto dengan Menggunakan Adobe Photoshop Oleh : Tomy Meilando Selamat datang di tutorial mengganti warna background pas foto dengan menggunakan software adobe photoshop. Tutorial
Lebih terperincibabastudio.com babastudio.com
3.2 BANNER WEB FONT Kita akan membuat Banner Text seperti contoh dibawah ini. Silakan masuk ke program Photoshop File > New > Name Banner Font > Width 400px > Height 600px > Resolution 72 px/inch > Color
Lebih terperinciBAB II Pengantar Layers
BAB II Pengantar Layers A. Dasar-Dasar Layers Layers merupakan lapisan yang berfungsi sebagai tempat objek, diibaratkan sebagai kanvas. Dengan adanya Layers, memungkinkan Anda untuk mengedit sebuah objek
Lebih terperinciCara Membuat Foto Menjadi Kartun Dengan Photoshop CS3 [with picture]
Cara Membuat Foto Menjadi Kartun Dengan Photoshop CS3 [with picture] Iga tri lestari Igaigalestari@gmail.com Abstrak Photoshop merupakan salah satu photos designer yang paling lengkap akan toolsnya, dengan
Lebih terperinciBekerja dengan Layers
BAB 7 Bekerja dengan Layers 1. DASAR-DASAR LAYERS Layers merupakan lapisan yang berfungsi sebagai tempat objek, diibaratkan sebagai kanvas. Dengan adanya Layers, memungkinkan Anda untuk mengedit sebuah
Lebih terperinci1. Buat dokumen baru pada photoshop ( CTRL +N) dengan pengaturan opsi sebagai berikut
Cara belajar photoshop cs3 mudah dengan tutorial photoshop yang ada di ahlidesain.com. Pada tutorial membuat logo dengan photoshop ini saya akan membuat sebuah logo Sony Ericsson. Karena kita mencontoh
Lebih terperinciSpesifikasi: Ukuran: 14x21 cm Tebal: 288 hlm Harga: Rp Terbit pertama: Juni 2005 Sinopsis singkat:
Spesifikasi: Ukuran: 14x21 cm Tebal: 288 hlm Harga: Rp 49.800 Terbit pertama: Juni 2005 Sinopsis singkat: Membuat website yang cantik dan kaya animasi itu gampang! Dulu, merancang website yang benar-benar
Lebih terperinciPHOTOSHOP PANDUAN BELAJAR. Bagian Pertama SUDAH DIPRAKTEKAN SECARA KLINIS DAN SISTEMATIS. Dibuat oleh : K A M A L U D I N
PANDUAN BELAJAR PHOTOSHOP Bagian Pertama SUDAH DIPRAKTEKAN SECARA KLINIS DAN SISTEMATIS Dibuat oleh : K A M A L U D I N DAFTAR ISI 1. Cara memasukan foto kedalam template... 2. Cara menghaluskan wajah...
Lebih terperinciSpesifikasi: Ukuran: 14x21 cm Tebal: 48 hlm Harga: Rp Terbit pertama: April 2005 Sinopsis singkat:
Spesifikasi: Ukuran: 14x21 cm Tebal: 48 hlm Harga: Rp 25.800 Terbit pertama: April 2005 Sinopsis singkat: Buku ini mengulas 16 kiat praktis memoles foto-foto yang semula tampak biasa menjadi tampak lebih
Lebih terperinciDAFTAR ISI BAB 1 Menyeleksi Menjadi Lebih Mudah... 1 BAB 2 Seleksi Cara Tradisional... 5
DAFTAR ISI Kata Pengantar... v Daftar Isi... vii BAB 1 Menyeleksi Menjadi Lebih Mudah... 1 1.1 Esensi Seleksi... 2 1.2 Menguasai Dunia Photoshop CS2... 3 BAB 2 Seleksi Cara Tradisional... 5 2.1 Menyeleksi
Lebih terperinciSpesifikasi: Ukuran: 11x18 cm Tebal: 178 hlm Harga: Rp Terbit pertama: Mei 2005 Sinopsis singkat:
Spesifikasi: Ukuran: 11x18 cm Tebal: 178 hlm Harga: Rp 19.800 Terbit pertama: Mei 2005 Sinopsis singkat: Buku ini mengulas rahasia dan sisi tersembunyi Adobe Photoshop CS yang biasanya jarang diungkap
Lebih terperinciMembuat Welcome Screen Sendiri
Membuat Welcome Screen Sendiri Febri Yanto Pracdirana menjelank.hilank@gmail.com Fb. Menjelank Hilank ( Ebie emtezed ) Lisensi Dokumen: Copyright 2003-2009 IlmuKomputer.Com Seluruh dokumen di IlmuKomputer.Com
Lebih terperinciMODUL 5 MACROMEDIA FIREWORKS
MODUL 5 MACROMEDIA FIREWORKS Tujuan : 1. Memahami penggunaan Fireworks dalam mendesign suatu web. 2. Memahami pembuatan tombol dalam Fireworks. 3. Memahami langkah-langkah pembuatan Fireworks dari awal.
Lebih terperinciDisusun Oleh : Rachmad Dermawan XI IPA 2
Disusun Oleh : Rachmad Dermawan XI IPA 2 02 CorelDraw merupakan salah satu software desain grafis yang sangat terkenal. Berbagai fasilitas untuk mendesain tersedia di sini sehingga memudahkan para penggunanya
Lebih terperinciMengelola Bagian. Website Sekolah. Mengelola bagian utama Website Sekolah dibagi menjadi 3
Bab II: Mengelola Bagian Website Sekolah Utama Mengelola bagian utama Website Sekolah dibagi menjadi 3 kategori pokok, yakni: Mengelola Admin Merubah Disain Banner Atas Melengkapi Profil Sekolah A. Mengelola
Lebih terperinciMengekspos Sinar Matahari dan Bulan
Mengekspos Sinar Matahari dan Bulan Pada pembahasan berikut ini, Anda akan mempelajari teknik aplikasi Photoshop yang digunakan untuk membuat desain kreatif, sehingga Anda akan mendapatkan gambar yang
Lebih terperinciEFEK DREAM PHOTOSHOP
EFEK DREAM PHOTOSHOP Tutorial Photoshop ini untuk yang udah ngerti tool-tool di photoshop.. Kalo yang belum ngerti silahkan baca-baca dulu teori dasarnya dan praktekin dulu tutorial tingkat dasar. tapi
Lebih terperinciTutorial Membuat Website dengan Photoshop CS2
Tutorial Membuat Website dengan Photoshop CS2 Posted by Slamet Riyanto Web yang sering dikunjungi orang merupakan nilai plus bagi seorang web designer. Banyaknya pengunjung yang datang dapat dijadikan
Lebih terperinciBAB II MEMBUAT OBJEK DASAR PADA GIMP
BAB II MEMBUAT OBJEK DASAR PADA GIMP STANDARD KOMPETENSI Menggunakan perangkat lunak pembuat grafis bitmap dan vektor. KOMPETENSI DASAR Membuat dan mengedit gambar bitmap. PENGANTAR BAB Karya grafis, baik
Lebih terperinciMODUL III. VIDEO (Part 3) A. TUJUAN Mahasiswa mengerti cara memberikan animasi motion/grafhics dan membuat title
MODUL III VIDEO (Part 3) A. TUJUAN Mahasiswa mengerti cara memberikan animasi motion/grafhics dan membuat title B. TEORI dan PRAKTEK Animasi Motion/grafics 1. Animasi Position Animasi position disebut
Lebih terperinciMODUL 5 PRAKTIKUM MULTIMEDIA EDITING FOTO DENGAN PHOTOSHOP CS4
MODUL 5 PRAKTIKUM MULTIMEDIA EDITING FOTO DENGAN PHOTOSHOP CS4 Tim Penyusun : Nani Setyo Wulan S.Pd. Katrina Flomina S.Pd. JURUSAN TEKNIK KOMPUTER JARINGAN PERSIAPAN AKADEMI KOMUNITAS SOLOK SELATAN PDD
Lebih terperinciPERANGKAT LUNAK DESAIN GRAFIS
BAB XII PERANGKAT LUNAK DESAIN GRAFIS A. TUJUAN PEMBELAJARAN 1. Mengenalkan aplikasi photoshop sebagai salah satu aplikasi pembangun web 2. Mengenalkan komponen-komponen interface photoshop B. DASAR TEORI
Lebih terperinciMODUL KULIAH DAN PRAKTIKUM LABOR. Teknologi Multimedia. Interface Design. Oleh Muhammad Adri, S.Pd, MT
MODUL KULIAH DAN PRAKTIKUM LABOR Teknologi Multimedia Interface Design Oleh Muhammad Adri, S.Pd, MT FAKULTAS ILMU KOMPUTER UNIVERSITAS PUTERA INDONESIA UPI YPTK PADANG 2008 Interface Design Interface desain
Lebih terperinciSpesifikasi: Ukuran: 11x18 cm Tebal: 200 hlm Harga: Rp Terbit pertama: September 2005 Sinopsis singkat:
Spesifikasi: Ukuran: 11x18 cm Tebal: 200 hlm Harga: Rp 22.800 Terbit pertama: September 2005 Sinopsis singkat: Buku ini mengulas rahasia dan sisi tersembunyi Adobe Photoshop CS2 yang biasanya jarang diungkap
Lebih terperinciRahmanHistory Perjalanan Hidupku
Judul : Membuat Teks Menjadi Effect Asap Kategori : Tutorial Photoshop Jumlah Halaman : 6 Halaman Penulis : Rahman Tri Antoni Website : Tanggal Pembuatan : 20 Oktober 2012 Pada kesempatan kali ini,saya
Lebih terperinci3. Klik Horizontal Type Tool yang ada dalam toolbox 4. Lihat option bar, lalu pilih dan atur nilai-nilai pada option bar sehingga seperti:
Latihan 6 (Membuat Tulisan dengan Efek Bayangan) 1. Jalankan Adobe Photoshop 7. 2. Buatlah sebuah file baru. Beri nama file tersebut dengan nama anda masing-masing. Aturlah konfigurasi lembar kerja pada
Lebih terperinciE-trik Adobe Illustrator CS2
DISCLAIMER Seluruh dokumen E-Trik di dalam CD ini dapat digunakan dan disebarkan secara bebas untuk tujuan belajar bukan komersial (non-profit), dengan syarat tidak menghapus atau merubah atribut penulis
Lebih terperinciBAB 4 PROSES PENGEMBANGAN
BAB 4 PROSES PENGEMBANGAN Pada bagian ini kita akan membahas tentang teknik pengembangan situs sesuai dengan sketsa yang telah dibuat sebelumnya. Proses pengembangan diawali dengan pembuatan layout halaman
Lebih terperinciTEKNOLOGI INFORMASI DAN KOMUNIKASI MENGGUNAKAN. Program Pengayaan SMA N 1 SRAGEN 2008/2009 Bekti Ratna Timur Astuti,S.Kom
TEKNOLOGI INFORMASI DAN KOMUNIKASI MENGGUNAKAN Program Pengayaan SMA N 1 SRAGEN 2008/2009 Bekti Ratna Timur Astuti,S.Kom Mengenal Adobe Photoshop 7 Menu Bar Title Bar Option Bar Option bar: berisi informasi
Lebih terperinciMEMBUAT JAM DIGITAL. By : gapra27
MEMBUAT JAM DIGITAL By : gapra27 86 Disini kita akan mencoba untuk membuat sebuah jam digital dengan keampuhan ActionScript Macromedia Flash 8. Berikut adalah langkahlangkahnya (ikuti dengan benar) : Langkah
Lebih terperinciCara membuat Teks KaBoom Dengan Photoshop CS
Cara membuat Teks KaBoom Dengan Photoshop CS Efek teks kaboom ini terus terang sangat menawan. Setelah saya membaca dan mempelajarinya serta mempraktekanya pada buku 17 efek teks fantastis, kini saya ingin
Lebih terperinciMenata Tampilan Website
Bab 2 Menata Tampilan Website Selanjutnya adalah mulai menata content website. Namun sebelum masuk ke dalam menu tersebut, Anda harus sudah memiliki gambaran dan juga materi yang akan Anda masukkan ke
Lebih terperinciPENGENALAN ADOBE PHOTOSHOP
PENGENALAN ADOBE PHOTOSHOP Adobe Photoshop CS3 merupakan program pengolah gambar secara digitalterpopuler saat ini. Dengan Adobe Photoshop CS3 anda dapat mengolah foto biasayang telah anda scan menjadi
Lebih terperinciLatihan Menggunakan Polygonal Lasso Tool Latihan Menggunakan Quick Mask Mode Latihan Menggunakan Filter Extract...77
Daftar Isi Kata Pengantar...vii Daftar Isi...ix Bab 1 Latihan Menggunakan Magic Wand Tool...1 Bab 2 Latihan Menggunakan Rectangular Marquee Tool...11 2.1 Feather...16 2.2 New, Add, Subtract, dan Intersect...22
Lebih terperinciAda beberapa persiapan yang harus di lakukan sebelum membuat sebuah Company Profile
Membuat Company profile Meggunakan Macromedia Flash MX Ada beberapa persiapan yang harus di lakukan sebelum membuat sebuah Company Profile 1. Mempersiapkan bahan-bahan yang di butuh kan dari image, teks
Lebih terperinciMembuat Frame (Gaussian Blur)
Tips Modifikasi Foto Dengan Effek Blur Pada Photoshop chibigopan@yahoo.com Lisensi Dokumen: Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan
Lebih terperinciMODUL MULTI LANGUAGE WORDPRESS
MODUL MULTI LANGUAGE WORDPRESS Universitas Padjadjaran DIREKTORAT PERENCANAAN DAN SISTEM INFORMASI 2016 1 Pada dasarnya, wordpress bukan platform yang diperuntukkan untuk multi-language atau banyak bahasa.
Lebih terperinciMODUL IV APLIKASI MULTIMEDIA
MODUL IV APLIKASI MULTIMEDIA 4.1 TUJUAN Praktikan dapat mengenal fitur fitur di Adobe Photoshop Praktikan dapat menggunakan dan memanipulasi image dengan Adobe Photoshop 4.2 DASAR TEORI Adobe Photoshop,
Lebih terperinciTutorial membuat Gambar Lumba-Lumba dengan Panorama Bawah Laut
Tutorial membuat Gambar Lumba-Lumba dengan Panorama Bawah Laut Untuk Tutorial ini, awalnya kita akan menggunakan software grafis berbasis vektor yaitu Inkscape, seperti Gimp, Inkscape merupakan Free and
Lebih terperinciPROGRAM STUDI TEKNIK KOMPUTER JURUSAN TEKNIK KOMPUTER POLITEKNIK NEGERI SRIWIJAYA PALEMBANG TK Computer 1 (Multimedia) Hand On Lab 6
Jl Srijaya Negara Bukit Besar Palembang 30139, Telpon : +62711 353414 PROGRAM STUDI TEKNIK KOMPUTER JURUSAN TEKNIK KOMPUTER POLITEKNIK NEGERI SRIWIJAYA PALEMBANG TK Computer 1 (Multimedia) Hand On Lab
Lebih terperinciPENGENALAN INTERFACE MACROMEDIA DITECTOR MX
PENGENALAN INTERFACE MACROMEDIA DITECTOR MX Sebelum kita mempraktekkan tutorial singkat ini, sebaiknya software Macromedia Director di-install terlebih dahulu. Untuk menjalankan program Macromedia Director
Lebih terperinciEBOOK TUTORIAL (PANDUAN) LAPAX THEME TEMPLATE TOKO ONLINE WORDPRESS INDONESIA JASA PEMBUATAN WEBSITE TOKO ONLINE. Butuh bantuan? Hubungi kami!
EBOOK TUTORIAL (PANDUAN) LAPAX THEME TEMPLATE TOKO ONLINE WORDPRESS INDONESIA JASA PEMBUATAN WEBSITE TOKO ONLINE Butuh bantuan? Hubungi kami! Perhatian! Sebagai pengguna jasa pembuatan website, Anda dilarang
Lebih terperinciPENGGUNAAN SLICE. Tujuan Instruksional
PENGGUNAAN SLICE Suatu halaman web harus didesain secara representatif namun bisa diakses secara cepat. Sebuah halaman web yang yang dibuat berupa gambar full color dengan menggunakan Adobe Photoshop,
Lebih terperinci13 Appearance dan Style
13 Appearance dan Style Setiap perlakuan yang Anda berikan pada suatu objek, baik mendefinisikan warna dan ketebalan garis, warna fill, efekefek lainnya hingga suatu objek memiliki tampilan atau appearance
Lebih terperinciMEMBUAT TEKS REFLEKTIF
Electronik Book dari TUTORIAL www.belajar-grafis.co.nr PHOTOSHOP [Free Download] MEMBUAT TEKS REFLEKTIF Elektronic Book BELAJAR-GRAFIS.CO.NR Buku ini disusun oleh : Johan Felisitas Lisensi Dokumen: Copyright
Lebih terperinciDaftar Isi. Pendahuluan
Daftar Isi Pendahuluan Daftar Isi v vii Bagian 1 - Basic Photoshop Area Kerja Photoshop........................ 3 Tool Penting................................ 5 Menampilkan Palet..........................
Lebih terperinciMembuat Kalender Meja dengan Photoshop
Membuat Kalender Meja dengan Photoshop Di bab sebelumnya kita telah menyelesaikan satu kalender meja menggunakan CorelDRAW X5. Pada bab ini saya akan membahas pembuatan kalender meja dengan Photoshop.
Lebih terperinciA. Kompetensi Setelah mengikuti mata kuliah ini, mahasiswa diharapkan memiliki kemampuan membuat efek teks dan membuat efek gambar.
No. LST/EKA/PTI 236/03 Revisi : 01 Maret 2011 Hal 1 dari 8 A. Kompetensi Setelah mengikuti mata kuliah ini, mahasiswa diharapkan memiliki kemampuan membuat efek teks dan membuat efek gambar. B. Dasar Teori
Lebih terperinciMemanipulasi & Editing Image dengan Adobe Photoshop
Memanipulasi & Editing Image dengan Adobe Photoshop Asep Gumelar Adobe Photoshop adalah suatu program gambar atau manipulasi image yang diciptakan oleh Adobe system Incorporate. Aplikasi serupa yang dapat
Lebih terperinciTutorial Macromedia Flash 8
Tutorial Macromedia Flash 8 Tutorial 1 Pengenalan Dasar Macromedia Flash 8 By cnfmedia FLASH 8 USER INTERFACE PENJELASAN USER INTERFACE User interface di Flash terbagi atas 5 bagian, yaitu: 1. Stage Stage
Lebih terperinciBAB IV. APLIKASI PROGRAM ANIMASI (MACROMEDIA FLASH )
BAB IV. APLIKASI PROGRAM ANIMASI (MACROMEDIA FLASH ) A. Pendahuluan Salah satu perkembangan mutakhir teknologi komputer yang berpengaruh besar terhadap aplikasi komputer adalah munculnya perangkat lunak
Lebih terperinciPoster. dinding atau permukaan datar lainnya dengan sifat mencari perhatian mata sekuat mungkin.
Poster Poster adalah media gambar yang memiliki sifat persuatif tinggi karena menampilkan suatu persoalan atau tema yang menimbulkan perasaan kuat terhadap khalayak. Pengaplikasiannya dengan ditempel di
Lebih terperinciMembuat Teks Berkesan 3D dengan Photoshop
Membuat Teks Berkesan 3D dengan Photoshop Pada kesempatan kali ini, kita akan bahas bagaimana caranya untuk membuat efek berkesan 3 Dimensi dengan memanfaatkan pencahayaan, shadow, dan Layer Styles di
Lebih terperinciMEMBANGUN WEBSITE MENGGUNAKAN WEBS.COM
MEMBANGUN WEBSITE MENGGUNAKAN WEBS.COM 1. Buka jendela browser yang anda inginkan. Misalnya Internet explorer, mozilla fire fox dan masukkan alamat http://www.webs.com dilanjutkan dengan menekan Enter
Lebih terperinciE-trik Adobe Illustrator CS2 ROBOT KEPITING. fandi
DISCLAIMER Seluruh dokumen E-Trik di dalam CD ini dapat digunakan dan disebarkan secara bebas untuk tujuan belajar bukan komersial (non-profit), dengan syarat tidak menghapus atau merubah atribut penulis
Lebih terperinciTips dan Trik GIMP (GNU Image Manipulation Program)
Tips dan Trik GIMP (GNU Image Manipulation Program) Oleh Tim Airputih (info@airputih.or.id) Hak Cipta Hak Cipta (c) 2014 dipegang oleh tim penulis, dan di publikasikan berdasarkan lisensi Creative Commons
Lebih terperinciSOAL TEORI PHOTOSHOP CS4
SOAL TEORI PHOTOSHOP CS4 Pilihlah jawaban yang paling tepat dari soal di bawah ini dengan memberi tanda ( ) pada lembar jawaban computer (LJK)!! 1. Untuk memulai Program Photoshop CS4 yaitu : a. Start,
Lebih terperinciBAB 13 MEMPERCANTIK TAMPIL WEB
BAB 13 MEMPERCANTIK TAMPIL WEB Website yang baik bukan terletak pada banyaknya animasi yang ditampilkan, tidak juga karena banyaknya video yang disediakan atau banyaknya warna yang dikombinasikan. Website
Lebih terperinciE-commerce Development Berbasis Wordpress
E-commerce Development Berbasis Wordpress P A R T 2 A / 4 w w w. v e r o n i c a s t e v a n y. c o m w w w. g r a p h i c b y v e s t e. c o m PAGE 2 Pendahuluan WordPress merupakan sebuah CMS (Content
Lebih terperinciMODUL V DESAIN DENGAN OBYEK FOTO
MODUL V DESAIN DENGAN OBYEK FOTO A. MAKSUD DAN TUJUAN 1. MAKSUD Memberikan pengenalan tentang pengolahan foto dalam desain grafis dengan menggunakan aplikasi Photoshop. 2. TUJUAN Agar mahasiswa dapat menggunakan
Lebih terperinciTutorial photoshop cara membuat efek pada teks Jilid II
Tutorial photoshop cara membuat efek pada teks Jilid II tutorial kali ini kita akan memberikan efek pada text, yang mana kita akan membuat text terlihat seperti terbakar dan membuat kobaran api di atasnya,
Lebih terperinciMenambahkan Efek Cuaca pada Gambar
Menambahkan Efek Cuaca pada Gambar Pada bab ketujuh ini Anda akan mempelajari penambahan spesial efek pada gambar untuk memberikan tampilan akhir gambar yang mempunyai ekspresi pengaruh dari cuaca terhadap
Lebih terperinciBAHAN PRAKTIKUM FLASH. Digunakan Untuk matakuliah Pengembangan Media Pembelajaran Matematika
BAHAN PRAKTIKUM FLASH Digunakan Untuk matakuliah Pengembangan Media Pembelajaran Matematika Bahan praktikum ini berisi latihan penunjang untuk matakuliah pengembangan media pembelajaran matematika. Berisi
Lebih terperinciMembuat Berbagai Desain Logo
Membuat Berbagai Desain Logo 124 125 BAB 5 Membuat Berbagai Desain Logo dengan CorelDRAW X4 M embuat desain suatu logo adalah penting bagi seseorang yang ingin menjadi mahir dan professional dalam desain
Lebih terperinciBAB 3 Tip dan Trik Seputar Tool
BAB 3 Tip dan Trik Seputar Tool Tombol-Tombol yang Ada di Zoom Tool Jika Anda mengaktifkan Zoom Tool maka ada empat buah tombol di dalam toolbar. Keempat tombol itu berfungsi untuk memperbesar atau mengecilkan
Lebih terperinciTutorial membuat Rainbow Island Wallpaper dengan Adobe Photoshop CS3
Tutorial membuat Rainbow Island Wallpaper dengan Adobe Photoshop CS3 Yudi Prastiawan a7x.yudi@gmail.com :: http://ilmu-modern.blogspot.com Abstrak Adobe Photoshop merupakan salah satu program aplikasi
Lebih terperinciCloudy Morning. Project 2
Project 2 Cloudy Morning Langit dan awan kadang memiliki peran penting dalam gambar landscape, di mana objek langit biasanya memiliki porsi ruang yang lebih dominan dari objek yang lain. Bentuk awan dan
Lebih terperinciMembuat Layout Desain Awal dengan Photoshop
2 Websiteku Membuat Layout Desain Awal dengan Photoshop jalankan aplikasi photoshop anda dan siapkan sebuah kanvas baru, caranya pilih file - new lalu gunakan setting berikut: Width : 700 pixel Height
Lebih terperinciMoh Sulhan
Membuat Animasi dengan Adobe ImageReady Moh Sulhan sulhan@supportindo.com alan2net@yahoo.co.id Lisensi Dokumen: Seluruh dokumen di IlmuKomputer.Com dapat digunakan, dimodifikasi dan disebarkan secara bebas
Lebih terperinciCara Membuat Template/Desain Presentasi Powerpoint Dengan Slide Master
Cara Membuat Template/Desain Presentasi Powerpoint Dengan Slide Master Jika Anda ingin membuat template/desain presentasi powerpoint sendiri yang khas dengan karakter Anda atau lembaga Anda maka Anda bisa
Lebih terperinci