AurusteR Art Gallery 2

<xmp> <body> <script type="text/javascript"> //OwnerIQ var __oiq_pct = 50; if( __oiq_pct>=100 || Math.floor(Math.random()*100/(100-__oiq_pct)) > 0 ) { var _oiqq = _oiqq || []; _oiqq.push(['oiq_addPageBrand','Lycos']); _oiqq.push(['oiq_addPageCat','Internet > Websites']); _oiqq.push(['oiq_addPageLifecycle','Intend']); _oiqq.push(['oiq_doTag']); (function() { var oiq = document.createElement('script'); oiq.type = 'text/javascript'; oiq.async = true; oiq.src = document.location.protocol + '//px.owneriq.net/stas/s/lycosn.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(oiq, s); })(); } //Google Analytics var _gaq = _gaq || []; _gaq.push(['_setAccount','UA-21402695-19']); _gaq.push(['_setDomainName','tripod.com']); _gaq.push(['_setCustomVar',1,'member_name','auruster',3]); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); //Lycos Init function getReferrer() { var all= this.document.cookie; if (all== '') return false; var cookie_name = 'REFERRER='; var start = all.lastIndexOf(cookie_name); if (start == -1) return false; start += cookie_name.length; var end = all.indexOf(';', start); if (end == -1) end = all.length; return all.substring(start, end); } function getQuery() { var rfr = getReferrer(); if (rfr == '') return false; var q = extractQuery(rfr, 'yahoo.com', 'p='); if (q) return q; q = extractQuery(rfr, '', 'q='); return q ? q : ""; } function extractQuery(full, site, q_param) { var start = full.lastIndexOf(site); if (start == -1) return false; start = full.lastIndexOf(q_param); if (start == -1) return false; start += q_param.length; var end = full.indexOf('&', start); if (end == -1) end = full.length; return unescape(full.substring(start, end)).split(" ").join("+"); } function generateHref(atag, template){ atag.href=template.replace('_MYURL_', window.location.href.replace('http://', '')).replace('_MYTITLE_','Check%20out%20this%20Tripod%20Member%20site!'); } var lycos_ad = Array(); var lycos_onload_timer; var cm_role = "live"; var cm_host = "tripod.lycos.com"; var cm_taxid = "/memberembedded"; var tripod_member_name = "auruster"; var tripod_member_page = "auruster/howto_rn1/index.html"; var tripod_ratings_hash = "1714894711:5fceb6184e8a672dd11ae4229fde11c8"; var lycos_ad_category = {"dmoz":"arts\/design","ontarget":"&CAT=arts%20and%20entertainment&L2CAT=visual%20arts","find_what":"photoshop"}; var lycos_ad_remote_addr = "209.202.244.9"; var lycos_ad_www_server = "www.tripod.lycos.com"; var lycos_ad_track_small = ""; var lycos_ad_track_served = ""; var lycos_search_query = getQuery(); </script> <script type="text/javascript" src="https://scripts.lycos.com/catman/init.js"></script> <script type='text/javascript'> var googletag = googletag || {}; googletag.cmd = googletag.cmd || []; (function() { var gads = document.createElement('script'); gads.async = true; gads.type = 'text/javascript'; var useSSL = 'https:' == document.location.protocol; gads.src = (useSSL ? 'https:' : 'http:') + '//www.googletagservices.com/tag/js/gpt.js'; var node = document.getElementsByTagName('script')[0]; node.parentNode.insertBefore(gads, node); })(); </script> <script type='text/javascript'> googletag.cmd.push(function() { googletag.defineSlot('/95963596/TRI_300X250_dfp', [300, 250], 'div-gpt-ad-1450204159126-0').addService(googletag.pubads()); googletag.defineSlot('/95963596/TRI_above_728x90_dfp', [728, 90], 'div-gpt-ad-1450204159126-1').addService(googletag.pubads()); googletag.defineSlot('/95963596/TRI_below_728x90_dfp', [728, 90], 'div-gpt-ad-1450204159126-2').addService(googletag.pubads()); googletag.pubads().enableSingleRequest(); googletag.enableServices(); }); </script> <script type="text/javascript"> (function(isV) { if( !isV ) { return; } var adMgr = new AdManager(); var lycos_prod_set = adMgr.chooseProductSet(); var slots = ["leaderboard", "leaderboard2", "toolbar_image", "toolbar_text", "smallbox", "top_promo", "footer2", "slider"]; var adCat = this.lycos_ad_category; adMgr.setForcedParam('page', (adCat && adCat.dmoz) ? adCat.dmoz : 'member'); if (this.lycos_search_query) { adMgr.setForcedParam("keyword", this.lycos_search_query); } else if(adCat && adCat.find_what) { adMgr.setForcedParam('keyword', adCat.find_what); } for (var s in slots) { var slot = slots[s]; if (adMgr.isSlotAvailable(slot)) { this.lycos_ad[slot] = adMgr.getSlot(slot); } } adMgr.renderHeader(); adMgr.renderFooter(); }((function() { var w = 0, h = 0, minimumThreshold = 300; if (top == self) { return true; } if (typeof(window.innerWidth) == 'number' ) { w = window.innerWidth; h = window.innerHeight; } else if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) { w = document.documentElement.clientWidth; h = document.documentElement.clientHeight; } else if (document.body && (document.body.clientWidth || document.body.clientHeight)) { w = document.body.clientWidth; h = document.body.clientHeight; } return ((w > minimumThreshold) && (h > minimumThreshold)); }()))); window.onload = function() { var f = document.getElementById("FooterAd"); var b = document.getElementsByTagName("body")[0]; b.appendChild(f); f.style.display = "block"; document.getElementById('lycosFooterAdiFrame').src = '/adm/ad/footerAd.iframe.html'; // DOM Inj Ad (function(isTrellix) { var e = document.createElement('iframe'); e.style.border = '0'; e.style.margin = 0; e.style.display = 'block'; e.style.cssFloat = 'right'; e.style.height = '254px'; e.style.overflow = 'hidden'; e.style.padding = 0; e.style.width = '300px'; var isBlokedByDomain = function( href ) { var blockedDomains = [ "ananyaporn13000.tripod.com", "xxxpornxxx.tripod.com" ]; var flag = false; for( var i=0; i<blockedDomains.length; i++ ) { if( href.search( blockedDomains[ i ] ) >= 0 ) { flag = true; } } return flag; } var getMetaContent = function( metaName ) { var metas = document.getElementsByTagName('meta'); for (i=0; i<metas.length; i++) { if( metas[i].getAttribute("name") == metaName ) { return metas[i].getAttribute("content"); } } return false; } var getCommentNodes = function(regexPattern) { var nodes = {}; var nodesA = []; var preferredNodesList = ['a', 'c', 'b']; (function getNodesThatHaveComments(n, pattern) { if (n.hasChildNodes()) { if (n.tagName === 'IFRAME') { return false; } for (var i = 0; i < n.childNodes.length; i++) { if ((n.childNodes[i].nodeType === 8) && (pattern.test(n.childNodes[i].nodeValue))) { var areaName = pattern.exec(n.childNodes[i].nodeValue)[1]; nodes[areaName] = n; } else if (n.childNodes[i].nodeType === 1) { getNodesThatHaveComments(n.childNodes[i], pattern); } } } }(document.body, regexPattern)); for (var i in preferredNodesList) { if (nodes[preferredNodesList[i]]) { if( isTrellix && nodes[preferredNodesList[i]].parentNode.parentNode.parentNode.parentNode ) { nodesA.push(nodes[preferredNodesList[i]].parentNode.parentNode.parentNode.parentNode); } else { nodesA.push( nodes[preferredNodesList[i]] ); } } } return nodesA; } var properNode = null; var areaNodes = getCommentNodes( new RegExp( '^area Type="area_(\\w+)"' ) ); for (var i = 0; i < areaNodes.length; i++) { var a = parseInt(getComputedStyle(areaNodes[i]).width); if ((a >= 300) && (a <= 400)) { properNode = areaNodes[i]; break; } } var propertyName = getMetaContent("property") || false; if( isTrellix && (properNode) ) { e.src = '/adm/ad/injectAd.iframe.html'; properNode.insertBefore(e, properNode.firstChild); } else if( isTrellix && !( properNode ) ) // Slap the ad eventhought there is no alocated slot { e.src = '/adm/ad/injectAd.iframe.html'; e.style.cssFloat = 'none'; var cdiv = document.createElement('div'); cdiv.style = "width:300px;margin:10px auto;"; cdiv.appendChild( e ); b.insertBefore(cdiv, b.lastChild); } else if( !isBlokedByDomain( location.href ) ) { var injF = document.createElement('iframe'); injF.style.border = '0'; injF.style.margin = 0; injF.style.display = 'block'; injF.style.cssFloat = 'none'; injF.style.height = '254px'; injF.style.overflow = 'hidden'; injF.style.padding = 0; injF.style.width = '300px'; injF.src = '/adm/ad/injectAd.iframe.html'; if( b && ( !isTrellix || ( typeof isTrellix == "undefined" ) ) ) // All other tripod props { var cdiv = document.createElement('div'); cdiv.style = "width:300px;margin:10px auto;"; cdiv.appendChild( injF ); b.insertBefore(cdiv, b.lastChild); } } }( document.isTrellix )); } </script> <div id="tb_container" style="background:#DFDCCF; border-bottom:1px solid #393939; position:relative; z-index:999999999!important">  <style> .adCenterClass{margin:0 auto} </style> <div id="tb_ad" class="adCenterClass" style="display:block!important; overflow:hidden; width:916px;"> <div id="ad_container" style="display:block!important; float:left; width:728px "> <script type="text/javascript"> if (typeof lycos_ad !== "undefined" && "leaderboard" in lycos_ad) { document.write(lycos_ad['leaderboard']); } </script> </div> </div> </div> <script type="text/javascript"> if (typeof lycos_ad !== "undefined" && "slider" in lycos_ad) { document.write(lycos_ad['slider']); } </script>  <div id="FooterAd" style="background:#DFDCCF; border-top:1px solid #393939; clear:both; display:none; width:100%!important; position:relative; z-index:999999!important; height:90px!important"> <div class="adCenterClass" style="display:block!important; overflow:hidden; width:916px;"> <div id="footerAd_container" style="display:block!important; float:left; width:728px"> <iframe id="lycosFooterAdiFrame" style="border:0; display:block; float:left; height:96px; overflow:hidden; padding:0; width:750px"></iframe> </div> </div> </div> </xmp>

AurusteR Art Gallery

HOW TO MAKE CG

หน้า:1
1		ภาพที่ผมทำการสแกนเข้ามาเพื่อทำ CG นั้นส่วนใหญ่ จะมีขนาดที่ใหญ่กว่าขนาด Output ของงานที่ผมต้องการ เพื่อให้เก็บรายละเอียดได้มากและ Resolution ของภาพนั้น จะค่อนข้างสูง คืออยู่ที่ 300 dpi แต่เมื่อหน้าจอมอนิเตอร์ของเราแสดงภาพด้วย ความละเอียดเทียบเท่า 72 dpi (ในระดับ 800x600) หรือ 96 dpi (ในระดับ 1024x768) ดังนั้นผมจึงปรับขนาดและ Resolution ของภาพที่สแกนมาก่อนทำงานทุกครั้ง โดยใช้คำสั่ง Image --> Image Size ก็จะปรากฏ Dialog Box ดังรูป โดย 1. ปรับ Resolution ของรูปก่อน (72 pixels/inch) 2. ขนาดรูปที่ต้องการลงสี เลือกหน่วยเป็น percent ของขนาดที่สแกนมา จะทำให้กะได้ง่าย 3. ตรงนี้ป้อนค่าที่ต้องการลงไปถ้าสแกนมาที่ 300 dpi ค่าที่เหมาะสมคือ 50 - 100 แล้วแต่ว่าต้องการใส่รายละเอียดมากไหม
2		ขั้นต่อมาคือการเตรียม Layer ที่จะทำเป็น Guide เอาไว้ช่วยในการลงสี ซึ่งหลักการของผมคือ Layer ที่ลงสีเป็นเพียง Layer ว่างๆ สีขาว แต่จะมี Layer ของลายเส้นวางไว้ด้านบนและจะสามารถมองทะลุลงไปยัง Layer ที่ลงสีได้ ซึ่งวิธีการเตรียมก็คือ 1. คลิกเลือกที่ Background Layer แล้วกด Ctrl + J จะได้ Layer ใหม่ที่ Copy จากของเดิม 2. คลิกเลือกโหมดของ Layer ใหม่นี้เป็น Multiply และปรับ Opacity เป็น 10 % (ดูกรอบสีแดงในรูป) 3. คลิกเลือกที่ Background Layer กด D แล้วกด Ctrl + Delete หรือทำยังไงก็ได้ให้ Background Layer เป็นสีขาวทั้งหมด 4. ก่อนลงสีอย่าลืมเปลี่ยนโหมดของภาพให้เป็น RGB ซะก่อน ไปที่ Image -> Mode -> RGB Color
3		การลงสีด้วยเมาส์นั้นไม่ใช่เรื่องง่าย แม้ว่าจะมี Tablet มาทดแทนเมาส์ก็ตาม แต่ว่าในที่นี้ ผมจะขอเน้นการใช้เมาส์ เนื่องจากทุกคนมีอยู่แล้ว (ความจริงก็คือ ..... ตัวเองยังไม่มี Tablet น่ะแหล่ะ -"-) ดังนั้น เราควรสร้าง Selection ที่จะทำการลงสีเอาไว้ก่อน จากนั้น จึงทำการลงสีได้อย่างสบายใจ สำหรับวิธีการสร้าง Selection ที่แนะนำให้ใช้ก็คือ Path โดยใช้ Pen tool สร้าง Path ขึ้นตามรูปร่างของพื้นที่ที่จะทำเป็น Selection หลังจากนั้น ก็จะ save Selection เอาไว้ใช้ได้หลายๆครั้ง ใครยังใช้ Pen Tool กับ Save-Load Selection ไม่เป็นก็อ่านนี่ก่อน การสร้าง Path และ Selection ด้วย Pen Tool (อย่างง่าย) โดยส่วนตัวแล้ว ผมมักจะทำการสร้าง Selection ส่วนต่างๆเอาไว้ก่อน เช่น สร้าง Selection ส่วนของเส้นผม ใบหน้า ตา ส่วนต่างๆของร่างกาย และ เสื้อผ้าแต่ละชิ้น รวมไปถึงวัตถุที่อยู่ในฉาก ที่เราต้องการให้เวลาลงสีแล้ว เกิดขอบของสีที่คมชัด อย่างเช่น รูปตัวอย่างนี้ ผมมี Selection ส่วนต่างๆ ดังในรูปทางซ้ายนี้ (Selection ที่ได้ save เอาไว้แล้ว จะไปโผล่ใน Channels สามารถลบได้โดยลาก Layer ของ Channels ที่ไม่ต้องการ ไปลงถังขยะที่มุมขวาล่าง)
4		การเตรียมการพร้อมแล้ว เอาล่ะ ผมจะลงสีส่วนใบหน้าก่อน ไปที่เมนู Selection -> Load Selection ก็จะปรากฏ Dialog Box ขึ้นมา ผมก็เลือก ชื่อ Selection ที่ต้องการ แล้วกด OK เท่านี้ ผมก็จะลงสีบริเวณใบหน้าได้อย่างสบายใจ ไม่ต้องห่วงว่ามันจะไปเลอะส่วนอื่นๆ
5		ก่อนที่จะลงสีควรสังเกตด้วยว่า เรากำลังทำงานอยู่บน Background Layer สีขาวที่ได้ทำไว้เพื่อลงสีโดยเฉพาะ (ดูจากแถบสีน้ำเงินจะอยู่ที่ Layer นี้) เลือกสีที่จะลง จากนั้น fill สีลงไปทั้งหมด
6		เลือกเครื่องมือ Dodge Tool ปรับโหมดเป็น Midtones และ Exposure : ประมาณ 50 (หรือตามต้องการ) ผมจะใช้เจ้านี่ทำให้เกิดแสงเงาขั้นแรกของใบหน้า.....อ้อ ควรเลือกขนาดของ Brush ให้ใหญ่สักนิด ดูจากรูปข้างล่างน่ะ
7		ใช้เจ้านี่ปาดบริเวณหน้าผาก แก้ม คางและส่วนที่ได้รับแสงในบริเวณกว้างอย่างคร่าวๆ สามารถปาดซ้ำได้เพื่อทำให้เกิดความสว่างมากขึ้น ระวังอย่าให้สว่างเกินไป เพราะนี่เป็นแค่การ "รองพื้น"
8		ผลลัพพ์ที่ได้จากขั้นตอนข้างบน.... >>> ไปต่อ >>>