วันจันทร์ที่ 24 ธันวาคม พ.ศ. 2555

สร้างแสงกระจายใน Illustrator

                                             สร้างแสงกระจายใน Illustrator

1. เลือก Polygon Tool ให้ทำการ double click แล้วทำการตั้งค่าตามด้านล่างค่ะ

2. ทำการลากเม้าส์เพื่อสร้างรูปสามเหลี่ยมตามด้านล่างค่ะ

3. จากนั้นให้ไปที่ Object ---> Transform ---> Scale จากนั้นให้ทำการตั้งค่าตามด้านล่างค่ะ

4. ไปที่ View ---> Snap to point

5. ให้ทำการเลือก Rotation Tool จากนั้น click ที่จุดยอดบนสุดของรูปสามเหลี่ยม การเลือกที่จุดบนสุดนั้นเพื่อสร้างจุดตรงการให้กับรูปแสงกระจายค่ะ

6. จากนั้นให้กด shift+alt แล้วทำการ click ที่ฐานของรูปสามเหลี่ยมแล้่วลากเม้าส์ไปประมาณ 45 องศาเพื่อสร้างรูปสามเหลี่ยมอีกรูปค่ะ จะได้ตามรูปด้านล่างค่ะ

7. กด ctrl+d เพื่อสร้างรูปสามเหลี่ยมและ action ที่เหมือนกับข้อ 6 ค่ะ ให้กด ctrl+d 6 ครั้ง จะได้ตามด้านล่างค่ะ

8. จากนั้นให้ใส่ background ให้รูปค่ะ ก็จะได้ตามด้านล่างค่ะ

ถ้าเราต้องการให้มีความถีของการกระจายแสงในขึ้นตอนที่ 6 ให้เราลากไปออกไปเพียงเล็กน้อย เราก็จะได้ตามรูปตามด้านล่างแล้วค่ะ

วันอาทิตย์ที่ 23 ธันวาคม พ.ศ. 2555

สร้างแสงกระจายใน Illustrator

                                                   สร้างแสงกระจายใน Illustrator


1. เลือก Polygon Tool ให้ทำการ double click แล้วทำการตั้งค่าตามด้านล่างค่ะ

2. ทำการลากเม้าส์เพื่อสร้างรูปสามเหลี่ยมตามด้านล่างค่ะ

3. จากนั้นให้ไปที่ Object ---> Transform ---> Scale จากนั้นให้ทำการตั้งค่าตามด้านล่างค่ะ

4. ไปที่ View ---> Snap to point

5. ให้ทำการเลือก Rotation Tool จากนั้น click ที่จุดยอดบนสุดของรูปสามเหลี่ยม การเลือกที่จุดบนสุดนั้นเพื่อสร้างจุดตรงการให้กับรูปแสงกระจายค่ะ

6. จากนั้นให้กด shift+alt แล้วทำการ click ที่ฐานของรูปสามเหลี่ยมแล้่วลากเม้าส์ไปประมาณ 45 องศาเพื่อสร้างรูปสามเหลี่ยมอีกรูปค่ะ จะได้ตามรูปด้านล่างค่ะ

7. กด ctrl+d เพื่อสร้างรูปสามเหลี่ยมและ action ที่เหมือนกับข้อ 6 ค่ะ ให้กด ctrl+d 6 ครั้ง จะได้ตามด้านล่างค่ะ

8. จากนั้นให้ใส่ background ให้รูปค่ะ ก็จะได้ตามด้านล่างค่ะ

ถ้าเราต้องการให้มีความถีของการกระจายแสงในขึ้นตอนที่ 6 ให้เราลากไปออกไปเพียงเล็กน้อย เราก็จะได้ตามรูปตามด้านล่างแล้วค่ะ


  แหล่งอ้างอิง ที่มา: www.webthaidd.com/illustrator/

วันพุธที่ 19 ธันวาคม พ.ศ. 2555

How to use Illustrator CS5 แบบพื้นฐาน

                       How to use Illustrator CS5 แบบพื้นฐาน

 ขอฝาก How to use  Illustrator CS5 แบบพื้นฐานโคตรๆ ไว้ที่นี่ละกันนะ ใช้ง่าย ภาพก็ไม่ได้ย่อน่าเกลียด+ความเคยชินของอิงเองด้วย







_____________________________________________________

เริ่มจากการแนะนำเครื่องมือต่างๆที่มีในอิลลัสเตเตอร์
ไปดูที่ >>>   https://sites.google.com/site/we ... m-adobe-illustrator

___________________________________________________________

เริ่มต้นวาดอย่างไร???

อันนี้ขอแบ่งเป็นข้อๆตามที่อิงรู้และเข้าใจเลยนะ

1. มีภาพร่าง/หรือการวาดภาพใส่กระดาษไว้แล้วสแกนมาเปิดในอิลลัส วิธีตัดเส้นในอิลลัสสำหรับข้อนี้ แบ่งออกเป็น
             - การใช้ Pen tool ดราฟทับเส้นเอง ข้อดีคือคุมเส้นได้ ข้อเสียคือใช้เวลาหน่อย ดราฟทีนั่งนานจนสมาคมเคล็ดขัดยอกถามหา เพราะฉะนั้น พักบ้าง อะไรบ้างนะ

ดราฟอย่างไร เลื่อนลงไปเรื่อยๆเลยจ้า
             - การปรับเส้นด้วยอิลลัส ข้อดีคือรวดเร็วทันใจ เส้นคม ข้อเสียคือเราคุมเส้นไม่ได้ เส้นบางจุดจะแหว่งหายไป(เดี๋ยวจะมีตัวอย่างมาให้ดู) ข้อแนะนำสำหรับวิธีนี้คือ การสแกนภาพ ควรเอาหมึกตัดเส้นให้เข้มๆ ไม่บางเบาเกินไป ไม่งั้นพอกดปรับแล้วจะกลายเป็นฉากขาวโล่งโจ้ง
วิธีนี้ทำโดยการ คลิกที่ selection tool(V)คลิกที่ภาพ แล้วไปที่ Object>Live Trace>Make and Expand


ก่อนทำการปรับเส้นทั้งหมดเป็นพาธ

วิธีปรับ

หลังปรับ

ตัวอย่างการปรับภาพที่สีอ่อนมากๆ ไม่ได้ตัดเส้นให้เข้ม ถือว่า FAIL

ก่อนปรับ แหม น่ารัก น่ารักจริงๆ ชมกันเข้าไป ลองปรับดูสิ



2. วาดสดด้วยเม้าส์หนู  วิธีนี้อิงใช้ Pen tool วาดเอาเลย แบ่งเลเยอร์ ล๊อคเลเยอร์ เดี๋ยวจะสอน ขอพิมเสร็จก่อน!

3. บรัชในอิลลัสล่ะ? อันนี้แนะนำว่า (ส่วนตัวนะ) ถ้าอยากใช้บรัชวาด ให้ไปใช้ Photoshop ดีกว่า เพราะถ้าใช้ในอิลลัส เวลาเราคลุมภาพเพื่อจะย่อ-ขยาย มันจะหาเรื่องมีมวยกับเรา! เพราะภาพจะเละตุ้มเป๊ะ สะเปะสะปะคนละทาง

แต่ถ้าทำแบบ คิดว่า ไม่มีย่อขยายทีหลังแน่นอน ก็ตามสะดวกจ้ะ แต่สำหรับคนที่ทำขาย แนะนำอย่าดีกว่าจ้ะ เกิดคนซื้อหรือคนจ้างเค้าเกิดนึกอยากย่ออยากขยายภาพขึ้นมา ตายหองเลย

___________________________________________________________

การดราฟเส้น ดราฟอย่างไร?











อยากรู้ อยากดูชัดๆว่าที่เราดราฟไว้เป็นไงมั่ง ทำไงดี?? ตามนี้เลยจ้า




___________________________________________________________

เสวนาเรื่องดราฟต่อ??















___________________________________________________________

การลงสี







___________________________________________________________

อื่นๆ 

ขอขอบคุณเว็บไซต์แหล่งอ้างอิง

การไล่สี

Gradient  >>> http://vimeo.com/5731155

เครดิต http://jammycray.wordpress.com/2010/05/29/108/

การลงสีด้วย Mesh Tool

>>> เครดิต  http://jammycray.wordpress.com/2 ... E0%B9%89-mesh-tool/

การไล่สีโดนใช้คำสั่ง blend และสร้างโครงเส้น
ในนี้จะมีวิธีทำวัสดุโปร่งแสงด้วย


>>> เครดิต http://jammycray.wordpress.com/2010/05/29/81/

วันอังคารที่ 18 ธันวาคม พ.ศ. 2555

รู้จักโปรแกรม Illustrator CS3

                                                   รู้จักโปรแกรม Illustrator CS3
1.1 รู้จักโปรแกรม Illustrator CS3

            โปรแกรม Illustrator เป็นโปรแกรมที่ทำงานด้านกราฟิกชนิดหนึ่ง ซึ่งเน้นการสร้างงานจากการวาดจุดเด่น
ของโปรแกรมนี้คือ สามารถสร้างภาพลายเส้นได้เป็นอย่างดี  นอกจากนี้ยังสามารถนำลายเส้นที่วาดมาดัด แก้ไข ตกแต่ง
ได้ง่าย  สามารถนำไปใช้งานด้านต่าง ๆ ไม่ว่าจะเป็นงานสิ่งพิมพ์  งานออกแบบโลโก้ หรือทำภาพประกอบในหนังสือ
และเว็บไซต์ สร้างลายเส้น สำหรับใช้ในงานโปรแกรมสามมิติ หรือโปรแกรมตกแต่งภาพอื่น ๆ เป็นต้นภาพที่ใช้งานใน
โปรแกรมกราฟิกจะแบ่งออกตามลักษณะใช้งานสองประเภท คือภาพกราฟิกแบบ Vector และภาพแบบ Bitmap
ทั้งนี้เพื่อความเหมาะสมในการจัดเก็บ การแก้ไขและการนำกลับไปใช้งานอีกครั้งสำหรับภาพกราฟิกทั้งสองชนิดจะมี
ความแตกต่างกันดังนี้

            ภาพแบบ Bitmap หรือ Raster

            เป็นภาพที่เกิดจากเม็ดสีเล็ก ๆ  ประกอบมาเป็นภาพใหญ่  ๆ ที่เรามองเห็นกัน จุดเล็กหนึ่งจุดจะบรรจุด้วย
หนึ่งสี เราเรียกจุดสีนี้ว่าจุด Pixel รูปภาพหนึ่ง ๆ จะประกอบด้วยจุด Pixel เป็น ล้าน ๆ จุด ยิ่งจำนวนมากจะทำให้ภาพ
มีความละเอียดสวยงามซึ่งจะทำให้กินเนื้อที่ในการเก็บข้อมูลมากจุดเด่นของภาพแบบ Bitmap ก็คือได้ภาพสวย
สีสันสดใส สมจริงมากจุดด้อยของภาพแบบ Bitmap นี้คือ เมื่อนำภาพมาขยายใหญ่มาก ๆ ภาพหยาบไม่คมชัดเหมือน
ภาพต้นแบบ โปรแกรมตกแต่งภาพทั่วไปจะทำงานกับภาพ Bitmap เช่น โปรแกรม Adobe Photoshop, Paint
เป็นต้น และจะถูกบันทึกไว้ในไฟล์นามสกุล BMP, GIF, JPG, TIFF เป็นต้น เหมาะสำหรับไฟล์ภาพถ่ายไฟล์ภาพ
เหมือนจริงต่าง ๆ

           
ภาพแบบ Vector
            เป็นภาพที่เกิดจากเส้นตรง เส้นโค้ง และสีต่างๆ ซึ่งถูกบรรจุเอาไว้ในลักษณะสมการทางคณิตศาสตร์ใช้กันมาก
ในงานประเภทที่ต้องการความแม่นยำ และความละเอียดสูง เช่น การออกแบบโลโก้ สร้างภาพสามมิติ การสร้างภาพทาง
วิศวกรรม สร้างภาพ Clip Art เนื่องจากงานดังกล่าวจะถูกปรับย่อ- ขยายบ่อย ๆ จุดเด่นของภาพแบบ Vector คือ
ภาพคมชัด เม็ดสีไม่แตกเมื่อเกิดการปรับย่อ – ซ้ำ ๆ จุดด้อยของภาพแบบ Vector คือ ภาพที่ได้ไม่สมจริงจะเหมาะกับ
งานที่เป็นกราฟิกมากกว่าสร้างภาพเหมือนจริง โปรแกรมที่ทำงานกับภาพกราฟิกแบบ Vector มีอยู่หลายโปรแกรม เช่น
โปรแกรม Illustrator, Flash , 3d Studio max เป็นต้น และจะถูกบันทึกเอาไว้ในไฟล์นามสกุล Al , SWF , EPS
เป็นต้น


ภาพตัวอย่างแสดงความแตกต่างระหว่า ภาพ Bitmap และภาพ Vector

1.2 การเปิดใช้งานโปรแกรม Illustrator CS3 

           
หลังจากที่ติดตั้งโปรแกรม Illustrator CS3 เรียบร้อยแล้วสามารถเรียกใช้โปรแกรมได้ตามขั้นตอนดังต่อไปนี้

           1. คลิกคำสั่ง Start > All Program >Adobe Illustrator CS3 ดังภาพ
 

           2. จะปรากฏหน้าต่างต้อนรับขึ้นมา เพื่อเลือกรูปแบบการทำงาน ดังภาพ

How to use Illustrator CS5 แบบพื้นฐาน

                                   How to use Illustrator CS5 แบบพื้นฐาน

 ขอฝาก How to use  Illustrator CS5 แบบพื้นฐานโคตรๆ ไว้ที่นี่ละกันนะ ใช้ง่าย ภาพก็ไม่ได้ย่อน่าเกลียด+ความเคยชินของอิงเองด้วย







_____________________________________________________

เริ่มจากการแนะนำเครื่องมือต่างๆที่มีในอิลลัสเตเตอร์
ไปดูที่ >>>   https://sites.google.com/site/we ... m-adobe-illustrator

___________________________________________________________

เริ่มต้นวาดอย่างไร???

อันนี้ขอแบ่งเป็นข้อๆตามที่อิงรู้และเข้าใจเลยนะ

1. มีภาพร่าง/หรือการวาดภาพใส่กระดาษไว้แล้วสแกนมาเปิดในอิลลัส วิธีตัดเส้นในอิลลัสสำหรับข้อนี้ แบ่งออกเป็น
             - การใช้ Pen tool ดราฟทับเส้นเอง ข้อดีคือคุมเส้นได้ ข้อเสียคือใช้เวลาหน่อย ดราฟทีนั่งนานจนสมาคมเคล็ดขัดยอกถามหา เพราะฉะนั้น พักบ้าง อะไรบ้างนะ

ดราฟอย่างไร เลื่อนลงไปเรื่อยๆเลยจ้า
             - การปรับเส้นด้วยอิลลัส ข้อดีคือรวดเร็วทันใจ เส้นคม ข้อเสียคือเราคุมเส้นไม่ได้ เส้นบางจุดจะแหว่งหายไป(เดี๋ยวจะมีตัวอย่างมาให้ดู) ข้อแนะนำสำหรับวิธีนี้คือ การสแกนภาพ ควรเอาหมึกตัดเส้นให้เข้มๆ ไม่บางเบาเกินไป ไม่งั้นพอกดปรับแล้วจะกลายเป็นฉากขาวโล่งโจ้ง
วิธีนี้ทำโดยการ คลิกที่ selection tool(V)คลิกที่ภาพ แล้วไปที่ Object>Live Trace>Make and Expand


ก่อนทำการปรับเส้นทั้งหมดเป็นพาธ

วิธีปรับ

หลังปรับ

ตัวอย่างการปรับภาพที่สีอ่อนมากๆ ไม่ได้ตัดเส้นให้เข้ม ถือว่า FAIL

ก่อนปรับ แหม น่ารัก น่ารักจริงๆ ชมกันเข้าไป ลองปรับดูสิ



2. วาดสดด้วยเม้าส์หนู  วิธีนี้อิงใช้ Pen tool วาดเอาเลย แบ่งเลเยอร์ ล๊อคเลเยอร์ เดี๋ยวจะสอน ขอพิมเสร็จก่อน!

3. บรัชในอิลลัสล่ะ? อันนี้แนะนำว่า (ส่วนตัวนะ) ถ้าอยากใช้บรัชวาด ให้ไปใช้ Photoshop ดีกว่า เพราะถ้าใช้ในอิลลัส เวลาเราคลุมภาพเพื่อจะย่อ-ขยาย มันจะหาเรื่องมีมวยกับเรา! เพราะภาพจะเละตุ้มเป๊ะ สะเปะสะปะคนละทาง

แต่ถ้าทำแบบ คิดว่า ไม่มีย่อขยายทีหลังแน่นอน ก็ตามสะดวกจ้ะ แต่สำหรับคนที่ทำขาย แนะนำอย่าดีกว่าจ้ะ เกิดคนซื้อหรือคนจ้างเค้าเกิดนึกอยากย่ออยากขยายภาพขึ้นมา ตายหองเลย

___________________________________________________________

การดราฟเส้น ดราฟอย่างไร?











อยากรู้ อยากดูชัดๆว่าที่เราดราฟไว้เป็นไงมั่ง ทำไงดี?? ตามนี้เลยจ้า




___________________________________________________________

เสวนาเรื่องดราฟต่อ??















___________________________________________________________

การลงสี







___________________________________________________________

อื่นๆ

ขอขอบคุณเว็บไซต์แหล่งอ้างอิง

การไล่สี

Gradient  >>> http://vimeo.com/5731155

เครดิต http://jammycray.wordpress.com/2010/05/29/108/

การลงสีด้วย Mesh Tool

>>> เครดิต  http://jammycray.wordpress.com/2 ... E0%B9%89-mesh-tool/

การไล่สีโดนใช้คำสั่ง blend และสร้างโครงเส้น
ในนี้จะมีวิธีทำวัสดุโปร่งแสงด้วย


>>> เครดิต http://jammycray.wordpress.com/2010/05/29/81/


แหล่งที่มา อ้างอิง:board.mygame.in.th › Fan Art
 

Blogger news

Blogroll

About