LevelUp! Studio » gradient https://blog.levelup.in.th Experience the new world. Fri, 26 May 2017 10:06:07 +0000 th hourly 1 http://wordpress.org/?v=3.8.1 Gradient เพี้ยนใน Flash เมื่อ copy มาจาก illustrator https://blog.levelup.in.th/2014/09/30/gradient-bug-flash-copy-illustrator/ https://blog.levelup.in.th/2014/09/30/gradient-bug-flash-copy-illustrator/#comments Tue, 30 Sep 2014 08:59:11 +0000 http://blog.levelup.in.th/?p=3810 เมื่อเราทำการ copy รูปจากโปรแกรม illustrator มายัง Flash ถ้ารูปของเรามีส่วนที่ใช้การไล่สี (Gradient) จะพบว่า สีของshape ที่ไล่สีบางอันอาจจะเพี้ยนไป ดังรูปต่อไปนี้
null
null

ทั้งนี้เนื่องจากว่า รูปลูกศรอันซ้ายมือ คืออันที่เกิดจากการ Reflect ขึ้นมาครับ
null

วิธีแก้ไข

เปลี่ยนสีของ shape ที่มีปัญหาก่อน เป็นสีใดก็ได้
null

จากนั้นก็เปลี่ยนกลับเป็นสีที่ต้องการอีกที ก็เรียบร้อยแล้วครับ
null

]]> https://blog.levelup.in.th/2014/09/30/gradient-bug-flash-copy-illustrator/feed/ 0 [illustrator]ทำ Gradient แบบโค้งๆด้วยการ Blend https://blog.levelup.in.th/2013/02/27/curve-gradient-blend/ https://blog.levelup.in.th/2013/02/27/curve-gradient-blend/#comments Wed, 27 Feb 2013 09:06:03 +0000 http://blog.levelup.in.th/?p=2417 blend > make ก็จะได้รูปแบบนี้ครับ 3.เสร็จแล้วก็สร้างเป็น brush ใหม่ครับ เลือก Art Brush (กดสร้าง Brush ใหม่จากหน้าต่าง Brushes) 4.ลองสร้างเส้นโค้งๆขึ้นมา แล้วกดเลือก Brush ที่เราเพิ่งสร้างขึ้นดูครับ ก็จะได้เส้นโค้งที่ไล่สีแบบโค้งๆตามเส้น 5.นอกจากนี้เรายังสามารถนำไปประยุกต์ทำเป็นรูปแบบอื่นๆได้อีกด้วย การทำ blend แบบนี้สามารถทำแบบอื่นๆได้อีกด้วย เช่น]]> ปกติแล้วใน illustrator เราสามารถทำ Gradient ได้ง่ายๆสองแบบคือ linear กับ radial แบบที่เห็นในรูปครับ ซึ่งหลายๆคนก็คงทราบกันอยู่แล้ว

แต่ถ้าอยากให้มันโค้งๆ ไม่ใช่แบบปกติอย่างนี้ก็สามารถทำได้ครับ

1.สร้างรูปสีเหลี่ยมหรือวงกลม เป็นสีๆแบบในรูปครับ

2.กดคำสั่ง object > blend > make ก็จะได้รูปแบบนี้ครับ

3.เสร็จแล้วก็สร้างเป็น brush ใหม่ครับ เลือก Art Brush (กดสร้าง Brush ใหม่จากหน้าต่าง Brushes)

4.ลองสร้างเส้นโค้งๆขึ้นมา แล้วกดเลือก Brush ที่เราเพิ่งสร้างขึ้นดูครับ

ก็จะได้เส้นโค้งที่ไล่สีแบบโค้งๆตามเส้น

5.นอกจากนี้เรายังสามารถนำไปประยุกต์ทำเป็นรูปแบบอื่นๆได้อีกด้วย

การทำ blend แบบนี้สามารถทำแบบอื่นๆได้อีกด้วย เช่น


]]> https://blog.levelup.in.th/2013/02/27/curve-gradient-blend/feed/ 0