Headlines News :
Showing posts with label Tutorial Desain. Show all posts
Showing posts with label Tutorial Desain. Show all posts

Membuat Animasi Dengan PhotoScape

Ahmad Ridoan Pasid-XP Updated at : 00:41
Jika Anda seorang pengelolas situs, tentunya tutorial ini akan sangat membantu Anda. Ya, kali ini kita akan membahas cara untuk membuat animasi dengan software yang sangat menakjubkan, PhotoScape.

Selain menyediakan fasilitas Editing Photo (seperti yang sudah kita jelaskan pada pembahasan sebelumnya), PhotoScape juga menyediakan fasilitas untuk membuat gambar animasi. Tentunya gambar animasi akan menambah tampilan situs kita menjadi lebih menarik.

Sebenarnya banyak software yang bisa digunakan untuk membuat gambar animasi, contohnya Photoshop. Tapi kali ini PhotoScape lebih memberi kemudahan bagi para penggunannya untuk membuat animasi gambar dengan tools yang ada.

Jika Anda penasaran, silahkan coba trik berikut:
1. Download dan Instal PhotoScape 3.6.2 (PhotoScape ini adalah versi paling update ketika saya menulis artikel ini).

2. Buka PhotoScape dan klik Animated GIF.

3. Lalu ikuti petunjuk pada gambar di bawah ini.
 
 
Pertama: Cari gambar yang ingin dibuat animasi pada kotak kiri atas.
Kedua: Jika sudah ketemu, tarik gambar yang ada di kotak kiri bawah ke kotak tengah atas untuk memasukkan gambar tersebut.
Ketiga: Atus durasi perubahan tiap gambar pada tombol Change time.
Keempat: Klik tombol Change effect untuk mengganti efek gambar sesuai dengan keinginan Anda.
Kelima: Save untuk menyimpannya.

dikutip dari : http://detektif007.blogspot.com

Membuat Efek Api Dengan Photoshop

Ahmad Ridoan Pasid-XP Updated at : 19:36
Mungkin ada beberapa di antara pembaca yang  jenuh dengan beberapa aktifitas sehari-hari di depan PC  anda. Di karenakan anyak hal semisal: pekerjaan yang membingungkan, tugas yang menumpuk, stress atau lain sebagainya. Hal ini akan membuat Anda berfikir meninggalkan PC Anda dalam beberapa waktu. Adakah cara untuk menghibur diri sendiri di PC? Selain bermain game, mencoba hal-hal baru bisa menimbulkan semangat Anda dalam ber PC Ria.


Guna menghibur para pembaca blog fastncheap, penulis akan mencoba menghibur dengan membahas mengenai photoshop. Bicara soal photoshop memang tidak ada habisnya, untuk sekedar lucu-lucuan Anda bisa sekadar mem-pratikkannya dan men-share nya di akun jejaring social Anda.
Dengan efek api pada tampilan foto makin objek akan semakin “membara” . caranya adalah sebagai berikut:
  1. Buka foto yang di edit ke dalam photoshop versi apa saja, jangan lupa buang latar belakang yang tidak di perlukan. Efek Api pada Photoshop Image
  2. Buat layer baru dengan cara menekan tombol shotcut Ctrl+Shift+N. letakkan di bagian paling bawah.
 Efek Api pada Photoshop Image
  1. Klik paint bucket tool (G) lalu atur color piker nya menjadi berwarna hitam kemudian klik ke dalam lembar kerja, sehingga background akan menjadi berwarna hitam.Efek Api pada Photoshop Image
  2. Lalu klik Brush Tool (B) dan gunakan warna kuning , lalu goreskan di sekitar foto.Efek Api pada Photoshop Image
  3. Klik smudge tool lalu geser hasil brush tool tadi ke arah samping, seperti membuat kobaran api. 
Efek Api pada Photoshop Image
  1. Buat layer baru dan buat di tengah-tengah.
  2. Lalu kembali klik brush tool (B), kali ini atur warnanya menjadi warna merah, goreskan di sekitar hasil smudge tadi. Lalu buat blend mode nya menjadi  OVERLAY.
 Efek Api pada Photoshop Image

Anda bisa ber-eksperimen melalu efek-efek lainnya sesuai selera Anda. Sedikit tps dari penulis, Anda bisa memanfaatkan menu Adjustment layer untuk menyamakan warna objek dengan warna layer lainnya. Jika masih kurang menyatu warnanya, Anda bisa mengatur levels, curves, atau pun hue/saturation pada object foto sebelum melakukan penyamaan warna pada Adjustment layer. Selamat mencoba dan pastikan Anda selalu berkunjung ke Blog ini untuk tutorial seru mengenai Photoshop.

Membuat Metal Effects Text Menggunakan Photoshop

Ahmad Ridoan Pasid-XP Updated at : 16:35
Dalam tutorial ini, kita akan membuat gaya tulisan dengan memberikan kesan metal. Sebagai penambah wawasan untuk lebih bisa melakukan variasi model gaya efek pada desain Anda.
  1. Langkah pertama buat lembar kerja baru dengan komposisi 1920px X 1200px. Ganti warna background tersebut dengan warna #242424.

    Membuat Lembar Kerja Baru

    Memberikan Warna Background

  2. Kemudian duplicate layer dengan cara pilih Layer>Duplicate Layer.
    Duplicate Layer
  3. Buat layer baru kemudian berikan warna gradasi dengan cara pilih icon Gradasi atau tekan G.
    Memberikan Gradasi
  4. Kemudian ubah Blending options-nya dengan mode Overlay dan opacity10%.
    Mengubah Blending Option

  5. Pada Layer Background Copy tambahkan efek dengan cara Filter >Artistic >Film Grain berfungsi mempercantik tampilan.
    MenambahkanFilter

  6. Tekan T dan kemudian tuliskan kata  yang nantinya berfungsi sebagai objek pemberian efek metal.
    Memberikan Tulisan

  7. Dalam tahap inil kita akan memberikan kesan metal pada teks tersebut.  Berikan Drop Shadow, Inner Shadow, Bevel and Emboss, Gradient Overlay dan Stroke sesuai keinginan Anda pada Blending options layerteks.
    Memberikan Drop shadow

    Memberikan Inner Shadow

    Memberikan Bevel and Emboss

    Memberikan Gradient Overlay

    Memberikan Stroke

  8. Ubah teks tersebut menjadi bitmap dengan cara Klik Kanan pada layer kemudian pilih Rasterize Type.
    Mengubah Tekas Menjadi Bitmap
  9. Seleksi area teks “METAL” dengan cara tekan Ctrl kemudian klik pada layer “METAL”.
    Seleksi Area METAL

  10. Buat layer baru kemudian pilih Select >Modify >Contract.
    Pengaturan Contract Selection

  11. Berikutnya beri warna gradasi pada layer tersebut.
    Memberikan Warna Gradient pada Layer Baru

  12. Kemudian pilih Pen Tool atau tekan P untuk membuat bentukan untuk menghapus bagian dari gradasi tersebut.
    Membuat Bentukan

  13. Setelah itu tekan Ctrl+Enter dan hapus bagian yang telah terseleksi tersebut.
    Menghapus Bagian yang Terseleksi

  14. Agar mempercantik tampilan Anda dapat mendambahkan teks yang berbeda dengan mengulangi cara yang sama mulai langkah 1 hingga 13.
    Menambahkan Teks yang Berbeda

  15.  Sebagai penyempurna Anda dapat menamambahkan brush untuk hasil yang lebih maksimal.

    Hasil Akhir
    powered by: bisakomputer.com

Mengenal LESS Framework Untuk CSS

Ahmad Ridoan Pasid-XP Updated at : 16:30

Programmer antar muka website hampir dipastikan selalu berurusan dengan tampilan atau style, terutama yang menggunakan CSS. Menulis kode-kode CSS seringkali menjadi pekerjaan yang menjemukan, bahkan menjengkelkan apabila perlu berulangkali menuliskan sintaks-sintaks yang hampir sama untuk elemen-elemen yang berbeda. Masalah lain yang sering timbul adalah penulisan selector yang panjang untuk menunjukkan sebuah elemen turunan. Belum lagi masalah yang timbul terkait cross-browsing yang membuat Anda wajib menuliskan sebuah properti tampilan berkali-kali untuk tiap mesin peramban yang umum digunakan. Hal-hal tersebut tentunya cukup mengganggu dalam proses membangun tampilan sebuah web yang baik, apalagi kalau dikerjakan oleh seorang pemula dalam penggunaan CSS. Untungnya saat ini telah ada framework yang mampu memberikan solusi bagi kendala-kendala dalam pembuatan kode CSS tersebut yang bernama LESS.

Apa LESS itu?

LESS adalah preprosesor CSS yang memberikan sentuhan dinamis kepada CSS dengan fitur variabel, mixin, serta operasi dan fungsi yang dimilikinnya. Tujuan dibuatnya LESS sendiri adalah untuk memberikan kemudahan dan keringkasan dalam membangun tampilan website yang menggunakan CSS. Proses kompilasi LESS menjadi CSS dapat berjalan baik di sisi klien dengan javascript maupun di sisi server dengan bantuan Node.js dan Rhino. Berkas LESS yang memiliki format *.less dan akan diubah menjadi file berformat CSS oleh file javascript less.js pada sisi klien atau melalui kompilasi pada sisi server.

Apa Saja Fitur yang Dimiliki LESS?

LESS memiliki beberapa fitur yang mampu membawa pemrograman tampilan website menggunakan CSS menuju ke skala yang lebih dinamis. Berikut ini adalah fitur-fitur utama yang dimiliki oleh LESS.

Variabel

Dengan menggunakan variabel pada LESS kita dapat mendeklarasikan nilai-nilai yang akan digunakan secara luas atau sering digunakan dalam satu tempat saja. Nilai-nilai tersebut nantinya dapat kita gunakan berulang-ulang dalam stylesheet dengan mudah. Dengan demikian, untuk membuat perubahan kode secara global menjadi lebih mudah, sesederhana mengubah satu baris kode. Berikut ini contoh penggunaan variabel pada LESS.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
/* Kode pada LESS */
@biru: #19366e;
h1{
   color: @biru;    
}
a{
   color: @biru;
}
/* Kode CSS hasilnya */
h1{
   color: #19366e;
}
a{
   color: #19366e;  
}

Mixin

Mixin memungkinkan kita untuk memasukkan semua properti dari sebuah kelas ke dalam kelas lain cukup dengan menyertakan nama kelas tersebut sebagai properti kelas tujuan. Pada dasarnya mixin hampir sama dengan variable, tapi mixin mencakup seluruh kelas. Mungkin mixin ini pada bahasa pemrograman lain bisa Anda setarakan dengan fungsi atau modul, Anda juga dapat menyertakan parameter atau argument di dalamnya. Berikut ini adalah contoh penggunaan mixin pada LESS.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
/* Pada LESS */
.borad (@rad: 10px){
   -webkit-border-radius: @rad;
   -moz-border-radius: @rad;
   border-radius: @rad;
}
#comment-box{
   .borad(15px);
}
.container{
   .borad;
}
/* CSS Hasilnya */
#comment-box{
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   border-radius: 15px;
}
.container{
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
}

Nested Rule

LESS juga mendukung nested rule atau aturan bertingkat yang memungkinkan Anda untuk mendefinisikan elemen turunan dengan spesifik tanpa perlu menuliskan nama selector dari elemen tersebut dengan baris yang panjang. Anda cukup mendefinisikan elemen tersebut di dalam elemen induknya. Dengan demikian turunan elemen dapat diketahui dengan mudah dan membuat kode pada stylesheet lebih ringkas. Berikut ini adalah contoh penggunaan nested rule pada LESS.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
/* Pada LESS */
#home{
   h1{
      font-size: 1.5em;
      font-weight: bold;
   }
   p{
      font-size: 1.02em;
      a{
         color: red;
         text-decoration: none;
         &:hover{text-decoration: underline;}
      }
   }
}
/* CSS Hasilnya */
#home h1{
   font-size: 1.5em;
   font-weight: bold;
}
#home p{
   font-size: 1.02em;
}
#home p a{
   color: red;
   text-decoration: none;
}
#home p a:hover{
   text-decoration: underline;
}

Functions & Operations

Pengembang LESS juga menyertakan operasi matematika yang memungkinkan Anda untuk menjumlahkan, mengurangi, membagi maupun mengalikan warna atau nilai lainnya pada properti sebuah elemen. Fitur ini mendukung terjadinya keterkaitan yang lebih kompleks antar properti dari elemen tampilan sehingga perubahan secara masif bisa dilakukan dengan mudah. Karena fungsi-fungsi dan operasi tersebut diproses satu persatu menggunakan javascript, Anda memungkinkan untuk mengatur nilai-nilai properti sedemikian rupa sesuai kehendak. Berikut ini adalah contoh penggunaan fungsi dan operasi pada LESS.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
/* Pada LESS */
@text-color: #333;
@border: 1px;
h1{
   color: @text-color + #000066;
   border-left: @border;
   border-bottom: @border * 2;
}
.fancybox{
   border: @border;
   border-left: @border * 3;
   background-color: @text-color + #777;
}
/* CSS Hasilnya */
h1{
   color: #333399;
   border-left: 1px;
   border-bottom: 2px;
}
.fancybox{
   border: 1px;
   border-left: 3px;
   background-color: #aaaaaa;
}

Bagaimana Cara Menggunakan LESS?

Pada artikel ini akan dibahas cara menggunakan LESS yang diproses di sisi klien. Pada dasarnya untuk menggunakan LESS ini cukup mudah.
  1. Unduh file less.js dari tautan ini. Kemudian masukkan file tersebut ke dalam folder proyek website yang akan dikerjakan.
  2. Buatlah file LESS untuk menampung kode tampilan dari website yang akan dibuat. Dalam contoh ini kita beri nama style.less.
  3. Sertakan less.js setelah deklarasi kode tampilan dengan LESS pada file html kita. File less.js harus dideklarasikan setelah deklarasi file LESS agar dapat mendeteksi dan memproses fileLESS tersebut dengan benar. Anda juga bisa menyalin kode di bawah ini untuk mempersingkat langkah ini.
    1
    2
    <link rel="stylesheet/less" type="text/css" href="styles.less">
    <script src="less.js" type="text/javascript"></script>
  4. Masukkan kode tampilan website dalam LESS pada file style.less yang telah dibuat pada langkah kedua.
  5. Setiap kali terjadi perubahan kode yang disimpan dalam file style.less tersebut akan diproses secara otomatis oleh less.js sehingga menjadi CSS yang dimengerti oleh browser sebagai format tampilan website.
Berdasar pengalaman penulis menggunakan LESS yang sangat mudah, penulis merekomendasikan LESS sebagai salah satu tool pendukung penting dalam membangun tampilan website menggunakan CSS. Bagaimana dengan Anda? Selamat mencoba!

9 Aplikasi Keren untuk Proses Wireframe Website

Ahmad Ridoan Pasid-XP Updated at : 16:21

Tahap sketsa atau wireframe (istilah di dalam desain website) merupakan tahap yang penting dalam mendesain sebuah website. Karena lebih mudah dan cepat untuk mengkomunikasikan gagasan, membuat prototipe, menunjukkan esensi visual isi, hirarki dan tata letak sebuah website serta membantu untuk menunjukkan masalah potensial pada awal proses.

Dengan wireframe, proses revisi menjadi lebih efisien dan klien bisa dengan mudah memahami esensi visual sebuah website yang sedang kita kerjakan. Artikel ini merangkum 9 aplikasi terbaik untuk proses wireframe, baik itu sebuah aplikasi mandiri atau desktop, aplikasi berbasis web maupun add-ons browser. Jika anda mengetahui aplikasi wireframe lainnya, mari berbagi di komentar.

Lumzy 

lumzy

Lumzy adalah aplikasi untuk mockup atau prototipe dalam pembuatan website yang berbasis web. Dengan fitur-fitur lengkap, seperti : drag dan drop, kolaborasi secara real-time, kemudahan pengiriman mockup, simpan ke jpg atau png dan fitur print langsung. Lumzy bisa digunakan secara gratis, bila anda merasa puas dan sangat dibantu dengan aplikasi Lumzy ini, tidak ada salahnya untuk mendonasikan beberapa dollar :) . Untuk Lumzy Versi Pro dapat diintegrasikan ke dalam host pada server anda sendiri untuk bekerja lebih privasi dan rahasia.

Frame Box

framebox

Frame Box adalah aplikasi gratis yang sederhana tapi powerfull untuk pembuatan sketsa dan wireframe. Frame Box berbasis web, cukup ketikkan framebox.org di browser anda dan langsung drag dan drop setiap elemen wireframe yang dibutuhkan. Sangat mudah sekali bukan? Daftarkan akun anda via google akun, facebook atau twitter untuk menyimpan dan memproteksi hasil wireframe anda dan juga untuk membuka fitur-fitur tambahan lainnya.

Creately

Creately

Creately adalah aplikasi berbasis web untuk membuat diagram, charts maupun wireframe sebuah website. Creately memberikan fasilitas free plan untuk 1 proyek dengan 5 diagram / wireframe, 1 user dan 3 kolaborator.

Mockingbird

Mockingbird

Mockingbird adalah aplikasi berbasis web dengan framework Cappuccino untuk membuat wireframe sebuah website atau aplikasi. Dengan antarmuka yang bersih dan user-friendly, fitur drag dan drop, halaman penghubung yang interaktif, dan kemampuan untuk dengan mudah berbagi wireframe dengan klien atau kolega menggunakan link langsung membuat Mockingbird menjadi salah satu aplikasi wireframe terbaik yang tersedia. Dengan berbasis web, anda dapat membuat dan berbagi wireframe dimana saja. Untuk free plan, Mockingbird memberi fasilitas 1 project, 10 buah wireframe dengan maksimal 2 user.

Hotgloo

Hotgloo
 
HotGloo adalah aplikasi berbasis web yang dirancang untuk membuat wireframe online yang fungsional untuk sebuah proyek website. Dengan tampilan antar muka yang rapi, bersih dan user-friendly, membuat dan berbagi wireframe dengan cepat, fitur kolaborasi real-time dan berbagi output dengan klien secara langsung, membuat HotGloo menjadi aplikasi yang terbaik untuk pengerjaan sebuah proyek website profesional. HotGloo memberikan fasilitas free-trial untuk 1 proyek dengan 5 halaman wireframe dan 1 user.

Pidoco

Pidoco
Pidoco adalah aplikasi berbasis web untuk merancang sebuah prototipe antar muka sebuah website, interaktif wireframe, aplikasi mobile dan enterprise. Pidoco memberi kemudahan untuk pengguna dengan fitur drag dan drop, fitur kolaborasi dan berbagi hasil rancangan secara cerdas untuk klien atau kolega. Pidoco memberi kesempatan free-trial selama 31 hari cukup hanya dengan registrasi saja.

Mockflow

Mockflow
Mockflow adalah aplikasi wireframe untuk desktop (Windows dan Mac). Sebelum install mockflow, anda harus meng-install Adobe Air terlebih dahulu. Dengan fitur yang lengkap, seperti : chatting, kolaborasi real-time, quick share, dan lain sebagainya, Mockflow memberikan versi free sampai dengan lima buah wireframe.

Simple Diagrams 

Simple Diagrams
Simple Diagrams adalah aplikasi desktop kecil yang membantu Anda untuk menuangkan ide-ide, menyusun suatu proses dan untuk menggambar sketsa / wireframe  dengan cepat. Simple Diagrams dikembangkan di dalam platform Adobe AIR, sehingga anda harus meng-install aplikasi Adobe AIR terlebih dahulu. Simple Diagrams berjalan lancar di Mac, Windows dan Linux. Untuk mendapatkan versi lengkapnya, anda dapat membelinya seharga $25 via PayPal.

Prototyper

Prototyper
Prototyper adalah aplikasi desktop (Windows dan Mac) untuk membuat prototipe sebuah website maupun aplikasi mobil (iPhone, iPad dan Android) secara interaktif dan kaya. Prototyper free edition memberikan fitur-fitur : wireframe dan halaman tidak terbatas, widget yang interaktif untuk iPhone, iPad dan Adroid (4.0), fitur interaktif untuk wireframe aplikasi web dan interaksi link secara penuh. Untuk Prototyper pro edition memberikan lebih banyak lagi fitur-fitur yang kaya dan bisa dicoba tes secara gratis selama 30 hari.

Kesimpulan

Masih banyak sumber lain yang bisa dibuat jadi acuan, namun demikian apa yang kami paparkan diatas adalah aplikasi yang umumnya digunakan oleh para desainer. Jika Anda mempunyai rujukan lain, maka kami nantikan komentar dan timbal baliknya, guna memperkaya referensi kita, dan Anda tentunya.

Software Untuk Membuat Banner Iklan Animasi Flash

Ahmad Ridoan Pasid-XP Updated at : 02:18
Sobat pandaanku, kali ini admin sedang mau berbagi informasi tentang software ringan dan berukuran kecil untuk membuat animasi banner. Yah, karena bisa digunakan untuk membuat animasi banner tentunya ini juga bisa dimanfaatkan untuk membuat iklan banner flash dong?

Betul sekali sobat, kalian bisa berkreasi membuat iklan banner flash menggunakan software ini. Nama dari software ini adalah
Flash Banner Maker. Untuk fitur yang disediakan adalah sudah adanya background foto dan gambar yang bisa kita pilih sebagai backgroung banner kita. Selain itu juga adanya fitur text editor yang sangat mudah digunakan beserta konfigurasi layer animasi sederhana yang dapat kita temukan didalam software ini.

Yang menarik dari software Flash Banner Maker adalah adanya berbagai pilihan template serta pilihan animasi yang dapat digunakan dengan sangat mudah tanpa perlu keahlian khusus. Nah nanti sewaktu kita selesai dengan hasil kreasi banner flash yang telah dibuat, maka gunakan fitur preview terlebih dahulu agar sesuai hasilnya dengan yang kita inginkan. Software Flash Banner Maker ukuranya tergolong sangat kecil yakni 2,67MB. Namun fitur yang ditawarkan sudah mumpuni dan kualitas hasil yang diperoleh juga lumayan bagus.

Nah bagi kalian yang ingin mencoba berkreasi membuat banner animasi flash sendiri, kalian bisa mencoba software Flash Banner Maker ini. Untuk mendownloadnya silahkan langsung klik ke situs resminya dengan link berikut:

Membuat Background Transparan

Ahmad Ridoan Pasid-XP Updated at : 04:26
membuat background foto menjadi transparan
Mungkin udah ada banyak tutorial yang mengulas tentang cara membuat background gambar menjadi transparan. Berhubung ada temen yang tanya tak ada salahnya kalo saya bikin postingan ini.

Contoh gambar dengan background transparan bisa kalian lihat di bawah ini.

contoh gambar icon

Yap, itu adalah logo blog ini. Klik gambar lalu simpan dan bukalah di photoshop. Kalian akan tahu perbedaannya dengan gambar biasa. Gambar seperti itu biasanya emang dipake buat header, banner maupun icon.

Inilah langkah-langkah pembuatannya:

  1. Pertama buka gambar di photoshop yang ingin backgroundnya dibuat menjadi transparan. 
  2. Duplikat layer. Caranya tekan Ctrl+J.
  3. Hapus background. Caranya klik kanan layer background lalu pilih delete layer (yang di klik kanan tulisan 'background'nya ya ). Letaknya ada di pojok kanan bawah.
  4. Sekarang tinggal layer dupiklat tadi (Layer 1). Hapus bagian yang tidak diinginkan atau agar menjadi transparan sampai rapi. Untuk memotong gambar biar rapi pake photoshop bisa diliat lagi 
  5. Setelah itu tinggal disave. Caranya lewat File>Save for Web & Devices.
  6. Ubah preset menjadi PNG-24. Lalu jangan lupa beri centang pada Transparency.
  7. Klik save! Jadi dah..
Selain PNG bisa juga memakai preset GIF. Ukurannya filenya lebih kecil akan tetapi kualitas gambarnya lebih bagus PNG. Well, mau pilih yang mana? Tentu tergantung kebutuhan kita

Bila ada yang kurang jelas silakan bertanya lewat komentar

Mengganti Background Photo

Ahmad Ridoan Pasid-XP Updated at : 19:08
Pada tutorial ini saya akan sedikit memberikan gambaran bagaimana caranya mengganti background photo, langsung aja tutorialnya

[1] siapkan 2 buah photo, photo objek dan background lalu buka di Photoshop. Contoh

[2] Atur pencahayaan pada Objek, Image>Adjustment>Curves tarik sedikit-sedikit kurva sampai warna yang diinginkan sesuai.
[3] Pilih alat untuk menyeleksi, saya menggunakan Poligonal Lasso Tool tekan L dari keyboard untuk memilih tools ini. Sekarang menuju tahap penyeleksian… seleksi area sekitar objek yang akan dipindahkan ke background, kelilingi sampai menemukan titik temu antara titik seleksi awal dan akhir
[4] Jika sudah terseleksi objek yang akan kita pindahkan ke background baru sekarang gunakan Move Tools, pilih move tool atau tekan V dari Keyboard lalu klik kiri jangan dilepas pada objek yang terseleksi, pindahkan ke background baru dilepas di background (drag n drop).

[5] Atur letak posisi yang tepat, atur juga besar kecilnya objek dengan Transform anda bisa menekan Ctrl+T, besar/kecilkan pada pojok sambil menekan shift agar posisi lebar/tinggi seimbang. Jika sudah enter

[6] Sekarang kita beri sedikit bayangan agar gambar tampak lebih nyata. Klik kanan pada layer objek


 
Pilih Blending Options… , Klik pada Drop shadow opacity 75-100, Klik pada Bevel and Emboss , seperti berikut



[7] nah sekarang gambar nampak lebih cantik, gabungkan kedua layer tersebut Ctrl+Shift+E, dan hasilnya seperti berikut.


 

Google+ Followers

Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Pasid-XP - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger