{"id":1984,"date":"2008-12-18T15:49:11","date_gmt":"2008-12-18T07:49:11","guid":{"rendered":"http:\/\/justkhai.com\/blog\/?p=1984"},"modified":"2011-05-03T10:57:43","modified_gmt":"2011-05-03T02:57:43","slug":"tutorial-the-o-series","status":"publish","type":"post","link":"http:\/\/justkhai.com\/blog\/2008\/12\/18\/tutorial-the-o-series\/","title":{"rendered":"Tutorial: The O Series"},"content":{"rendered":"<p><img decoding=\"async\" width=\"456\" src=\"http:\/\/blog.signalnoise.com\/wp-content\/uploads\/2008\/11\/sphere_tut_title.jpg\"><br \/>\nHarini Khai belajar sesuatu yang baru. Sesuatu yang agak kool dalam bidang grafik. Ramai antara korang yang mengenali siapa itu James White. Ini bukan James White yang bermain basketball, tapi James White yang menjadi idola para penggila graphic serata dunia.<\/p>\n<p>Jika korang penggemar estetika grafik yang kelihatan freedom, James White adalah insan yang patut korang jadikan ikutan untuk belajar sesuatu yang baru.<\/p>\n<p>Daripada tutorial mudah ini, korang akan dapat menghasilkan sesuatu seperti dalam gambar di bawah. <!--more--><\/p>\n<p><img decoding=\"async\" width=\"456\" src=\"http:\/\/blog.signalnoise.com\/wp-content\/uploads\/2008\/11\/i_spheretut_14.jpg\"><\/p>\n<p><strong>Step 1<\/strong><br \/>\nStart by creating a white circle in the middle of the canvas, and apply a radial gradient layer mask so the center is faded out. Drop the opacity down to 15%.<br \/>\n<img decoding=\"async\" width=\"456\" src=\"http:\/\/blog.signalnoise.com\/wp-content\/uploads\/2008\/11\/i_spheretut_1.jpg\"><\/p>\n<p><strong>Step 2<\/strong><br \/>\nDuplicate the circle layer we just made, and move it up and to the left. Bring the opacity up to 100% and set the layer Blending Mode to Overlay.<br \/>\n<img decoding=\"async\" width=\"456\" src=\"http:\/\/blog.signalnoise.com\/wp-content\/uploads\/2008\/11\/i_spheretut_2.jpg\"><\/p>\n<p><strong>Step 3<\/strong><br \/>\nDuplicate the layer we just made and drop the opacity down to 25%. Set the Blending Mode of this new layer to Color Dodge. Move the circle a bit to the right on the canvas.<br \/>\n<img decoding=\"async\" width=\"456\" src=\"http:\/\/blog.signalnoise.com\/wp-content\/uploads\/2008\/11\/i_spheretut_3.jpg\"><\/p>\n<p><strong>Step 4<\/strong><br \/>\nDuplicate the layer we just made, bring the opacity back up to 100% and set the Blending Mode to Soft Light. Shift the circle to the left a bit, and this time scale the circle down a little.<br \/>\n<img decoding=\"async\" width=\"456\" src=\"http:\/\/blog.signalnoise.com\/wp-content\/uploads\/2008\/11\/i_spheretut_4.jpg\"><\/p>\n<p><strong>Step 5<\/strong><br \/>\nMake a straight duplicate of the layer we just made, and shift it a bit to the right. Keep all the layer settings the same.<br \/>\n<img decoding=\"async\" width=\"456\" src=\"http:\/\/blog.signalnoise.com\/wp-content\/uploads\/2008\/11\/i_spheretut_5.jpg\"><\/p>\n<p><strong>Step 6<\/strong><br \/>\nNow that we have all of our circles in place, it\u00e2\u20ac\u2122s now time to add some shadows and highlights to bring a bit more definition to the shapes. Create a new layer, and set its Blending Mode to Overlay. Using the Brush Tool set to black, proceed to paint in a few soft shadows concentrating more on the lower-left portion of the sphere. Then on the same layer, set your brush to white and paint in a few highlights. Try to keep in mind where a light source might hit our sphere, and paint the shadows and highlights accordingly. I lassoed where I painted for the sake of clarity in the example image.<br \/>\n<img decoding=\"async\" width=\"456\" src=\"http:\/\/blog.signalnoise.com\/wp-content\/uploads\/2008\/11\/i_spheretut_6.jpg\"><\/p>\n<p><strong>Step 7<\/strong><br \/>\nTo make the shading and highlights a bit more dramatic, duplicate the layer we just made and set its opacity to 50%. Keep the Blending Mode at Overlay.<br \/>\n<img decoding=\"async\" width=\"456\" src=\"http:\/\/blog.signalnoise.com\/wp-content\/uploads\/2008\/11\/i_spheretut_7.jpg\"><\/p>\n<p><strong>Step 8<\/strong><br \/>\nNow we need to make the highlights really pop. Create a new layer and set the Blending Mode to Soft Light. Then using the Brush Tool with a soft setting, paint in a few focused highlight areas building on where you placed highlights in step 6.<br \/>\n<img decoding=\"async\" width=\"456\" src=\"http:\/\/blog.signalnoise.com\/wp-content\/uploads\/2008\/11\/i_spheretut_8.jpg\"><\/p>\n<p><strong>Step 9<\/strong><br \/>\nDuplicate the layer we just made and set the Blending Mode to Overlay.<br \/>\n<img decoding=\"async\" width=\"456\" src=\"http:\/\/blog.signalnoise.com\/wp-content\/uploads\/2008\/11\/i_spheretut_9.jpg\"><\/p>\n<p><strong>Step 10<\/strong><br \/>\nOnce again, duplicate the layer we just made and this time drop the opacity to 50%.<br \/>\n<img decoding=\"async\" width=\"456\" src=\"http:\/\/blog.signalnoise.com\/wp-content\/uploads\/2008\/11\/i_spheretut_10.jpg\"><\/p>\n<p><strong>Step 11<\/strong><br \/>\nCreate a new Adjustment Layer and select Levels. When the levels dialogue box appears, set the white side to 145 and the dark side to 15, and click Okay. Keep this new layer above all of the layers we have created so the level setting will be applied to all.<br \/>\n<img decoding=\"async\" width=\"456\" src=\"http:\/\/blog.signalnoise.com\/wp-content\/uploads\/2008\/11\/i_spheretut_11.jpg\"><\/p>\n<p><strong>Step 12<\/strong><br \/>\nFinally, we can now add some color to our sphere. Create a new layer, and remember to keep it below the Levels Adjustment Layer we just made. Using the Brush tool on a soft setting, paint in some color highlights on the sphere. Do this for a few colors to add some interest to the composition, in my case I chose red and purple.<br \/>\n<img decoding=\"async\" width=\"456\" src=\"http:\/\/blog.signalnoise.com\/wp-content\/uploads\/2008\/11\/i_spheretut_12.jpg\"><\/p>\n<p><strong>Step 13<\/strong><br \/>\nSet the Blending Mode of our color layer to Overlay. You can continue to add some color on this layer until it feels right.<br \/>\n<img decoding=\"async\" width=\"456\" src=\"http:\/\/blog.signalnoise.com\/wp-content\/uploads\/2008\/11\/i_spheretut_13.jpg\"><\/p>\n<p><strong>Step 14<\/strong><br \/>\nAfter placing so many overlays on top of gradients you will notice some fragmentation or banding. To solve this, switch the canvas to 16-bit and everything will smooth out. Simply go to Image > Mode > 16-Bits\/Channel. After saving your PSD as 16-bit, you can then flatten your canvas and switch back to 8-bit to save your work as a jpeg.<br \/>\n<img decoding=\"async\" width=\"456\" src=\"http:\/\/blog.signalnoise.com\/wp-content\/uploads\/2008\/11\/i_newstep14.jpg\"><br \/>\n<img decoding=\"async\" width=\"456\" src=\"http:\/\/blog.signalnoise.com\/wp-content\/uploads\/2008\/11\/i_16bit.jpg\"><\/p>\n<p><strong>Step 15<\/strong><br \/>\nHave some fun and try a few different color treatments using the Brush Tool or some gradients. Also shift the circle layers around a bit for more diversity.<br \/>\n<img decoding=\"async\" width=\"456\" src=\"http:\/\/blog.signalnoise.com\/wp-content\/uploads\/2008\/11\/i_spheretut_14.jpg\"><\/p>\n<p>Keterangan lanjut, terus saja mengikuti Tutorial ini di <a target=\"_blank\" title=\"Jom ke SignalNoise\" href=\"http:\/\/blog.signalnoise.com\/?p=484\">SignalNoise<\/a>, blog milik James White dan ambil&#8217;lah masa untuk usya apa sahaja yang tersirat di dalam blog tu.<\/p>\n<p><strong>Pssttt:<\/strong> Oh! Cun masih belum release. Khai tiada idea. Siapa ada idea web apa yang sesuai dengan nama domain Oh! Cun?<\/p>\n<p>* <em>Ah! batery laptop rosak.. selalu member je yang kena, tiba masa untuk kau pulak Khai.. Bila tahun la aku nak merasa Sony Vaio ni. Hurmm<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Harini Khai belajar sesuatu yang baru. Sesuatu yang agak kool dalam bidang grafik. Ramai antara korang yang mengenali siapa itu James White. Ini bukan James White yang bermain basketball, tapi James White yang menjadi idola para penggila graphic serata dunia. Jika korang penggemar estetika grafik yang kelihatan freedom, James White adalah insan yang patut korang [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8],"tags":[715,713,714,3883],"class_list":["post-1984","post","type-post","status-publish","format-standard","hentry","category-tutorial","tag-graphic-tutorial","tag-james-white","tag-the-o-series","tag-tutorial"],"aioseo_notices":[],"views":1743,"_links":{"self":[{"href":"http:\/\/justkhai.com\/blog\/wp-json\/wp\/v2\/posts\/1984","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/justkhai.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/justkhai.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/justkhai.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/justkhai.com\/blog\/wp-json\/wp\/v2\/comments?post=1984"}],"version-history":[{"count":2,"href":"http:\/\/justkhai.com\/blog\/wp-json\/wp\/v2\/posts\/1984\/revisions"}],"predecessor-version":[{"id":8366,"href":"http:\/\/justkhai.com\/blog\/wp-json\/wp\/v2\/posts\/1984\/revisions\/8366"}],"wp:attachment":[{"href":"http:\/\/justkhai.com\/blog\/wp-json\/wp\/v2\/media?parent=1984"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/justkhai.com\/blog\/wp-json\/wp\/v2\/categories?post=1984"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/justkhai.com\/blog\/wp-json\/wp\/v2\/tags?post=1984"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}