Mengembalikan foto yang lama jadi foto digital

<div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-family: 'Trebuchet MS', Tahoma, sans-serif; font-size: 15px; line-height: 22.5px; margin-bottom: 1.2em; outline: 0px; padding: 0px; vertical-align: baseline;"> <div style="text-align: center;"> <span style="background-color: #444444; color: white; font-size: 15px;">Hello guys kali ini gw bahs tentang foto lama menjadi foto digital atau sering juga d sebut (Coloring)</span></div> </div> <div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-family: 'Trebuchet MS', Tahoma, sans-serif; font-size: 15px; line-height: 22.5px; margin-bottom: 1.2em; outline: 0px; padding: 0px; vertical-align: baseline;"> <div style="text-align: center;"> <span style="background-color: #444444; color: white; font-size: 15px;"><img alt="Restore An Old Photo" height="365" src="http://3rdelement.com/online_training/images/restore-an-old-photo.jpg" style="background-attachment: scroll; background-clip: initial; background-image: none; background-origin: initial; background-position: 0px 0px; background-repeat: repeat; background-size: initial; border: 1px solid rgb(102, 102, 102); height: auto; margin: 0px; max-width: 100%; outline: 0px; padding: 2px; vertical-align: bottom;" width="500" /></span></div> </div> <div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-family: 'Trebuchet MS', Tahoma, sans-serif; font-size: 15px; line-height: 22.5px; margin-bottom: 1.2em; outline: 0px; padding: 0px; vertical-align: baseline;"> <div style="text-align: center;"> <span style="background-color: #444444; color: white; font-size: 15px;">Langsung aja yah ke topiknya, berhubung capek yg mw bikin versi gambar melulu jadi yg versi video aja ya.... LANGSUNG TONTON ae...</span></div> </div> <div style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-family: 'Trebuchet MS', Tahoma, sans-serif; font-size: 15px; line-height: 22.5px; margin-bottom: 1.2em; outline: 0px; padding: 0px; text-align: center; vertical-align: baseline;"> <div style="text-align: center;"> <span style="background-color: white; color: white; text-align: start;">Part 1 nya nih </span></div> </div> <div class="separator" style="clear: both; text-align: center;"> <span style="background-color: #444444; color: white;"><iframe allowfullscreen="allowfullscreen" frameborder="0" height="266" mozallowfullscreen="mozallowfullscreen" src="https://www.youtube.com/embed/p0fRJPw8Z6g?feature=player_embedded" webkitallowfullscreen="webkitallowfullscreen" width="320"></iframe></span></div> <div class="separator" style="clear: both; text-align: center;"> <span style="background-color: white; color: white; font-family: 'Trebuchet MS', Tahoma, sans-serif; font-size: 15.454545021057129px; line-height: 22.5px; text-align: start;">ini Part 2 nya : </span></div> <div class="separator" style="clear: both; text-align: center;"> <span style="background-color: #444444; color: white;"><iframe allowfullscreen="allowfullscreen" frameborder="0" height="266" mozallowfullscreen="mozallowfullscreen" src="https://www.youtube.com/embed/tyQWVkoW030?feature=player_embedded" webkitallowfullscreen="webkitallowfullscreen" width="320"></iframe></span></div> <ul style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; font-family: 'Trebuchet MS', Tahoma, sans-serif; font-size: 15px; line-height: 22.5px; list-style: square; margin: 0px 0px 6px; outline: 0px; padding: 0px 0px 0px 15px; vertical-align: baseline;"> <li style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; list-style-type: square; margin: 0px 0px 20px; outline: 0px; padding: 0px; vertical-align: baseline;"><span style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; color: white; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><a href="http://www.3rdelement.com/online_training/photoshop_tutorials/restore-an-old-photo/restore-an-old-photo-original.zip" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 0px; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;">Download exercise fil</a></span></li> </ul>

Mengembalikan foto yang lama jadi foto digital

Hello guys kali ini gw bahs tentang foto lama menjadi foto digital atau sering juga d sebut (Coloring) Langsung aja yah ke topikny...

Baca selengkapnya »

Trik Dasar Retouch Photo dengan Photoshop

<div style="border: 0px; font-family: Arial, sans-serif; font-size: 13px; line-height: 20px; margin: 0px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;"> <span style="background-color: #444444;"><span style="color: white;">Tutorial untuk bulan ini akhirnya beres, karena masih banyak nya pengguna yang belum mengerti trik dasar dalam mengedit photo, untuk itu saya akan membuatkan <strong style="border: 0px; margin: 0px; outline: 0px; padding: 0px; vertical-align: baseline;">Trik DasarRetouch Photo dengan Photoshop</strong>, karena trik ini merupakan tutorial dasar yang sering digunakan oleh editor photo.</span></span></div> <div style="border: 0px; font-family: Arial, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 10px; margin-top: 10px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;"> <span style="background-color: #444444;"><span style="color: white;">Dalam hal  Retouch Photo yang harus diperhatikan adalah, warna kulit, gigi, kecerahan dan kulit yang mulus.</span></span></div> <div style="border: 0px; font-family: Arial, sans-serif; font-size: 13px; line-height: 20px; margin: 0px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbGSjVoQqgG74hbN-yE8nUdxOd3jOdAbVIhKbYL6Q2q622lwPv5UN52fo138HzyXIBkHUIflSiSjo5sAmWfNRymt08NV0sgHNYZ8hMCAVPMZ38hvYcx3OqAUx3Am4Rdpcoq4l0Fwma-og/s1600/warna+kulit11.jpg" rel="nofollow" style="background-color: #444444; border: 0px; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><span style="color: white;"><img alt="warna+kulit11 Trik Dasar Retouch Photo dengan Photoshop" border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbGSjVoQqgG74hbN-yE8nUdxOd3jOdAbVIhKbYL6Q2q622lwPv5UN52fo138HzyXIBkHUIflSiSjo5sAmWfNRymt08NV0sgHNYZ8hMCAVPMZ38hvYcx3OqAUx3Am4Rdpcoq4l0Fwma-og/s640/warna+kulit11.jpg" style="border: 0px; max-width: 553px;" title="Trik Dasar Retouch Photo dengan Photoshop" width="426" /></span></a></div> <div style="border: 0px; font-family: Arial, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 10px; margin-top: 10px; outline: 0px; padding: 0px; vertical-align: baseline;"> <span style="background-color: #444444;"><span style="color: white;"><br /></span></span></div> <div style="border: 0px; font-family: Arial, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 10px; margin-top: 10px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;"> </div> <div style="border: 0px; font-family: Arial, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 10px; margin-top: 10px; outline: 0px; padding: 0px; vertical-align: baseline;"> <span style="background-color: #444444;"><span style="color: white;">1. Siapkan foto yang akan di edit.</span></span></div> <div style="border: 0px; font-family: Arial, sans-serif; font-size: 13px; line-height: 20px; margin: 0px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg5dxLZTFGEjimJvjl72je0Nj7H4a32FqbqxDLryqIUKNoMT0N1e4479aEBiMVQh_WdTK1h7W7Wy8ZaRwQYnPIxPTEfccbpH_tE1zAfc6xT112jZ92bNC5KfStqDgY0pcWGBIMoiHoJZE/s1600/warna+kulit.jpg" rel="nofollow" style="background-color: #444444; border: 0px; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><span style="color: white;"><img alt="warna+kulit Trik Dasar Retouch Photo dengan Photoshop" border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhg5dxLZTFGEjimJvjl72je0Nj7H4a32FqbqxDLryqIUKNoMT0N1e4479aEBiMVQh_WdTK1h7W7Wy8ZaRwQYnPIxPTEfccbpH_tE1zAfc6xT112jZ92bNC5KfStqDgY0pcWGBIMoiHoJZE/s640/warna+kulit.jpg" style="border: 0px; max-width: 553px;" title="Trik Dasar Retouch Photo dengan Photoshop" width="426" /></span></a></div> <div style="border: 0px; font-family: Arial, sans-serif; font-size: 13px; line-height: 20px; margin: 0px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;"> <span style="background-color: #444444;"><span style="color: white;">2. Pilih <b>Magic Wand tool</b>, seleksilah pada bagian muka, dan lakukan trik Feather tejan<b>Ctrl+Alt+D</b> atau <b>Select-Modify-Feather</b> , naikan radiusnya diatas 20</span></span></div> <div style="border: 0px; font-family: Arial, sans-serif; font-size: 13px; line-height: 20px; margin: 0px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;"> </div> <div style="border: 0px; font-family: Arial, sans-serif; font-size: 13px; line-height: 20px; margin: 0px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXuIbYqhM79CxbpE8vj_N6nanQXO3nFCkysz_0vmQ63iRl0ruCYqOjnJMAkxuZf2j835l0ffm63RP93g_0LYvO66nQ5TwC3oTIM9kUkWs6dw82wL1599xLcnzxpjNM3WTjqZ-QVy226AM/s1600/warna+kulit12.jpg" rel="nofollow" style="background-color: #444444; border: 0px; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><span style="color: white;"><img alt="warna+kulit12 Trik Dasar Retouch Photo dengan Photoshop" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXuIbYqhM79CxbpE8vj_N6nanQXO3nFCkysz_0vmQ63iRl0ruCYqOjnJMAkxuZf2j835l0ffm63RP93g_0LYvO66nQ5TwC3oTIM9kUkWs6dw82wL1599xLcnzxpjNM3WTjqZ-QVy226AM/s1600/warna+kulit12.jpg" style="border: 0px; max-width: 553px;" title="Trik Dasar Retouch Photo dengan Photoshop" /></span></a></div> <div style="border: 0px; font-family: Arial, sans-serif; font-size: 13px; line-height: 20px; margin: 0px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg8h9uGZYCIKXGfWqkc7274qsoyzmpd5U8G0Q2iaHKY_6MA_sKb6Oj_C-rIvulve_8T7g_rh4aX3Sz41fZ45NLr_JE3k-2nzIqszFY6V1eNZpJoFuvT1N4vNI5OjlTM8p1OpxBPl0Pd1w/s1600/warna+kulit2.jpg" rel="nofollow" style="background-color: #444444; border: 0px; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><span style="color: white;"><img alt="warna+kulit2 Trik Dasar Retouch Photo dengan Photoshop" border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg8h9uGZYCIKXGfWqkc7274qsoyzmpd5U8G0Q2iaHKY_6MA_sKb6Oj_C-rIvulve_8T7g_rh4aX3Sz41fZ45NLr_JE3k-2nzIqszFY6V1eNZpJoFuvT1N4vNI5OjlTM8p1OpxBPl0Pd1w/s400/warna+kulit2.jpg" style="border: 0px; max-width: 553px;" title="Trik Dasar Retouch Photo dengan Photoshop" width="337" /></span></a></div> <div style="border: 0px; font-family: Arial, sans-serif; font-size: 13px; line-height: 20px; margin: 0px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicMyUNZGv0N_sTW4bkgcZYzgpPW_pV8DIKpLWPbswCjQjpj9gYxL9A-Z4k8ds7UCzwwSBf9A3-EzI9_8_xyclTRBvi2W1WvS6Y4zsBrC-zuYMRKx1Ui2yHOLJSjS8KRBFskvyE613xIrw/s1600/warna+kulit3.jpg" rel="nofollow" style="background-color: #444444; border: 0px; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><span style="color: white;"><img alt="warna+kulit3 Trik Dasar Retouch Photo dengan Photoshop" border="0" height="130" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicMyUNZGv0N_sTW4bkgcZYzgpPW_pV8DIKpLWPbswCjQjpj9gYxL9A-Z4k8ds7UCzwwSBf9A3-EzI9_8_xyclTRBvi2W1WvS6Y4zsBrC-zuYMRKx1Ui2yHOLJSjS8KRBFskvyE613xIrw/s320/warna+kulit3.jpg" style="border: 0px; max-width: 553px;" title="Trik Dasar Retouch Photo dengan Photoshop" width="320" /></span></a></div> <div style="border: 0px; font-family: Arial, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 10px; margin-top: 10px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;"> <span style="background-color: #444444;"><span style="color: white;">4. Tekan <b>Ctrl+M (curves) </b>naikan nilainya. dan sesuikan.</span></span></div> <div style="border: 0px; font-family: Arial, sans-serif; font-size: 13px; line-height: 20px; margin: 0px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghC6wubtHUHEWauimhDVVsBkUrqnOnMOipdDGR57E_ebtK2bemly97XylTU1yNrdZYAzLo2CnZ9tHqFoPtVFvYvFhYHtMTJTNWopzGviV99HS2_Q_ayc5NfTay15IvRW9cqczB3l5OYNI/s1600/warna+kulit4.jpg" rel="nofollow" style="background-color: #444444; border: 0px; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><span style="color: white;"><img alt="warna+kulit4 Trik Dasar Retouch Photo dengan Photoshop" border="0" height="378" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghC6wubtHUHEWauimhDVVsBkUrqnOnMOipdDGR57E_ebtK2bemly97XylTU1yNrdZYAzLo2CnZ9tHqFoPtVFvYvFhYHtMTJTNWopzGviV99HS2_Q_ayc5NfTay15IvRW9cqczB3l5OYNI/s400/warna+kulit4.jpg" style="border: 0px; max-width: 553px;" title="Trik Dasar Retouch Photo dengan Photoshop" width="400" /> </span></a></div> <div style="border: 0px; font-family: Arial, sans-serif; font-size: 13px; line-height: 20px; margin: 0px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;"> <span style="background-color: #444444;"><span style="color: white;">jika sudah tekan <b>ctrl+D</b> untuk melepaskan seleksi</span></span></div> <div style="border: 0px; font-family: Arial, sans-serif; font-size: 13px; line-height: 20px; margin: 0px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;"> <span style="background-color: #444444;"><span style="color: white;">5. Pada kasus photo tutorial ini ada bekas luka di daerah jidat, untuk menghilangkannya pilih Patch Tool.</span></span></div> <div style="border: 0px; font-family: Arial, sans-serif; font-size: 13px; line-height: 20px; margin: 0px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhYyvgrplkw5NF2JAhFnhjsvFG6R0hyphenhyphenDOyvjnruMu0gXTgEYBMZBV5zfnrNctUOwHTqCdwwozlWSmk0r7MudWUNnSO86gLbrx7gddYeEi6Blv_h7gk5U4Gw1TUQ22SbeI8eU007Ip4XOs/s1600/warna+kulit5.jpg" rel="nofollow" style="background-color: #444444; border: 0px; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><span style="color: white;"><img alt="warna+kulit5 Trik Dasar Retouch Photo dengan Photoshop" border="0" height="141" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhYyvgrplkw5NF2JAhFnhjsvFG6R0hyphenhyphenDOyvjnruMu0gXTgEYBMZBV5zfnrNctUOwHTqCdwwozlWSmk0r7MudWUNnSO86gLbrx7gddYeEi6Blv_h7gk5U4Gw1TUQ22SbeI8eU007Ip4XOs/s320/warna+kulit5.jpg" style="border: 0px; max-width: 553px;" title="Trik Dasar Retouch Photo dengan Photoshop" width="320" /></span></a></div> <div style="border: 0px; font-family: Arial, sans-serif; font-size: 13px; line-height: 20px; margin: 0px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;"> <span style="background-color: #444444;"><span style="color: white;"> lingkari bagian bagian yang ada lukanya, dan geser ke daerah kulit yang mulus. maka bekas luka akan hilang.</span></span></div> <div style="border: 0px; font-family: Arial, sans-serif; font-size: 13px; line-height: 20px; margin: 0px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXS-qhVlJCU2mWMNkbIgZnF-XFNQWlKPz2CthEQDSrifK041H0lu5RTxuO_dKC_K0PWfjPmoc4My9WGTe09HN9ZHvLDbwd5HuhGLhobefU0UH8h92py5kae4D7b4ZzCCkpsSfdG0TraRg/s1600/warna+kulit6.jpg" rel="nofollow" style="background-color: #444444; border: 0px; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><span style="color: white;"><img alt="warna+kulit6 Trik Dasar Retouch Photo dengan Photoshop" border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXS-qhVlJCU2mWMNkbIgZnF-XFNQWlKPz2CthEQDSrifK041H0lu5RTxuO_dKC_K0PWfjPmoc4My9WGTe09HN9ZHvLDbwd5HuhGLhobefU0UH8h92py5kae4D7b4ZzCCkpsSfdG0TraRg/s400/warna+kulit6.jpg" style="border: 0px; max-width: 553px;" title="Trik Dasar Retouch Photo dengan Photoshop" width="391" /></span></a></div> <div style="border: 0px; font-family: Arial, sans-serif; font-size: 13px; line-height: 20px; margin: 0px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHyOjeeAsHhB4wWuIbLaCPsVM9U2MlhhVwwfrOy4hCbXpBTtiqeHsFep8e-_CaKG845gpM1A-UHm23DDZMOgRC6U8QdUhz5bVPaRVZx9S7K6lbmDAPZb8TxylCA7kHCiqEZv-HPsJ0leU/s1600/warna+kulit13.jpg" rel="nofollow" style="background-color: #444444; border: 0px; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><span style="color: white;"><img alt="warna+kulit13 Trik Dasar Retouch Photo dengan Photoshop" border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHyOjeeAsHhB4wWuIbLaCPsVM9U2MlhhVwwfrOy4hCbXpBTtiqeHsFep8e-_CaKG845gpM1A-UHm23DDZMOgRC6U8QdUhz5bVPaRVZx9S7K6lbmDAPZb8TxylCA7kHCiqEZv-HPsJ0leU/s400/warna+kulit13.jpg" style="border: 0px; max-width: 553px;" title="Trik Dasar Retouch Photo dengan Photoshop" width="388" /></span></a></div> <div style="border: 0px; font-family: Arial, sans-serif; font-size: 13px; line-height: 20px; margin: 0px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;"> </div> <div style="border: 0px; font-family: Arial, sans-serif; font-size: 13px; line-height: 20px; margin: 0px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;"> <span style="background-color: #444444;"><span style="color: white;"> 6. Sekarang tajamkan warna/pencahayaannya, anda bisa menggunakan Brightness/contras, pilih image-Adjsutments-Brightness/contras. Sesuikan poin-poinnya tergantung dari kualiats awal photo.</span></span></div> <div style="border: 0px; font-family: Arial, sans-serif; font-size: 13px; line-height: 20px; margin: 0px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;"> </div> <div style="border: 0px; font-family: Arial, sans-serif; font-size: 13px; line-height: 20px; margin: 0px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBhErsOucvUqOuatEUy4YkOeT40M728q6UD-9pmbvC32IVBSoVk9VzaavwFRD4WTkn82bvDniDDE-jOYsFzfBJd9R_fiqh2f31uAWOi4iVN5jpTD6p_SMrdkPexQnxHuuyQwH4QekF7K8/s1600/warna+kulit8.jpg" rel="nofollow" style="background-color: #444444; border: 0px; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><span style="color: white;"><img alt="warna+kulit8 Trik Dasar Retouch Photo dengan Photoshop" border="0" height="198" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBhErsOucvUqOuatEUy4YkOeT40M728q6UD-9pmbvC32IVBSoVk9VzaavwFRD4WTkn82bvDniDDE-jOYsFzfBJd9R_fiqh2f31uAWOi4iVN5jpTD6p_SMrdkPexQnxHuuyQwH4QekF7K8/s320/warna+kulit8.jpg" style="border: 0px; max-width: 553px;" title="Trik Dasar Retouch Photo dengan Photoshop" width="320" /></span></a></div> <div style="border: 0px; font-family: Arial, sans-serif; font-size: 13px; line-height: 20px; margin: 0px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmG7t1ezFv1yzuSwliCZ8LkxiY15pP5D0nqxzdoCKK183p-2UkBWF181FifRLmUsA61nZkWn2OxA3VJ5oaRw3ZQE4W_5i-ySTRuIBSKW3hn4sfLMM5FKx5FPm57U65x2fK7AnfD6qW1gE/s1600/warna+kulit9.jpg" rel="nofollow" style="background-color: #444444; border: 0px; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><span style="color: white;"><img alt="warna+kulit9 Trik Dasar Retouch Photo dengan Photoshop" border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmG7t1ezFv1yzuSwliCZ8LkxiY15pP5D0nqxzdoCKK183p-2UkBWF181FifRLmUsA61nZkWn2OxA3VJ5oaRw3ZQE4W_5i-ySTRuIBSKW3hn4sfLMM5FKx5FPm57U65x2fK7AnfD6qW1gE/s640/warna+kulit9.jpg" style="border: 0px; max-width: 553px;" title="Trik Dasar Retouch Photo dengan Photoshop" width="426" /></span></a></div> <div style="border: 0px; font-family: Arial, sans-serif; font-size: 13px; line-height: 20px; margin: 0px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;"> </div> <div style="border: 0px; font-family: Arial, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 10px; margin-top: 10px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;"> </div> <div style="border: 0px; font-family: Arial, sans-serif; font-size: 13px; line-height: 20px; margin: 0px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;"> <span style="background-color: #444444;"><span style="color: white;">7. Pada tahapn ke-6 sebenarnya sudah cukup untuk melakukan Retouch Photo, jika kita punya masalah dengan kulit yang tidak mulus, anda bisa memberikan efek menghaluskan kulit, saya memberikan 2 cara.</span></span></div> <div style="border: 0px; font-family: Arial, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 10px; margin-top: 10px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;"> <a href="http://www.photoshopku.net/2012/12/cara-cepat-dan-mudah-memperhalus.html" rel="nofollow" style="background-color: #444444; border: 0px; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><span style="color: white;">Cara ke 1</span></a><br /> <a href="http://www.photoshopku.net/2012/11/cara-mudah-memperhalus-kulit.html" rel="nofollow" style="background-color: #444444; border: 0px; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><span style="color: white;">Cara ke 2</span></a></div> <div style="border: 0px; font-family: Arial, sans-serif; font-size: 13px; line-height: 20px; margin: 0px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT3yW2BJ-RAjlCZ2RvgSd7FsW2bOjPy5vm2SypJf06454hMT-VvpjGL3itZ1ja8vbf57J1BUdJ-ezn_zPyQG7AaBjUITDMENAY-J65gh5Qxh-d5SBi9s6hlVtuRWVHbV2qiGBJMynauTo/s1600/warna+kulit10.jpg" rel="nofollow" style="background-color: #444444; border: 0px; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><span style="color: white;"><img alt="warna+kulit10 Trik Dasar Retouch Photo dengan Photoshop" border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT3yW2BJ-RAjlCZ2RvgSd7FsW2bOjPy5vm2SypJf06454hMT-VvpjGL3itZ1ja8vbf57J1BUdJ-ezn_zPyQG7AaBjUITDMENAY-J65gh5Qxh-d5SBi9s6hlVtuRWVHbV2qiGBJMynauTo/s640/warna+kulit10.jpg" style="border: 0px; max-width: 553px;" title="Trik Dasar Retouch Photo dengan Photoshop" width="426" /></span></a></div> <div style="border: 0px; font-family: Arial, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 10px; margin-top: 10px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;"> </div> <div style="border: 0px; font-family: Arial, sans-serif; font-size: 13px; line-height: 20px; margin-bottom: 10px; margin-top: 10px; outline: 0px; padding: 0px; vertical-align: baseline;"> <span style="background-color: #444444;"><span style="color: white;">8. Sekarang yang kurang adalah warna  gigi, siapa sih yang tidak mau giginya putih.</span></span></div> <div style="border: 0px; font-family: Arial, sans-serif; font-size: 13px; line-height: 20px; margin: 0px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbGSjVoQqgG74hbN-yE8nUdxOd3jOdAbVIhKbYL6Q2q622lwPv5UN52fo138HzyXIBkHUIflSiSjo5sAmWfNRymt08NV0sgHNYZ8hMCAVPMZ38hvYcx3OqAUx3Am4Rdpcoq4l0Fwma-og/s1600/warna+kulit11.jpg" rel="nofollow" style="background-color: #444444; border: 0px; margin: 0px; outline: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;"><span style="color: white;"><img alt="warna+kulit11 Trik Dasar Retouch Photo dengan Photoshop" border="0" height="640" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbGSjVoQqgG74hbN-yE8nUdxOd3jOdAbVIhKbYL6Q2q622lwPv5UN52fo138HzyXIBkHUIflSiSjo5sAmWfNRymt08NV0sgHNYZ8hMCAVPMZ38hvYcx3OqAUx3Am4Rdpcoq4l0Fwma-og/s640/warna+kulit11.jpg" style="border: 0px; max-width: 553px;" title="Trik Dasar Retouch Photo dengan Photoshop" width="426" /> </span></a></div> <div style="border: 0px; font-family: Arial, sans-serif; font-size: 13px; line-height: 20px; margin: 0px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;"> <b style="background-color: #444444;"><span style="color: white;">Dan latihanTrik Dasar Retouch Photo dengan Photoshop pun selesai.</span></b></div> <div style="border: 0px; font-family: Arial, sans-serif; font-size: 13px; line-height: 20px; margin: 0px; outline: 0px; padding: 0px; text-align: justify; vertical-align: baseline;"> <span style="background-color: #444444;"><span style="color: white;">Latihan Dasar – Trik Dasar Retouch Photo dengan Photoshop</span></span></div> <h4 style="border: 0px; font-family: Arial, sans-serif; font-size: 13px; line-height: 20px; margin: 5px 0px; outline: 0px; padding: 0px; vertical-align: baseline;"> <span style="background-color: #444444;"><span style="color: white;"> Kata kunci artikel:</span></span></h4> <span style="background-color: #444444; color: white; font-family: Arial, sans-serif; font-size: 13px; line-height: 20px;">blend and retouch,cara retouching photo,cara retouching dengan photoshop,cara retouch photoshop,blend & retouch tutorial,retouch photo dengan photoshop,tips retouch di pothoshop,tutorial blend and retouch photoshop,tutorial blend and retourch,tutorial blend dan retouch,tutorial edit retouch di photoshop,tutorial photoshop blend dan retouch,tutorial retouch di photoshop,tutorial retouch foto,tutorial retouch pada photoshop</span>

Trik Dasar Retouch Photo dengan Photoshop

Tutorial untuk bulan ini akhirnya beres, karena masih banyak nya pengguna yang belum mengerti trik dasar dalam mengedit photo, untuk itu sa...

Baca selengkapnya »

Dramatic Gritty Effect

<span style="background-color: #444444;"><span style="color: white;"><br /> </span></span><br /> <div align="left" style="font-family: Tahoma; font-size: 12px;"> <span style="background-color: #444444; color: white;">In this tutorial we’re going to show you how to add a dramatic, gritty, bronzed effect to your images. We’ll convert our subject image as follows:</span></div> <div style="font-family: Tahoma; font-size: 12px;"> <span style="background-color: #444444; color: white;"><img alt="6b1.gif" src="http://photoshopfrenzy.com/wp-content/uploads/2007/12/6b1.gif" /></span></div> <div style="font-family: Tahoma; font-size: 12px;"> <span style="background-color: #444444; color: white;"><br clear="all" /><br /><span id="more-94"></span></span></div> <div style="font-family: Tahoma; font-size: 12px;"> <span style="background-color: #444444; color: white;"><img alt="before1.gif" src="http://photoshopfrenzy.com/wp-content/uploads/2007/12/before1.gif" /></span></div> <div style="font-family: Tahoma; font-size: 12px;"> <span style="background-color: #444444; color: white;"><br clear="all" /><br /><img alt="after1.gif" src="http://photoshopfrenzy.com/wp-content/uploads/2007/12/after1.gif" /></span></div> <div align="left" style="font-family: Tahoma; font-size: 12px;"> <span style="background-color: #444444; color: white;"><strong>1.</strong> Open our project image and immediately duplicate the background layer by right clicking the background layer and selecting ‘Duplicate Layer’. With the ‘Background Copy’ layer selected, go to ‘Filter’ on the menu and choose ‘Other’ -> ‘High Pass’, enter ‘5′ pixels as the radius and click ok. Next, change the blend of the ‘Background Copy’ layer to ‘Overlay’.</span></div> <div style="font-family: Tahoma; font-size: 12px;"> <span style="background-color: #444444; color: white;"><img alt="1.gif" src="http://photoshopfrenzy.com/wp-content/uploads/2007/12/1.gif" /></span></div> <div align="left" style="font-family: Tahoma; font-size: 12px;"> <span style="background-color: #444444; color: white;"><strong>2.</strong> Duplicate the orginal background layer again (’Background Copy 2′) and move it to the very top of the layers list. With this new layer highlighted in the layers palette, go to ‘Image’ on the main menu and choose ‘Adjustment’ -> ‘Desaturate’. Change the blend of the this new layer to ‘Hard Light’.</span></div> <div style="font-family: Tahoma; font-size: 12px;"> <span style="background-color: #444444; color: white;"><img alt="2.gif" src="http://photoshopfrenzy.com/wp-content/uploads/2007/12/2.gif" /></span></div> <div align="left" style="font-family: Tahoma; font-size: 12px;"> <span style="background-color: #444444; color: white;"><strong>3.</strong> Click on the right facing arrow in the top right corner of our layers palette and choose ‘Flatten Image’ from the drop down menu. This once again leaves us with a single layer ‘Background’. Duplicate this layer and press ‘Ctrl+F’ (Commmand-F on mac) to apply the same filter effect used in step 1. Change the blend mode of this layer<br />to ‘Overlay’.</span></div> <div style="font-family: Tahoma; font-size: 12px;"> <span style="background-color: #444444; color: white;"><img alt="3.gif" src="http://photoshopfrenzy.com/wp-content/uploads/2007/12/3.gif" /><br /><br clear="all" /><br /><img alt="3b.gif" src="http://photoshopfrenzy.com/wp-content/uploads/2007/12/3b.gif" /></span></div> <div align="left" style="font-family: Tahoma; font-size: 12px;"> <span style="background-color: #444444; color: white;"><strong>4.</strong> Flatten the image again (Click on the right facing arrow in the top right corner of our layers palette and choose ‘Flatten Image’ from the drop down menu). Next, click the ‘Create New Adjustment Layer’ icon at the bottom of the layers palette and choose ‘Curves’. In the ‘Curves’ dialog add a point by clicking directly on the diagnol line (around the upper third in our example), move it toward the left, and click OK. This will lighten the entire image (but focus on the eyes).</span></div> <div style="font-family: Tahoma; font-size: 12px;"> <span style="background-color: #444444; color: white;"><img alt="4a1.gif" src="http://photoshopfrenzy.com/wp-content/uploads/2007/12/4a1.gif" /><br /><br clear="all" /><br /><img alt="4b.gif" src="http://photoshopfrenzy.com/wp-content/uploads/2007/12/4b.gif" /></span></div> <div align="left" style="font-family: Tahoma; font-size: 12px;"> <span style="background-color: #444444; color: white;"><strong>5.</strong> Click on the layer mask thumbnail of the Curves adjustment layer we just created and press ‘Ctrl+i’ (Command-i on mac), the image will appear darker. Set your foreground color to white (press D). Select the Brush tool from the toolbox and using a soft edged brush (I used a brush with diameter of 15px and hardness of 15%), paint over the eyes to brighten them up.</span></div> <div style="font-family: Tahoma; font-size: 12px;"> <span style="background-color: #444444; color: white;"><img alt="5a.gif" src="http://photoshopfrenzy.com/wp-content/uploads/2007/12/5a.gif" /></span></div> <div style="font-family: Tahoma; font-size: 12px;"> <span style="background-color: #444444; color: white;">Our effect looks like this now:</span></div> <div style="font-family: Tahoma; font-size: 12px;"> <span style="background-color: #444444; color: white;"><img alt="5b.gif" src="http://photoshopfrenzy.com/wp-content/uploads/2007/12/5b.gif" /></span></div> <div align="left" style="font-family: Tahoma; font-size: 12px;"> <span style="background-color: #444444; color: white;"><strong>6.</strong>Create a new layer, and change your foreground color to a nice eye color you would like to highlight your subjects eyes with. We’re going to select a nice light blue (#94C4D4) for our subject. Change the blend mode of this layer to ‘Color’. Now using the same brush settings we used in the previous step, paint over the eyes to highlight them with your selected foreground color. If you find the color is too vivid, try adjusting the layer opacity to lessen the effect.</span></div> <div style="font-family: Tahoma; font-size: 12px;"> <span style="background-color: #444444; color: white;"><img alt="6a.gif" src="http://photoshopfrenzy.com/wp-content/uploads/2007/12/6a.gif" /></span></div> <div style="font-family: Tahoma; font-size: 12px;"> <span style="background-color: #444444; color: white;">And voila…our dramatic gritty effect is complete! Have fun applying this technique in your projects.</span></div> <div style="font-family: Tahoma; font-size: 12px;"> <span style="background-color: #444444; color: white;"><img alt="6b1.gif" src="http://photoshopfrenzy.com/wp-content/uploads/2007/12/6b1.gif" /></span></div> <div style="font-family: Tahoma; font-size: 12px;"> <span style="background-color: #444444; color: white;"><br /></span></div> <div style="font-family: Tahoma; font-size: 12px;"> <span style="background-color: #444444; color: white;">Sumber : <a href="http://photoshopfrenzy.com/" target="_blank">Photoshopfrenzy</a></span></div>

Dramatic Gritty Effect

In this tutorial we’re going to show you how to add a dramatic, gritty, bronzed effect to your images. We’ll convert our subject image as...

Baca selengkapnya »

Create a Painted Portrait Effect in Illustrator Using the Bristle Brush

<div style="border: 0px; font-family: 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 15px; padding: 0px; vertical-align: baseline;"> <span style="background-color: #444444; color: white;">In the past, when I wanted to create a paint-like effect, I always opened Photoshop and relied on the trusty old bitmap graphic. That is, until I discovered the Bristle Brush in Illustrator. The Bristle Brush (which is actually a set of brushes) allows you to paint with layers of vector strokes that apply different shades and transparencies to the stroke. The result is a beautiful and realistic looking paint stroke that is 100% vector.a<span style="font-family: inherit;"><span id="more-16411" style="border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"></span></span></span></div> <div style="border: 0px; font-family: 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 15px; padding: 0px; vertical-align: baseline;"> <span style="background-color: #444444; color: white;">In this tutorial, I’m going to show you how to use the Bristle Brush to create a painting similar to the one I created below.</span></div> <div style="border: 0px; font-family: 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 15px; padding: 0px; vertical-align: baseline;"> <span style="background-color: #444444; color: white;"><img alt="" height="807" src="http://wegraphics.net/wp-content/uploads/2012/09/bristle-img16.jpg" style="-webkit-box-shadow: rgb(204, 204, 204) 0px 0px 3px; background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 1px solid rgb(255, 255, 255); box-shadow: rgb(204, 204, 204) 0px 0px 3px; float: none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 5px 0px 3px; padding: 10px; vertical-align: baseline;" title="bristle-img1" width="558" /></span></div> <h2 style="border-bottom-color: rgb(80, 87, 92); border-bottom-style: solid; border-width: 0px 0px 1px; color: #50575c; font-family: 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif; font-size: 28px; font-weight: normal; line-height: 34px; margin: 30px 0px 18px; padding: 0px 0px 5px; text-shadow: rgb(255, 255, 255) 1px 1px 0px; vertical-align: baseline;"> <span style="background-color: #444444; color: white;">Step 1 – Tracing the Original Image</span></h2> <div style="border: 0px; font-family: 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 15px; padding: 0px; vertical-align: baseline;"> <span style="background-color: #444444; color: white;">First up, find a good portrait photo. I used <a href="http://www.flickr.com/photos/91695677@N00/6078306291/" style="border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">this image</a> by Helga Weber.</span></div> <div style="border: 0px; font-family: 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 15px; padding: 0px; vertical-align: baseline;"> <span style="background-color: #444444; color: white;"><img alt="" class="alignnone size-full wp-image-16413" height="372" src="http://wegraphics.net/wp-content/uploads/2012/09/bristle-img2.jpg" style="-webkit-box-shadow: rgb(204, 204, 204) 0px 0px 3px; background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 1px solid rgb(255, 255, 255); box-shadow: rgb(204, 204, 204) 0px 0px 3px; float: none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 5px 0px 3px; padding: 10px; vertical-align: baseline;" title="bristle-img2" width="558" /></span></div> <div style="border: 0px; font-family: 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 15px; padding: 0px; vertical-align: baseline;"> <span style="background-color: #444444; color: white;">I copied and pasted the image onto a new art board in Illustrator.</span></div> <div style="border: 0px; font-family: 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 15px; padding: 0px; vertical-align: baseline;"> <span style="background-color: #444444; color: white;">Then I clicked (Object | Live Trace | Tracing Options). In the Tracing Options window, I chose “One Color Logo” for the Preset, and then bumped the Threshold up to 220. Click “Trace” and you’ll see that the result is a solid black shape of the girl.</span></div> <div style="border: 0px; font-family: 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 15px; padding: 0px; vertical-align: baseline;"> <span style="background-color: #444444; color: white;"><img alt="" class="alignnone size-full wp-image-16414" height="363" src="http://wegraphics.net/wp-content/uploads/2012/09/bristle-img4.jpg" style="-webkit-box-shadow: rgb(204, 204, 204) 0px 0px 3px; background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 1px solid rgb(255, 255, 255); box-shadow: rgb(204, 204, 204) 0px 0px 3px; float: none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 5px 0px 3px; padding: 10px; vertical-align: baseline;" title="bristle-img4" width="558" /></span></div> <div style="border: 0px; font-family: 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 15px; padding: 0px; vertical-align: baseline;"> <span style="background-color: #444444; color: white;"><img alt="" class="alignnone size-full wp-image-16415" height="382" src="http://wegraphics.net/wp-content/uploads/2012/09/bristle-img5.jpg" style="-webkit-box-shadow: rgb(204, 204, 204) 0px 0px 3px; background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 1px solid rgb(255, 255, 255); box-shadow: rgb(204, 204, 204) 0px 0px 3px; float: none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 5px 0px 3px; padding: 10px; vertical-align: baseline;" title="bristle-img5" width="558" /></span></div> <div style="border: 0px; font-family: 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 15px; padding: 0px; vertical-align: baseline;"> <span style="background-color: #444444; color: white;">Once you’ve got your trace, click (Object | Expand) to convert the trace to an editable object, and reduce the color to 20% black. With the shape selected click (Object | Hide | Selection) or (Cmd+3) to hide the shape from view.</span></div> <div style="border: 0px; font-family: 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 15px; padding: 0px; vertical-align: baseline;"> <span style="background-color: #444444; color: white;"><img alt="" class="alignnone size-full wp-image-16417" height="404" src="http://wegraphics.net/wp-content/uploads/2012/09/bristle-img61.jpg" style="-webkit-box-shadow: rgb(204, 204, 204) 0px 0px 3px; background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 1px solid rgb(255, 255, 255); box-shadow: rgb(204, 204, 204) 0px 0px 3px; float: none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 5px 0px 3px; padding: 10px; vertical-align: baseline;" title="bristle-img6" width="558" /></span></div> <div style="border: 0px; font-family: 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 15px; padding: 0px; vertical-align: baseline;"> <em style="background-color: #444444; border: 0px; font-family: inherit; font-weight: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="color: white;"><strong>Very Important:</strong> You need to repeat the above steps 3 times. Pasting the image on a new layer each time. For each image, reduce the threshold setting in the Tracing Options window down to (160, 80, and 50) to reveal more detail with each trace. Once traced and expanded, increase the black color by 20% (so… 40%, 60%, 80%).</span></em></div> <div style="border: 0px; font-family: 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 15px; padding: 0px; vertical-align: baseline;"> <span style="background-color: #444444; color: white;"><em style="border: 0px; font-family: inherit; font-weight: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Also, note that when you paste the image it lands in the exact place the previous images did. So the resulting traced shapes are directly on top of one another</em>.</span></div> <h2 style="border-bottom-color: rgb(80, 87, 92); border-bottom-style: solid; border-width: 0px 0px 1px; color: #50575c; font-family: 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif; font-size: 28px; font-weight: normal; line-height: 34px; margin: 30px 0px 18px; padding: 0px 0px 5px; text-shadow: rgb(255, 255, 255) 1px 1px 0px; vertical-align: baseline;"> <span style="background-color: #444444; color: white;">Step 2 – Painting the Traces</span></h2> <div style="border: 0px; font-family: 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 15px; padding: 0px; vertical-align: baseline;"> <span style="background-color: #444444; color: white;">Now that you have all of your traced images on separate layers, you can click (Object | Show All) or (Cmd+Option+3) to unhide all of the shapes. You should have something like this.</span></div> <div style="border: 0px; font-family: 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 15px; padding: 0px; vertical-align: baseline;"> <span style="background-color: #444444; color: white;"><img alt="" class="alignnone size-full wp-image-16418" height="390" src="http://wegraphics.net/wp-content/uploads/2012/09/bristle-img7.jpg" style="-webkit-box-shadow: rgb(204, 204, 204) 0px 0px 3px; background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 1px solid rgb(255, 255, 255); box-shadow: rgb(204, 204, 204) 0px 0px 3px; float: none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 5px 0px 3px; padding: 10px; vertical-align: baseline;" title="bristle-img7" width="558" /></span></div> <div style="border: 0px; font-family: 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 15px; padding: 0px; vertical-align: baseline;"> <span style="background-color: #444444; color: white;"><img alt="" class="alignnone size-full wp-image-16419" height="166" src="http://wegraphics.net/wp-content/uploads/2012/09/bristle-img8.jpg" style="-webkit-box-shadow: rgb(204, 204, 204) 0px 0px 3px; background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 1px solid rgb(255, 255, 255); box-shadow: rgb(204, 204, 204) 0px 0px 3px; float: none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 5px 0px 3px; padding: 10px; vertical-align: baseline;" title="bristle-img8" width="229" /></span></div> <div style="border: 0px; font-family: 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 15px; padding: 0px; vertical-align: baseline;"> <span style="background-color: #444444; color: white;">Now let’s open the Bristle Brush Library. Click the drop down menu in the upper right corner of the brush panel, and select (Open Brush Library | Bristle Brush).</span></div> <div style="border: 0px; font-family: 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 15px; padding: 0px; vertical-align: baseline;"> <span style="background-color: #444444; color: white;"><img alt="" class="alignnone size-full wp-image-16420" height="574" src="http://wegraphics.net/wp-content/uploads/2012/09/bristle-img9.jpg" style="-webkit-box-shadow: rgb(204, 204, 204) 0px 0px 3px; background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 1px solid rgb(255, 255, 255); box-shadow: rgb(204, 204, 204) 0px 0px 3px; float: none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 5px 0px 3px; padding: 10px; vertical-align: baseline;" title="bristle-img9" width="564" /></span></div> <div style="border: 0px; font-family: 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 15px; padding: 0px; vertical-align: baseline;"> <span style="background-color: #444444; color: white;">The brush we’ll be using is the Mop. Our color palette will be shades of blue. So for this first background image, I’m going to choose a very light blue. (C:20 M:0 Y:0 K:0)</span></div> <div style="border: 0px; font-family: 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 15px; padding: 0px; vertical-align: baseline;"> <span style="background-color: #444444; color: white;"><img alt="" class="alignnone size-full wp-image-16421" height="555" src="http://wegraphics.net/wp-content/uploads/2012/09/bristle-img10.jpg" style="-webkit-box-shadow: rgb(204, 204, 204) 0px 0px 3px; background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 1px solid rgb(255, 255, 255); box-shadow: rgb(204, 204, 204) 0px 0px 3px; float: none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 5px 0px 3px; padding: 10px; vertical-align: baseline;" title="bristle-img10" width="294" /></span></div> <div style="border: 0px; font-family: 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 15px; padding: 0px; vertical-align: baseline;"> <span style="background-color: #444444; color: white;">Now turn off layers 2,3 and 4 to view only the solid background shape again. With the shape selected click (Object | Ungroup). You may have to do this 2-3 times before the shape is completely ungrouped. Now select the shape again, and choose “Draw Inside” from the bottom of the tools panel. <em style="border: 0px; font-family: inherit; font-weight: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">Note: this option will not be available if you are clicking on grouped shapes or multiple shapes at once.</em></span></div> <div style="border: 0px; font-family: 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 15px; padding: 0px; vertical-align: baseline;"> <span style="background-color: #444444; color: white;"><img alt="" class="alignnone size-full wp-image-16422" height="178" src="http://wegraphics.net/wp-content/uploads/2012/09/bristle-img11.jpg" style="-webkit-box-shadow: rgb(204, 204, 204) 0px 0px 3px; background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 1px solid rgb(255, 255, 255); box-shadow: rgb(204, 204, 204) 0px 0px 3px; float: none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 5px 0px 3px; padding: 10px; vertical-align: baseline;" title="bristle-img11" width="98" /></span></div> <div style="border: 0px; font-family: 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 15px; padding: 0px; vertical-align: baseline;"> <span style="background-color: #444444; color: white;">Now click “None” for the fill.</span></div> <div style="border: 0px; font-family: 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 15px; padding: 0px; vertical-align: baseline;"> <span style="background-color: #444444; color: white;"><img alt="" class="alignnone size-full wp-image-16423" height="178" src="http://wegraphics.net/wp-content/uploads/2012/09/bristle-img12.jpg" style="-webkit-box-shadow: rgb(204, 204, 204) 0px 0px 3px; background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 1px solid rgb(255, 255, 255); box-shadow: rgb(204, 204, 204) 0px 0px 3px; float: none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 5px 0px 3px; padding: 10px; vertical-align: baseline;" title="bristle-img12" width="98" /></span></div> <div style="border: 0px; font-family: 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 15px; padding: 0px; vertical-align: baseline;"> <span style="background-color: #444444; color: white;">Now select the brush tool, and begin painting in the shape. When you release the brush stroke it will be masked by the original shape.</span></div> <div style="border: 0px; font-family: 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 15px; padding: 0px; vertical-align: baseline;"> <span style="background-color: #444444; color: white;"><img alt="" class="alignnone size-full wp-image-16424" height="415" src="http://wegraphics.net/wp-content/uploads/2012/09/bristle-img13.jpg" style="-webkit-box-shadow: rgb(204, 204, 204) 0px 0px 3px; background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 1px solid rgb(255, 255, 255); box-shadow: rgb(204, 204, 204) 0px 0px 3px; float: none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 5px 0px 3px; padding: 10px; vertical-align: baseline;" title="bristle-img13" width="558" /></span></div> <div style="border: 0px; font-family: 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 15px; padding: 0px; vertical-align: baseline;"> <em style="background-color: #444444; border: 0px; font-family: inherit; font-weight: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><span style="color: white;"><strong>Very Important:</strong> You will need to repeat the above steps for each layer. Some layers may have multiple shapes, once ungrouped, that will have to be colored separately. After all layers are completed you should end up with something like this:</span></em></div> <div style="border: 0px; font-family: 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 15px; padding: 0px; vertical-align: baseline;"> <span style="background-color: #444444; color: white;"><img alt="" class="alignnone size-full wp-image-16425" height="501" src="http://wegraphics.net/wp-content/uploads/2012/09/bristle-img14.jpg" style="-webkit-box-shadow: rgb(204, 204, 204) 0px 0px 3px; background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 1px solid rgb(255, 255, 255); box-shadow: rgb(204, 204, 204) 0px 0px 3px; float: none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 5px 0px 3px; padding: 10px; vertical-align: baseline;" title="bristle-img14" width="558" /><em style="border: 0px; font-family: inherit; font-weight: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><br /></em></span></div> <h2 style="border-bottom-color: rgb(80, 87, 92); border-bottom-style: solid; border-width: 0px 0px 1px; color: #50575c; font-family: 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif; font-size: 28px; font-weight: normal; line-height: 34px; margin: 30px 0px 18px; padding: 0px 0px 5px; text-shadow: rgb(255, 255, 255) 1px 1px 0px; vertical-align: baseline;"> <span style="background-color: #444444; color: white;">Step 3 – Embellishing with Vector Paint</span></h2> <div style="border: 0px; font-family: 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 15px; padding: 0px; vertical-align: baseline;"> <span style="background-color: #444444; color: white;">For the final step, I added some vector paint resources that I had on hand. I used elements from the <a href="http://wegraphics.net/downloads/vector-paint-drips/" style="border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">Vector Paint Drips</a> set, and the <a href="http://wegraphics.net/downloads/loose-splatters/" style="border: 0px; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 0px; padding: 0px; text-decoration: none; vertical-align: baseline;" target="_blank">Loose Splatters</a> set. I’ve highlighted them in red below so you can get an idea of placement. These are all on a layer below all others.</span></div> <div style="border: 0px; font-family: 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 15px; padding: 0px; vertical-align: baseline;"> <span style="background-color: #444444; color: white;"><img alt="" class="alignnone size-full wp-image-16426" height="807" src="http://wegraphics.net/wp-content/uploads/2012/09/bristle-img15.jpg" style="-webkit-box-shadow: rgb(204, 204, 204) 0px 0px 3px; background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 1px solid rgb(255, 255, 255); box-shadow: rgb(204, 204, 204) 0px 0px 3px; float: none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 5px 0px 3px; padding: 10px; vertical-align: baseline;" title="bristle-img15" width="558" /></span></div> <div style="border: 0px; font-family: 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 15px; padding: 0px; vertical-align: baseline;"> <span style="background-color: #444444; color: white;">And below is the final piece. I hope this tutorial has inspired you to create something unique with the Bristle Brush. It truly is a powerful vector tool.</span></div> <div style="border: 0px; font-family: 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 15px; padding: 0px; vertical-align: baseline;"> <span style="background-color: #444444; color: white;"><img alt="" class="alignnone size-full wp-image-16427" height="807" src="http://wegraphics.net/wp-content/uploads/2012/09/bristle-img16.jpg" style="-webkit-box-shadow: rgb(204, 204, 204) 0px 0px 3px; background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border: 1px solid rgb(255, 255, 255); box-shadow: rgb(204, 204, 204) 0px 0px 3px; float: none; font-family: inherit; font-style: inherit; font-weight: inherit; margin: 5px 0px 3px; padding: 10px; vertical-align: baseline;" title="bristle-img1" width="558" /></span></div> <div style="border: 0px; font-family: 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 15px; padding: 0px; vertical-align: baseline;"> <span style="background-color: #444444; color: white;"><br /></span></div> <div style="border: 0px; font-family: 'Helvetica Neue', Arial, 'Lucida Grande', sans-serif; font-size: 14px; line-height: 24px; margin-bottom: 15px; padding: 0px; vertical-align: baseline;"> <span style="background-color: #444444; color: white;">Sumber <a href="http://wegraphics.net/" target="_blank">wegraphics</a></span></div>

Create a Painted Portrait Effect in Illustrator Using the Bristle Brush

In the past, when I wanted to create a paint-like effect, I always opened Photoshop and relied on the trusty old bitmap graphic. That is, u...

Baca selengkapnya »

Age Progression

<div style="font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; line-height: 1.5em; margin-bottom: 15px;"> <span style="color: white; font-family: arial, verdana, helvetica; font-size: x-small;">Here’s a little tutorial showing you how I basically go about aging a woman’s face in Photoshop.</span></div> <div style="font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; line-height: 1.5em; margin-bottom: 15px;"> <b><span style="color: white; font-family: arial, verdana, helvetica; font-size: small;">Preface</span></b></div> <div style="font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; line-height: 1.5em; margin-bottom: 15px;"> <span style="color: white; font-family: arial, verdana, helvetica; font-size: x-small;">I've been asked several times by different members to post a tutorial on how I age-progress a person. So, here it is!<br /><br /><img border="0" src="http://www.exguides.org/photoshop-tutorials/images-age/5698_katie.jpg" style="border: 1px solid rgb(176, 176, 176); margin: 5px 15px 6px; padding: 5px;" /><br /><br />Men and women age a little bit differently but since I've only aged female celebrities thus far, I'll just focus on women for this tutorial. I’ll be using the image of Katie Holmes that I did for a past W1K contest, as an example.</span></div> <ins id="aswift_1_expand" style="border: none; display: inline-table; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; height: 90px; margin: 0px; padding: 0px; position: relative; visibility: visible; width: 728px;"><ins id="aswift_1_anchor" style="border: none; display: block; height: 90px; margin: 0px; padding: 0px; position: relative; visibility: visible; width: 728px;"><span style="color: white;"><iframe __idm_frm__="6" allowfullscreen="true" allowtransparency="true" frameborder="0" height="90" hspace="0" id="aswift_1" marginheight="0" marginwidth="0" name="aswift_1" scrolling="no" style="left: 0px; position: absolute; top: 0px;" vspace="0" width="728"></iframe></span></ins></ins><span style="color: white;"><span style="background-color: #fafcff; font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px;"></span><br /></span> <div style="font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; line-height: 1.5em; margin-bottom: 15px;"> <b><span style="color: white; font-family: arial, verdana, helvetica; font-size: small;">Step 1: Choosing an Appropriate Photo</span></b></div> <div style="font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; line-height: 1.5em; margin-bottom: 15px;"> <span style="color: white; font-family: arial, verdana, helvetica; font-size: x-small;">When deciding to age-progress a celebrity’s face, I try to select a picture that is touched-up as little as possible.<br /><br /><img border="0" src="http://www.exguides.org/photoshop-tutorials/images-age/40004_kt_step01a.jpg" style="border: 1px solid rgb(176, 176, 176); margin: 5px 15px 6px; padding: 5px;" /><br /><br />I find that candid shots, or any shots that have not been taken in a studio, work best because the resulting harsh lighting reveals more of the skin’s details i.e. slight bags under the eyes and faint wrinkles. The appearance of such details makes it all that much easier to visualize how your subject will age. Visualizing what the end result will look like brings you one step closer to aging her face realistically.<br /><br /><img border="0" src="http://www.exguides.org/photoshop-tutorials/images-age/40004_kt_step01b.jpg" style="border: 1px solid rgb(176, 176, 176); margin: 5px 15px 6px; padding: 5px;" /><br /><br />In Katie’s case, we can see very faint horizontal lines on her forehead, fairly obvious lines under her eyes and lines bracketing her mouth.</span></div> <div style="font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; line-height: 1.5em; margin-bottom: 15px;"> <b><span style="color: white; font-family: arial, verdana, helvetica; font-size: small;">Step 2: Collecting Reference Material</span></b></div> <div style="font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; line-height: 1.5em; margin-bottom: 15px;"> <span style="color: white; font-family: arial, verdana, helvetica; font-size: x-small;">Reference material is key in my method of aging. Keeping Katie’s face in mind, I scoured the Web, looking for faces of old women who either resemble Katie and/or share the same facial expression. Here, Katie is smiling with her face positioned at a 3/4 angle so I tried to gather as many pictures of old women who are smiling in the same manner or close to that. I then opened up the picture of Katie in Photoshop and pasted the found images around her face on a separate layer, spread out to provide easy visual access.<br /><br /><img border="0" src="http://www.exguides.org/photoshop-tutorials/images-age/40004_kt_step01c.jpg" style="border: 1px solid rgb(176, 176, 176); margin: 5px 15px 6px; padding: 5px;" /><br /><br />Another kind of reference I like to use but is usually hard to find, is pictures of the subject’s parents. I managed to find a couple of reference pictures of Katie’s mother online and they really helped me to decide whether or not to give Katie a double chin. Since her mom has quite a bit of mass under her chin, I decided I would apply that to Katie too.</span></div> <div style="font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; line-height: 1.5em; margin-bottom: 15px;"> <b><span style="color: white; font-family: arial, verdana, helvetica; font-size: small;">Step 3: Thinning Brows</span></b></div> <div style="font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; line-height: 1.5em; margin-bottom: 15px;"> <span style="color: white; font-family: arial, verdana, helvetica; font-size: x-small;">Now the fun begins! The first thing I like to do is to thin out the subject’s eyebrows and eyelashes. The older people get, the thinner their hair gets - either because hair falls out and/or because it dries out as it greys.<br /><br /><img border="0" src="http://www.exguides.org/photoshop-tutorials/images-age/40004_kt_step02a.jpg" style="border: 1px solid rgb(176, 176, 176); margin: 5px 15px 6px; padding: 5px;" /><br /><br />So to achieve this, I like to use the Clone Stamp tool at 100% with a relatively small brush size depending on the size and resolution of the image. I sampled the surrounding skin to thin and reduce the number of hairs.</span></div> <div style="font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; line-height: 1.5em; margin-bottom: 15px;"> <b><span style="color: white; font-family: arial, verdana, helvetica; font-size: small;">Step 4: Mold the Face</span></b></div> <div style="font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; line-height: 1.5em; margin-bottom: 15px;"> <span style="color: white; font-family: arial, verdana, helvetica; font-size: x-small;">Next, I like to add the basic sags to the skin. I do this in the Liquify mode. I tried to create sagging effects to the cheeks, jowls and the cliff just above the eyes by using the Push tool. For the eyes, I tried to be subtle; otherwise she may end up looking somewhat ghoulish.<br /><br /><img border="0" src="http://www.exguides.org/photoshop-tutorials/images-age/40004_kt_step03a.jpg" style="border: 1px solid rgb(176, 176, 176); margin: 5px 15px 6px; padding: 5px;" /><br /><br />From what I’ve learned about the aging process, I know that while bones cease to grow, and in fact shrink, cartilage does continue to grow. As a result, the end of a nose may appear larger as a person grows older. So while I was still in the Liquify mode, I used the Push tool to extend the length of the nose slightly. Then I used the Bloat tool to also enlarge it slightly, being careful not lose the essential quality or character of the nose. Go too far and it may not look like Katie anymore.</span></div> <div style="font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; line-height: 1.5em; margin-bottom: 15px;"> <b><span style="color: white; font-family: arial, verdana, helvetica; font-size: small;">Step 5: The Aforementioned Double Chin</span></b></div> <div style="font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; line-height: 1.5em; margin-bottom: 15px;"> <span style="color: white; font-family: arial, verdana, helvetica; font-size: x-small;"><img border="0" src="http://www.exguides.org/photoshop-tutorials/images-age/40004_kt_step04.jpg" style="border: 1px solid rgb(176, 176, 176); margin: 5px 15px 6px; padding: 5px;" /><br /><br />Based on her mother’s pictures, I then added a fairly massive double chin. I initially used the Airbrush tool with some fairly broad strokes, sampling the colors that were already in the area of her neck. I then worked in the details with a finer brush size. Also, keep in mind that I was also using the other reference photos of older women to guide me.</span></div> <div style="font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; line-height: 1.5em; margin-bottom: 15px;"> <b><span style="color: white; font-family: arial, verdana, helvetica; font-size: small;">Step 6: Wrinkle Up the Eyes</span></b></div> <div style="font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; line-height: 1.5em; margin-bottom: 15px;"> <span style="color: white; font-family: arial, verdana, helvetica; font-size: x-small;">For me, the most important parts to get right are the eyes. They can make or break the project. Done wrong and the picture may no longer be identifiable as one of Katie Holmes anymore. I sought out the fine lines around the eyes and I tried to imagine how they would progress into wrinkles. I then extended them in length and width accordingly. Referencing the pictures of old women helped a lot with this step.<br /><br /><img border="0" src="http://www.exguides.org/photoshop-tutorials/images-age/40004_KT_step05.jpg" style="border: 1px solid rgb(176, 176, 176); margin: 5px 15px 6px; padding: 5px;" /><br /><br />I used a combination of the Stamp tool and Brush tool. I wish I could explain my technique at this point in a more clinical manner but mostly I relied on my artistic instincts. I emphasized the wrinkles around the eyes by widening and deepening the lines slightly and increasing the contrast by darkening the recesses and lightening the edges. Also, I extended wrinkles to the cheekbone areas. I then applied the same technique to the wrinkles around the mouth and to the forehead.</span></div> <div style="font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; line-height: 1.5em; margin-bottom: 15px;"> <b><span style="color: white; font-family: arial, verdana, helvetica; font-size: small;">Step 6: Reducing the Lips</span></b></div> <div style="font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; line-height: 1.5em; margin-bottom: 15px;"> <span style="color: white; font-family: arial, verdana, helvetica; font-size: x-small;">In this step, I work on the lips. As people grow older, the outline of the lips tends to recede. Using the Stamp tool, I sampled the skin surrounding the lips and thinned them out.<br /><br /><img border="0" src="http://www.exguides.org/photoshop-tutorials/images-age/40004_kt_step06.jpg" style="border: 1px solid rgb(176, 176, 176); margin: 5px 15px 6px; padding: 5px;" /><br /><br />While I was at it, I also added a few vertical wrinkles above the lips to give her a bit of a "prune" effect. We just want a hint of that, so don’t carve out deep lines; deep lines would only be necessary if she was puckering her lips.</span></div> <div style="font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; line-height: 1.5em; margin-bottom: 15px;"> <b><span style="color: white; font-family: arial, verdana, helvetica; font-size: small;">Step 7: Planning Out More Wrinkles</span></b></div> <div style="font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; line-height: 1.5em; margin-bottom: 15px;"> <span style="color: white; font-family: arial, verdana, helvetica; font-size: x-small;"><img border="0" src="http://www.exguides.org/photoshop-tutorials/images-age/40004_kt_step07.jpg" style="border: 1px solid rgb(176, 176, 176); margin: 5px 15px 6px; padding: 5px;" /><br /><br />Here, on a separate layer, I faintly outlined or sketched, with a relatively thin brush size, areas that I may or may not add more lines and wrinkles to. It’s easy to get carried away with the addition of wrinkles. So, I stopped, took a step back and assessed where to take to image. For me, it's essential and a great test to see what best works.</span></div> <div style="font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; line-height: 1.5em; margin-bottom: 15px;"> <b><span style="color: white; font-family: arial, verdana, helvetica; font-size: small;">Step 8: Touching Up the Wrinkles</span></b></div> <div style="font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; line-height: 1.5em; margin-bottom: 15px;"> <span style="color: white; font-family: arial, verdana, helvetica; font-size: x-small;">Based on the previous step, I added wrinkles where I thought they were needed most.<br /><br /><img border="0" src="http://www.exguides.org/photoshop-tutorials/images-age/40004_kt_step08.jpg" style="border: 1px solid rgb(176, 176, 176); margin: 5px 15px 6px; padding: 5px;" /><br /><br />Overall, I found that the wrinkles and lines seemed a little flat in comparison to the rest of Katie’s features. They needed more definition so that they could pop out more. So, I highlighted the raised edges of the individual lines with the Brush tool and with a lighter skin tone.</span></div> <div style="font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; line-height: 1.5em; margin-bottom: 15px;"> <b><span style="color: white; font-family: arial, verdana, helvetica; font-size: small;">Step 9: Hairy Lips</span></b></div> <div style="font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; line-height: 1.5em; margin-bottom: 15px;"> <span style="color: white; font-family: arial, verdana, helvetica; font-size: x-small;">Facial hair becomes an issue with most women as they age. For some strange reason they lose it in the brow area and grow it back around the mouth area. I didn’t want Katie to be the exception so with a very fine brush size and the Brush tool, I added hairs to her upper lip.<br /><br /><img border="0" src="http://www.exguides.org/photoshop-tutorials/images-age/40004_kt_step09.jpg" style="border: 1px solid rgb(176, 176, 176); margin: 5px 15px 6px; padding: 5px;" /><br /><br />I tried to make it as subtle as possible. Hairs too thick or dark would draw the viewer’s attention straight to her mustache and I didn’t want that. I also added more wrinkles to the area below the corners of her mouth.</span></div> <div style="font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; line-height: 1.5em; margin-bottom: 15px;"> <b><span style="color: white; font-family: arial, verdana, helvetica; font-size: small;">Step 10: Refining the Neck</span></b></div> <div style="font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; line-height: 1.5em; margin-bottom: 15px;"> <span style="color: white; font-family: arial, verdana, helvetica; font-size: x-small;"><img border="0" src="http://www.exguides.org/photoshop-tutorials/images-age/40004_kt_step10.jpg" style="border: 1px solid rgb(176, 176, 176); margin: 5px 15px 6px; padding: 5px;" /><br /><br />I decided that the neck was too smooth for a woman of 75 years of age. So I added finer wrinkles to that area. Also, I added more mass and weight to her jowls with the airbrush by increasing the value of the tones in those areas thus creating more contrast between surface planes.</span></div> <div style="font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; line-height: 1.5em; margin-bottom: 15px;"> <b><span style="color: white; font-family: arial, verdana, helvetica; font-size: small;">Step 11: Adding Age Spots</span></b></div> <div style="font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; line-height: 1.5em; margin-bottom: 15px;"> <span style="color: white; font-family: arial, verdana, helvetica; font-size: x-small;">A key component to effective aging of a face is the addition of age spots.<br /><br /><img border="0" src="http://www.exguides.org/photoshop-tutorials/images-age/40004_kt_step11.jpg" style="border: 1px solid rgb(176, 176, 176); margin: 5px 15px 6px; padding: 5px;" /><br /><br />So at this point, I sampled one of the darker skin tones on her face, and on a separate layer that was set to Multiply and 30% opacity, I brushed them in and tried to create irregular shapes (there IS no perfect age spot). You can add as many as you like; the amount varies from person to person. I decided to be conservative with Katie.</span></div> <div style="font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; line-height: 1.5em; margin-bottom: 15px;"> <b><span style="color: white; font-family: arial, verdana, helvetica; font-size: small;">Step 12: More Refinements</span></b></div> <div style="font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; line-height: 1.5em; margin-bottom: 15px;"> <span style="color: white; font-family: arial, verdana, helvetica; font-size: x-small;">I took a little break from it and came back to it later to possibly get a better perspective on it. When I looked at it, at this point, I decided that certain areas needed refining and added detail. This is the beauty of working with a high-resolution file; I can zoom in real close and deal with a wrinkle up-close and personal.<br /><br /><img border="0" src="http://www.exguides.org/photoshop-tutorials/images-age/40004_kt_step12.jpg" style="border: 1px solid rgb(176, 176, 176); margin: 5px 15px 6px; padding: 5px;" /><br /><br />Unless their teeth were subjected to regular whitening, most people’s teeth yellow with age. Gums also recede, showing less gum and more bone. And so with that in mind, I sampled a yellowish-brown color and on a new layer that was set to Multiply and 30% opacity and painted that color to the teeth with the Brush tool. Her gums didn’t show to begin with, so receding the gums here wasn’t necessary.</span></div> <div style="font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; line-height: 1.5em; margin-bottom: 15px;"> <b><span style="color: white; font-family: arial, verdana, helvetica; font-size: small;">Step 13: Preparing the Hair</span></b></div> <div style="font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; line-height: 1.5em; margin-bottom: 15px;"> <span style="color: white; font-family: arial, verdana, helvetica; font-size: x-small;"><img border="0" src="http://www.exguides.org/photoshop-tutorials/images-age/40004_kt_step14.jpg" style="border: 1px solid rgb(176, 176, 176); margin: 5px 15px 6px; padding: 5px;" /><br /><br />The finishing touch here is greying the hair. I began by creating a mask defining the area of the hair. I used the brush for this and tried my best to define as many loose strands of hair that I could.<br /><br /><img border="0" src="http://www.exguides.org/photoshop-tutorials/images-age/40004_kt_step15.jpg" style="border: 1px solid rgb(176, 176, 176); margin: 5px 15px 6px; padding: 5px;" /><br /><br />With this mask as a selection, I then created a Hue/Saturation adjustment layer and reduced the saturation to –63.<br /><br /><img border="0" src="http://www.exguides.org/photoshop-tutorials/images-age/40004_kt_step16.jpg" style="border: 1px solid rgb(176, 176, 176); margin: 5px 15px 6px; padding: 5px;" /><br /><br />I then created a new adjustment layer based on the same mask and adjusted the Brightness/Contrast to brightness +9 and contrast –36. As a result, I found that the darker areas were too pale and caused a loss of depth and so to adjust that, I then selected the mask and scratched out the darker areas with a 5px brush size at 50% opacity so that they could show through from the original image.</span></div> <div style="font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; line-height: 1.5em; margin-bottom: 15px;"> <b><span style="color: white; font-family: arial, verdana, helvetica; font-size: small;">Step 14: Hair Raising</span></b></div> <div style="font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; line-height: 1.5em; margin-bottom: 15px;"> <span style="color: white; font-family: arial, verdana, helvetica; font-size: x-small;">The next step was to raise the hairline and thin out the hair. Hair loss is common with both sexes.<br /><br /><img border="0" src="http://www.exguides.org/photoshop-tutorials/images-age/40004_kt_step17.jpg" style="border: 1px solid rgb(176, 176, 176); margin: 5px 15px 6px; padding: 5px;" /><br /><br />I sampled the area at the top of the forehead and extended the skin area above the original hairline.</span></div> <div style="font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; line-height: 1.5em; margin-bottom: 15px;"> <b><span style="color: white; font-family: arial, verdana, helvetica; font-size: small;">Step 15: Greying the Hair</span></b></div> <div style="font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; line-height: 1.5em; margin-bottom: 15px;"> <span style="color: white; font-family: arial, verdana, helvetica; font-size: x-small;">A lot of details of the hair were lost in the previous step so with a thin brush size at 80 percent opacity I drew in fine grey hairs, sparsely laid out.<br /><br /><img border="0" src="http://www.exguides.org/photoshop-tutorials/images-age/40004_kT_step19.jpg" style="border: 1px solid rgb(176, 176, 176); margin: 5px 15px 6px; padding: 5px;" /><br /><br />Patiently, slowly, stroke by stroke I added more and more hairs until I was happy with the amount of grey I had added.</span></div> <div style="font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; line-height: 1.5em; margin-bottom: 15px;"> <b><span style="color: white; font-family: arial, verdana, helvetica; font-size: small;">Step 16: Finishing Touches</span></b></div> <div style="font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; line-height: 1.5em; margin-bottom: 15px;"> <span style="color: white; font-family: arial, verdana, helvetica; font-size: x-small;">Finally, I took a step back, refined a few wrinkles here and there ET VOILA!<br /><br /><img border="0" src="http://www.exguides.org/photoshop-tutorials/images-age/40004_kt_step20.jpg" style="border: 1px solid rgb(176, 176, 176); margin: 5px 15px 6px; padding: 5px;" /><br /><br />I hope this tutorial was insightful. It may not be the most technically detailed tutorial but it gives you a good idea of the process I go through to get the job done. Hopefully, it will help you create your own trophy-winning images for future Fountain of Age contests!</span></div> <div style="font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; line-height: 1.5em; margin-bottom: 15px;"> <span style="color: white; font-family: arial, verdana, helvetica; font-size: x-small;"><br /></span></div> <div style="font-family: Verdana, Tahoma, Arial, sans-serif; font-size: 11px; line-height: 1.5em; margin-bottom: 15px;"> <span style="color: white; font-family: arial, verdana, helvetica; font-size: x-small;">Sumber : <a href="http://www.exguides.org/" target="_blank">exguides</a></span></div>

Age Progression

Here’s a little tutorial showing you how I basically go about aging a woman’s face in Photoshop. Preface I've been asked several ti...

Baca selengkapnya »

Robotic Frog – Kodok Robot

<div class="thread-item" id="comment-container-601" style="background: rgb(255, 255, 255); border-bottom-color: rgb(224, 224, 224); border-bottom-style: solid; border-bottom-width: 1px; font-family: arial; font-size: 13px; margin: 0px 0px 20px; min-width: 500px; padding: 0px 0px 20px;"> <div class="thread-item-l" style="margin: 0px 10px 0px 100px; padding: 0px;"> <div class="thread-item-t" id="comment-601" rel="601" style="margin: 0px; padding: 0px;"> <div style="margin-bottom: 10px; margin-top: 10px; padding: 0px;"> <span style="color: white;">In this tutorial, I'm going to show you some of the steps I took in making this image</span><br /> <span style="color: white;"><img border="0" src="http://www.worth1000.com/hosted/tutorials/47971_3p2.jpg" style="border: 0px; margin: 0px; padding: 0px;" /></span><br /> <span style="color: white;"><br style="margin: 0px; padding: 0px;" /></span> <span style="color: white;"><br /></span> <ol> <li><span style="color: white;">There are a number of tricks and techniques people use when making an image of this nature, but I am going to show how I created this image using only the very basic tools. The same principles and process can be used on any animals, even humans, but I'm going to use a frog for my example because why not?</span></li> </ol> <span style="color: white;"><br /></span> <span style="color: white;">The first thing I did was gathered a few source images.</span><br /> <span style="color: white;"><img border="0" src="http://www.worth1000.com/hosted/tutorials/47971_3a1.jpg" style="border: 0px; margin: 0px; padding: 0px;" /></span><br /> <span style="color: white;">Finding a great subject source image to start with is one of the most important stages in the whole process. The reason I chose this particular image of a frog was that it was crisp, clean image with an interesting enough perspective, yet still be instantly recognizable as a frog even after we cover him in mechanical parts.</span><br /> <span style="color: white;">Now that we have our main subject and a few mechanical pieces ready, let's begin mechanicalizing him.</span><br /> <span style="color: white;"><span style="font-weight: bold;"><br /></span> <span style="font-weight: bold;">2. I needed to extract the usable parts from my mechanical sources. Using the Lasso Tool, I roughly selected areas from my mechanical sources I figured I could use, and saved these parts into a new document for easy access later. </span></span></div> </div> </div> </div> <div class="thread-item" id="comment-container-602" style="background: rgb(255, 255, 255); border-bottom-color: rgb(224, 224, 224); border-bottom-style: solid; border-bottom-width: 1px; font-family: arial; font-size: 13px; margin: 0px 0px 20px; min-width: 500px; padding: 0px 0px 20px;"> <div class="thread-item-l" style="margin: 0px 10px 0px 100px; padding: 0px;"> <div class="thread-item-t" id="comment-602" rel="602" style="margin: 0px; padding: 0px;"> <div style="margin-bottom: 10px; margin-top: 10px; padding: 0px;"> <span style="color: white;"><img border="0" src="http://www.worth1000.com/hosted/tutorials/47971_3b1.jpg" style="border: 0px; margin: 0px; padding: 0px;" /></span><br /> <span style="color: white;">I tried to select segments of varying shapes, sizes, and texture in order to create a nice library of chrome and mechanical sources for our image</span></div> <div style="margin-bottom: 10px; margin-top: 10px; padding: 0px;"> </div> <div class="thread-item-m" style="font-size: 10pt; margin: 13px 0px 0px; padding: 0px;"> <span class="loa" id="tl-0-602" style="float: right; font-size: 8pt; font-style: italic; margin: 0px; padding: 0px;"></span><span style="color: white;"><br /></span> <ul style="margin: 0px; padding: 0px;"><span style="color: white;"><br /></span></ul> </div> </div> </div> </div> <div class="thread-item" id="comment-container-603" style="background: rgb(255, 255, 255); border-bottom-color: rgb(224, 224, 224); border-bottom-style: solid; border-bottom-width: 1px; font-family: arial; font-size: 13px; margin: 0px 0px 20px; min-width: 500px; padding: 0px 0px 20px;"> <div class="thread-item-l" style="margin: 0px 10px 0px 100px; padding: 0px;"> <div class="thread-item-t" id="comment-603" rel="603" style="margin: 0px; padding: 0px;"> <div style="margin-bottom: 10px; margin-top: 10px; padding: 0px;"> </div> <div style="margin-bottom: 10px; margin-top: 10px; padding: 0px;"> <span style="color: white;">3. The first thing I needed to do was to assemble the basic structure of the figure. Taking segments one by one, I started the assembly process of the actual robot figure. After pasting a segment of chrome onto our frog, we need to shape it. Using the Transform - Distort Tool, I transformed and skewed the segment in order to fit the contours of the frog's head. Making sure to always follow the curves and contours of the frog in order to help keep the familiar recognizable shape of the original frog.</span><br /> <span style="color: white;"><img border="0" src="http://www.worth1000.com/hosted/tutorials/47971_3c1.jpg" style="border: 0px; margin: 0px; padding: 0px;" /></span><br /> <span style="color: white;"><br style="margin: 0px; padding: 0px;" /></span> <span style="color: white;">4. Now we need to cover more space using the same basic idea. By selecting basic segments from our chrome sources and free transforming them to fit the shape of our frog. Select segments of your mechanical parts that best resemble the area of the frog you're trying to cover. It may help you to start by applying the pieces furthest most from the camera first, then overlap pieces as you come closer and closer to the camera. At this point i'm not worried about covering the background or overlapping any of the original frog, as we can go back and add them in again later. For now I just want to lay down the basic structure of the figure.</span><br /> <span style="color: white;"><img border="0" src="http://www.worth1000.com/hosted/tutorials/47971_3d1.jpg" style="border: 0px; margin: 0px; padding: 0px;" /></span></div> <div style="margin-bottom: 10px; margin-top: 10px; padding: 0px;"> </div> <div class="thread-item-m" style="font-size: 10pt; margin: 13px 0px 0px; padding: 0px;"> <span class="loa" id="tl-0-603" style="float: right; font-size: 8pt; font-style: italic; margin: 0px; padding: 0px;"></span></div> </div> </div> </div> <div class="thread-item" id="comment-container-604" style="background: rgb(255, 255, 255); border-bottom-color: rgb(224, 224, 224); border-bottom-style: solid; border-bottom-width: 1px; font-family: arial; font-size: 13px; margin: 0px 0px 20px; min-width: 500px; padding: 0px 0px 20px;"> <div class="thread-item-l" style="margin: 0px 10px 0px 100px; padding: 0px;"> <div class="thread-item-t" id="comment-604" rel="604" style="margin: 0px; padding: 0px;"> <div class="comment-credit" style="font-weight: bold; margin: 0px; padding: 0px 0px 10px;"> <span style="color: white;"><br /></span> <span style="color: white;">5. In order to create the mouth area, I needed to do something slightly different. I found a chrome pipe area on one of our chrome source pictures. I decided to use this segment for the mouth, as it was a nice long piece of chrome that I could transform into the shape of the mouth. I copied and pasted this segment onto our frog and Free Transformed it roughly in place until I was happy enough with the positioning of it. I also added this segment onto the head of our figure to create a median point on the figure.</span></div> <div style="margin-bottom: 10px; margin-top: 10px; padding: 0px;"> <span style="color: white;"><img border="0" src="http://www.worth1000.com/hosted/tutorials/47971_3e1.jpg" style="border: 0px; margin: 0px; padding: 0px;" /></span><br /> <span style="color: white;"><br style="margin: 0px; padding: 0px;" /></span> <span style="color: white;">6. Next, all I had to do was fine tune and clean up the pieces to sit right on our figure. I did this simply by using the Smudge Tool set at 70-80% in strength, and about 7-10 pixels wide. Then I proceeded to smudge and smooth out the surfaces of the chrome pipe and mold them to fit the curves and contours of the frog's original mouth.</span><br /> <span style="color: white;"><img border="0" src="http://www.worth1000.com/hosted/tutorials/47971_3f1.jpg" style="border: 0px; margin: 0px; padding: 0px;" /></span></div> <div style="margin-bottom: 10px; margin-top: 10px; padding: 0px;"> </div> <div class="thread-item-m" style="font-size: 10pt; margin: 13px 0px 0px; padding: 0px;"> <span class="loa" id="tl-0-604" style="float: right; font-size: 8pt; font-style: italic; margin: 0px; padding: 0px;"></span><span style="color: white;"><br /></span> <ul style="margin: 0px; padding: 0px;"></ul> </div> </div> </div> </div> <div class="thread-item" id="comment-container-605" style="background: rgb(255, 255, 255); border-bottom-color: rgb(224, 224, 224); border-bottom-style: solid; border-bottom-width: 1px; font-family: arial; font-size: 13px; margin: 0px 0px 20px; min-width: 500px; padding: 0px 0px 20px;"> <div class="thread-item-l" style="margin: 0px 10px 0px 100px; padding: 0px;"> <div class="thread-item-t" id="comment-605" rel="605" style="margin: 0px; padding: 0px;"> <div style="margin-bottom: 10px; margin-top: 10px; padding: 0px;"> </div> <div style="margin-bottom: 10px; margin-top: 10px; padding: 0px;"> <span style="color: white;">7.  When I'm satisfied with the positioning of all the mechanical pieces, the next step was to apply some highlights and shadows to separate the segments a little better. I started with the shadows. Using the Brush Tool set at 100% opacity, I painted in the black shadows on a new layer directly underneath each chrome segment layer. Next, I took the Smudge Tool set at 60-70% pressure and smoothed out the shadows. Following the contours of the underlying pieces, I shaped the shadows. The shadows should give our figure more depth and help to isolate each segment a little better</span><br /> <span style="color: white;"><img border="0" src="http://www.worth1000.com/hosted/tutorials/47971_3g1.jpg" style="border: 0px; margin: 0px; padding: 0px;" /></span><br /> <span style="color: white;"><br style="margin: 0px; padding: 0px;" /></span> <span style="color: white;">8. Next, in order to further accentuate the shadows, we're going to add some simple highlights. Again by using the Brush Tool (this time set to white) set at 100% opacity, I painted in some basic highlights on the edges and areas I figured could use a little further bump in contrast on a new layer directly above each piece of our chrome layers.</span><br /> <span style="color: white;"><img border="0" src="http://www.worth1000.com/hosted/tutorials/47971_3h1.jpg" style="border: 0px; margin: 0px; padding: 0px;" /></span><br /> <span style="color: white;">Then just like the shadows, I then took the Smudge Tool set at 60-70% pressure to smooth and shape out our highlights to fit the curves of our figure.</span></div> <div style="margin-bottom: 10px; margin-top: 10px; padding: 0px;"> </div> <div class="thread-item-m" style="font-size: 10pt; margin: 13px 0px 0px; padding: 0px;"> <span class="loa" id="tl-0-605" style="float: right; font-size: 8pt; font-style: italic; margin: 0px; padding: 0px;"></span><span style="color: white;"><br /></span> <ul style="margin: 0px; padding: 0px;"><span style="color: white;"><br /></span></ul> </div> </div> </div> </div> <div class="thread-item" id="comment-container-606" style="background: rgb(255, 255, 255); border-bottom-color: rgb(224, 224, 224); border-bottom-style: solid; border-bottom-width: 1px; font-family: arial; font-size: 13px; margin: 0px 0px 20px; min-width: 500px; padding: 0px 0px 20px;"> <div class="thread-item-l" style="margin: 0px 10px 0px 100px; padding: 0px;"> <div class="thread-item-t" id="comment-606" rel="606" style="margin: 0px; padding: 0px;"> <div style="margin-bottom: 10px; margin-top: 10px; padding: 0px;"> </div> <div style="margin-bottom: 10px; margin-top: 10px; padding: 0px;"> <span style="color: white;">9. You may still notice some remnants of the original frog showing on the edges of the figure. This can be easily cleaned up with a little work using the Clone Tool. At this point, it'll be a good idea to hide all our layers except for our background layer. Create a new layer directly above your original frog image. With the Clone Tool selected, make sure you have the "select all layers" box selected. Hold the "alt" key and select an arbitrary area of the background to copy. Then it's all a matter of cloning the background in.</span><br /> <span style="color: white;"><img border="0" src="http://www.worth1000.com/hosted/tutorials/47971_3i1.jpg" style="border: 0px; margin: 0px; padding: 0px;" /></span></div> <div style="margin-bottom: 10px; margin-top: 10px; padding: 0px;"> </div> <div class="thread-item-m" style="font-size: 10pt; margin: 13px 0px 0px; padding: 0px;"> <span class="loa" id="tl-0-606" style="float: right; font-size: 8pt; font-style: italic; margin: 0px; padding: 0px;"></span><span style="color: white;"><br /></span> <ul style="margin: 0px; padding: 0px;"></ul> </div> </div> </div> </div> <div class="thread-item" id="comment-container-607" style="background: rgb(255, 255, 255); border-bottom-color: rgb(224, 224, 224); border-bottom-style: solid; border-bottom-width: 1px; font-family: arial; font-size: 13px; margin: 0px 0px 20px; min-width: 500px; padding: 0px 0px 20px;"> <div class="thread-item-l" style="margin: 0px 10px 0px 100px; padding: 0px;"> <div class="thread-item-t" id="comment-607" rel="607" style="margin: 0px; padding: 0px;"> <div style="margin-bottom: 10px; margin-top: 10px; padding: 0px;"> </div> <div style="margin-bottom: 10px; margin-top: 10px; padding: 0px;"> <span style="color: white;"><br /></span> <span style="color: white;">10 .In order to make the image look even more interesting, I decided to create the illusion of the frog's skin being pulled away to reveal the robot. On a new layer above our background, I roughly painted the insides of the opened skin. Using the Brush Tool set at 100% opacity set to a brown, skin-toned color, I mapped out the area our skin would cover</span><br /> <span style="color: white;"><img border="0" src="http://www.worth1000.com/hosted/tutorials/47971_3j1.jpg" style="border: 0px; margin: 0px; padding: 0px;" /></span><br /> <span style="color: white;"><br style="margin: 0px; padding: 0px;" /></span> <span style="color: white;">11. Next, I wanted to give the skin some shadow. Selecting a darker shade of our original skin color, I roughly painted in the shadows. Then, using the Smudge Tool set at 60-70% pressure, I smoothed out the shadows just (as in Step 07) until I was happy with the general placement and shape of the skin</span><br /> <span style="color: white;"><img border="0" src="http://www.worth1000.com/hosted/tutorials/47971_3k1.jpg" style="border: 0px; margin: 0px; padding: 0px;" /></span></div> <div style="margin-bottom: 10px; margin-top: 10px; padding: 0px;"> </div> <div class="thread-item-m" style="font-size: 10pt; margin: 13px 0px 0px; padding: 0px;"> <span class="loa" id="tl-0-607" style="float: right; font-size: 8pt; font-style: italic; margin: 0px; padding: 0px;"></span><span style="color: white;"><br /></span> <ul style="margin: 0px; padding: 0px;"><span style="color: white;"><br /></span></ul> </div> </div> </div> </div> <div class="thread-item" id="comment-container-608" style="background: rgb(255, 255, 255); border-bottom-color: rgb(224, 224, 224); border-bottom-style: solid; border-bottom-width: 1px; font-family: arial; font-size: 13px; margin: 0px 0px 20px; min-width: 500px; padding: 0px 0px 20px;"> <div class="thread-item-l" style="margin: 0px 10px 0px 100px; padding: 0px;"> <div class="thread-item-t" id="comment-608" rel="608" style="margin: 0px; padding: 0px;"> <div style="margin-bottom: 10px; margin-top: 10px; padding: 0px;"> </div> <div style="margin-bottom: 10px; margin-top: 10px; padding: 0px;"> <span style="color: white;">12.  I then wanted to add some of the original skin from the frog to form the outside of the skin as well. I opened the original frog image in a new File for easy access. Using the Lasso Tool, I selected edges of the frog's original skin to copy. I copied this selection and pasted it on to our robofrog document. Using the Transfrom-Distort Tool, I transformed the skin to follow the direction of the skin "pull". And like we did in our earlier steps, I proceeded to add slight shadows and highlights to the skin to further accentuate the "pull" effect.</span><br /> <span style="color: white;"><img border="0" src="http://www.worth1000.com/hosted/tutorials/47971_3l1.jpg" style="border: 0px; margin: 0px; padding: 0px;" /></span><br /> <span style="color: white;"><br /></span></div> </div> </div> </div> <div class="thread-item" id="comment-container-609" style="background: rgb(255, 255, 255); border-bottom-color: rgb(224, 224, 224); border-bottom-style: solid; border-bottom-width: 1px; font-family: arial; font-size: 13px; margin: 0px 0px 20px; min-width: 500px; padding: 0px 0px 20px;"> <div class="thread-item-l" style="margin: 0px 10px 0px 100px; padding: 0px;"> <div class="thread-item-t" id="comment-609" rel="609" style="margin: 0px; padding: 0px;"> <div style="margin-bottom: 10px; margin-top: 10px; padding: 0px;"> </div> <div style="margin-bottom: 10px; margin-top: 10px; padding: 0px;"> <span style="color: white;">13.  For the skin flaps on the arms, I did something different. First I selected the original arm and copied it onto a new layer. Then using the Smudge Tool set at 80-90% pressure, I smudged and drew in the direction of the skin and folds of the skin. Then, using darker and lighter shades from the original skin, I drew and smudged in shadows and highlights again as in the previous steps</span><br /> <span style="color: white;"><img border="0" src="http://www.worth1000.com/hosted/tutorials/47971_3m1.jpg" style="border: 0px; margin: 0px; padding: 0px;" /></span><br /> <span style="color: white;"><br style="margin: 0px; padding: 0px;" /></span> <span style="color: white;">14.  When I was happy with the look of the skin, the next step was to go back and return some of the orginal rough skin texture from the original skin. I did this by copying an area of the original frog skin and pasting it on a new layer directly on top of our Arm Skin layer.</span><br /> <span style="color: white;"><img border="0" src="http://www.worth1000.com/hosted/tutorials/47971_3n1.jpg" style="border: 0px; margin: 0px; padding: 0px;" /></span><br /> <span style="color: white;">I then set this layer with the "overlay" Blend mode. This gives our skin the rough texture. I then erased the edges of the overlay skin layer so as it covers only the necessary areas</span></div> </div> </div> </div> <div class="thread-item" id="comment-container-610" style="background: rgb(255, 255, 255); border-bottom-color: rgb(224, 224, 224); border-bottom-style: solid; border-bottom-width: 1px; font-family: arial; font-size: 13px; margin: 0px 0px 20px; min-width: 500px; padding: 0px 0px 20px;"> <div class="thread-item-l" style="margin: 0px 10px 0px 100px; padding: 0px;"> <div class="thread-item-t" id="comment-610" rel="610" style="margin: 0px; padding: 0px;"> <div style="margin-bottom: 10px; margin-top: 10px; padding: 0px;"> </div> <div style="margin-bottom: 10px; margin-top: 10px; padding: 0px;"> <span style="color: white;">15.  Next, I wanted to make the chrome look even more like chrome. By adding reflections from surrounding elements, I hope to add some more realism to the chrome. I did this by copying layers of surrounding elements and forming them to create an illusion of reflection.</span><br /> <span style="color: white;"><img border="0" src="http://www.worth1000.com/hosted/tutorials/47971_3o1.jpg" style="border: 0px; margin: 0px; padding: 0px;" /></span><br /> <span style="color: white;">For example, as in the image above, I started by Duplicating the layer with the metal valve. I then set the opacity of this layer to 50% then using the Transform-Distort Tool, I shaped and formed the element to fit onto the shoulder chrome segment. I used this same method for other surrounding areas like the leaf and areas where the skin overlaps a chrome segment.</span><br /> <span style="color: white;"><br /></span></div> </div> </div> </div> <div class="thread-item" id="comment-container-611" style="background: rgb(255, 255, 255); border-bottom-color: rgb(224, 224, 224); border-bottom-style: solid; border-bottom-width: 1px; font-family: arial; font-size: 13px; margin: 0px 0px 20px; min-width: 500px; padding: 0px 0px 20px;"> <div class="thread-item-l" style="margin: 0px 10px 0px 100px; padding: 0px;"> <div class="thread-item-t" id="comment-611" rel="611" style="margin: 0px; padding: 0px;"> <div style="margin-bottom: 10px; margin-top: 10px; padding: 0px;"> </div> <div style="margin-bottom: 10px; margin-top: 10px; padding: 0px;"> <span style="color: white;">16. Finally, I needed something to hold up the frog's skin. I decided to use a couple of dragonflies for this effect. After finding a good image of a dragonfly, it was then all a matter of extracting him from the original file and pasting him onto a new layer in our working document.</span><br /> <span style="color: white;"><img border="0" src="http://www.worth1000.com/hosted/tutorials/47971_3p1.jpg" style="border: 0px; margin: 0px; padding: 0px;" /></span><br /> <span style="color: white;"><br /></span> <span style="color: white;">17.  I added the Motion Blue filter to the winged areas of the dragonflies to simulate motion.</span><br /> <span style="color: white;"><img border="0" src="http://www.worth1000.com/hosted/tutorials/47971_3p2.jpg" style="border: 0px; margin: 0px; padding: 0px;" /></span><br /> <span style="color: white;"><br style="margin: 0px; padding: 0px;" /></span> <span style="color: white;">And voila! Our image is complete! A robotic frog created using only the very basic tools of photoshop!</span></div> <div style="margin-bottom: 10px; margin-top: 10px; padding: 0px;"> <span style="color: white;"><br /></span></div> <div style="margin-bottom: 10px; margin-top: 10px; padding: 0px;"> <span style="color: white;">sumber : <a href="http://www.worth1000.com/" target="_blank">worth 1000</a></span></div> </div> </div> </div>

Robotic Frog – Kodok Robot

In this tutorial, I'm going to show you some of the steps I took in making this image There are a number of tricks and techniqu...

Baca selengkapnya »