Showing posts with label Tutorial Adobe Photoshop. Show all posts
Showing posts with label Tutorial Adobe Photoshop. Show all posts

Membuat Bola Kristal

Biasanya kita membuat bentuk bola kristal menggunakan software sahabatnya photoshop yaitu Corel Draw, tapi kita akan coba membuat menggunakan Photoshop, seperti apa ya, mari kita coba bersama…..


1. Buka Lembarannya ya yang pasti photoshop laaah…..setting Default aja.

2. Buat layer baru > Create New Layer pada jendela Layer

3. Pilih Elliptical Marquee Tool > Drag sesuai keinginan kalian, tapi jangan terlalu besar.


4. Set Foreground Color = #fdcc0a , Dan Background color = #f8f51b > Pilih Gradient Tool > tarik dari atas pada object seleksi lingkaran.

5. Untuk menghilangkan seleksi tekan aja Ctrl + D, Pilih menu Layer > Layer Style > Color Overlay.


6. Buat layer baru lagi > Pilih Brush Tool ( ganti foreground color menjadi Putih ) > Sapukan dibagian atas object.


7. Masih pada layer Brush tadi > Pilih Menu Filter > Blur > Gaussian Blur. Atur Radius = 12.0 Pixels.

8. Sekarang kita kembali ke layer Object Bulat, kemudian pilih menu Filter > Render > Lens Flare > 105mm Prime > Brightness = 131%.


9. Jika kalian punya kreatifitas sendiri, boleh lah di edit lagi....agar seperti permata atau kristal yang beneran.........SELAMAT MENCOBA.
Download File Lengkap

Cara menyimpan File Photoshop dengan JEPG Image

Terkadang kita masih bingung, bagaimana ya caranya desain yang sudah kita buat di jadikan File gambar atau dalam bentuk JEPG. Sekarang kita akan belajar juga cara menyimpannya. Sebelumnya saya minta maaf karena tidak dari pertama saya buat. Kemarin ada yang Request pada saya untuk membuatkannya, terimaksih ya!!!!

1. Jika kita sudah mendesain di program photoshop, kita simpan dengan cara pilih Menu File > Save For Web & Devices…Sehingga akan muncul jendela Save for Web & Devices, aturlah seperti gambar :


2. Setelah kita klik Save, maka akan muncul jendela Save Optimized As > beri nama file kamu > Save. Maka gambar yang kalian desain dengan photoshop yang tadinya file PSD. Akan menjadi File JEPG Image.


Selamat Mencoba!!!( Monggo Di Cicipi )
Download PDF

Cara Membuat Efek Batik



Kita akan membuat batik secara komputerisasi, caranya sangat mudah dengan kelebihan yang ada dalam program Adobe Photoshop ini kita dapat membuat efek batik dengan sangat mudah. Tapi kita harus ingat walaupun mudah, kalau kita tidak mencobanya ya tetap saja ga bisa..........

1. Buka progaram Adobe Photoshop > New File > Atur secara Default saja..
2. Create New Layer ( biasanya terletak di Pojok kanan bawah pada jendela layer ), sehingga pada jendela layer terdapat layer baru dengan nama layer 1.

3. Pilih Custom Shape Tool


4. Kemudian pada gambar Shape kita pilih Type Floral Ornamen 2 untuk kita jadikan efek batiknya.


5. Pilih warna Foreground Color misalnya warna coklat ( #735342 ), Drag objek batik sesuaikan ukuran yang kita inginkan , untuk mengatur gambar kita gunakan Free Transform, letakkan objek batik di pojok kiri atas lembar photoshop.


6. Copy Objek Batik dengan cara tekan tombol Shift + Alt + Tarik Mouse ke Bawah, sehingga objek akan bertambah menjadi dua. Lakukanlah cara peng copyan tadi sehingga menutupi semua bagian lembar kerja Photoshop.( Apabila kita akan mengcopy kesebelah kanan makan Tarik mouse ke kanan.


7. Jika kamu sudah bisa, silahkan coba dengan bentuk batik yang lain.


Please Your Download

Cara Mengatur Jarak Teks pada Program Photoshop

1. Buka Program Photoshop > New File > 471 x 138 Pixel.
2. Pilih Horizontal Type Tool > Jenis Font = Arial . Tulis Teks Misalnya “ Selalu Perbaiki Diri “


3. Pilih lagi Horizontal Type Tool, blog kalimat Selalu perbaiki diri.


4. Pilih Menu Window > Character atau tekan Ctrl + T , sehingga akan muncul jendela Character. Dan atur jarak teksnya sehingga jarak antara huruf akan melebar .


5. Jika sudah berhasil kalian bisa coba-coba atur teks dengan pengaturan yang lain, yang berada dijendela Character tersebut.
Please Your Download

Cara Membuat Teks Lilin

1. Buatlah New File ataur default photoshop aja tapi content Transparant.

2. Pilih Horizontal Typing Tool, dengan huruf: Century Ghotic, font sizeatur sesuai keinginan kamu. kemudian ketikkan kata misalnya, ‘Muryan Awaludin’.


3. Pilih menu Layer --> Layer Style-->Bevel And Emboss, atur seperti berikut:


4. Kemudian pilih lagi menu Layer -->Layer Style-->Gradient Overlay, atur sbb:


5. Kemudian pilih menu Layer-->Layer Style-->Color Overlay, atur sbb:


6. Pilih menu Layer-->Layer Style-->Inner Shadow, atur sbb


7. Pilih menu Layer-->Layer Style-->Drop Shadow, atur sbb:


Download PDF

Cara Membuat Extrude

1. Buka program photoshopnya pilih New File dan atur ukurannya 800 x 800 px. Kemdian langsung kalian beri warna Background menjadi warna Hitam.

2. Pilih menu Filter --> Render --> Lens Fire.


3. Pilih Filter --> Artistic --> Fresco.


4. Pilih menu Filter --> Stylize --> Extrude.


5. Untuk menambahkan efek pusat cahaya, Pilih menu Filter --> Render --> Lens Fire. Yang ini menggunakan movie prime.

Download File Lengkap

Cara Membuat Teks Horror




Kita akan coba belajar membuat tulisan Horror, sebenarnya taidak ada hubungannya yang akan kita buat sekarang dengan tulisan Horror, karena yang kita akan buat tulisannya mirip dengan suasana mistis ya saya tulis aja Horror.

1. Tekan ‘D’ untuk mereset foreground color dan background color

2. Kemudian tukar warna foreground color dengan background color, dengan menekan ‘X’

3. Buat file baru dengan 500 X 250 pixels, Mode: RGB, Contents :Background Color.

4. Pilih menu Image --> Adjusments --> Invert ( Ctrl + I ) tujuannya untuk membalik warna Background menjadi Hitam.

5. Gunakan Horizontal Type Tool, untuk menulis tulisan “ Horror “ bentuk font pilih aja terserah kalian. Tapi saya akan menggunakan Font ” Charlemagne Std ”.


6. Pilih layer--> type --> wrap text, atur sbb:


7. Pilih Image --> Rotate Canvas -->90o CCW.

8. Pilih Layer --> Rasterize -->Type

9. Pilih Filter--> Stylize --> Wind. Method: Wind, Direction: From the left


10. Pilih Image --> Rotate Canvas -->90 o CCW. Untuk membalikkan ke posisi semula.

11. Pilih Image --> Mode --> Indexed Color. Flatten Image? OK. Indexed Color: OK.

12. Pilih Image --> mode --> Color Table. Table : Black Body.

Please Your Download

Memanipulasi wajah

Sekarang kita akan belajar memanipulasi foto khususnya pada wajah, yang penting tau caranya dulu masalah bagus atau mirip berapa persennya sich ntar. Kita kan masih belajar kalau sudah tau dasarnya kan nanti bisa dikembangkan lag atau latihan lagi.

1. Buka Program kita ( Adobe Photoshop )-->pilih Open --> pilih 2 foto kamu terserah yang mana aja….


2. Mulai seleksi wajah dengan polygonal Lasso Tool, yang ini harus teliti ya…….jika sudah terseleksi semua kalian copy paste atau tekan Ctrl + C , kemudian langsung paste ( Ctrl + V ). Sehingga akan muncul satu layer lagi yaitu layer wajah yang tadi kita Copy & Paste.


3. Sekarang tarik copy wajah, dan jika kurang pas, atur aja menggunakan Free Transform agar mendekati mirip .


Silahkan Mencoba……..Good Luck!!
Download PDF

Cara Membuat Gambar Iklan dalam Advertising



1. Pilih File-->Open untuk membuka objek yang akan kita jadikan efek background ( kalau ini terserah kalian mau pilih yang mana yang ada di computer kalian aja )misal saya akan menggunakan gambar pegunungan pada pagi hari.


2. Kemudian buka gambar lagi untuk dijadikan objek iklan ( misalnya saya akan mengambil gambar desain bungkus rokok yang sudah saya buat sebelumnya ). Dan lakukan seleksi pada gambar bungkus rokok tersebut.



3. Pindahkan objek yang terseleksi kedalam gambar pegunungan dengan mengunakan Move Tool , kemudian atur menggunakan Free Transform ( Ctrl + T ) berfungsi untuk mengatur besar kecilnya gambar.


4. Setelah gambar bungkus rokok sudah kita pindahkan maka akan secara otomatis pada jendela Layer akan bertambah ( Layer Background & Layer bungkus rokok yang kita pindahkan tadi ). Masih pada Layer bungkus rokok beri efek Drop Shadow dengan angle 900 .

5. Pada Layer Background kita beri efek Blur. Pilih Filter-->Blur-->Blur More. Dan ulangi efek blur tersebut sebanyak 10 x. atau tekan aja Ctrl + F 10x. sehingga gambar rokok nampak jelas.

6. Sekarang kita akan membuat tulisan menggunakan Horizontal Type tool, misal tulsanya “ Janganlah Merokok “, kemudian efek tulisan tersebut kita beri efek Drop Shadow , Outer Glow, Color Overlay dan gradient Overlay.

7. Hasil dari pengaturan pada langkah ke 6

8. Pilih layer Background, kemudian klik Rectangular Marquee Tool, Feather: 10 px, lakukan seleksi sbb:

9. Masih pada layer Background ( Layer pegunungan ). Kemudian Pilih Select--> Inverse.
10. Berilah efek Filter-->Distort-->Glass. Untuk menghilangkan seleksi tekan Ctrl + D.

Please Your Download

Membuat Efek Foto Hitam Putih

Untuk membuat efek foto hitam dan putih sangatlah mudah, tapi kalau kita belum mencobanya itu juga masalah, maka dari itu kita coba yuuk…..bagaimana sich membuatnya tapi sebelum membuat kalian buat BackUp foto dahulu atau copy foto agar jika kalian lupa save pada pengeditan di Photoshop.

1. Buka foto yang kalian suka dengan cara klik pada menu File-->Open, misalnya saya akan mengambil foto temen-temen STIKOM CKI aja..


2. Setelah kalian buka foto yang akan dijadikan uji coba, kalian pilih menu Image-->Adjusments-->Black and White. Biarkan pengaturan secara default aja.

Download File Lengkap

Membuat Bingkai Foto 3D



1. Buka Program Photoshop-->File-->New, atur default saja yaa!!!

2. Pilih Rectangular Marquee Tool, drag sesuai dengan keinginan kamu aja…..

3. Jika sudah membuat seleksi dengan Rectangular Marquee Tool, kemudian berilah warna pada seleksi misalnya saya beri warna biru. Menggunakan Paint Bucket tool. Dan untuk meghilangkan seleksi tekan aja Ctrl+D.


4. Kemudian kalian pilih menu Edit-->Transform-->Skew, tarik kesebelah kanan anda. Sehingga akan membentuk seperti bangun Jajar Genjang, untuk menghilangkan seleksi klik mouse 2x ( Apply the transformation )

5. untuk menambah efek 3D kita gunakan efek drop shadow aja, Bland Mode = Multiply, Angle =1200 , Distances = 5px, Spread =55%, Size=8px, Noise = 0.

6. Memasukan foto dengan cara open foto, misalnya pilih foto temen-temenku aja….Kemudian untuk menempelkan dan membuat bentuk screw lakukan seperti langkah ke 4.

7. Untuk mempercantik bingkai foto kita tambahkan foto efek Drop Shadow ( Default aja ) kemudian efek Inner Glow, opacity= 100, noise =100, yang lain default aja.

8. Untuk memperjelas efek 3D pada bingkai, maka kita pilih layer bingkai ( Layer 1) kemudian pilih menu Layer-->Layer Style-->Bevel and emboss. Atur Depth=246, size =8px, Soften = 2px yang lain default aja.

Please Your Download

Cara mengetik dengan Efek Garis Bawah ( Underline)

Terkadang kita meyepelekan suatu hal yang kecil, tapi ternyata kadang-kadang pula kita tidak bisa membuat atau mengerjakan suatu hal yang kecil itu, karena kita sudah menyepelekannya. Untuk kali ini kita akan belajar atau sharing ilmu mengetik dalam program photoshop dengan efek tulisan Underline atau yang lainnya.

1. Buka program photoshopnya, kemudian kalian pilih Horizontal Type tool untuk menulisnya, dan sebelum kita menuliskannya di lembar kerja Photoshop, terlebih dahulu kita tekan tombol ¬Shift + Ctrl +U, sehingga setelah kita mengetik tulisan maka secara otomatis tulisan tersebut terdapat garis dibawahnya. Dan jika kalian ingin mengubahnya kembali menjadi tanpa garis tekan aja lagi Shift +Ctrl +U nya.

2. Sekarang cara kedua, Untuk memunculkan pilihan garis bawah tersebut, kita perlu mengaktifkan Character Palette ( Window > Character ). Pada kotak palet tersebut, klik pada icon segitiga di sebelah kanan atas. Kemudian akan nampak pada palet menu tersebut pilihan underline, disitu kalian juga bisa memilih efek tulisan yang lain, di cobain aja..........tapi ingat sebelum kalian merubahnya blog dulu tulisan yang kalian tulis.

Download

Membuat Kartun ( Trace Pada Foto )

Pada efek kartun ini kita akan menggunakan manual menggunakan Pen Tools. Trik ini biasa disebut dengan tracing, biasanya kita membuat trace foto menggunakan Illustrator tapi karena kita sedang belajar photoshop maka kita akan coba membuatnya....mari kawan-kawan kita belajar bareng.....


Cara membuatnya :

1. Bukalah sebuah foto, misalnya saya menggunakan foto saya sebagai objek nya:

2. Untuk berjaga-jaga agar tidak merubah gambar aslinya kita duplikat aja agar suatu saat kita lupa save ntar kita masih ada cadangan gambar aslinya atau kita mau membutuhkan beberapa item gambar asli jadi kita bisa mengcopy nya, caranya klik aja pada Keyboard Ctrl + J . maka akan ada layer 1 ( copy background gambar ). Kemudian pada Layer 1 kita mulai edit dengan pilih menu Image > Adjustment > Posterize. Isikan nilai yang kecil. Misalnya 4 tujuannya adalah untuk mengurangi jumlah warna pada gambar.

3. Duplikat lagi foto yang sudah di edit (Layer 1) caranya sama kita tinggal tekan Tombol Ctrl + J dan ubah Blending option menjadi Darken.

4. Masih dalam layer 1 copy Pilih menu Filter > Blur > Gaussian Blur. Atur radius secukupnya tujuannya untuk mempertegas pembatasan tiap warna yang ada.

5. Sekarang kita akan baru mulai melakukan trace, buat New Layer dan ubah Opacity menjadi 0%. Pilih Pen Tools Kemudian lakukan pengaturan pada option bar. Pilihlah icon Shape layers Klik icon segitiga geometri option ,kemudian beri tanda cek pada pilihan Rubber Band.

6. Buatlah bentuk shape mengikuti wajah foto menggunakan Pen Tools. Buatlah agar garis melingkar mengelilingi bagian hajah dan leher.

7. Ulangi langkah ke-5 dan ke-6, namun kali ini buatlah bentuk shape pada area warna yang lain. Setiap bentuk shape dibuat pada sebuah layer baru.

8. Saat membuat bentuk shape pada area warna yang lain, jika ada layer yang menutupi sehingga kita kesulitan untuk menentukan bentuk shape, maka untuk sementara icon mata pada layer yang menutupi bisa dimatikan dulu atau di kurangi dulu opacity-nya

8. Pada bagian mata dan bibir, karena bagian ini termasuk bagian pokok dalam mengenali wajah seseorang, kita perlu mematikan dulu beberapa icon mata pada palet layer. Sehingga kita bisa membuat trace dengan melihat bentuk aslinya yang belum ter-posterize.

9. Untuk membuat latar belakang pada foto, buatlah sebuah layer baru yang diletakkan pada urutan sebelah bawah dari bentuk-bentuk shape tersebut. Layer baru ini bisa diisi warna sesuka Anda, dengan memilih menu Edit > Fill.
Download Full Article

Membuat Teks Bergambar

Sekarang kita akan belajar bareng membuat Teks yang bergambar atau sebuat teks yang didalamnya terdapat gambar yang kita inginkan, mungkin ini Cuma sepele tapi asyik lho kalau kita bisa membuatnya sendiri dan berkreasi.Baiklah langsung saja Langkah pertama.


1. Buka Program Photoshop, kemudian buatlah kanvas baru dengan ukuran 500x500 pixel, untuk membuat Teksnya dahulu.

2. Kemudian buat tulisan sesukamu, misal aku tulis “Selalu Perbaiki Diri “ kalau kalian mau coba yang lain ya silahkan aja....

3. Kemudian arahkan kursor ke area “Layer Thumbnail” tulisan yang baru kita ketik, sambil menekan tombol Ctrl + Klik Mouse sehingga tulisan yang baru saja kita buat akan terseleksi semua.

4. Bukalah gambar yang kamu inginkan dengan klik FileOpen atau juga bisa Ctrl + O, misalnya saya ambil dari koleksi gambarku.

5. Setelah gambar yang kalian pilih terbuka di Program Photoshop, kalian seleksi All dengan cara SelectAll sehingga gambar akan terseleksi semuanya.

6. Setelah gambar terseleksi semuanya, kalian copy gambar tersebut dengan cara pilih Edit Copy atau dengan cara Ctrl + C.

7. Sekarang kita beralih ke Layer teks “Selalu Perbaiki Diri “ langsung aja pilih EditPaste Into. Secara otomatis gambar yang kita copy akan menempel pada tulisan.

8. Untuk memberikan Efek yang lebih dramatis lagi,,,,,,he…he…kalian kasih aja efek Drop Shadow, dengan cara double klik pada layer 1 (Layer penggabungan tadi lho ) sehingga akan muncul jendela Layer Style, kemudian kalian klik aja Drop Shadow, sehingga akan muncul bayangan.
Download PDF

Membuat Efek Foto Robek

Pada tutorial ini saya akan membuat foto yang sobek sebagian untuk menampilkan kesan bahwa foto itu memang foto yang sengaja secara visual terlihat sobek sebagian. Caranya sebagai berikut.


1. Pada Toolbar pilih File-->Open ,untuk mengambil foto yang akan dijadikan objek foto sobek.
2. Kemudian seleksi foto tersebut menggunakan LassoTool dan Simpan hasil seleksi dengan perintah Select--> Save Selection dengan cara klik kanan ditengah seleksi.

3. Pilih menu Filter > Pixelate > Crystalize. Isikan nilai 3 (ukurannya bisa disesuaikan sendiri, namun jika slider digeser minimalnya tetap cuma 3). Klik OK. Tujuan langkah ini untuk membuat tepian seleksi menjadi tidak rata secara otomatis.

4. Klik icon Load Channel as Selection

5. Klik channel RGB. Langkah 4 dan 5 ini tujuannya agar kita kembali ke channel seperti awal namun sudah mempunyai seleksi yang tidak rata.

6. Tekan Ctrl + J, tujuannya untuk membuat duplikat hasil potongan seleksi

7. Pilih Layer Background kemudian tekan Ctrl + J untuk membuat layer background copy.

8. Ctrl + klik pada nama layer 1 (yang merupakan layer hasil potongan). Layer yang aktif masih tetap pada layer Background copy. Sekarang tekan tombol Delete. Ini untuk menghapus area yang berada dalam seleksi. Kemudian hilangkan seleksi, dengan cara memilih menu Select > Deselect.

9. Pilih Layer Background, kemudian beri warna putih dengan cara pilih menu Edit-->Fill--> dan Use = White dan Opacity=100%.

10. Atur Layer 1 dan Background dengan Move tool dan atur Drop Show dengan cara klik 2 kali pada layer sehingga akan muncul jendela layer style.


SELAMAT MENCOBA!!!!!!!!

Download PDF

Membuat Efek Tulisan Air

Seperti biasa saya akan sharing dengan kalian dengan apa yang saya dapat dari kampus, buku, ataupun referensi dari orang untuk sama-sama belajar bareng. Sekarang kita akan belajar membuat Tulisan yang dibentuk seperti air…..Mari kita coba yuuuk!!!!


1. Buatlah layer baru, kemudian kalian import atau buka foto yang identik dengan hijau, misal saya ambil dari potongan taman di MONAS Jakarta.


2. Buat layer baru dan beri warna putih, kemudian kalian beri tulisan misal menggunakan font Microsoft Sans Serif

3. Gabungkanlah layer efek air dan layer 1 dengan cara sorot layer efek air kemudian tekan Ctrl + E, sehingga layer efek air dan layer 1 akan bergabung.

4. Buatlah efek Crystalize yaitu dengan cara Filter > Pixelate > Crystallize. Isi cell size nya 6.

5. Kemudian kita buat blur pada tulisan efek air dengan cara Filter > Blur > Gaussian Blur dengan radius 3,5 pixel.

6. Agar gambar semakin kontras maka yang kita lakukan adalah pilih Image > Adjustment > Levels kemudian atur dijendela Level seperti gambar.

7. Aktifkan panel Channel ( Biasanya terletak disamping panel Layer ) kemudian klik icon Load Channel as.

8. Setelah kita klik maka akan ada seleksi pada layer 1, kemudian kita kembali lagi pada panel Layer, dan tekan Delete pada Keyboard untuk menghapus backgraund putih sehingga akan terlihat background gambar. Dan untuk menghilangkan seleksi tekan Ctrl + D pada Keyboard.

9. Aturlah tulisan efek air itu dengan free transform and warp modes, kemudian terapkan efek style air yang sudah terdapat dalam photoshop CS. Apabila kalian ingin menambah tetesan air maka pilihlah Brush Tool dan sapukan maka akan otomatis terbentuk tetesan air.
Downloads

Daftar Tombol Pintas pada Adobe Photoshop


Rectangular Marquee tool = M
Elliptical Marquee tool = M
Move tool = V
Background Eraser tool = E
Magic Eraser tool = E
Gradient tool = G
Paint Bucket tool = G
Blur tool = R
Sharpen tool = R
Smudge tool = R
Dodge tool = O
Burn tool = O
Sponge tool = O
Path Selection tool = A
Crop tool = C
Slice tool = K
Slice Select tool = K
Spot Healing Brush tool = J
Healing Brush tool = J
Patch tool = J
Red Eye tool = J
Brush tool = B
Pencil tool = B
Color Replacement tool = B
Clone Stamp tool = S
Pattern Stamp tool = S
History Brush tool = Y
Art History Brush tool = Y
Eraser tool = E
Lasso tool = L
Polygonal Lasso tool = L
Magnetic Lasso tool = L
Magic Wand tool = W
Quick Selection tool = W

Direct Selection tool = A
Horizontal Type tool = T
Vertical Type tool = T
Horizontal Type mask tool = T
Vertical Type mask tool = T
Pen tool = P
Freeform Pen tool = P
Rectangle tool = U
Rounded Rectangle tool = U
Ellipse tool = U
Polygon tool = U
Line tool = U
Custom Shape tool = U
Notes tool = N
Audio Annotation tool = N
Eyedropper tool = I
Color Sampler tool = I
Measure tool = I
Hand tool = H
Zoom tool = Z
Rectangle Image Map tool = P
Download Lengkap

Membuat Efek Foto Sephia


1. Buka Program Photoshop, dan klik open-->pilih gambar atau foto yang kalian inginkan, misalnya di latihan ini saya akan ambil foto Warner Home Video.

2. Atur warnanya dengan memilih menu Image-->Adjutment-->Hue/Saturation. Klik dulu pilihan Colorize di sebelah bawah kanan kotak dialog. Kemudian atur Hue=30, Saturation=25, Lightness=0.

3. Kemudian untuk menambah kesan lama, berilah efek dengan Filter-->Noise-->Add Noise. Nilai Amount 12,5% dan pilih Uniform.

4. Memberi efek bingkai putih pada gambar, caranya duplikat layer ( background gambar ) dengan Ctrl + J, lalu aturlah gambar layer 1 lebih kecil dari layer background ( aslinya ) caranya Free transform ( Ctrl + T ).

5. Pada layer ini diberi garis tepi warna putih, caranya dengan memilih menu Layer--> Layer Style--> Stroke. Pada kotak dialognya pilihlah warna hitam, dengan ketebalan 1 px saja.

6. Kemudian pilih / aktifkan lagi layer aslinya. Isi dengan warna putih, dengan cara memilih menu Edit-->Fill, pilih warna White pada bagian Use.
7. Kemudian gabungkan gambar tersebut caranya Layyer--> Flatten Image ( Ctrl + E )
Downloads

Membuat Efek Foto Glamor

Sering kali kita menemukan efek glamor ini pada undangan pernikahan atau juga khitanan, mari kita semua membuat caranya, barangkali kita akan meng edit foto undangan kita sendiri dengan sang pujaan. Disini kita akan sama-sama membuatnya..


1. Pertama seperti biasa kita buka foto untuk dijadikan object kita, misalnya foto temenku nich !! kemudian langsung aja Duplikat Layer caranya sama dengan menekan Ctrl + J , sehingga akan muncul layer 1.

2. Aktifkan layer 1, ubah blending option menjadi screen. Blending option ini terletak di palet layer.

3. Beri Filter > Blur > Gaussian Blur. Atur sendiri nilainya sambil melihat gambar asli yang Anda edit.

Download All File

Membuat Tombol Rollover dengan Photoshop dan Dreamweaver

Sebelumnya kita sudah pernah membuat tampilan web sederhana dengan photoshop, sekarang kita belajar untuk membuat tombol rollover dengan photoshop dan diaplikasikan di program Adobe Dreamweaver. Mari kita sama-sama belajar….


1. Pertama kita buka program Photoshop dan pilih New . misal pilih saja Default Photoshop size kemudian Ok.

2. Pilih Create New Layer, sehingga pada jendela Layer terdapat Layer 1. Kemudian buatlah seleksi dengan Rectangular Marquee berfungsi untuk membuat background atau warna tombol.

3. Pilih Foreground Color = #cc3300 ( Merah Hati )dan Background Color =#000000 ( Hitam )

4. Kemudian kalian pilih Gradient tool untuk membuat warna, pada seleksi Rectangular tool yang sudah kita buat ( cara no:2 ) kemudian drag arah Horisontal.Untuk Menghilangkan seleksi tekan Ctrl + D.

5. Sekarang kita Mulai pembuatan Tombol, pilih Slice Tool kemudian Drag pada bagian Bancground tombol dari ujung kiri atas sampai ujung kanan bawah.

6. Untuk membuat jumlah tombol secara otomatis kita klik kanan pada objek yang sudah kita seleksi menggunakan Slice Tool kemudian pilih Devide Slice dan isi slice = 6.

7. Kemudian kita buatkan Tulisan pada masing-masing Button yang kita buat, misalkan Home, Profile, Product, Contact, Gallery, Download menggunakan Horizontal type Tool.

8. Langkah selanjutnya kita simpan dengan cara pilih File Save for Web & DevicesSave, dengan ketentuan File name = button.html , dan Save as Type = HTML and Images (*.html).Misal kita simpan di Folder photoshop agar mudah untuk mencari filenya saat kita menggunakan Adobe Dreamweaver.

9. Kemudian kita buka Program Adobe Dreamweaver / Macromedia Dreamweaver. Kemudian pilih Open dan cari file yang kita simpan tadi, kemudian klik Open.
Sehingga file html yang kita buat di Adobe Photoshop muncul.

10. Sekarang kita mulai membuat button RollOver. Misalnya kita akan membuat Tombol RollOver “ Home “. Sebelumnya kita cari folder Image yaitu folder gambar secara otomatis hasil dari seleksi di Photoshop, dan biasanya terletak dimana kita simpan file “button.html” nya. Klik kanan pada gambar Home ( button_01) kemudian open withAdobe photoshop fungsinya untuk membuat duplikat button “Home” untuk dirubah warnanya.

11. Setelah kita kembali ke Program Photoshop lagi, disitu akan terdapat layer Bancground Home yang tadi kita pilih.

12. Kemudian kita akan pilih ImageAdjusmentsHue/Saturation, kemudian aturlah misal Hue =-20, Suturation =+61 , Lightness =+33.Kemudian pilij Ok.

13. Simpan seperti pada langkar nomor 8, tetapi file name diganti dengan “button-01 copy, dan Save as Type = Images Only (*jpg). Dan disimpan di folder image folder button.html disimpan, sehongga ada dua button Home tetapi dengan warna yang berbeda.

14. Setelah kita membuat duplikat button Home di Photoshop, sekarang kta kembali ke Program Dreamweaver untuk membuat Button home RollOver nya. Caranya klik button Home kemudian Delete aja, dan pilih Insert Image ObjectRollOver Image. Seningga akan muncul Jendela Insert RollOver Image. Browse Original Image “ button-01 “ dan RollOver Image “button-01 copy” kemudian klik OK. Kemudian kita tes pada Dreamweaver dengan menekan F12. Jika kalian belum Save , maka di simpan dahulu baru program internet explorernya akan muncul.

15. Lakukan langkah ke 10-14 untuk merupah pada tombol Profile, product, Contact, Gallery dan download.


Semoga berhasil!!!!!!!
Download Full Article

Entri Populer

Kontak Saya

HP/WA : 08562616116

Total Pageviews

Teman-Teman Blogger

Ilmu Desain Grafis Copyright © 2009 Community is Designed by Bie | development by Muryan Awaludin