tag:blogger.com,1999:blog-25954145332926219622012-02-27T22:40:47.290-08:00สอนแบบวีดีโอออนไลน์ ดูฟรี Adobe Photoshop,Adobe Illustrator, Adobe Dreamweaver,Adobe FlashJammycray Marcohttps://profiles.google.com/105146444622539245410noreply@blogger.comBlogger157125tag:blogger.com,1999:blog-2595414533292621962.post-24489765602428902672012-02-27T10:00:00.002-08:002012-02-27T10:03:59.992-08:002012-02-27T10:03:59.992-08:00<div class="separator" style="clear: both; text-align: center;"> <a href="https://wiki.brown.edu/confluence/download/attachments/4415/Flash_timeline.gif?version=1&amp;modificationDate=1152908704000" imageanchor="1"><img border="0" height="131" src="https://wiki.brown.edu/confluence/download/attachments/4415/Flash_timeline.gif?version=1&amp;modificationDate=1152908704000" width="320" /></a></div> <div style="text-align: center;"> อธิบายเรื่องเรื่อง timeline ใน flash อาจะเบลอๆนิสนะ เทียงคืน จะตีหนุงแระ เปิดลำโพงดังๆๆนะฮะ เสียงเบานิส <iframe allowfullscreen="" frameborder="0" height="301" src="http://www.youtube.com/embed/Jc3B3Bdlsrg" width="400"></iframe></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2595414533292621962-2448976560242890267?l=designdeedee.blogspot.com' alt='' /></div> <p><a href="http://feedads.g.doubleclick.net/~a/m3UoSIqxZFL2VDmgwJS58W4x7yw/0/da"><img src="http://feedads.g.doubleclick.net/~a/m3UoSIqxZFL2VDmgwJS58W4x7yw/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/m3UoSIqxZFL2VDmgwJS58W4x7yw/1/da"><img src="http://feedads.g.doubleclick.net/~a/m3UoSIqxZFL2VDmgwJS58W4x7yw/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/Designdeedee/~4/mjySnkBip1c" height="1" width="1"/>Jammycray Marcohttps://profiles.google.com/105146444622539245410noreply@blogger.com0http://designdeedee.blogspot.com/2012/02/timeline-flash.htmltag:blogger.com,1999:blog-2595414533292621962.post-1587370923977788602012-02-27T08:13:00.000-08:002012-02-27T08:14:37.218-08:002012-02-27T08:14:37.218-08:00Raster กับ Vector ต่างกันยังไง เปรียบเทียบเหมือนกับ photoshop กับ illustrator ละกันนะครับ<br /> อัดเป้นวีดีโอเลยละกันนะครับ เห้นถามกันบ๋อย ก่อนอื่นต้องเข้าใจ เบสิคเรื่องพวกนี้ก่อนถึงวจะทำงานกราฟฟิกได้ดีนะครับ เป็นพื้นฐานที่ดี<br /> (เสียงอาจจะเบาไปหน่อย แต่ก็ เปิดลำโพงดังๆๆละกันนะครับ อิอิ พอดีอัดพลาด :P)<br /> <br /> <iframe allowfullscreen="" frameborder="0" height="301" src="http://www.youtube.com/embed/2gL0mipwEeA" width="400"></iframe><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2595414533292621962-158737092397778860?l=designdeedee.blogspot.com' alt='' /></div> <p><a href="http://feedads.g.doubleclick.net/~a/JoRZ_uYwntR2jJr0H_h4FNy7Ow4/0/da"><img src="http://feedads.g.doubleclick.net/~a/JoRZ_uYwntR2jJr0H_h4FNy7Ow4/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/JoRZ_uYwntR2jJr0H_h4FNy7Ow4/1/da"><img src="http://feedads.g.doubleclick.net/~a/JoRZ_uYwntR2jJr0H_h4FNy7Ow4/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/Designdeedee/~4/fHgufwTN4fQ" height="1" width="1"/>Jammycray Marcohttps://profiles.google.com/105146444622539245410noreply@blogger.com0http://designdeedee.blogspot.com/2012/02/raster-vector.htmltag:blogger.com,1999:blog-2595414533292621962.post-91940665571003474462012-02-08T10:34:00.001-08:002012-02-08T10:43:29.889-08:002012-02-08T10:43:29.889-08:00<div class="separator" style="clear: both; text-align: center;"> <a href="http://3.bp.blogspot.com/-l4XY3hGvVAk/TzLCGFfmSpI/AAAAAAAAEcc/-h2as-BXFWk/s1600/testfire.jpg" imageanchor="1"><img border="0" height="240" src="http://3.bp.blogspot.com/-l4XY3hGvVAk/TzLCGFfmSpI/AAAAAAAAEcc/-h2as-BXFWk/s320/testfire.jpg" width="320" /></a></div> มาตกแต่งรุปรถให้เป็นไฟกันครับ ผมก็ลองดู tutorial มาหลายเว็บเลย แล้วมาสรุปเอา ไม่รุ็ว่าจะ credit อันไหนดี สรุปว่า credit ให้ทุกเว็บเลยละกันฮะที่ สอนทำไฟ แล้วผมก็มามั่วๆๆสอนไปนะครับ 555 ขำขำไปฮะ ดูไว้เป้นไอดียละกันฮะ<br /> <div style="text-align: center;"> &nbsp; <iframe allowfullscreen="" frameborder="0" height="233" src="http://www.youtube.com/embed/IcW-_DuGVX8" width="400"></iframe></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2595414533292621962-9194066557100347446?l=designdeedee.blogspot.com' alt='' /></div> <p><a href="http://feedads.g.doubleclick.net/~a/nL36g34c3l43_p40IlcGAHc27_s/0/da"><img src="http://feedads.g.doubleclick.net/~a/nL36g34c3l43_p40IlcGAHc27_s/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/nL36g34c3l43_p40IlcGAHc27_s/1/da"><img src="http://feedads.g.doubleclick.net/~a/nL36g34c3l43_p40IlcGAHc27_s/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/Designdeedee/~4/bclMQ-ck7Tg" height="1" width="1"/>Jammycray Marcohttps://profiles.google.com/105146444622539245410noreply@blogger.com0http://designdeedee.blogspot.com/2012/02/photoshop.htmltag:blogger.com,1999:blog-2595414533292621962.post-12624578510097277262012-02-08T08:10:00.000-08:002012-02-08T08:10:38.969-08:002012-02-08T08:10:38.969-08:00การสร้าง template ไฟล์และการใช้ template(dwt) ใน dreamweaver เทคนิคนี้เอาไว้ใช้เวลาสร้างเว็บหลายๆๆหน้า ในรุปแบบที่เหมือนกันเนอะ <iframe width="400" height="233" src="http://www.youtube.com/embed/NLcKXaMQHuQ" frameborder="0" allowfullscreen></iframe><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2595414533292621962-1262457851009727726?l=designdeedee.blogspot.com' alt='' /></div> <p><a href="http://feedads.g.doubleclick.net/~a/p-PNPD6L74pscSP2vsjakplpW9A/0/da"><img src="http://feedads.g.doubleclick.net/~a/p-PNPD6L74pscSP2vsjakplpW9A/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/p-PNPD6L74pscSP2vsjakplpW9A/1/da"><img src="http://feedads.g.doubleclick.net/~a/p-PNPD6L74pscSP2vsjakplpW9A/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/Designdeedee/~4/nH3H0-TJk_c" height="1" width="1"/>Jammycray Marcohttps://profiles.google.com/105146444622539245410noreply@blogger.com0http://designdeedee.blogspot.com/2012/02/templatedwtdreamweaver.htmltag:blogger.com,1999:blog-2595414533292621962.post-6155638474944897952012-02-07T04:38:00.000-08:002012-02-07T04:38:06.003-08:002012-02-07T04:38:06.003-08:00วิธีทำ designdeedee intro ใน flash ลองดุนะครับ อาจจะไวไปนิสหน่อยนะครับ เพราะ ตัดออกไปบ้างเพราะมันเกินเวลา :P <iframe width="400" height="233" src="http://www.youtube.com/embed/hUavKiB1VY4" frameborder="0" allowfullscreen></iframe><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2595414533292621962-615563847494489795?l=designdeedee.blogspot.com' alt='' /></div> <p><a href="http://feedads.g.doubleclick.net/~a/MjU4ouZGMJ9WCxZry3znI32d-lA/0/da"><img src="http://feedads.g.doubleclick.net/~a/MjU4ouZGMJ9WCxZry3znI32d-lA/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/MjU4ouZGMJ9WCxZry3znI32d-lA/1/da"><img src="http://feedads.g.doubleclick.net/~a/MjU4ouZGMJ9WCxZry3znI32d-lA/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/Designdeedee/~4/Ed35PMQQA7s" height="1" width="1"/>Jammycray Marcohttps://profiles.google.com/105146444622539245410noreply@blogger.com0http://designdeedee.blogspot.com/2012/02/designdeedee-intro-flash.htmltag:blogger.com,1999:blog-2595414533292621962.post-59528860602145023632012-02-07T03:05:00.000-08:002012-02-07T03:05:02.829-08:002012-02-07T03:05:02.829-08:00ลองทำ Intro ก่อน วีดีโอสอนซะที ทำใน Flash นะ แล้ว export ออกมาเป้น quicktime คุณภาพเสียงไม่ค่อยดีเท่าไร เนื่องมากจาก เสียงที่นำมาใช้ก้ได้มั้ง ไม่ก็ เอาเวลา compress ออก มาแล้วมีปัญหาแต่ก้พอใช้ได้ ถ้าให้ดีก็ เอาไปตัดต่อเสียงในโปรแกรมตัดต่อน่าจะดีกว่านี้ <iframe width="400" height="233" src="http://www.youtube.com/embed/0ciLvQliDj8" frameborder="0" allowfullscreen></iframe><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2595414533292621962-5952886060214502363?l=designdeedee.blogspot.com' alt='' /></div> <p><a href="http://feedads.g.doubleclick.net/~a/sC-Vr91ZvF_pl4rOGy_jBH_2i28/0/da"><img src="http://feedads.g.doubleclick.net/~a/sC-Vr91ZvF_pl4rOGy_jBH_2i28/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/sC-Vr91ZvF_pl4rOGy_jBH_2i28/1/da"><img src="http://feedads.g.doubleclick.net/~a/sC-Vr91ZvF_pl4rOGy_jBH_2i28/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/Designdeedee/~4/DJsjKuxRP10" height="1" width="1"/>Jammycray Marcohttps://profiles.google.com/105146444622539245410noreply@blogger.com0http://designdeedee.blogspot.com/2012/02/designdeedee-intro.htmltag:blogger.com,1999:blog-2595414533292621962.post-1444893719178944782012-02-06T08:15:00.001-08:002012-02-06T08:15:43.672-08:002012-02-06T08:15:43.672-08:00มาใช้ liquify ทำคนหน้าเสื้อ เครื่องมือนี้ สามารถนำไปใช้ในการทำ หรือดัดแปลงทำอะไรก็ได้ เช่นปรับรูปทรงต่างๆๆ หรือทำอะไรให้ดูใหญ่ขึ้น อิอิ ลองดูก่อนนะครับ <iframe width="400" height="233" src="http://www.youtube.com/embed/Am1cVmnf3To" frameborder="0" allowfullscreen></iframe><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2595414533292621962-144489371917894478?l=designdeedee.blogspot.com' alt='' /></div> <p><a href="http://feedads.g.doubleclick.net/~a/wIYKyRKaKyM7_dd5KuHF6D7Gcfk/0/da"><img src="http://feedads.g.doubleclick.net/~a/wIYKyRKaKyM7_dd5KuHF6D7Gcfk/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/wIYKyRKaKyM7_dd5KuHF6D7Gcfk/1/da"><img src="http://feedads.g.doubleclick.net/~a/wIYKyRKaKyM7_dd5KuHF6D7Gcfk/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/Designdeedee/~4/RcZN5pzWqW8" height="1" width="1"/>Jammycray Marcohttps://profiles.google.com/105146444622539245410noreply@blogger.com0http://designdeedee.blogspot.com/2012/02/liquify.htmltag:blogger.com,1999:blog-2595414533292621962.post-50389082464614484082012-02-06T08:14:00.000-08:002012-02-06T08:14:46.348-08:002012-02-06T08:14:46.348-08:00เรื่องขำขำนานแล้วเพิ่งเปิดเจอในคอม USB เพื่อนผมเอง intrend เกิน <iframe width="400" height="301" src="http://www.youtube.com/embed/3ENGUMceCrk" frameborder="0" allowfullscreen></iframe><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2595414533292621962-5038908246461448408?l=designdeedee.blogspot.com' alt='' /></div> <p><a href="http://feedads.g.doubleclick.net/~a/QP-qe_lw1rcNbppDRGEQ3Dwa6Vk/0/da"><img src="http://feedads.g.doubleclick.net/~a/QP-qe_lw1rcNbppDRGEQ3Dwa6Vk/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/QP-qe_lw1rcNbppDRGEQ3Dwa6Vk/1/da"><img src="http://feedads.g.doubleclick.net/~a/QP-qe_lw1rcNbppDRGEQ3Dwa6Vk/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/Designdeedee/~4/QNEFfTPLytM" height="1" width="1"/>Jammycray Marcohttps://profiles.google.com/105146444622539245410noreply@blogger.com0http://designdeedee.blogspot.com/2012/02/blog-post.htmltag:blogger.com,1999:blog-2595414533292621962.post-40945881568560609852012-02-02T06:55:00.000-08:002012-02-02T06:55:04.840-08:002012-02-02T06:55:04.840-08:00มาสร้างเส้นพริ้วๆๆกัน โดยการใช้งานร่วมกันสองโปรแกรม ขำขำจัดไป <iframe width="400" height="233" src="http://www.youtube.com/embed/z006RVZcETM" frameborder="0" allowfullscreen></iframe><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2595414533292621962-4094588156856060985?l=designdeedee.blogspot.com' alt='' /></div> <p><a href="http://feedads.g.doubleclick.net/~a/nVVEGiEYt_nN1SZHWPQixfbTvSo/0/da"><img src="http://feedads.g.doubleclick.net/~a/nVVEGiEYt_nN1SZHWPQixfbTvSo/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/nVVEGiEYt_nN1SZHWPQixfbTvSo/1/da"><img src="http://feedads.g.doubleclick.net/~a/nVVEGiEYt_nN1SZHWPQixfbTvSo/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/Designdeedee/~4/11yODqPE8-Q" height="1" width="1"/>Jammycray Marcohttps://profiles.google.com/105146444622539245410noreply@blogger.com0http://designdeedee.blogspot.com/2012/02/illustrator-photoshop.htmltag:blogger.com,1999:blog-2595414533292621962.post-42593612929062909132012-02-01T09:53:00.000-08:002012-02-01T09:53:54.840-08:002012-02-01T09:53:54.840-08:00รีทัส แบบ perspective โดยใช้ Vanishing Point ใน photoshop หรือใช้ clone stamp แบบ perspective นั้นเอง <iframe width="400" height="233" src="http://www.youtube.com/embed/r6aEEhBgo9g" frameborder="0" allowfullscreen></iframe><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2595414533292621962-4259361292906290913?l=designdeedee.blogspot.com' alt='' /></div> <p><a href="http://feedads.g.doubleclick.net/~a/nGuLKzkaUqpbCBoA48QR6tsOq60/0/da"><img src="http://feedads.g.doubleclick.net/~a/nGuLKzkaUqpbCBoA48QR6tsOq60/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/nGuLKzkaUqpbCBoA48QR6tsOq60/1/da"><img src="http://feedads.g.doubleclick.net/~a/nGuLKzkaUqpbCBoA48QR6tsOq60/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/Designdeedee/~4/VLNl72CMxk4" height="1" width="1"/>Jammycray Marcohttps://profiles.google.com/105146444622539245410noreply@blogger.com0http://designdeedee.blogspot.com/2012/02/perspective-vanishing-point-photoshop.htmltag:blogger.com,1999:blog-2595414533292621962.post-4647542959289244972012-02-01T09:45:00.000-08:002012-02-01T09:45:17.381-08:002012-02-01T09:45:17.381-08:00การสร้าง กราฟ ใน illustrator <iframe width="400" height="233" src="http://www.youtube.com/embed/CVdsbVyxo90" frameborder="0" allowfullscreen></iframe><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2595414533292621962-464754295928924497?l=designdeedee.blogspot.com' alt='' /></div> <p><a href="http://feedads.g.doubleclick.net/~a/vo0Hx58QXc4EPkVO9OQvZjiMpmE/0/da"><img src="http://feedads.g.doubleclick.net/~a/vo0Hx58QXc4EPkVO9OQvZjiMpmE/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/vo0Hx58QXc4EPkVO9OQvZjiMpmE/1/da"><img src="http://feedads.g.doubleclick.net/~a/vo0Hx58QXc4EPkVO9OQvZjiMpmE/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/Designdeedee/~4/dFtIo-UzExs" height="1" width="1"/>Jammycray Marcohttps://profiles.google.com/105146444622539245410noreply@blogger.com0http://designdeedee.blogspot.com/2012/02/illustrator.htmltag:blogger.com,1999:blog-2595414533292621962.post-7438108933139018202012-01-30T20:44:00.001-08:002012-01-30T20:45:06.925-08:002012-01-30T20:45:06.925-08:00การกราฟฟิกแบบ ฟุ่งๆๆ กระจายใน illustrator อัพวีดีโอเก่าๆๆมาไว้ให้ชมกัน ขำขำไป <iframe width="400" height="233" src="http://www.youtube.com/embed/LnCtjFpp5q8" frameborder="0" allowfullscreen></iframe><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2595414533292621962-743810893313901820?l=designdeedee.blogspot.com' alt='' /></div> <p><a href="http://feedads.g.doubleclick.net/~a/n8hpLSoF1uGq_1064PZa3B5i8xo/0/da"><img src="http://feedads.g.doubleclick.net/~a/n8hpLSoF1uGq_1064PZa3B5i8xo/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/n8hpLSoF1uGq_1064PZa3B5i8xo/1/da"><img src="http://feedads.g.doubleclick.net/~a/n8hpLSoF1uGq_1064PZa3B5i8xo/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/Designdeedee/~4/ZUZxEpryNeQ" height="1" width="1"/>Jammycray Marcohttps://profiles.google.com/105146444622539245410noreply@blogger.com0http://designdeedee.blogspot.com/2012/01/illustrato.htmltag:blogger.com,1999:blog-2595414533292621962.post-71369925346989316482012-01-30T20:43:00.001-08:002012-01-30T20:43:52.895-08:002012-01-30T20:43:52.895-08:00ทำโลโก้ แบบสามมิติโดยใช้ gradient ใน illustrator ขำขำ ทำไว้นานแล้ว <iframe width="400" height="233" src="http://www.youtube.com/embed/0TaD0gxArlg" frameborder="0" allowfullscreen></iframe><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2595414533292621962-7136992534698931648?l=designdeedee.blogspot.com' alt='' /></div> <p><a href="http://feedads.g.doubleclick.net/~a/P1qYlDEHHg5cCuPjC9DZ_t2oS5k/0/da"><img src="http://feedads.g.doubleclick.net/~a/P1qYlDEHHg5cCuPjC9DZ_t2oS5k/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/P1qYlDEHHg5cCuPjC9DZ_t2oS5k/1/da"><img src="http://feedads.g.doubleclick.net/~a/P1qYlDEHHg5cCuPjC9DZ_t2oS5k/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/Designdeedee/~4/0GFdMj5iOws" height="1" width="1"/>Jammycray Marcohttps://profiles.google.com/105146444622539245410noreply@blogger.com0http://designdeedee.blogspot.com/2012/01/gradient-illustrator.htmltag:blogger.com,1999:blog-2595414533292621962.post-6614813538288490182012-01-30T04:22:00.001-08:002012-01-30T04:22:54.904-08:002012-01-30T04:22:54.904-08:00การใช้คำสั่ง livetrace ในการลอกรูปใน illustrator ถ้าขี้เกียจลอกรูปเป้น vector ก็ดุคำสั่งนี้นะ เพราะผมก็เมื่อยขี้เกียจเหมือนกัน 5555 <iframe width="400" height="233" src="http://www.youtube.com/embed/jorjWVMsB_g" frameborder="0" allowfullscreen></iframe><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2595414533292621962-661481353828849018?l=designdeedee.blogspot.com' alt='' /></div> <p><a href="http://feedads.g.doubleclick.net/~a/96bpPmJPT5Wig93ISSVwEGJrNQY/0/da"><img src="http://feedads.g.doubleclick.net/~a/96bpPmJPT5Wig93ISSVwEGJrNQY/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/96bpPmJPT5Wig93ISSVwEGJrNQY/1/da"><img src="http://feedads.g.doubleclick.net/~a/96bpPmJPT5Wig93ISSVwEGJrNQY/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/Designdeedee/~4/l90iCIqV4uE" height="1" width="1"/>Jammycray Marcohttps://profiles.google.com/105146444622539245410noreply@blogger.com0http://designdeedee.blogspot.com/2012/01/livetrace-illustrator.htmltag:blogger.com,1999:blog-2595414533292621962.post-80626111916800807312012-01-30T04:21:00.001-08:002012-01-30T04:21:45.610-08:002012-01-30T04:21:45.610-08:00การทำ effect แบบ scanline ใน photoshop ทำเล่นๆๆขำขำไว้นานมาก แบ่งปันครับ :) <iframe width="400" height="233" src="http://www.youtube.com/embed/VcYhOhFAsmw" frameborder="0" allowfullscreen></iframe><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2595414533292621962-8062611191680080731?l=designdeedee.blogspot.com' alt='' /></div> <p><a href="http://feedads.g.doubleclick.net/~a/RC1kBBbSj8TYESEIe7ZkXvKreKo/0/da"><img src="http://feedads.g.doubleclick.net/~a/RC1kBBbSj8TYESEIe7ZkXvKreKo/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/RC1kBBbSj8TYESEIe7ZkXvKreKo/1/da"><img src="http://feedads.g.doubleclick.net/~a/RC1kBBbSj8TYESEIe7ZkXvKreKo/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/Designdeedee/~4/jMNIgR5kMGc" height="1" width="1"/>Jammycray Marcohttps://profiles.google.com/105146444622539245410noreply@blogger.com0http://designdeedee.blogspot.com/2012/01/effect-scanline-photoshop.htmltag:blogger.com,1999:blog-2595414533292621962.post-39021464986867369202012-01-30T04:19:00.001-08:002012-01-30T04:19:54.165-08:002012-01-30T04:19:54.165-08:00การใช้ bone and bind tools ใน flash ทำไว้นานมากแล้ว เลยเอามาแย่งปัน อาจจะไม่ชัดเท่าไรนะครับ <iframe width="400" height="233" src="http://www.youtube.com/embed/lz5FiFnmqwM" frameborder="0" allowfullscreen></iframe><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2595414533292621962-3902146498686736920?l=designdeedee.blogspot.com' alt='' /></div> <p><a href="http://feedads.g.doubleclick.net/~a/8ncKyqMsVSGw2KzgIPuOpeDrjYI/0/da"><img src="http://feedads.g.doubleclick.net/~a/8ncKyqMsVSGw2KzgIPuOpeDrjYI/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/8ncKyqMsVSGw2KzgIPuOpeDrjYI/1/da"><img src="http://feedads.g.doubleclick.net/~a/8ncKyqMsVSGw2KzgIPuOpeDrjYI/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/Designdeedee/~4/-m6w4vqNzUo" height="1" width="1"/>Jammycray Marcohttps://profiles.google.com/105146444622539245410noreply@blogger.com0http://designdeedee.blogspot.com/2012/01/bone-and-bind-tools-flash.htmltag:blogger.com,1999:blog-2595414533292621962.post-10926477143852753562012-01-30T04:17:00.001-08:002012-01-30T04:17:34.763-08:002012-01-30T04:17:34.763-08:00มาดุการทำเมนู หรือ popup ก็ได้แล้วแต่ตะ เอาไปใช้ทำอะไรนะ ขำขำ สนุกๆๆ 10นาที เปิดปิดได้ด้วยลากก็ได้เนอะ <iframe width="400" height="233" src="http://www.youtube.com/embed/LyoJ70dX8x8" frameborder="0" allowfullscreen></iframe><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2595414533292621962-1092647714385275356?l=designdeedee.blogspot.com' alt='' /></div> <p><a href="http://feedads.g.doubleclick.net/~a/9mtkL-POSNdh1wxdtO7I8AgzPvI/0/da"><img src="http://feedads.g.doubleclick.net/~a/9mtkL-POSNdh1wxdtO7I8AgzPvI/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/9mtkL-POSNdh1wxdtO7I8AgzPvI/1/da"><img src="http://feedads.g.doubleclick.net/~a/9mtkL-POSNdh1wxdtO7I8AgzPvI/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/Designdeedee/~4/XCzvwyyYUxE" height="1" width="1"/>Jammycray Marcohttps://profiles.google.com/105146444622539245410noreply@blogger.com0http://designdeedee.blogspot.com/2012/01/adobe-dreamweaver-ap-elements-openclose.htmltag:blogger.com,1999:blog-2595414533292621962.post-38688138319406345882012-01-26T06:59:00.000-08:002012-01-26T07:00:07.874-08:002012-01-26T07:00:07.874-08:00การใช้ mask คือการทำให้เห้นเฉพาะส่วนที่เราอยากให้เห้นนะ แต่การทำ opacity mask นั้น สามารถทำได้ และนิยมใช้การใส่สี เพื่อให้เหมือน มัน fade หายไป นะครับ ลองดูตัวอย่างในคลิป<br /> <iframe allowfullscreen="" frameborder="0" height="233" src="http://www.youtube.com/embed/DCEzSEpP2wQ" width="400"></iframe><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2595414533292621962-3868813831940634588?l=designdeedee.blogspot.com' alt='' /></div> <p><a href="http://feedads.g.doubleclick.net/~a/1_IE6G_-MxcqFwsJc20D0234PNQ/0/da"><img src="http://feedads.g.doubleclick.net/~a/1_IE6G_-MxcqFwsJc20D0234PNQ/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/1_IE6G_-MxcqFwsJc20D0234PNQ/1/da"><img src="http://feedads.g.doubleclick.net/~a/1_IE6G_-MxcqFwsJc20D0234PNQ/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/Designdeedee/~4/vua3Co5Pf-I" height="1" width="1"/>Jammycray Marcohttps://profiles.google.com/105146444622539245410noreply@blogger.com0http://designdeedee.blogspot.com/2012/01/opacity-mask-illustrator.htmltag:blogger.com,1999:blog-2595414533292621962.post-8889292833921972732012-01-25T07:59:00.001-08:002012-01-25T07:59:28.936-08:002012-01-25T07:59:28.936-08:00Pentool ใน photoshop มาลงรายละเอียดกันนิส <iframe width="400" height="233" src="http://www.youtube.com/embed/8RyD16Qap8o" frameborder="0" allowfullscreen></iframe><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2595414533292621962-888929283392197273?l=designdeedee.blogspot.com' alt='' /></div> <p><a href="http://feedads.g.doubleclick.net/~a/b1JIADPA9JtsGsQTkJmLdP9i0bk/0/da"><img src="http://feedads.g.doubleclick.net/~a/b1JIADPA9JtsGsQTkJmLdP9i0bk/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/b1JIADPA9JtsGsQTkJmLdP9i0bk/1/da"><img src="http://feedads.g.doubleclick.net/~a/b1JIADPA9JtsGsQTkJmLdP9i0bk/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/Designdeedee/~4/htOsyt-MyfA" height="1" width="1"/>Jammycray Marcohttps://profiles.google.com/105146444622539245410noreply@blogger.com0http://designdeedee.blogspot.com/2012/01/pentool-photoshop.htmltag:blogger.com,1999:blog-2595414533292621962.post-56129930032530756242012-01-25T07:57:00.000-08:002012-01-25T07:57:38.590-08:002012-01-25T07:57:38.590-08:00มาดุการใช้ text wrap ในโปรแกรม illustrator ช่วยในการ layout text ให้น่าสนใจขึ้น<br /> <iframe width="400" height="233" src="http://www.youtube.com/embed/MuXY2xErdEw" frameborder="0" allowfullscreen></iframe><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2595414533292621962-5612993003253075624?l=designdeedee.blogspot.com' alt='' /></div> <p><a href="http://feedads.g.doubleclick.net/~a/8Eu2FzzxmakOIkdQz7UTCaWX9xU/0/da"><img src="http://feedads.g.doubleclick.net/~a/8Eu2FzzxmakOIkdQz7UTCaWX9xU/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/8Eu2FzzxmakOIkdQz7UTCaWX9xU/1/da"><img src="http://feedads.g.doubleclick.net/~a/8Eu2FzzxmakOIkdQz7UTCaWX9xU/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/Designdeedee/~4/wCz5Y1gdljs" height="1" width="1"/>Jammycray Marcohttps://profiles.google.com/105146444622539245410noreply@blogger.com0http://designdeedee.blogspot.com/2012/01/text-wrap-illustrator-layout-text.htmltag:blogger.com,1999:blog-2595414533292621962.post-26569370247178337372011-12-06T02:57:00.001-08:002011-12-06T03:04:01.239-08:002011-12-06T03:04:01.239-08:00<br /> <div class="separator" style="clear: both; text-align: center;"> <a href="http://4.bp.blogspot.com/-A7jrQkzPN6w/Tt32HFAQynI/AAAAAAAAD_k/wt1udN1LQX4/s1600/xplane-infographic.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="209" src="http://4.bp.blogspot.com/-A7jrQkzPN6w/Tt32HFAQynI/AAAAAAAAD_k/wt1udN1LQX4/s320/xplane-infographic.jpg" width="320" /></a></div> <div style="background-color: transparent;"> <span style="background-color: transparent; font-family: Arial; font-size: 15px; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><br /></span></div> <div style="background-color: transparent;"> <span id="internal-source-marker_0.5320658318232745" style="background-color: transparent; font-family: Arial; font-size: 15px; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">ช่วงนี้เราได้เห็นงาน infographic แบบนี้กันบ๋อยมาก เลยอยากจะมาพูดถึงกันหน่อยว่ามันคืออะไร แล้วจะทำยังไง</span><br /> <span style="background-color: transparent; font-family: Arial; font-size: 15px; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><br /></span></div> <div style="background-color: transparent;"> <span style="background-color: transparent; font-family: Arial; font-size: 15px; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"> infographic &nbsp;ต้องเป้นการให้ข้อมูลกับผู้ชมโดยการใช้ การแสดงโดยใช้ภาพสื่่อออกมาก เช่นกราฟ แผนที่ หรืออื่นๆ ชึ่งจะทำให้ข้อมูลเดิมๆที่เป็นตัวหนังสือที่น่าเบื่อ นั้นกลายเป็นข้อมูลที่น่าสนใจและมีคนดูมากมาย infographic นั้นก็เป้นเครืองมือ หรือสื่อหนึ่งในการทำ การตลาดเลยทีเดียวนะ&nbsp;</span></div> <div style="background-color: transparent;"> <span class="Apple-style-span" style="font-family: Arial;"><span class="Apple-style-span" style="font-size: 15px; white-space: pre-wrap;"><br /></span></span><span style="background-color: transparent; font-family: Arial; font-size: 15px; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">การทำ infographic นั้นก้ไม่ยาก มีขั้นตอนอยู่บ้างก่อนอื่นเราก็ต้องหาหัวข้อที่หน้าสนใจในการทำ และเข้าใจง่ายต่อผู้ที่จะดู หรือผู้ชม</span><br /> <span style="background-color: transparent; font-family: Arial; font-size: 15px; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><br /></span></div> <div style="background-color: transparent;"> <span style="background-color: transparent; font-family: Arial; font-size: 15px; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">หลังจากทีได้หัวข้อทีหน้าสนใจเราก็ทำการหาข้อมูลต่างๆและข้อมูลทีเราจะเอามาสนับสนุน หัวข้อเรานั้นให้เพียงพอ</span></div> <div class="separator" style="clear: both; text-align: center;"> <a href="http://3.bp.blogspot.com/-Z8aXiR49j8o/Tt32NRwT0II/AAAAAAAAD_s/avW8hP8a03Y/s1600/09-32_magicbeans.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="205" src="http://3.bp.blogspot.com/-Z8aXiR49j8o/Tt32NRwT0II/AAAAAAAAD_s/avW8hP8a03Y/s320/09-32_magicbeans.jpg" width="320" /></a></div> <div style="background-color: transparent;"> <span class="Apple-style-span" style="font-family: Arial;"><span class="Apple-style-span" style="font-size: 15px; white-space: pre-wrap;"><br /></span></span><span style="background-color: transparent; font-family: Arial; font-size: 15px; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">ได้ข้อมูลมาก็เยอะดังนั้นเราก้ต้องจัดการมันด้วยก้อาจจะมีหลายวิธีการในการจัดการเช่น รวมกลุ่มข้อมูลที่ใกล้เคียงกัน หรือเลือก ข้อมูลที่น่าสนใจและเป็นประโยชน์ต่อผู้อ่าน ผู้ชม จึงจะดึงดูด ได้ดี</span><br /> <span style="background-color: transparent; font-family: Arial; font-size: 15px; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">เมือจัดการกับข้อมูลเรียบร้อย เราก็ทำการ เอาข้อมูลแสดงออกมาเป็นภาพชะ เล่าเรืองโดยใช้ภาพสื่่อออกมา หรือแสดงข้อมูลต่างๆให้น่าสนใจ</span></div> <div style="background-color: transparent;"> <span class="Apple-style-span" style="font-family: Arial;"><span class="Apple-style-span" style="font-size: 15px; white-space: pre-wrap;"><br /></span></span><span style="background-color: transparent; font-family: Arial; font-size: 15px; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">เรืองของกราฟฟิกที่แสดงออกมานั้น สี และอารมณ์ ต่างๆของภาพ ควรไปทิศทางเดียวกัน เพือให้เข้าใจง่ายต่อการเข้าใจแล้วความสวยงาม</span><br /> <span style="background-color: transparent; font-family: Arial; font-size: 15px; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span><br /> <span style="background-color: transparent; font-family: Arial; font-size: 15px; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"><b><i>สิ่งทีสำคัญ </i></b>ทีไม่ควรจะลืมเลยก้คือ เมือเราทำงานประเภทนี้เราความกลับไปดูเลยว่างานของเรานั้นสื่อได้ตรงเป้าหมายไหม แสดงข้อมูลได้ชัดเจนหรือป่าวเข้าใจง่ายไหม เพราะนี่เป็นสิ่งทีสำคัญทีสุดของการทำ infographicเพือ ส่งสาร หรือข้อมูลหรือเรืองต่างๆไปยังผู้รับสารเนอะ</span><br /> <span style="background-color: transparent; font-family: Arial; font-size: 15px; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;"></span><br /> <span style="background-color: transparent; font-family: Arial; font-size: 15px; text-decoration: none; vertical-align: baseline; white-space: pre-wrap;">มันก้มีอยูแค่นี้แล จบข่าว</span></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2595414533292621962-2656937024717833737?l=designdeedee.blogspot.com' alt='' /></div> <p><a href="http://feedads.g.doubleclick.net/~a/21WEKVE1oIB0Ggp0BOAoWhWenUo/0/da"><img src="http://feedads.g.doubleclick.net/~a/21WEKVE1oIB0Ggp0BOAoWhWenUo/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/21WEKVE1oIB0Ggp0BOAoWhWenUo/1/da"><img src="http://feedads.g.doubleclick.net/~a/21WEKVE1oIB0Ggp0BOAoWhWenUo/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/Designdeedee/~4/APZmQOHijBs" height="1" width="1"/>Jammycray Marcohttps://profiles.google.com/105146444622539245410noreply@blogger.com0http://designdeedee.blogspot.com/2011/12/infographic-infographic-infographic.htmltag:blogger.com,1999:blog-2595414533292621962.post-6211715100198323092011-12-01T09:36:00.001-08:002011-12-01T09:39:11.018-08:002011-12-01T09:39:11.018-08:00<div class="separator" style="clear: both; text-align: center;"> <a href="http://assets.lifehack.org/wp-content/files/2009/06/lifehack-web.gif?4c9b33" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="184" src="http://assets.lifehack.org/wp-content/files/2009/06/lifehack-web.gif?4c9b33" width="200" /></a></div> <br /> <div class="MsoNormal"> <b><span lang="TH" style="font-family: Tahoma, sans-serif; font-size: 9pt;">เว็บไซค์ที่ดี</span></b><b><span style="font-family: Tahoma, sans-serif; font-size: 9pt;"><o:p></o:p></span></b></div> <div class="MsoNormal"> <span lang="TH" style="font-family: Tahoma, sans-serif; font-size: 9pt;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ในการออกแบบเว็บ ผมเคยคิดว่าเว็บไซค์ที่ดีึควรมีอะไรบ้าง&nbsp; ผมจึงพยายามแจกแจงเท่าที่ผมรุ้ละกัน เนอะ</span><span style="font-family: Tahoma, sans-serif; font-size: 9pt;"><o:p></o:p></span></div> <div class="MsoNormal"> <span lang="TH" style="font-family: Tahoma, sans-serif; font-size: 9pt;">ผมว่าอย่างแรกเลย เว็บไซค์ควร เข้าถึงได้ง่าย และเป็นที่จดจำได้ง่าย เริ่มตั่งแต่ ชื่อ โดเมนเนม เลย ควรง่ายต่อการจดจำ และ เรื่องความเร็วในการโหลดเว็บไซค์นี่ก็เป็นอีกเรื่องหนึ่งที่สำคัญ ในการออกแบบเว็บไซค์ที่ดี รวมไปถึง การออกแบบ ระบบสืบค้นของเว้บให้ง่ายต่อการเข้าใจ ต่อทุกคน และง่ายต่อการใช้และน่าสนใจ อาจจะมีลูกเล่นหรือ </span><span style="font-family: Tahoma, sans-serif; font-size: 9pt;">Gimmick <span lang="TH">ต่างๆ ที่น่าสนใจแตกต่างกันไป ส่วนเรื่องการออกแบบนั้นก็เป็น สาระสำคัญอันนึงที่จะดึงดูดให้เข้ามาใน เว็บ แต่ที่มากไปกว่านั้น เนื้อหาที่มีอยู่ในเว็บ นั้นควรมีประโยชน์ต่อผู้ใช้มากที่สุด เพราะเค้าเข้ามาดู เพราะเค้าอยากได้ บางสิ่งบางอย่่างจากเว็บเราไป และอีกรุปแบบนึงที่น่าสนใจในการทำเว็บนั้น ก็ คือเราอาจจะออกแบบให้มี ลูกเล่นที่มีการ </span>interact <span lang="TH">หรือ ปฎิสัมพันธ์ กับผู้ใช้ ได้อย่างน่าสนใจ ซึ่งในปัจจุบัน สามารถทำได้ กว้างมาก ซึ่งมีเทคโนโลยีที่ได้สนับสนุน ให้เลือกใช้มากมายในเวลานี้&nbsp; สรุปง่ายๆๆเลยละกัน</span><o:p></o:p></span></div> <div class="MsoNormal"> <span lang="TH" style="font-family: Tahoma, sans-serif; font-size: 9pt;"><br /> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; -&nbsp;&nbsp;&nbsp;&nbsp; ชื่อจดจำง่าย</span><span style="font-family: Tahoma, sans-serif; font-size: 9pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 54.0pt; mso-list: l0 level1 lfo1; tab-stops: list 54.0pt; text-indent: -18.0pt;"> <span style="font-family: Tahoma, sans-serif; font-size: 9pt;">-<span style="font: normal normal normal 7pt/normal 'Times New Roman';">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span></span><span lang="TH" style="font-family: Tahoma, sans-serif; font-size: 9pt;">เรื่องของความเร็วในการโหลดเว็บ</span><span style="font-family: Tahoma, sans-serif; font-size: 9pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 54.0pt; mso-list: l0 level1 lfo1; tab-stops: list 54.0pt; text-indent: -18.0pt;"> <span style="font-family: Tahoma, sans-serif; font-size: 9pt;">-<span style="font: normal normal normal 7pt/normal 'Times New Roman';">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span></span><span lang="TH" style="font-family: Tahoma, sans-serif; font-size: 9pt;">เนื้อหา ภายในเว็บ</span><span style="font-family: Tahoma, sans-serif; font-size: 9pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 54.0pt; mso-list: l0 level1 lfo1; tab-stops: list 54.0pt; text-indent: -18.0pt;"> <span style="font-family: Tahoma, sans-serif; font-size: 9pt;">-<span style="font: normal normal normal 7pt/normal 'Times New Roman';">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span></span><span lang="TH" style="font-family: Tahoma, sans-serif; font-size: 9pt;">รูปแบบที่น่าสนใจ</span><span style="font-family: Tahoma, sans-serif; font-size: 9pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 54.0pt; mso-list: l0 level1 lfo1; tab-stops: list 54.0pt; text-indent: -18.0pt;"> <span style="font-family: Tahoma, sans-serif; font-size: 9pt;">-<span style="font: normal normal normal 7pt/normal 'Times New Roman';">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span></span><span lang="TH" style="font-family: Tahoma, sans-serif; font-size: 9pt;">การใช้งานที่ง่ายต่อผู้ใช้</span><span style="font-family: Tahoma, sans-serif; font-size: 9pt;"><o:p></o:p></span></div> <div class="MsoNormal" style="margin-left: 54.0pt; mso-list: l0 level1 lfo1; tab-stops: list 54.0pt; text-indent: -18.0pt;"> <span style="font-family: Tahoma, sans-serif; font-size: 9pt;">-<span style="font: normal normal normal 7pt/normal 'Times New Roman';">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span></span><span style="font-family: Tahoma, sans-serif; font-size: 9pt;">Interaction <span lang="TH">หรือ การมีปฎิสัมพันธ์ กับผู้ใช้ ที่น่าสนใจ<o:p></o:p></span></span></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2595414533292621962-621171510019832309?l=designdeedee.blogspot.com' alt='' /></div> <p><a href="http://feedads.g.doubleclick.net/~a/Qz9LWQuXYAOmAikwk9MPFfa542E/0/da"><img src="http://feedads.g.doubleclick.net/~a/Qz9LWQuXYAOmAikwk9MPFfa542E/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/Qz9LWQuXYAOmAikwk9MPFfa542E/1/da"><img src="http://feedads.g.doubleclick.net/~a/Qz9LWQuXYAOmAikwk9MPFfa542E/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/Designdeedee/~4/H8VHPz7CAdI" height="1" width="1"/>Jammycray Marcohttps://profiles.google.com/105146444622539245410noreply@blogger.com0http://designdeedee.blogspot.com/2011/12/blog-post_01.htmltag:blogger.com,1999:blog-2595414533292621962.post-73403328189894175962011-12-01T09:33:00.001-08:002011-12-01T09:36:18.716-08:002011-12-01T09:36:18.716-08:00<br /> <div class="MsoNormal"> <span class="Apple-style-span" style="font-family: Tahoma, sans-serif;"><span class="Apple-style-span" style="font-size: 12px;"><b>เอาบทความที่เคยเขียนทิ้งไว้นานแล้วมาให้อ่านเผื่อบางคนอาจจะยังไม่ทราบบ้าง<br />เป้นบทความเกียวกับไฟล์รูป และ ภาพเคลื่อนไหว และวีดีโอที่ใช้ในเว็บไซค์นะครับ</b></span></span></div> <div class="MsoNormal"> <span class="Apple-style-span" style="font-family: Tahoma, sans-serif;"><span class="Apple-style-span" style="font-size: 12px;"><b><br /></b></span></span></div> <div class="MsoNormal"> <b><span style="font-family: Tahoma, sans-serif; font-size: 9pt;">Jpg<o:p></o:p></span></b></div> <div class="MsoNormal"> <span lang="TH" style="font-family: Tahoma, sans-serif; font-size: 9pt;">เป็นไฟล์รูปภาพที่ใช้กันอย่างแพร่หลายในปัจจุบัน เป็นไฟล์ที่ถูกบีบอัดให้มีขนาดเล็กปต่ คุณภาพของภาพยังดีอยู่ เมื่อเวลาเราเซพรูปเราสามารถเลือก ขนาดไฟล์ที่เราต้องการได้ ดีเลย</span><span style="font-family: Tahoma, sans-serif; font-size: 9pt;"><o:p></o:p></span></div> <div class="MsoNormal"> <br /></div> <div class="MsoNormal"> <b><span style="font-family: Tahoma, sans-serif; font-size: 9pt;">Gif<o:p></o:p></span></b></div> <div class="MsoNormal"> <span lang="TH" style="font-family: Tahoma, sans-serif; font-size: 9pt;">เป้นไฟล์ภาพ และ ภาพเคลื่อนไหว สามารถทำโปร่งใสได้ มีสีที่ไม่เยอะมาก 256 สีนะ ส่วนมากไฟล์นี้จะเอาไว้ทำ ภาพเคลื่อนไหว เช่น </span><span style="font-family: Tahoma, sans-serif; font-size: 9pt;">banner&nbsp; <span lang="TH">ต่างๆๆ แต่จริงๆๆแล้ว เด๊่ยวนี้ใช้ </span>Flash <span lang="TH">กันหมดแล้ว แต่เรายังสามารถเห้นได้ อยู่เช่น ตาม </span>Emotion icon <span lang="TH">ต่างๆๆ</span><o:p></o:p></span></div> <div class="MsoNormal"> <br /></div> <div class="MsoNormal"> <b><span style="font-family: Tahoma, sans-serif; font-size: 9pt;">Png<o:p></o:p></span></b></div> <div class="MsoNormal"> <span lang="TH" style="font-family: Tahoma, sans-serif; font-size: 9pt;">เป็นไฟล์ภาพที่ดีอีกไฟล์หนึ่งสามารถเก็บค่าโปร่งใสได้ ถ้าเราจะทำส่วนที่โปร่งใส่ในเว็บของเรา ก็ควรจะใช้ไฟลฺนี้ แต่ไฟลฺนี้ จะ ใช้ได้ แสดงผลได้ดีกับ </span><span style="font-family: Tahoma, sans-serif; font-size: 9pt;">IE 7<span lang="TH">ขึ้นไปนะครับ ถ้าจะให้แสดง กับ </span>IE6 <span lang="TH">ได้ดีตอนสร้างเว็บต้องใส่โค็ตอะไรลงไปด้วยเพื่อให้แสดงผลได้</span><o:p></o:p></span></div> <div class="MsoNormal"> <br /></div> <div class="MsoNormal"> <b><span style="font-family: Tahoma, sans-serif; font-size: 9pt;">Swf<o:p></o:p></span></b></div> <div class="MsoNormal"> <span lang="TH" style="font-family: Tahoma, sans-serif; font-size: 9pt;">เป็นไฟล์ ภาพเคลื่อนไหว ที่แพร่หลาย และใช้กันอย่างมากมายในปัุจจุบันใช้ทั่งสร้างเกม </span><span style="font-family: Tahoma, sans-serif; font-size: 9pt;">banner <span lang="TH">และ อื่นๆๆ อีกมากมาย ไฟล์นี้ ถูกสร้างมากจาก </span>Adobe Flash <span lang="TH">และต้องใช้ </span>Adobe Flash Player <span lang="TH">ในการดู ส่วนมากมีกันหมาดแระ<o:p></o:p></span></span></div> <div class="MsoNormal"> <br /></div> <div class="MsoNormal"> <b><span style="font-family: Tahoma, sans-serif; font-size: 9pt;">Mov<o:p></o:p></span></b></div> <div class="MsoNormal"> <span lang="TH" style="font-family: Tahoma, sans-serif; font-size: 9pt;">เป็น ไฟล์วีดีโอ ที่ใช้กันมากมาย ถ้าเราวางแผนที่จะมีวีดีโอในเว็บ น่าจะใช้ </span><span style="font-family: Tahoma, sans-serif; font-size: 9pt;">Format <span lang="TH">นี้ เพราะดูได้ทั่ง </span>PC <span lang="TH">และ </span>MAC<o:p></o:p></span></div> <div class="MsoNormal"> <span lang="TH" style="font-family: Tahoma, sans-serif; font-size: 9pt;">ไฟล์นี้ต้องลงโปรแกรม </span><span style="font-family: Tahoma, sans-serif; font-size: 9pt;">quicktime <span lang="TH">ในการดูก่อนนะ<o:p></o:p></span></span></div> <div class="MsoNormal"> <br /></div> <div class="MsoNormal"> <b><span style="font-family: Tahoma, sans-serif; font-size: 9pt;">wmv<o:p></o:p></span></b></div> <div class="MsoNormal"> <span lang="TH" style="font-family: Tahoma, sans-serif; font-size: 9pt;">เป็นไฟล์ วีดีโอ ตระกูลของ </span><span style="font-family: Tahoma, sans-serif; font-size: 9pt;">Window media<span lang="TH"> ต้องมี</span> window media<span lang="TH"> </span>player <span lang="TH">เวลาดูก็จะดูได้เฉพาะบน </span>PC <span lang="TH">เนอะ&nbsp;</span><o:p></o:p></span></div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2595414533292621962-7340332818989417596?l=designdeedee.blogspot.com' alt='' /></div> <p><a href="http://feedads.g.doubleclick.net/~a/9R1sr2gmwHhHy0rPycmqjAVrOQA/0/da"><img src="http://feedads.g.doubleclick.net/~a/9R1sr2gmwHhHy0rPycmqjAVrOQA/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/9R1sr2gmwHhHy0rPycmqjAVrOQA/1/da"><img src="http://feedads.g.doubleclick.net/~a/9R1sr2gmwHhHy0rPycmqjAVrOQA/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/Designdeedee/~4/lzZC48jJ1XA" height="1" width="1"/>Jammycray Marcohttps://profiles.google.com/105146444622539245410noreply@blogger.com0http://designdeedee.blogspot.com/2011/12/blog-post.htmltag:blogger.com,1999:blog-2595414533292621962.post-24990725475981830282011-11-30T07:21:00.001-08:002011-11-30T07:34:04.824-08:002011-11-30T07:34:04.824-08:00<div class="separator" style="clear: both; text-align: center;"> <a href="http://3.bp.blogspot.com/-TqIU_51mKkA/TtZMLHqRuPI/AAAAAAAAD_c/cZ2pQoSDXYE/s1600/s.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="232" src="http://3.bp.blogspot.com/-TqIU_51mKkA/TtZMLHqRuPI/AAAAAAAAD_c/cZ2pQoSDXYE/s320/s.jpg" width="320" /></a></div> แนะนำโปรแกรมแปลงไฟล์ Swf ไป เป้น พวกไฟล์ video นะครับ ตัวนี้ก็ดีอยู่ <b><i><a href="http://www.adshareit.com/" target="_blank">SWF2Video pro</a></i></b> ลองหามาใช้ดูนะครับ เอาไว้แปลงไฟล์ swf เป้น ไฟล์วีดีโอลองใช้ดูแล้วก็โอเครเลยนะครับ พอใช้ได้ ลองดู interfaceในรุปละกันนะครับโปรแกรมไม่ใหญ่มากลองหาโหลดดูครับ :) &nbsp;เหมาะใช้กับงานพวก presentation ,cartoon animation หรือ พวก wedding อะไรพวกนี้เนอะ<br /> <br /><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2595414533292621962-2499072547598183028?l=designdeedee.blogspot.com' alt='' /></div> <p><a href="http://feedads.g.doubleclick.net/~a/fbdWHZTGETF8Cxd-TnSgIzZVe3c/0/da"><img src="http://feedads.g.doubleclick.net/~a/fbdWHZTGETF8Cxd-TnSgIzZVe3c/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/fbdWHZTGETF8Cxd-TnSgIzZVe3c/1/da"><img src="http://feedads.g.doubleclick.net/~a/fbdWHZTGETF8Cxd-TnSgIzZVe3c/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/Designdeedee/~4/Brf4NUARM-4" height="1" width="1"/>Jammycray Marcohttps://profiles.google.com/105146444622539245410noreply@blogger.com0http://designdeedee.blogspot.com/2011/11/swf-video-swf2video-pro-swf-interface.htmltag:blogger.com,1999:blog-2595414533292621962.post-6836253185833495662011-11-27T01:41:00.001-08:002011-11-27T01:45:21.389-08:002011-11-27T01:45:21.389-08:00<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody> <tr><td style="text-align: center;"><a href="http://4.bp.blogspot.com/-t9qEvZZBZuE/TtH_E2qM4jI/AAAAAAAAD_E/p7ff9-R6gxs/s1600/2011-11-03+06.39.31.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="192" src="http://4.bp.blogspot.com/-t9qEvZZBZuE/TtH_E2qM4jI/AAAAAAAAD_E/p7ff9-R6gxs/s320/2011-11-03+06.39.31.jpg" width="320" /></a></td></tr> <tr><td class="tr-caption" style="text-align: center;">ที่อุทยานแห่งชาติทองผาภูมิ</td></tr> </tbody></table> <div style="text-align: center;"> ขออนุญาติแนะนำ บล็อคส่วนตัวผมเองขำขำ อัพเรื่อยๆๆ ลุยมันๆๆ งานเพลินๆๆ</div> <div> <div style="text-align: center;"> ที่นี่เลยฮะ รวม ทริบต่างๆๆที่ผมไปลุยมาแล้วก็งาน เพลินๆๆ ฮี่ๆๆๆ ลองชมฮัพ</div> <div style="text-align: center;"> <a href="http://jammycray.blogspot.com/"></a><a href="http://jammycray.blogspot.com/">http://jammycray.blogspot.com/</a></div> </div><div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/2595414533292621962-683625318583349566?l=designdeedee.blogspot.com' alt='' /></div> <p><a href="http://feedads.g.doubleclick.net/~a/AZlQMbV18UmvyTozFx88LzJE9zk/0/da"><img src="http://feedads.g.doubleclick.net/~a/AZlQMbV18UmvyTozFx88LzJE9zk/0/di" border="0" ismap="true"></img></a><br/> <a href="http://feedads.g.doubleclick.net/~a/AZlQMbV18UmvyTozFx88LzJE9zk/1/da"><img src="http://feedads.g.doubleclick.net/~a/AZlQMbV18UmvyTozFx88LzJE9zk/1/di" border="0" ismap="true"></img></a></p><img src="http://feeds.feedburner.com/~r/Designdeedee/~4/5vGOEEQStO8" height="1" width="1"/>Jammycray Marcohttps://profiles.google.com/105146444622539245410noreply@blogger.com0http://designdeedee.blogspot.com/2011/11/httpjammycray.html