Illustrator คออะไร โปรแกรมพนฐานทนกออกแบบทกคนตองเรยนรในการสรางงานกราฟกม 2 ชนด คอโปรแกรมประเภทวาดภาพ และโปรแกรมประเภทตกแตงภาพ Illustrator  คอ โปรแกรมทใชในการวาดภาพ โดยจะสรางภาพทมลกษณะเปนลายเสน หรอทเรยกวา Vector Graphic จดเปนโปรแกรมระดบมออาชพทใชกนเปนมาตรฐานในการออกแบบระดบสากล สามารถทำางานออกแบบตางๆ ไดหลากหลาย ไมวาจะเปนสงพมพ บรรจภณฑ เวบ และภาพเคลอนไหวตลอดจนการสรางภาพเพอใชประกอบในการทำางานอนๆ เชน การตน ภาพประกอบหนงสอ เปนตน

การประมวลผลภาพกราฟฟกของคอมพวเตอร ในความเปนจรงแลวภาพกราฟฟกทเกบในคอมพวเตอรนน จะมวธการประมวลผลภาพ 2 แบบแตกตางกนไปตามแตละโปรแกรมดงน คอ

 1. การประมวลผลแบบอาศยการคำานวณทางคณตศาสตรตวอยางเชน รปลอรถจกรยาน ถาเปนการเกบแบบเวกเตอร เครองจะเกบ

ขอมลทเปนสตรทางคณตศาสตรแตสามารถอธบายไดคอ รปลอจกรยาน คอเสนวงกลมทเกดจากการวดความหางจากจดศนยกลางจดหนง ไปยงบรเวณ รอบๆ ดวยระยะหางทเทากน โดยมสและตำาแหนงของสทแนนอน ฉะนนไมวาเราจะม กาเคลอนยายทหรอยอขยายขนาดของภาพ ภาพจะไมเสยรปทรงในเชงเรขาคณต เชน โปรแกรม Illustrator ใชวธนใน การเกบ เปนตน

  ตวอยางงานกราฟฟกของภาพแบบเวกเตอรงานกราฟฟกในแบบเวกเตอรนจะเปน ลกษณะของภาพลายเสน ซงงานเหลานจะเนนถงความ คมชดของเสนเปนหลก เชน ภาพโลโก ตราบรษท และภาพลายเสนแบบคลปอารต โปรแกรมเหลานไดแก Illustrator, CorelDraw และ Freehand เปนตน

 2. การเกบและแสดงผลแบบบตแมพ [ Bitmap ]เปนการประมวลผลแบบอาศยการอานคาสในแตละพกเซล ซงเหมาะกบภาพทมโทนสทใกลเคยงกน เชน ภาพถาย โปรแกรม Photoshop ใชวธน การประมวลผลแบบบตแมพนเราเรยกอกอยางวา Raser image เปนการเกบขอมลดบ คอคา 0 และ 1 ใชการแสดงผลเปนพกเซล โดยแตละพกเซลจะมการเกบคาสทเจาะจงในแตละตำาแหนง

ตวอยางงานกราฟฟกของภาพแบบบตแมพ  งานกราฟฟกในแบบบตแมพนจะเปนลกษณะของภาพ ทตองการปรบแตงรายละเอยดของสเปนหลก เชน การซอนภาพและการตกแตงภาพใหเหนอจรง โปรแกรมเหลานไดแก Photoshop, Corel Photo-paint และ Fireworks เปนตน

 ภาพกราฟกสามารถแบงไดเปน 2 แบบคอ 1.ภาพแบบพกเซล คอ ภาพทเกดจากจดภาพในรปภาพทรวมกนเปนภาพ

ขน โดยภาพหนงๆ จะประกอบไปดวยจดภาพหรอพกเซลมากมาย และเเตละภาพทสรางขนจะมความหนาเเนนของจดภาพ หรอบางครงแทนวาความละเอยด (ความคมชด)ทเเตกตางกนไป จงใชในการบอกคณสมบตของภาพ จอภาพ หรอ อปกรณแสดงผลภาพได 

2.ภาพกราฟกสเวกเตอร คอ ภาพทเกดจากการกำาหนดพกดและการคำานวณคาบนระนาบสองมต รวมทงมมและระยะทาง ตามทฤษฎเวกเตอรในทางคณตศาสตร ในการกอใหเกดเปน เสน หรอรปภาพ ขอดคอ ทำาใหสามารถยอขยายได โดยคณภาพไมเปลยนแปลง ขอเสยคอภาพไมเหมอนภาพจรงเปนไดเพยงภาพวาด หรอใกลเคยงภาพถายเทานน ขอมลภาพพวกนไดเเกไฟลสกล eps, ai (adobe illustrator) เปนตน 

** โปรแกรม Illustrator ทำางานแบบ vector graphics

ความแตกตางระหวางรปแบบ vector และแบบ pixel

ภาพแบบ pixel ภาพแบบ vector

Illustrator นนทำางานแบบ vector คอจะใชในงานการเขยนภาพ 2 มต เปนโปรแกรมทมประโยชนมากในการทำาเวบไซต เพราะทำาใหผใชงานสามารถวาดรปทตองการขนมาเองได แตกตางจาก Photoshop ทจะตองนำาภาพอนมาแตงเพอใหเปนรปทตองการ   ถงแมวาปจจบน Photoshop จะพฒนาเครองมอทสามารถสรางภาพ vector ไดแตความสะดวกกยงไมสการใชงาน Illustrator อยด ซงในการทำางานจรงๆแลวจะตองอาศยเครองมอทง Photoshop และ Illustrator ควบคกนจงจะไดเปนชนงานขนมา ซงทง 2 โปรแกรมกทำางานควบคกนไดด สวนหนงกมาจากวาทง 2 โปรมแกรมมาจากบรษทเดยวกน( Photoshop , Illustrator มาจากบรษท Adobe)

llustrator ทำาอะไรไดบาง

งานสงพมพ - ไมวาจะเปนงานโฆษณา โบรชวร นามบตร หนงสอ หรอนตยสาร เรยกไดวาเกอบทกสงพมพทตองการความคมชด  งานออกแบบทางกราฟฟก - การสรางภาพสามมต การออกแบบปกหนงสอ การออกแบบสกรน CD-ROM และการออกแบบการดอวยพร ฯลฯ

งานทางดานการตน - ในการสรางภาพการตนตางๆนน โปรแกรม Illustrator ไดเขามามบทบาทและชวยในการวาดรปไดเปนอยางด งานเวบไซตบนอนเตอรเนต - ใชสรางภาพตกแตงเวบไซตไมวาจะเปน Background หรอปมตอบโต แถบหวเรองตลอดจนภาพประกอบตางๆ ทปรากฏบนหนาเวบ

llustrator รนลาสดคอ  Adobe Illustrator® CS6

อางอง : http://www.100ydesign.com/column.php?id=000103

http://www.hellomyweb.com/index.php/main/content/41

Photoshop

โปรแกรม Photoshop คออะไร โปรแกรม Photoshop เปนโปรแกรมสำาหรบสรางภาพ และตกแตงภาพ ซงเปนลขสทธของบรษท Adobe ซงบรษท Adobe มผลตภณฑซอฟแวรเกยวกบดานกราฟก มากมายเชน Adobe illustrator สำาหรบทำา ภาพเวกเตอร Adobe Pemiretor สำาหรบตดตอภาพยนต ฯลฯ โปรแกรม Photoshop เปนโปรแกรมตกแตงภาพทไดรบความนยมมาก เนองจากเปนโปรแกรมทใชงาย และรองรบ Application (Plug In) เสรมไดมากมาย

ลกษณะเดนของ Photoshop1. Photoshop ทำางานเปน Layerลกษณะการทำางานของ Photoshop จะเหมอนการวางแผนใสซอนๆ กน โดย แตละ

แผนจะม การ

ทำางาน ตาง กน แตเมอรวมกนแลวจะเปนแคภาพภาพเดยว แตละแผนใส(Layer) สามารถสลบไปมาได

 2. รปแบบคำาสงเปนแบบ Interface Enhancement ไอคอนและปมคำาสง ตางๆ จะอยในรป แบบของ

Toolbox ,

Toolbar และ Dialog Box ซงจดไวเปนหมวดหม โดยคลกเพอใชงาน และจะมการตอบโต การใชงานเปนแบบ 3 มต คอ เมอคลกปมจะยบลงไป

 

3. สนบสนนการทำาการบนเวบไซต เนองจากไฟลภาพทใชบนเวบไซตมหลายประเภท และโปรแกรม Photoshop สามารถ สรางภาพทใชงานบนเวบไซต ไดหลากหลาย

Panel คออะไร

panel เปน

แถบทชวยอำานวยความสะดวกในการทำางาน ซงมหลายแบบดวยกน เชน panel Layer ,History และ Navigator ซง panel ทจำาเปนในการใชงาน จะมดงน1. Navigator ใชสำาหรบขยายมมมองการทำางานของพนทการทำางาน2. History ใชสำาหรบ การยอนกลบการกระทำาตางๆ เมอผดพลาด3. Layer ใชสำาหรบการสรางและลบ layer ตางๆ

วธการเปด/ปด Panelสามารถทำาไดโดยไปทเมน Windows > แลวเลอก Panel ทตองการใช

ชนดไฟลในโปรแกรม Photoshop.psd (Photoshop File) : เปนไฟลพนฐานของโปรแกรม Photoshop สามารถเกบบนทกขอมลคณลกษณะตางๆ ทใชใน Photoshop ไมวาจะเปน Layer , ส หรอ Effect ตางๆ.bmp (Bitmap file) : เปนไฟลพนฐานของ Windows.gif (Graphic Interchange) : เปนไฟลทใชกนมากบนอนเตอรเนต เพราะงายตอการบบอดขอมล เพราะ ม

ขนาดเลก.jpg (Joint Photographic experts Group) : เปนไฟลนยมใชบนอนเตอรเนตเชนกนจะแตกตางกนทไฟลน จะมความละเอยดของภาพคอนขางชดเจนPhotoshop รนลาสดคอ  Photoshop Cs5

สวนประกอบของโปรแกรม Photoshop Cs5  Application Bar (แอพพลเคชนบาร) จะเปนแถบเครองมอทเกบปมคำาสงทใชงานบอย ๆ เอาไว เชน เปดโปรแกรม Bridge หมนพนททำางาน ยอ-ขยายภาพ, จดเรยงวนโดวภาพ และจดองคประกอบของเครองมอตามพนทใชงาน (Workspace)          Menu Bar (เมนบาร) ประกอบดวยกลมคำาสงตาง ๆ ทใชจดการกบไฟล, ทำางานกบรปภาพ และใชการปรบแตงการทำางานของโปรแกรม โดยแบงเมนตามลกษณะงาน นอกจากนบางเมนหลก จะมเมนยอยซอนอย โดยสงเกตจากเครองหมาย   ซงคณตองเปดเขาไปเพอเลอกคำาสงภายในอกท          Tool Panel (ทลพาเนล) หรอ กลองเครองมอ จะประกอบไปดวยเครองมอตาง ๆ ทใชในการวาด ตกแตง และแกไขภาพ เครองมอเหลานมจำานวนมาก ดงนนจงมการรวมเครองมอททำาหนาทคลาย ๆ กนไวในปมเดยวกน โดยจะมลกษณะรปสามเหลยมอยบรเวณมมดานลางดงภาพ   เพอบอกใหรวาในปมนยงมเครองมออนอยดวย          Option Bar (ออปชนบาร) เปนสวนทใชปรบแตงคาการทำางานของเครองมอตาง ๆ โดยรายละเอยดในออปชนบารจะเปลยนไปตามเครองมอทเราเลอกจากทลบอกซในขณะนน เชน เมอเราเลอกเครองมอ Brush (พกน) บนออปชนบารจะปรากฏออปชนทใชในการกำาหนดขนาด และลกษณะหวแปรง, โหมดในการระบายความโปรงใสของส และอตราการไหลของส เปนตน          Panel (พาเนล) เปนวนโดวยอย ๆ ทใชเลอกรายละเอยด หรอคำา

สงควบคมการทำางานตาง ๆ ของโปรแกรม ใน Photoshop มพาเนลอยเปนจำานวนมาก เชน พาเนล Color ใชสำาหรบเลอกส, พาเนล Layers ใชสำาหรบจดการกบเลเยอร และพาเนล Info ใชแสดงคาสตรงตำาแหนงทชเมาส รวมถงขนาด/ตำาแหนงของพนททเลอกไวอางอง : http://www.100ydesign.com/column.php?id=000105

http://tuntikorn531206.blogspot.com/

Dreamweaver คอโปรแกรมสรางเวบเพจแบบเสมอนจรง ของคาย Adobe ซงชวยใหผทตองการสรางเวบเพจไมตองเขยนภาษา HTML   หรอโคดโปรแกรม เอง หรอทศพทเทคนคเรยกวา "WYSIWYG   " โปรแกรม Dreamweaver มฟงกชนททำาใหผใชสามารถจดวางขอความ รปภาพ ตาราง ฟอรม วดโอ รวมถงองคประกอบอน ๆ ภายในเวบเพจไดอยางสวยงามตามทผใชตองการ โดยไมตองใชภาษาสครปตทยงยากซบซอนเหมอนกอน Dreamweaver มทงในระบบปฏบตการ แมคอนทอช และไมโครซอฟทวนโดวส Dreamweaver ยงสามารถทำางานบนระบบปฏบตการแบบยนกซ ผานโปรแกรมจำาลองอยาง WINE ได

อะโดบ ดรมวฟเวอร (Adobe Dreamweaver) หรอชอเดมคอ แมโครมเดย ดรมวฟเวอร (Macromedia Dreamweaver[1]) เปนโปรแกรมแกไข HTML พฒนาโดยบรษทแมโครมเดย (ปจจบนควบกจการรวมกบบรษท อะโดบซสเตมส) สำาหรบการออกแบบเวบไซตในรปแบบ WYSIWYG กบการควบคมของสวนแกไขรหส HTML ในการพฒนาโปรแกรมทมการรวมทงสองแบบเขาดวยกนแบบน ทำาให ดรมวฟเวอรเปนโปรแกรมทแตกตางจากโปรแกรมอนๆ ในประเภทเดยวกน ในชวงปลายปทศวรรษ 2533 จนถงปพ.ศ. 2544 ดรมวฟเวอรมสดสวนตลาดโปรแกรมแกไข HTML อยมากกวา 70%

ดรมวฟเวอรมทงในระบบปฏบตการแมคอนทอช และไมโครซอฟทวนโดวส ดรมวฟเวอรยงสามารถทำางานบนระบบปฏบตการแบบยนกซ ผานโปรแกรมจำาลองอยาง WINE ได รนลาสดคอ ดรมวฟเวอร CS6

การทำางานกบภาษาตางๆ

ดรมวฟเวอร สามารถทำางานกบภาษาคอมพวเตอรในการเขยนเวบไซตแบบไดนามค ซงมการใช HTML เปนตวแสดงผลของเอกสาร เชน ASP, ASP.NET, PHP, JSP และ ColdFusion รวมถงการจดการฐานขอมลตางๆ อกดวย และในเวอรชนลาสด (เวอรชน 8) ยงสามารถทำางานรวมกบ XML และ CSS ไดอยางงายดาย

Dreamweaver รนลาสดคอ  Adobe Dreamweaver CS6

อางอง : http://www.mindphp.com/%E0%B8%84%E0%B8%B9%E0%B9%88%E0%B8%A1%E0%B8%B7%E0%B8%AD/73-%E0%B8%84%E0%B8%B7%E0%B8%AD%E0%B8%AD%E0%B8%B0%E0%B9%84%E0%B8%A3/2233-dreamweaver-%E0%B8%84%E0%B8%B7%E0%B8%AD%E0%B8%AD%E0%B8%B0%E0%B9%84%E0%B8%A3.html

http://th.wikipedia.org/wiki/%E0%B8%AD%E0%B8%B0%E0%B9%82%E0%B8%94%E0%B8%9A%E0%B8%B5_%E0%B8%94%E0%B8%A3%E0%B8%B5%E0%B8%A1%E0%B8%A7%E0%B8%B5%E0%B8%9F%E0%B9%80%E0%B8%A7%E0%B8%AD%E0%B8%A3%E0%B9%8C

 Adobe Flash Player

Adobe Flash Player เปนโปรแกรมปลกอนสำาหรบบราวเซอรทสำาคญทสดตวหนง หากใครทไมมโปรแกรมนกสามารถเรยกไดวาพลาดโอกาสการใชงานอนเตอรเนตไปหลายอยางเลยทเดยว เพราะโปรแกรมนในปจจบนไดมการใชงานอยางแพรหลาย ไมวาจะเปนเกมสแฟลช, ภาพเคลอนไหวทสรางจากแฟลช,

เวบไซตคลปวดโอหลายๆ แหงกยงพฒนาโดยใชงานแฟลชอยางเตมรปแบบ ซงถาหากเราไมมโปรแกรมนกจะไมสามารถใชงานเวบไซตเหลานไดเลย โปรแกรมนจะลงควบคไปกบบราวเซอร โดยโปรแกรมจะลงเปนสวนเสรมบนบราวเซอรใหสามารถแสดงผลการใชงานแฟลชบนเวบไซตได โดยโปรแกรมสามารถใชงานรวมกบ IE, Firefox, Opera, Chrome, Safari เปนตน

Adobe Flash Player รนลาสดคอ  Adobe Flash Player 11.7

อางอง : http://www.downloaddd.com/browsers-and-tools/2433-adobe-flash-player-11.7.html