+ Reply to Thread
Page 1 of 13 12311 ... LastLast
Results 1 to 10 of 127
  1. #1
    yoshiz

    Graphic Training

    เนื่องจากกระทู็สอนทำ sig ลิ้งค์หายไปมากแล้วจำนวนหน้าเยอะมากๆๆจน งงตาลาย ผมเลยรวบรวมเทคนิค photoshop มายำไว้ในกระทู็นี้พร้อมทำ สารบัญให้คับ

    รวบรวมเทคนิคต่างๆของ Photoshop จากผมเองและเว็ปไซต์อื่นๆ
    Credits : http://www.thaigraph.com , http://www.designparty.com , http://www.stepfools.com ,http://www.cgplusmag.com

    วิธีหาง่ายๆๆ กด Ctrl + F หรือ Edit >> Find แล้วพิมพ์ ชื่อหัวข้อลงไปในหน้านั้นๆ
    สารบัญ :
    หน้า 1
    - หลักการทำมิติแสงแบบเงาสะท้อน
    - เคล็ดลับการปรับสีผิวรูปปั้นให้เป็นสีเนื้อคน
    - หลักวิธีการ Retouch ภาพด้วยแสง
    - การสร้างมิติแสงแบบริ้วผ้า
    - หลักวิธีการประยุกต์ใช้ Font
    - หลักวิธีการสร้างมิติอารมณ์เส้น
    - ทักษะการทำพื้นหลังลายไทย 2005
    - หลักวิธีการปรับแต่งมิติให้กับลายไทย
    - น้ำหนักแสงเฉดสีอารมณ์
    - หลักวิธีการสร้างมิติแสงในสี
    - หลักวิธีการใช้แสงทำให้วัตถุเหมือนของเล่น
    - หลักวิธีการเชื่อมสีเชื่อมแสง
    - Digital Paint By photoshop
    - Photoshop draw tutorial
    หน้าที่ 2
    - พื้นฐานงาน Graphic Design
    - ท่านอยู่จุดไหนของคนมองงานกราฟิค
    - อารมณ์ สี อารมณ์ แสง อารมณ์ กราฟิค
    - ส่องแนวทางเวปกราฟิคต่างประเทศ
    - สลับสีสลับแสงสลับอารมณ์
    - สาธิต การออกแบบกราฟิคอย่างมีระบบ ในการทำ Products Title
    - วิธีการเลือกใช้สีใน Photoshop ในการออกแบบกราฟิค แบบฉบับไทยกราฟ
    - วิธีสร้างรูปทรงบนก้อนเมฆ
    หน้าที่ 3
    - วิธีการสร้าง Effect ให้ตัวหนังสือกลายเป็นน้ำแข็ง ด้วย Filterใน Photoshop
    - สปีดเร็วกว่านรก
    - 3D Abstract
    - Aqua text
    - Make Cartoon Sunlight
    - How to make smooth wave
    หน้าที่ 4
    - Cool Dot
    - Make a Red Hot Sun
    - ทำตัวอักษรไฟ
    หน้าที่ 5
    - ทำ Aura
    - สร้าง E-magazine ด้วย Flash
    หน้าที่6
    - เทคนิคการลงสี Digital Paint
    - เรียนรู้เทคนิคการลงสี Digital Paint
    - วิธีทำหุ่น Transformer ง่ายๆ ด้วย Photoshop
    - สร้าง Preloader ด้วย Flash ( loading . ... )
    - How to การทำภาพ โลโม่
    -



    Computer Graphic : สำหรับผู้สนใจด้านกราฟฟิกภาพเคลื่อนไหว หรือเอฟเฟกประกอบภาพยนต์นะคับ

    แนะนำว่าก่อนฝึกตัวนี้ควรมีพื้นฐาน Photoshop และสเปคคอมเทพๆ *-*

    งานด้านนี้จะใช้กับพวกตัดต่อหรือเป้นแผนก CG ในผังรายการต่างๆในบริษัทใหญ่ๆ หรือ production นะคับ
    สำหรับเว็ปไซต์ที่ผมแนะนำสอนดีและเข้าใจง่ายเว็ปนี้เลยคับ
    http://www.videocopilot.net/




    Update 29/12/2209 : มีเว็ปดีๆมาฝากครับ เว็ปนี้มี Tutorial สอนกันแบบ Vdo เลยสะดวกในการเรียนรู้มากครับ

    Click here !! http://www.fxmodify.com/photoshop.html

  2. #2
    yoshiz

    หลักการทำมิติแสงแบบเงาสะท้อน

    หลักการทำมิติแสงแบบเงาสะท้อน
    หลักการนี้จะใช้แสงสีขาวแบบโปร่งแสงมาทำให้เกิดมีมิติแบบแสงสะท้อนโดยจะเน้นสีพื้นหลังจะเป็นสีที่เข้มๆ สวยงาม แล้วเอาตัววัตถุกลับด้านแล้วใช้ Brush ที่มีความเบลอมาลบส่วนที่ไม่ต้องการออกเพิ่มมิติให้กับวัตถุด้วยแสงจากตัวมันเอง เอ้ามาดูหลักวิธีการทำกันเลย

    ขั้นตอนที่1.
    ให้ทำการเปิดไฟล์ภาพที่จะทำ Effects ขึ้นมาดังภาพตัวอย่าง.



    ขั้นตอนที่2.
    ทำการ Copy ภาพแล้วทำการสร้าง ไฟล์ใหม่ให้มีขนาดใหญ่กว่าเดิมและที่สำคัญกำหนดพื้นหลังให้เป็นสีทึบๆ เช่นสีดำเป็นต้น ดังตัวอย่าง.


    ขั้นตอนที่3.
    ให้สร้าง Layer ใหม่แล้วใช้อุปกรณ์ Marquee Tool สร้างเส้น Selection รูปสี่เหลี่ยมผืนผ้าแล้วใช้อุปกรณ์ Gradient tool ไล่เฉดแบบ โปร่งแสงโดยใช้ Foreground เป็นสีขาว แล้วไล่เฉด ดังตัวอย่าง.






    ขั้นตอนที่4.
    ให้ทำการยกเลิกเส้น Selection โดยกด Ctrl + D จากนั้นใช้อุปกรณ์ Brush แบบ Eraser Tool ที่มีหัวเบลอ 200 ลบขอบที่เราทำการ ไล่เฉด จากนั้นก็ให้ทำการปรับค่า Opacity เมื่อไม่ให้สว่างเกินไปดังภาพตัวอย่าง.





    ขั้นตอนที่5.
    จากนั้นให้ทำการ Copy layer วัตถุที่เราทำการทำ Effects โดยลากไปทับไอค่อนรูปกระดาษ โดยให้ Layer Copy ใหม่อยู่ Layer บนสุดแล้วทำการพลิก วัตถุกลับบนล่าง โดยมาที่คำสั่ง Edit ---> Transform ---> Flip Vertical แล้วทำการใช้อุปกรณ์ Brush แบบยางลบ ลบขอบ ที่เราไม่ต้องการแล้วปรับค่า Opacity ให้ไม่สว่างเกินไปให้ดูเหมือนแสงเงาสะท้อน ดังตัวอย่าง.










    ขั้นตอนที่6.
    หลังจากนั้นทำการ Copy ตัววัตถุขึ้นมาอีก Layer copy โดยให้อยู่บนสุดเช่นกันจากนั้นให้ทำ Effects Blur โดยมาที่ Filter ---> Blur ---> Gaussian Blur โดยปรับค่า Radius ประมาณ 3.0 pixels แล้วก็ให้แสงใน Layer เป็นแบบ Screen แล้วก็ปรับความเข้มจางให้เหมาะสมโดยปรับค่า Opacity ก็จะได้มิติแสงสะท้อนที่สมจริงดังภาพ.





    คุยก่อนจบ.
    หลักการนี้จุดเด่นก็คือเงาสะท้อนแสงที่ดูมีมิติ ตัวทำให้ก็คือการไล่เฉดแล้วลบขอบให้จางๆ แล้วก็เอาตัววัถุกลับบนล่าง แล้วทำจ่างๆ ลบขอบให้จางๆ เช่นกัน และขั้นตอนสุดท้ายคือให้แสงกับวัตถุด้วยการเบลอแล้วให้แสงแบบ Screen ทำให้เกิดมิติแสงสะดุดตาสะดุดใจยิ่งขึ้น หลักการเหล่านี้สามารถนำเอาไปประยุกต์ ได้ หลากหลายเลยทีเดียว ถ้าเราเข้าใจในองค์ความรู้นั้นๆ ก็จะเกิด Vision ได

  3. #3
    yoshiz

    เคล็ดลับการปรับสีผิวรูปปั้นให้เป็นสีเนื้อคน

    เคล็ดลับการปรับสีผิวรูปปั้นให้เป็นสีเนื้อคน

    ขั้นตอนที่1.
    ให้ทำการเปิดไฟล์ภาพที่ต้องการจะ Retouch ขั้นมาดังตัวอย่าง.



    ขั้นตอนที่2.
    ให้ทำการปรับสีแสงโดยรวมของภาพให้สว่างมาหน่อยโดยใช้คำสั่ง Image ---> Adjusments ---> Brightness/Contrast แล้วให้ปรับสีให้ดูสว่างและให้สมดุลดังตัวอย่าง.



    ขั้นตอนที่3.
    จากนั้นให้ทำการตัดโดยใช้อุปกรณ์ Lasso Tool ตัดบริเวณที่เราจะทำการ Retouch แล้วทำการ Copy Layer ขึ้นมาอีก Layer หนึ่งดังภาพตัวอย่าง.



    ขั้นตอนที่4.
    เมื่อทำการตัดส่วนที่ต้องการ Retouch แล้วให้เป็น Layer จากนั้นทำการยกเลิกเส้น Selection โดยมาที่ Select --> DeSelect แล้วให้ปรับสีผิวเป็นโทนขาวดำโดยมาที่คำสั่ง Image --> Adjustment --> Desaturate หรือกด Shift + Ctrl +U ก็จะได้ดังภาพ.



    ขั้นตอนที่5.
    จากนั้นให้ทำการปรับสีโทนผิวโดยมาที่คำสั่ง Image ---> Adjustmant ---> Color Balance โดยการปรับจะปรับสามขั้นตอนด้วยกัน


    5.1 การปรับในส่วนของ Miditones ปรับโทนสี
    ให้ปรับในส่วนของ Color Balance ในส่วนของ CMY และ RGB ปรับแล้วสังเกตให้โทนสีให้ใกล้เคียงสีผิวคน ดังภาพ.




    5.2 การปรับในส่วนของ Shadows ปรับในส่วนเงา
    ให้ปรับในส่วนของ Color Balance ในส่วนของ CMY และ RGB ปรับแล้วสังเกตความเข้มของโทนสีให้มีน้ำหนัก ดังภาพ.


    5.3 การปรับในส่วนของ Highlights ปรับในส่วนของแสง
    ให้ปรับในส่วนของ Color Balance ในส่วนของ CMY และ RGB ปรับแล้วสังเกตความมีมิติแสงให้เติมความสว่างโทนสี ดังภาพ.
    http://www.thaigraph.com/training/re...ighlights2.jpg[img]http://[/img]

    ขั้นตอนที่6.
    จากนั้นให้ทำการปรับระดับแสงโดยมาที่ Image ---> Adjusments ---> Brightness/Contrast โดยลดเพิ่มค่า Brightness และ Contrastดูสมดุลกันดังภาพ.



    ขั้นตอนที่7.
    จากนั้นให้ทำการ Copy Layer ที่ทำการปรับสีแสงเสร็จแล้วมาอีก Layer เพื่อจะเข้าสู่กระบวนการให้แสงใน Layer ทำให้สีแสงเกิดมิติสมจริงยิ่งขึ้น โดยมาที่คำสั่ง Filter ---> Blur ---> Gaussian Blur โดยปรับค่า Radius =3.0 pixels แล้วก็ให้แสงใน Layer เป็นแบบ Screen พร้อมปรับค่า Opacity เพื่อไม่ให้แสงจ้าเกินไป ก็จะได้สำเร็จดั่งภาพ.






    หลังแต่งก่อนแต่ง

    Note... เราสามารถปรับแต่งให้ละเอียดได้อีกโดยสามารถกลับไปในขั้นตอนที่ 5 ใหม่ได้จนจะพอใจและใกล้เคียงสีผิวจริง

    คุยก่อนจบ. เป็นไงขอรับคงไม่ยากเกินไปนะขอรับ จุดที่ต้องปรับให้ได้ก็คงจะเป็นขั้นตอนที่ 5 ในการปรับสมดุลและอารมณ์สีผิวให้คล้ายสีผิวคนให้ได้มากที่สุด เมื่อได้แล้วก็ต้องปรับแสงให้สมดุลอีก แล้วเพิ่มชีวิตชีวา โดยใช้แสงใน Layer ในลักษณะต่างๆ หลักการพวกนี้สามารถเอาไป ใช้ในการ Retouch ในลักษณะต่างๆได้ เลย ...

  4. #4
    yoshiz

    หลักวิธีการ Retouch ภาพด้วยแสง

    หลักวิธีการ Retouch ภาพด้วยแสง

    หลักวิธีการนี้จะทำให้ภาพที่ Retouch ด้วยแสงจะสมจริงและได้อารมณ์ยิ่งขึ้น โดยใช้สีต่างมา Paint ลงในภาพ แล้วก็ใช้แสงใน Layer ทำให้เกิดความกลมกลืนและสมดุลกับภาพยิ่งขึ้น ทำให้ดูแล้วได้อารมณ์สวยงามดั่งใจ





    หลักวิธีการตัวหลักคือแสงใน Layer สร้างอำนาจและอารมณ์ให้กับภาพ เป็นตัวทำให้สีที่ Paint ลงในภาพทำให้นุ่มและกลมกลืนได้ เอาหละเรามาเรียนรู้กันเลย

    ขั้นตอนที่1.
    เริ่มจากนำรูปไฟล์ภาพที่ต้องการ Retouch ขึ้นมาดังภาพตัวอย่าง.



    ขั้นตอนที่2.
    สร้าง Layer ใหม่แล้วทำการเลือกสี Foreground Color แล้วทำการ Paint โดยใช้อุปกรณ์ Brush หัวเบลอ ลงจุดต่างๆของภาพ ดังตัวอย่างเสริมแก้มให้สีชมพู แล้วให้แสงใน Layer ที่เราทำแต้มสีชมพูใว้ให้เป็นลักษณะ Screen แล้วลดค้า Opacity = 70% ปรับเพื่อให้เข้ากันดังตัวอย่าง.








    ขั้นตอนที่3.
    จากนั้นเราจะมาเสริมตาออกสีฟ้าสวยๆให้กับภาพคล้ายกับใส่คอนแทคเลนส์ ก็ใช้หลักการแสงอีกนั้นหละ สร้าง Layer ใหม่ แล้วเลือกสีฟ้าตามที่เราต้องการและ Paint ลงไปที่ดวงตาของนางแบบในภาพ จากนั้นให้แสงในภาพให้เป็นลักษณะ Overlay ดังภาพตัวอย่าง.




    ขั้นตอนที่4.
    จากนั้นเรามาแต้มสีแดงให้กับนางแบบแสนสวยให้ดูเซ็กซี่กัน ด้วยกระบวนการเดิมแต่งเติมด้วยสีแดง Paint ลงบนริ้มฝีปากนางแบบเลย โดยเลือกหัว Brush ที่มีขนาดเล็กลงมาหน่อยเพื่อจะได้พอดีกับริมฝีปาก แล้วให้แสงแบบ Soft Light พร้อมกับปรับค่า Opacity ให้ได้ระดับ แสงตามที่เราต้องการดังภาพตัวอย่าง.





    ขั้นตอนที่5.
    คิ้วเข้มไม่พอเสริมคิ้วได้ด้วย Paint สีดำลงไปแล้วก็ปรับค่าแสงแบบ Soft Light พร้อมกับลดค่า Opacity ตามที่เราต้องการ ก็จะได้ดังภาพ.






    ขั้นตอนที่6.
    จากนั้นมาปรับแสงโดยรวมของภาพโดยใช้ภาพ Layer แล้วทำการ Copy แล้วใช้ Effects Filter --> Blur Gaussian Blur ค่า Radius ประมาณ 30% จากนั้นก็ให้แสงแบบ Screen แล้วค่า Opacity ตามที่ต้องดูความเหมาะสม ก็จะได้ภาพที่ Retouch ด้วยแสงที่สวยงามและสะดุดตาดังภาพ.





    ภาพตกแต่งแล้วภาพต้นฉบับ

    คุยก่อนจบ.
    เป็นไงขอรับคงไม่ยากจนเกินไปนะขอรับตามที่ อ.ธนา ถ่ายทอด หลักการนี้คือ Vision ของแสงที่เคยไปตอบกระทู้ใน Forum มาแล้วเป็นกระบวนการต่อจากในการ Retouch ปรับปรุงผิวลบริ้วรอยด่างดำหรือรอยตำหนิในภาพแล้ว ก็ใช้ Vision ของแสงนั้นมาเพิ่มเติม ก็จะได้มิติที่สวยงามดึงดูดใจยิ่งขึ้น สามารถเอาไปใช้กับงานกราฟิกต่างๆได้ 108 เลยถ้าเข้าใจแสงใน Layer ในการนำมาประยุกต์

  5. #5
    yoshiz

    การสร้างมิติแสงแบบริ้วผ้า

    การสร้างมิติแสงแบบริ้วผ้า

    หลักการโดยร่วมจะเน้นการไล่เฉดแบบกึ่งโปร่งแสงหรือที่เรียกกันว่า Transparent จะเน้นแสงสีขาวเป็นหลัก จากนั้นก็ใช้ Brush ทำการลบสัดส่วนที่ไม่ต้องการออกเสียเหลือแต่สัดส่วนที่คมชัดที่สุดคือดูเป็นเส้นๆ แล้วมาเรียงกันจากนั้นทำการบีด เกลียวให้ได้มิติ แล้วใช้แสงให้เข้ากับพื้นหลังเมื่อมาตัดสีตัดแสงใน layer ทำให้เกิดมิติสวยงาม art เอาหละมาเรียนรู้กันเลย

    ขั้นตอนที่1.
    ให้ทำการสร้างไฟล์ขึ้นมา 1 ไฟล์ขนาดตามที่เราต้องการ จากนั้นให้ทำการสร้าง Layer ใหม่แล้วทำการไล่เฉดโดยใช้อุปกรณ์ Gradient tool ไล่เฉดแบบ Copper เมื่อทำการไล่เฉดแล้ว ให้ทำการปรับเปลี่ยนสีตามที่เราต้องการโดยใช้ Hue/Saturationก็จะได้พื้นหลังไล่เฉดดังภาพ.








    ขั้นตอนที่2.
    เมื่อทำการไล่เฉดเสร็จแล้วให้ทำการสร้าง Layer ใหม่จากนั้นให้การเปลี่ยน Foreground Color เป็นสีขาว แล้วทำการสร้างเส้น Slection วงกลมขึ้นมาแล้วไล่เฉดแบบกึ่งโปร่งใสลงในภายใน Selection นั้น ดังตัวอย่าง.






    ขั้นตอนที่3.
    จากนั้นให้ทำการยกเลิกเส้น Selection จากนั้นให้ทำการบีดเกลียวโดยใช้คำสั่ง Edit --> Transform --> Perspacetive เมื่อทำการดัดได้ดั่งภาพแล้วให้ทำการใช้อุปกรณ์Brush แบบ Eraser (ยางลบ) หัวแบบเบลอ ลบสัดส่วนที่ไม่ต้องการทิ้งเสีย จนได้ดังภาพ.










    ขั้นตอนที่4.
    จากนั้นเอาเส้นโปร่งแสงที่เราใช้ Brush แต่งมาเรียงซ้อนกัน โดยการ Copy Layer มาเรียงซ้อนกัน สัก 4 Layer จากนั้นทำการรวม Layer โดยกด Ctrl + e เมื่อทำการรวม Layer แล้วจากนั้นให้ทำการบิดเกลียวโดยใช้ Edit --> Transform -->Perspacetive ไปในทิศทางต่างๆ ดังตัวอย่าง.





    ขั้นตอนที่5.
    เมื่อทำการบิดเกลียวเสร็จแล้วจากนั้นก็ทำการให้แสงใน Layer ให้เป็นลักษณะแบบ Overlay เพื่อทำให้ดูนุ่มยิ่งขึ้นและเข้ากับพื้นหลังได้ดี แล้วนำมาซ้อนกันให้ได้มีมิติดั่งใจ จะเกิดมุมมองมิติใหม่ของแสงได้อารมณ์แบบ Art ที่จะสุดยั้งจิตนาการได้ดังภาพ.








    On.Tip
    ทักษะนี้เราสามารถใช้การบีดเกลียวในลักษณะต่างๆ ของ Perspacetive ทำให้เกิดเส้นที่มีความเคลื่อนไหวในทิศทางต่างๆ หลายลักษณะ สวยงามนุ่มนวล Art อย่างยิ่ง.


  6. #6
    yoshiz

    หลักวิธีการประยุกต์ใช้ Font

    หลักวิธีการประยุกต์ใช้ Font

    หลายคนที่เริ่มใช้โปรแกรม Photoshop คงต้องเจอปัญหาเหล่านี้แน่นอน ทางไทยกราฟจึ่งเรียบเรียนหลักวิธีการ แก้ปัญหา ให้ท่านได้เรียนรู้และมีแนวทางแก้ไขปัญหาในมุมมองต่าง เอาหละมาดูแนวทางกันสิว่า แก้ยากง่ายแค่ไหน

    FAQ 1. ต้องการให้ Photoshop สามารถใช้ Font thai ได้ต้องทำอย่างไร?

    ตอบ : ต้องเอา Font thai ที่เรามี Copy ไปใว้ในห้อง C:\Program Files\Common Files\Adobe\Fonts (หลักการนี้ใช้ได้กับ Photoshop ทุกเวอร์ชั่น) ถ้าต้องการ Font Thai สามารถดูได้จาก Forum Thaigraph ได้เลย ที่นี่ ...

    http://www.thaigraph.com/viewtopic.p...=1341&forum=26



    FAQ 2. การที่ต้องการ Text ยาวๆ ที่พิพม์ใว้จากโปรแกรมอื่นมาใส่ Photoshop ต้องทำไง โดยต้องการ Font ตัวนั้นไปใช้ใน Phtoshop ด้วย?

    ตอบ : อย่างการที่เราจะเอา Font จากโปรแกรมอื่นมาใช้ในโปรแกรม Photoshop นั้น ถ้าใน Photoshop มี Font นั้นอยู่แล้วสามารถทำการ Copy แล้วPaste ลงในโปรแกรม Photoshop ได้เลย แล้วทำการเปลี่ยน Fontนั้นใน Photoshop เลย แต่อีกกรณีหนึ่งถ้าไม่มี เราก็ใช้วิธีการ Print Screen Capture มาลงในโปรแกรม Photoshop ได้ ...

    เช่น กรณีที่เราต้องการเอา Text ที่พิมพ์ใน Notepad มาใส่ประกอบภาพกราฟิกใน Photoshop ซึ่ง Text ที่เราต้องการคือ Ms Sans Serif พอดีใน Photoshop ไม่มี Font นี้เราก็สามารถทำการ Printscreen แล้วทำการ Copy มาใส่ใน Photoshop
    ได้ดังตัวอย่าง.




    และอีกกรณีเมื่อทำการ Paste ลงไปแล้วติดพื้นหลังสีต่างๆ มาด้วย เราก็สามารถใช้แสงใน Layer ในลักษณะต่างๆ ช่วยได้ดังตัวอย่าง.






    จะเห็นในกรณีที่ยกตัวอย่างนั้น จะมีทั้งข้อดีและข้อเสีย ด้วยกัน ...

    ข้อดี : สะดวกรวดเร็วและประยุกต์ได้หลากหลาย

    ข้อเสีย : ไม่สามารถแก้ไข Text ต้นฉบับใน Photoshop ได้ ต้องกลับไปแก้ในโปแกรมที่เราทำการพิมพ์ Text ใว้



    FAQ 3. ปัญหาพิมพ์ตัว ญ ใน Photoshop CS ไม่ได้ ต้องทำไง?

    ตอบ : ปัญหานี้หลายคนใช้ Photoshop เวอร์ชั่นนี้ต้องเจอแน่นอน ถ้ามองตามหลักการโดยปกติ จะเน้นเอา Photoshop มาใช้ทำ Graphic และ Text ที่ใช้ทำการฟิก โดยใส่ Effects ลงไปนั้นคงไม่พิมพ์ยาวมากเกินไป ถ้ามีปัญหาตัว ญ ตัวเดียวก็จัดการ ประยุกต์ผสมผสานตัวอักษร อื่นได้เลย ไม่ต้อง ง้อ ระบบโปรแกรมเลย ประยุกต์ปะติดปะต่อ Layer เองซะเลย ดูจากตัวอย่าง

    ถ้ามองตัว ญ น่าจะเอาตัว ถ + บั มาผสมผสานกันได้โดยปะติดปะต่อ Layer เอาคงไม่ยากเกินไปดูจาก Step ตัวอย่าง.



    ขั้นแรก : พิมพ์ตัว ถ จากนั้นตัว บ แล้วไม้หันต์ ลงไป แล้วมาส่งให้ Layer กลายเป็นภาพ โดยคลิ๊กขวาที่ Layer แล้วมาที่คำสั่งResterize Layer จะทำให้ตัวอักษรกลายเป็นภาพไป



    ขั้นสอง : แล้วมาปะติดปะต่อกันโดยสัดส่วนของตัว บ ออกดังตัวอย่าง.





    ขั้นที่สาม : จากนั้นก็เอาตัว ถ กับตัว บ มารวมกันเอาชิดกัน จากนั้นเอาไม้หันต์อากาศมาใส่ข้างล่าง ก็จะดูคล้ายกับตัว ญ หละ




    นั้นก็ประยุกต์นั้นหละ คงแก้ขัดไปก่อน ดีกว่าไม่ได้หละนะ ไม่ใช่ก็ใกล้เคียงหละกัน

    คุยก่อนจบ : จากตัวอย่างในการแก้ปัญหาต่างเรื่อง Font ที่จะเอามาใช้ใน Photoshop นั้นจะเห็นว่าเราต้องรู้จักประยุกต์หลักการต่างๆ เข้าด้วยกันถึงจะแก้ปัญหาได้จะพึ่ง Auto หรือระบบสำเร็จของโปรแกรมมันอย่างเดียวก็คงไม่ได้ คงมากุมหัวกันเลยหละ ถ้าเราประยุกต์ได้ ปัญหาที่เกิด เป็น บ่อเกิดของ ปัญญานั้นเอง ...

  7. #7
    yoshiz

    หลักวิธีการสร้างมิติอารมณ์เส้น

    หลักวิธีการสร้างมิติอารมณ์เส้น

    หลักวิธีการนี้ก็ไม่อยากจะเกินไป เพียงแค่ เป็นการนำมาประยุกต์พื้นฐานต่างๆ ในการออกแบบเท่านั้น และสามารถเอาไปประยุกต์ได้อีกโดยรวมคือ มิติจะเกิดสองจุดด้วยกัน มิติแรกคือ พื้นหลังแบบไล่เฉด และมิติ ที่สองคือ มิติจาก วัตถุไล่เฉดแบบกึ่งโปร่งแสง นั้นเอง แล้วนำเอาภาพลวยลายต่างๆ มาให้แสงใน Layer ทำให้เกิดมีมิติที่กลมกลืนกัน เอาหละอยากทำแล้วหละสิ มาดูกระบวนการวิธีการทำกันเลย ...

    ขั้นตอนที่1.
    ให้ทำการสร้างไฟล์ใหม่ขึ้นมา จากนั้นให้ทำการสร้าง layer ใหม่ แล้วเลือกสีพื้นหลัง Foreground & Background ให้มีมิติสองสีตัดกัน หรืออยู่ในวรรณเดียวกัน จากนั้นใช้อุปกรณ์ Gradient tool ไล่เฉดแบบแนวตั้งจากล่างขึ้นบน ก็จะได้พื้นหลังมีมิติดังภาพ.





    ขั้นตอนที่2.
    จากนั้นให้ทำสร้างเส้น Selection รูปสี่เหลี่ยม แล้วสร้าง layer ใหม่แล้วทำการเปลี่ยน Foreground ให้เป็นสีขาวแล้วเลือกไล่เฉดแบบกึ่งโปร่งใส



    เมื่อทำการไล่เฉดเสร็จแล้วให้ทำการยกเลิกเส้น Selection โดยกดปุ่ม Ctrl + D จากนั้นทำการบิด โดยมาที่คำสั่ง Edit --> Transform ---> Perspactive จากนั้นทำการดัดดังรูป แล้วทำการลดค่า Opacity = 50% ก็จะได้ดังภาพ.






    ขั้นตอนที่3.
    จากนั้นทำตามขั้นตอนที่ 2 ซ้อนกันอีกสองครั้งโดนครั้งนี้ทำเป็นแนวสี่เหลี่ยมคางหมูและปรับระดับของรัศมีของแสงไล่น้ำหนักกันมาโดยปรับที่ค่า Opacity ตามต้องการจะได้ดังภาพ.





    ขั้นตอนที่4.
    แล้วก็ทำเหมือนเดิมดังขั้นตอนที่ 2 และ 3 นั้นแหละ แต่ตัวมาตัดจะดัด Edit --> Transform ---> Perspactive แบบไขว้สลับซ้ายขวา ทำให้มิติแสงรวม ตัดกันเกิดจุดเส้นมิติอีก ดังตัวอย่าง .



    ขั้นตอนที่5.
    ทีนี้จะลองมาใช้แบบ Selection วงกลมบ้าง ขั้นตอนก็สร้างเส้น Selection รูปวงกลมมาจากนั้นไล่เฉดแบบกึ่งโปร่งใสสีขาว แล้วใช้ Edit --> Transform ---> Perspactive ดัดลักษณะดังรูป.



    ขั้นตอนที่6.
    จากนั้นก็ทำเหมือนขั้นตอนที่ 5 แล้วซ้อนมิติโดยปรับระบบแสงใน Opacity ตามต้องการ ก็จะได้ดังภาพ.






    ขั้นตอนที่7.
    ให้นำภาพลวดลายต่างๆ เช่น ลายไทยมาประกอบการเคลื่อนไหวของเส้นที่เกิดมิติ โดยปรับค่าแสงใน Layer และค่า Opacity ให้มีมิติเข้ากันกับมิติเส้น ก็จะได้สำเร็จดังภาพ.








    Tip. ท่านสามารถเปลี่ยนอารมณ์ของภาพที่เกิดจากมิติของเส้นแสงได้ที่ layer พื้นหลังไล่เฉดจากนั้นให้มาที่คำสั่ง Image --> Adjustments ---> Hue/Sturation แล้วทำการปรับค่า Hue ตามต้องการก็จะเปลี่ยนอารมณ์ในภาพได้ดังตัวอย่าง.



    ท่านสามารถ Download Source Design ได้ที่นี่
    http://www.thaigraph.com/training/li...siondesign.zip

    คุยก่อนจบบทเรียน ...
    เป็นไงคงไม่ยากเกินไปใช่ไหมขอรับ เผยทักษะเทคนิค หลักวิธีการให้แล้วนะ ได้เรื่องออกแบบมันเฉพาะบุคคล เอาไปสร้างสรรค์กันเองสอนกันได้ยาก จับมาใช้ตามความคิด และจิตนาการให้สวยสดงดงาม เกิดเป็นงานกราฟิกเอกลักษณ์เฉพาะไทยๆ ได้ อย่าลืมเอาโชว์ในบอร์ดโชว์กราฟิกด้วยนะขอรับ ฉบับนี้ไปก่อนฉบับหน้าเจอกันใหม่ ...

  8. #8
    yoshiz

    ทักษะการทำพื้นหลังลายไทย 2005

    ทักษะการทำพื้นหลังลายไทย 2005

    หลักการทำพื้นหลังแบบนี้จะเป็น pattern คือมีขนาดไม่ใหญ่นักแต่เน้นการเรียงกันเป็นแนวลักษณะเดียวกันเต็มพื้นที่และเน้นความกลมกลืนของแสงแบบไล่เฉดขาวจางๆ กลืน ตัวลวดลายไทย ตัวลายไทยนี้จะเอาแนวโครงของลายไทยมาจะสังเกตไม่มีลวดลายข้างในเลยทำให้จ้าออกขาวๆ เพื่อเน้นให้กลืนกับพื้นหลัง และจะมี pattern มาตัดให้เกิดมิติลึกขึ้นมา แล้วก็มาปรับระดับแสงให้เป็นอันหนึ่งอันเดียวกันกับพื้นหลังให้ดี เอาหละมาดูวิธีการทำกันเลย ...

    ขั้นตอนที่1.
    ให้ทำการสร้างไฟล์ใหม่ขึ้นมาให้มีขนาดความกว้างยาว เท่ากับ 45 * 812 จะได้ความยาวเท่ากับหน้าจอพอดี

    ขั้นตอนที่2.
    จากให้ทำการสร้าง layer ใหม่โดยคลิ๊กไอค่อนรูปกระดาษที่ layer จากนั้นให้เลือกสี
    Foreground & Background ให้มีน้ำหนักตัดกันแบบโทนเดียวกันต่างน้ำหนักเข้มจางแล้วใช้อุปกรณ์ Gradient ไล่เฉดดังตัวอย่าง.



    ขั้นตอนที่3.
    หลังจากที่เราทำการไล่เฉดสีลงไปแล้วตามที่เราต้องการจากนั้นให้ทำการเลือกลายไทยแล้วทำลายไทยนั้นเป็น pattern เสีย โดย ก่อนอื่นเมื่อได้ลายไทยมาแล้วให้ทำการย่อลายไทยนั้นลงไปในพื้นที่เราทำการไล่เฉด จากนั้นทำการ Select --> All แล้ว Edit --> Copy เพื่อเลือกลายไทยนั้น แยกออกมาทำเป็นไฟล์ใหม่ โดย Background เป็นแบบ Transparent คือพื้นหลังโปร่งนั้นเอง จากนะเนทำการ Edit -- Paste ก็จะได้ไฟล์ใหม่ของลายไทยที่เราแยกมา แล้วทำการ Select ---> All จากนั้นใช้คำสั่งแปลงเป็น pattern โดยมาที่ Edit --> Define Pattern แล้วตั้งชื่อตามที่ต้องการ เราก็จะได้ pattern ลายไทยใว้ทำกราฟิก



    ขั้นตอนที่4.
    จากนั้นกลับการทำงานมาไฟล์ที่เราทำการไล่เฉด แล้วสร้าง layer ใหม่จากนั้นทำการ Fill Pattern โดยมาที่ Edit --> Fill ,Pattern เลือก Pattern ลายไทยที่เราทำใว้ในขั้นตอนที่ 3 ก็จะได้ลายไทยที่เรียงแถวกันในแนวตั้ง จากนั้นปรับแสงให้กับ Pattern ลายไทยที่ทำการFill ลงไป เป็นโครงร่างสีขาวไปเลย โดยใช้คำสั่ง image --> Adjustments --> Hue/Saturation โดยให้ปรับค่า Lightness = +100 ก็จะเป็นสีขาวทันที



    ขั้นตอนที่5.
    จากนั้นให้ทำการสร้าง Pattern ลายเฉียงขึ้นมา เพื่อสร้างมิติให้กับพื้นหลัง ดังตัวอย่าง หรือเอาจากตัวอย่างนี่ก็ได้จากนั้นก็ทำเป็น pattern ดั่งขั้นตอนที่3 จากนั้นกลับการทำงานมาที่พื้นหลังไล่เฉดจากนั้นสร้าง layer ใหม่ต่อจาก patern ลายไทยที่เราทำใว้ แล้วทำการ Fill ,Pattern เลือกเส้นเฉียงที่เราทำ แล้วเลือกแสงของ layer แบบ Soft Light แล้วปรับค่า Opacity = 50% แล้ว layer 3 ที่เป็นลายไทยก็ลด Opacity = 20% เลือกลดสีขาวให้จางให้เข้ากับ Pattern เฉียง ดังตัวอย่าง.



    ขั้นตอนที่6.
    จากนั้นให้ทำการ copy Layer ลายเฉียงอีกตัวหนึ่งแล้วสลับข้างทำให้เป็นเส้นไขว้ทับกัน โดยมาที่ Edit --- > Transform --> Flip Horizontal สลับข้างกัน จากนั้นก็ปรับค่า Opacity ให้เข้มจางให้เข้ากับพื้นหลัง



    ขั้นตอนที่7.
    จากนั้นสร้าง layer ใหม่แล้วทำการไล่เฉดสีขาวโปร่งแสง



    เพื่อให้สีขาวกลื่นพื้นหลังไล่เฉดและลายไทยและ pattern เฉียงที่ทำ จากนั้นเราก็ปรับค่าOpacity ให้กับ layer ที่ไล่เฉดสีขาวแบบโปร่งเสีย ก็เป็นอันเสร็จในการออกแบบพื้นหลังของไทยกราฟ 2005 ดังตัวอย่าง.




    ทำการโหลด Source Design
    http://www.thaigraph.com/training/bg...ggd_pt2005.zip

    Tip : ในการที่จะเอาไปใช้กับเวปนั้นต้องใช้คำสั่งตรึงพื้นหลังให้นิ่งโดยใส่ที่ในส่วนของ body bgproperties="fixed" พื้นหลังนี่ก็จะตรึงอยู่กับที่คำสั่งนี้จะใช้ได้กับ IE เท่านั้น Browser อื่นอาจจะไม่รับคำสั่งนี้

  9. #9
    yoshiz

    หลักวิธีการปรับแต่งมิติให้กับลายไทย

    หลักวิธีการปรับแต่งมิติให้กับลายไทย

    มิติที่จะสร้างขึ้นมานั้นจะทำให้ลายไทยเป็นไอค่อนนูนสลักสวยงามทำให้ดูน่าสนใจและดึงดูดใจยิ่งขึ้น ด้วยทักษะการใช้แสง
    แล้วทำให้เกิดมิติขึ้นใหม่กับลายไทยอีก เอาหละลองมาเรียนรู้ตามขั้น ตอนกันเลย ...

    ขั้นตอนที่1.
    เปิดภาพลายไทยที่ต้องการกระทำ Effects ขึ้นมาดังภาพตัวอย่าง.



    ขั้นตอนที่2.
    จากนั้นทำให้ภาพลายไทยมีพื้นหลังโปร่ง คือใช้ Selection เลือกพื้นที่ว่างโดยใช้ Magic Wand Tool เพื่อทำเกิด Selection แล้วทำการลบ ก็จะไม่มีพื้นสีขาว ดังตัวอย่าง Layer



    ขั้นตอนที่3.
    สร้างมิติแบบนูนให้กับ ลายไทย ก่อนอื่นต้อง copy เก็บใว้หนึ่ง Layer ก่อน โดยลาก Layer มาทับไอค่อนรูปกระดาษ จากนั้นก็ปิดตาที่ทำการ copy ใว้ก่อน แล้วเลือก Layer ที่เปิดตาอยู่ทำให้เป็นลักษณะขาวดำ โดยมาที่ Images --> Adjustments ---> Desaturate ภาพจะออกลักษณะโทน ขาวดำดังตัวอย่าง.


    ขั้นตอนที่4.
    จากนั้นก็ทำให้เกิด Effects Emboss โดยมาที่ Filter --> Stylize --> Emboss แล้วปรับให้นูนนุ่มสวยงามมีมิติดั่งภาพเสีย.



    ขั้นตอนที่5.
    จะเห็นว่าเมื่อทำ Emboss แล้วจะนูนแบบแข็งๆ ยังไม่สวยงามเท่าไหร่เราก็มาปรับมิติแสงด้วย Filter ---> Render --> Lighting Effects ปรับตามตัวอย่างก็จะได้แสงเพิ่มิติให้กับลายไทยอีกขั้นหนึ่ง ดังภาพ.



    ขั้นตอนที่6.
    เมื่อมิติแสงเกิด ทิศทางแสงเกิดแล้วให้ทำการปรับระดับแสงให้สว่าง สดใส่ โดยใช้ Image --> Adjustments ---> Brightness/Contrast ปรับแสงให้ดูสว่างสดใส่ตามที่ต้องการ ดังตัวอย่าง.



    ขั้นตอนที่7.
    จากนั้นก็ทำการใส่เงาให้กับลายไทยเพื่อสร้างมิติให้กับลายไทยทำให้ดูหน้าสนใจยิ่งขึ้น หรือทำการเปลี่ยนสีโดยมาที่ Images --> Adjustments ---> Variations เลือกผสมสีให้กับลายไทยของท่านตามต้องการ ก็จะได้มิติสำเร็จลายไทยดังภาพ.



    ปล.เทคนิคนี้ถ้าทำภาพใหญ่จะไม่ค่อยสวยเท่าไหร่ จะสนับสนุนเอามาทำไอค่อนสวยๆ ตกแต่งในเวปจะดูเด่น ทั้งนี้ขนาดต้องเล็กพอสมควรดังตัวอย่าง.




    คุยก่อนจบ.... เป็นไงขอรับเป็นเทคนิคที่ไม่ยากเกินไปนะขอรับก็แค่ประยุกต์และมีความละเอียดการใช้แสงในระดับต่างๆ จะเห็นว่าใช้ระดับเดียวทีเดียวมันจะไม่ได้ ตามที่ต้องการเราต้องค่อยผสมผสานแสงลง ทำให้เกิดมิติ ได้ง่ายและสวยงามนุ่มตา เมื่อนำมาเป็นไอค่อน จะออกเงินวาวๆ สวยงามหน่อย เรื่องแสงตัวนี้สำคัญดึงดูดได้ ดีเลยขอรับ ...

    ท่านสามารถโหลดภาพลายไทยสวยๆ ไปทดลองทำได้ที่นี่
    http://www.thaigraph.com/training/li...y/linethai.rar

  10. #10
    yoshiz

    น้ำหนักแสงเฉดสีอารมณ์

    น้ำหนักแสงเฉดสีอารมณ์

    เป็นการเอา Layer มาซ้อนกันแล้วให้ มิติโดยการ Blur แล้วให้น้ำหนักแสงแบบ Multiply แล้วทำการสร้าง อารมณ์ด้วยเฉดสีตามที่เราต้องแล้วแล้วเล่นแสงใน Layer เฉดสี ทำให้ภาพที่ได้มีมิติและได้อารมณ์สวยงามไปอีกแบบหนึ่ง ง่ายและเอาไปใช้ได้หลากหลายเลยหลักกระบวนการนี้เอาหละ ลองมาเรียนรู้กันเลยขอรับ ...

    ขั้นตอนที่1.
    ให้ทำการเปิดไฟล์ภาพขึ้นมาหนึ่งไฟล์ภาพจากนั้นให้ทำการ Copy Layer ซ้อนกันดังตัวอย่าง



    ขั้นตอนที่2.
    หลังจากนั้นให้ทำการทำ effects blur โดยมาที่ Filter --> Blur --> Gaussian Blur ให้ปรับค่า Radius = 3.0 จากให้แสงใน Layer เป็นแบบ Multiply แล้วสามารถลดความรุนแรงของแสงได้โดยการปรับค่า Opacity Layer
    ดังตัวอย่างภาพที่ได้.




    ขั้นตอนที่3.
    หลังจากนั้นให้ทำการสร้าง Layer ใหม่โดยคลิ๊กไอค่อนรูปกระดาษตรง Layer หลังจากนั้นให้ทำการเลือกเฉดสี คือ Foreground & Background Color ตามที่เราต้องการ แล้วใช้อุปกรณ์ Gradient ไล่เฉดสีในลักษณะเฉียง

    หรือตามที่เราต้องการก็ได้ แล้วให้แสงแทรกซึมกับรูปภาพที่เกิด Effetcs โดยเลือกแสงแบบ Overlay แล้วปรับลดความรุนแรงของ Effects โดยปรับค่า Opacity ตามที่เราต้องการ เพียงเท่านี้ก็ได้จะได้ภาพที่มีอารมณ์เฉดสีตามที่เราต้องการ ดังภาพสำเร็จ ...




    Tip... ท่านสามารถเปลี่ยนอารมร์ฌเฉดสีได้เองโดยเลือก Layer ที่ไล่เฉด แล้วใช้คำสั่ง image --> Adjust --> Hue/saturations ได้ดั่งใจท่าน

Facebook Comments


Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •