เรียน Mac, Web design, Graphic design, Final cut » โรงเรียนสอนกราฟฟิค http://www.ischool.in.th Ignite Inspiration Tue, 22 Nov 2011 04:41:37 +0000 http://wordpress.org/?v=2.8 en hourly 1 CSS3 กับ ฟังก์ชั่นใหม่ที่น่าสนใจ (1) http://www.ischool.in.th/blog/2010/04/css3-%e0%b8%81%e0%b8%b1%e0%b8%9a-%e0%b8%9f%e0%b8%b1%e0%b8%87%e0%b8%81%e0%b9%8c%e0%b8%8a%e0%b8%b1%e0%b9%88%e0%b8%99%e0%b9%83%e0%b8%ab%e0%b8%a1%e0%b9%88%e0%b8%97%e0%b8%b5%e0%b9%88%e0%b8%99%e0%b9%88/ http://www.ischool.in.th/blog/2010/04/css3-%e0%b8%81%e0%b8%b1%e0%b8%9a-%e0%b8%9f%e0%b8%b1%e0%b8%87%e0%b8%81%e0%b9%8c%e0%b8%8a%e0%b8%b1%e0%b9%88%e0%b8%99%e0%b9%83%e0%b8%ab%e0%b8%a1%e0%b9%88%e0%b8%97%e0%b8%b5%e0%b9%88%e0%b8%99%e0%b9%88/#comments Sun, 04 Apr 2010 12:00:53 +0000 rockydoo http://www.ischool.in.th/?p=2494 CSS3 นั้นได้ออกมาสักระยะหนึ่งแล้วแต่ยังอาจไม่ได้รับความนิยมเท่าที่ควรเนื่องจากคนส่วนใหญ่นึกว่าเป็นเรื่องยากและต้องอัพเดท Web Browser ให้เป็นเวอร์ชั่นปัจจุบันก่อน ถึงจะสามารถดึงความสามารถของ CSS3 ออกมาได้อย่างเต็มที่ โดยความจริงแล้วหลักการใช้งานก็ไม่ต่างกับ CSS เดิมที่เคยใช้กัน อาจกล่าวได้ว่า CSS3 มันก็เป็น CSS เดิมที่เพิ่มฟังก์ชั่นใหม่ ๆ เข้ามาเท่านั้นเองครับ

ฟังก์ชั่นใหม่ที่เพิ่มเติมเข้ามา

RGBA

Code : background: rgba(R, G, B, A);

RGB เป็นหมวดสีที่ใช้กันในงานกราฟฟิกแต่เพิ่ม A เข้ามา ซึ่ง A นี้ก็คือ Alpha หรือก็คือ Transparency หรือ ค่าความโปร่งใส นั่นเองครับ โดยค่าของความโปร่งแสงมีช่วงอยู่ที่ 0 ถึง 1 ซึ่ง
0 คือ โปร่งใสจนมองไม่เห็นอะไรเลย
1 คือ เห็นปกติ ไม่มีความโปร่งใส
ซึ่งเราสามารถตั้งค่าความโปร่งใสเป็นจุดทศนิยมได้ครับ เช่น

background-color: rgba(255, 120, 100, .7);
color: rgba(255, 120, 100, .7);

ตัวอย่างครับ

ถ้าเห็นข้อความตัวนี้ใส ๆ แสดงว่า Browser ที่คุณใช้อยู่รองรับ CSS3 ครับ

ฟังก์ชั่น RGBA นี่สามารถใช้ได้ในทุกที่ที่ใช้ RGB ได้ครับ เช่น border, background, etc.

Text Shadow

การใส่เงาให้ตัวอักษร เป็นการเพิ่มเงาในแนวแกน x และ แกน y ให้กับข้อความของเรา

Code : text-shadow: (เงาในแกนตั้ง X) (เงาในแกนนอน Y) (ความเบลอ) (สีเงา);

เ่่ช่น text-shadow: 3px 3px 4px #999999;

ตัวอย่างครับ

ถ้าเห็นข้อความมีเงา แสดงว่า Browser ที่คุณใช้อยู่รองรับ CSS3 ครับ

]]> http://www.ischool.in.th/blog/2010/04/css3-%e0%b8%81%e0%b8%b1%e0%b8%9a-%e0%b8%9f%e0%b8%b1%e0%b8%87%e0%b8%81%e0%b9%8c%e0%b8%8a%e0%b8%b1%e0%b9%88%e0%b8%99%e0%b9%83%e0%b8%ab%e0%b8%a1%e0%b9%88%e0%b8%97%e0%b8%b5%e0%b9%88%e0%b8%99%e0%b9%88/feed/ 1 VDOครูเม่นบรรยายในงาน Thailand Animation Contest Orientation day 2009 http://www.ischool.in.th/blog/2009/09/vdo%e0%b8%84%e0%b8%a3%e0%b8%b9%e0%b9%80%e0%b8%a1%e0%b9%88%e0%b8%99%e0%b9%83%e0%b8%99%e0%b8%87%e0%b8%b2%e0%b8%99-thailand-animation-contest-orientation-day-2009/ http://www.ischool.in.th/blog/2009/09/vdo%e0%b8%84%e0%b8%a3%e0%b8%b9%e0%b9%80%e0%b8%a1%e0%b9%88%e0%b8%99%e0%b9%83%e0%b8%99%e0%b8%87%e0%b8%b2%e0%b8%99-thailand-animation-contest-orientation-day-2009/#comments Thu, 17 Sep 2009 01:51:41 +0000 patchara http://www.ischool.in.th/?p=1872 เนคเทคเชิญครูเม่นไปบรรยายปฐมนิเทศให้น้องๆ นักเรียนนักศึกษาที่เข้าประกวดโครงการ Thailand Animation Contest Orientation day 2009 ในเรื่องการใช้โปรแกรมโอเพนซอร์สเพื่อสร้างงานกราฟฟิคและอนิเมชั่นครับ ลองดูวีดีโอการบรรยายได้ด้านล่าง

]]> http://www.ischool.in.th/blog/2009/09/vdo%e0%b8%84%e0%b8%a3%e0%b8%b9%e0%b9%80%e0%b8%a1%e0%b9%88%e0%b8%99%e0%b9%83%e0%b8%99%e0%b8%87%e0%b8%b2%e0%b8%99-thailand-animation-contest-orientation-day-2009/feed/ 1 ต้อนรับปิดเทอมกับ Course เรียนส่วนลด 10% http://www.ischool.in.th/blog/2009/09/course%e0%b8%9b%e0%b8%b4%e0%b8%94%e0%b9%80%e0%b8%97%e0%b8%ad%e0%b8%a1/ http://www.ischool.in.th/blog/2009/09/course%e0%b8%9b%e0%b8%b4%e0%b8%94%e0%b9%80%e0%b8%97%e0%b8%ad%e0%b8%a1/#comments Wed, 16 Sep 2009 18:25:17 +0000 admin http://www.ischool.in.th/?p=1858 เปิดโลกการเรียน Digital Design ปิดเทอมนี้ที่ iSchool

เรียนรู้การออกแบบ Graphic design, Web design, Flash animation และ Movie editing แบบมืออาชีพ

เชิญน้องๆที่อยากเรียนรู้งานออกแบบในด้านต่างๆด้วยคอมพิวเตอร์กับคอร์สช่วงปิดเทอมของ iSchool

!! พิเศษช่วงปิดเทอมรับส่วนลด 10%!!

Promotion ปิดเทอม

Graphic Design              7,900 บาทเหลือ 7,100 บาท

Web Design                    7,900 บาทเหลือ 7,100 บาท

Movie Editing                7,900 บาทเหลือ 7,100 บาท

Flash animation            7,900 บาทเหลือ 7,100 บาท

หมดเขต 31 ตุลาคมนี้
Click ดูรายละเอียดและตารางเรียนได้ที่นี่

iSchool-school-break-course

]]> http://www.ischool.in.th/blog/2009/09/course%e0%b8%9b%e0%b8%b4%e0%b8%94%e0%b9%80%e0%b8%97%e0%b8%ad%e0%b8%a1/feed/ 0 นิทรรศการศิลปะ Tales from the SIX http://www.ischool.in.th/blog/2009/09/art-galler/ http://www.ischool.in.th/blog/2009/09/art-galler/#comments Wed, 16 Sep 2009 12:37:18 +0000 admin http://www.ischool.in.th/?p=1852 อาร์ตกอริลล่าส์ อาร์ตแกลเลอรี่ (ArtGorillas ArtGallery) ภูมิใจเสนอนิทรรศการศิลปะ “Tales from the SIX” นิทรรศการกลุ่มโดย 6 นักเขียนการ์ตูนไตรภัค สุภวัฒนา (Puck),วิระชัย ดวงพลา (The Duang),สุทธิชาติ ศราภัยวานิช (SS),ทรงวิทย์ สี่กิติกุล (เส่ง), วชิระ เพชรมณีนิลใส(nonworld) และ ทรงศิล ทิวสมบุญ (อั๊พ) โดยผลงานที่จะจัดแสดงในครั้งนี้เป็นผลงานที่สร้างสรรค์ขึ้นมาใหม่ทั้งหมด แต่ละคนจะมีเรื่องราวเป็นของตัวเองเชื่อมโยงอยู่ในภาพเขียนของตน
9 กันยายน – 9 ตุลาคม 2552
อาร์ตกอริลล่าส์ อาร์ตแกลเลอรี่ ชั้น 2 ลิโด้ สยามสแควร์
02-658-3975

]]> http://www.ischool.in.th/blog/2009/09/art-galler/feed/ 0 ครูเม่น ออกรายการ My Design ของ FukDuk TV http://www.ischool.in.th/blog/2009/08/fukduk-tv/ http://www.ischool.in.th/blog/2009/08/fukduk-tv/#comments Sun, 23 Aug 2009 19:00:50 +0000 patchara http://www.ischool.in.th/?p=1777 เมื่อเดือนก่อน Fukduk.tv ได้มาเยี่ยมออฟฟิศ TiGER iDEA และสัมภาษณ์ครูเม่น
ตอนนี้ทีมงานได้ตัดต่อเรียบร้อยแล้ว ครูเม่นได้พูดเกี่ยวกับภาพรวมในออกแบบและการทำเว็บไซต์นั่นเองครับ ขอเชิญรับชมได้

]]> http://www.ischool.in.th/blog/2009/08/fukduk-tv/feed/ 2 แดงทั้งแผ่นดิน ( Multicolr Search Lab ) เลือกรูปที่มีสีตามต้องการ http://www.ischool.in.th/blog/2009/07/red-multicolr/ http://www.ischool.in.th/blog/2009/07/red-multicolr/#comments Thu, 02 Jul 2009 09:14:56 +0000 patchara http://www.ischool.in.th/?p=1579 คุณ @bact นำมาแชร์จาก twitter นะครับ เป็นระบบเซิร์ทรูปใน flickr ของ Multicolr Search Lab โดยให้สีที่อยู่ในขอบเขตของการสั่งจากเราได้ครับ โดยเมื่อเราคลิกที่กลุ่มตัวอย่างสีด้านขวา รูปจะถูกคัดมาให้มีแต่สีที่กำหนดเท่านั้น และเราสามารถเพิ่มลดจำนวนสีที่กำหนดได้ (กดปุ่มถังขยะข้างๆแถบสีจะลบสีนั้นๆออกไป ดังภาพคุณ @bact คัดรูปที่มีองค์ประกอบสีแดงมาครับ อ้อ รูปทั้งหมดที่ค้นมาเป็น Creative Commons ด้วยครับ หมายถึงนำไปเผยแพร่ต่อได้โดยไม่ต้องขออนุญาติแต่ต้องอ้างอิงที่มานั่นเอง

กดที่รูปเพื่อดูชุดสี “แดงทั้งแผ่นดิน” และสามารถลอง config ต่อได้โดยเพิ่มลดสีตามต้องการครับ

red-1

]]> http://www.ischool.in.th/blog/2009/07/red-multicolr/feed/ 0 iSchool in Live TV http://www.ischool.in.th/blog/2008/09/ischool-in-live-tv/ http://www.ischool.in.th/blog/2008/09/ischool-in-live-tv/#comments Wed, 03 Sep 2008 04:16:17 +0000 admin http://www.ischool.in.th/?p=211 iSchool @ LiveTV
รายละเอียด

ครูเม่น และครูพัช ได้ให้สัมภาษณ์ในรายการ iSay ที่ออกอากาศทาง LiveTV เกี่ยวกับโปรแกรม Garage Band และการทำเพลงในยุคนี้ นอกจากนี้ทางรายการยังได้มาเยี่ยมชมโรงเรียนของเราด้วย ฟังสัมภาษณ์ครูทั้งสองพร้อมกับชมภาพบรรยากาศการเรียนของโรงเรียนกันค่ะ

]]> http://www.ischool.in.th/blog/2008/09/ischool-in-live-tv/feed/ 4