Category: Computer Graphics

  • Photoshop การย่อหน้าตัวอักษรตาม Pen Tool

    หลังจากเปิดภาพขึ้นมา ผมอยากจะเพิ่มตัวอักษรทางด้านขวาของภาพ โดยอยากให้ย่อหน้าเป็นไปตามภาพบ้านของน้องครับ

    ให้ไปที่เครื่องมือ Pen tool

    วาดเส้นตามที่เราต้องการ ในภาพนี้จะวาดให้ย่อหน้าตามบ้านและชามข้าวของน้องครับ

    เลือกที่เครื่องมือ Horizontal Type Tool ไว้พิมพ์ตัวอักษร

    จากนั้นไป click ในเส้นที่เราสร้างเอาไว้จะได้ดังภาพ (ขนาด font อาจไม่เท่ากันลองปรับให้เหมาะสมตามความต้องการครับ)

    การจัดตัวอักษรจะอยู่ใน Paragraph ในกรณีนี้ผมจะเลือกตามภาพครับ ลองปรับกันตามต้องการครับ จะชิดซ้าย ชิดขวา กึ่งกลาง

    ลองกรอกข้อความให้ครบดูครับ ก็จะได้แบบในภาพครับ (เส้นที่สร้างจาก pen tool ในภาพ ตอนที่เรา Exportไปใช้งาน จะไม่ติดไปด้วยครับ)

    เป็นอันเรียบร้อยครับ

  • Photoshop Filter Vanishing point

    สำหรับ Blog นี้ เป็นการใช้ Filter =>Vanishing point ในกรณีที่เรามีภาพกำแพง ผนัง พื้นผิว ที่เป็นมุมเฉียง เอียง มุมข้าง เรียกยังไงดี ^^ เอาเป็นว่าดูตามภาพตัวอย่างละกันครับ

    เริ่มต้นการเตรียมภาพจะมี 2 ภาพด้วยกันครับ Layer เป็นป้ายห้ามสูบบุหรี่ Background เป็นภาพกำแพง

    เลือกเครื่องมือ Rectangular Marquee Tool

    ทำการ selection ให้คลุมป้าย No smoking (อย่าลืมเลือก Layer ให้ถูกต้องด้วยนะ) กด Ctrl-x ตัดภาพไว้ก่อน

    เลือกเมนู Filter => Vanishing Point

    จะขึ้นหน้าต่างดังภาพ ทำการเลือกดังภาพ ให้ครบทั้ง 4 มุมครับ

    พอเลือกครบทั้ง 4มุม จะได้ grid ดังภาพ

    กดปุ่ม Ctrl+v นำภาพป้ายที่เราตัดไว้

    จากนั้นเลื่อนภาพป้ายไปไว้ใน Grid ที่เราสร้างไว้ ลองเลื่อนในตำแหน่งที่ต้องการ เมื่อได้ตำแหน่งที่ต้องการแล้วกดปุ่ม OK ได้เลยครับ

    จะได้ผลลัพธ์ตามภาพเลยครับ ลองเล่นกันดูนะครับ

  • Photoshop Neural Filters => Landscape Mixer

    Photoshop Neural Filters => Landscape Mixer เปลี่ยนภาพให้แสดงสภาพแวดล้อมต่างๆ เช่น ฤดูหนาว พลบค่ำ สำหรับNeural Filters นี้จำไม่ได้ว่าเข้ามาตั่งแต่ version ไหน ในบทความนี้เป็น Photoshop 2023

    เปิดโปรแกรม Photoshop แล้วเลือกภาพที่ต้องการแก้ไข จะเป็นภาพเรือในช่วงเวลากลางวัน

    อย่าลืมปลดล๊อคเดี๋ยวจะแก้ไขไม่ได้ครับ

    ไปที่เมนู Filter =>Neural Filters

    Landscape Mixer อยู่ในหมวด Creative หากยังไม่เคยติดตั้งให้กดปุ่ม Download

    หลังจาก Download แล้ว จะมี Presets ให้เลือกดังภาพ

    จากนั้นกดปุ่มใช้งาน และเลือก Presets ได้เลย ตัวอย่างนี้จะเลือกช่วง พระอาทิตย์ใกล้ตก

    กดปุ่ม OK

    ก็จะได้ภาพที่ต้องการ ลองทำตัวอย่างให้ดู 3 ตัวอย่างนะครับ ให้เห็นความแตกต่างกัน ลองไปเล่นกันได้ครับ ^^

  • Photoshop ปรับภาพเอียงให้ตรง

    การปรับภาพเอียงให้ตรงแบบง่ายๆใน Photoshop 

    เปิดโปรแกรม Photoshop แล้วเลือกภาพที่ต้องการแก้ไข ในภาพจะเห็นว่าเส้นขอบฟ้าจะมีความเอียงอยู่ สังเกตจากเส้นสีแดงที่เทียบไว้

    อย่าลืมปลดล๊อคเดี๋ยวจะแก้ไขไม่ได้

    ไปที่ Tool เลือก Ruler Tool

    ลากเส้นให้ขนานกับเส้นขอบฟ้า

    กดปุ่ม Straighten Layer ภาพจะถูกปรับให้ตรงแล้ว แต่จะมีเนื้อภาพบริเวณมุมทั้ง 4 ด้านหายไป

    เลือก Lasso Tool

    ทำการ Selection ทั้ง 4 มุม ที่เนื้อภาพหายไป (ตอนทำการ Selection เพิ่มในมุมที่ 2 มุมที่3 มุมที่4 ให้กดปุ่ม shift ค้างไว้)

    ไปที่ Edit เลือก Content-Aware Fill

    กดปุ่ม OK

    ในโปรแกรมจะเห็นภาพเฉพาะทางด้านขวาที่แก้ไขเรียบร้อยแล้วครับ

  • Photoshop เปลี่ยนท้องฟ้าในรูปภาพแบบง่ายๆ

    การเปลี่ยนท้องฟ้าในรูปภาพแบบง่ายๆใน Photoshop สำหรับ Feature นี้จะมีใน Photoshop 2021 ขึ้นไปถ้าจำไม่ผิดนะ แหะๆ

    มาเริ่มกันเลยดีกว่า เปิดโปรแกรม Photoshop แล้วเลือกภาพที่ต้องการแก้ไข ในภาพจะเห็นว่าขาดรายละเอียดของท้องฟ้าไป

    ไปที่เมนู Edit => Sky Replacement

    จะได้หน้าต่างดังภาพ ในกรอบที่ 1 เป็นการเลือกภาพท้องฟ้าที่จะมาแทนที่

    ในกรอบที่ 2 เป็นการปรับเพื่อให้เข้ากับภาพต้นฉบับ Shift Edge Fade Edge เป็นการกินระยะขอบและการปรับความเนียนของภาพ

    Brightness และ Temperature เป็นการปรับความสว่างและอุณหภูมิสี Scale เป็นการย่อขยายภาพท้องฟ้า

    ท้องฟ้าที่อยู่ในรูปสามารถ click mouse ซ้ายค้างไว้ (Drag mouse นั่นล่ะ) เพื่อเลื่อนให้ได้มุม ได้ view ที่เราต้องการได้

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

    ในโปรแกรมจะเห็นภาพเฉพาะทางด้านขวาที่แก้ไขเรียบร้อยแล้ว

    *** ในกรณีที่ไม่มีรูปท้องฟ้าที่เราต้องการ เราสามารถหาภาพท้องฟ้าที่เราถูกตา ถูกใจ แล้วทำการเพิ่มเก็บเอาไว้ได้ โดย Click ที่รูปเฟือง

    เลือกที่ Get More Skies => Import Images

    เลือกภาพท้องฟ้าที่เราเตรียมไว้

    ภาพท้องฟ้าก็จะอยู่ในโกดังท้องฟ้าของเรา ไว้ใช้ในโอกาสหน้าได้อีกด้วย

    ปัจจุบันการเปลี่ยนท้องฟ้ามีหลายๆ APP ที่สามารถทำได้แล้วทั้งในมือถือ หรือบน PC ในPhotoshop ก็เป็นอีกทางเลือกนึงเช่นกันครับ

  • Photoshop: ช่วยด้วย Cursor Brush เปลี๊ยนไป๋

    จริง ๆ เรื่องนี้เคยเขียนแชร์ไว้ใน Blog Share PSU ตั้งแต่ 10 กว่าปีที่แล้ว และบังเอิญค้นพบคำตอบโดยการใช้งานของตัวเอง วันนี้ลองกลับไปเปิด Photoshop ดู หลังจากปรับเวอร์ชั่นไปหลายต่อหลายเวอร์ชั่น ปัญหาที่ว่ายังเกิดอีกรึเปล่า ปรากฏว่ายังเป็นเหมือนเดิม เลยเอามาแชร์กันอีกรอบดีกว่า (ยังคงใช้รูปเก่านะคะ เพราะถึงหน้าตาเมนูจะต่างกันไปบ้าง แต่ใจความสำคัญยังเหมือนเดิมค่ะ)

    เรื่องก็มีอยู่ว่า หลายครั้งหลายคราที่นั่งทำงานออกแบบด้วยโปรแกรม Photoshop เวลาเลือกใช้ Brush Tool วันร้ายคืนร้าย Cursor ของ Brush จะเปลี่ยนไป โดยมันจะไม่แสดงขนาดของหัวแปรงที่เราเลือกไว้ให้เห็น ไม่ว่าจะเลือกขนาดของหัวแปรงใหญ่ซักเท่าใดก็ตาม Cursor ก็ยังแสดงเป็นเครื่องหมายคล้าย ๆ เครื่องหมาย + อยู่เหมือนเดิม ทำให้เราทำงานด้วยความยากลำบาก

    หน้าตาของ Brush ปกติ ที่แสดงขนาดหัวแปรง สังเกตุ Cursor ที่แสดงจะมีขนาดเท่ากับเวลาเราระบายสีลงไป ซึ่งในที่นี้เลือกสีเขียว

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

    ตอนแรกคิดว่าเป็นปัญหาที่ตัวโปรแกรม เพราะลอง Restart เครื่องแล้วก็ยังไม่หาย แต่วันดีคืนดี ก็กลับทำงานได้เป็นปกติ สร้างความงงงวยให้กับตัวเองเป็นอย่างยิ่ง  ลองค้นหาจากอากู๋ Google ก็ไม่สามารถหาคำตอบได้ จนในที่สุดก็มาค้นพบคำตอบด้วยตัวเองโดยบังเอิญ คือ เป็นเพราะเรากดปุ่ม Caps Lock บน Keyboard ค้างไว้นั่นเอง และที่ตัวเองเจอปัญหานี้บ่อย ๆ เพราะต้องทำงานออกแบบที่ใส่ทั้งรูปและตัวอักษรไปพร้อม ๆ กัน และเวลาพิมพ์ภาษาอังกฤษก็ต้องพิมพ์ตัวเล็กตัวใหญ่สลับไปมาอยู่เสมอ

    เพื่อน ๆ ล่ะคะ เคยเจอปัญหาแบบนี้กันบ้างรึเปล่า (◕‿◕✿)

  • Photoshop: กำหนดขนาดหน้ากระดาษกับเครื่องมือ Crop

    วันนี้ลองเปิด Photoshop มาเพื่อจะแชร์ข้อมูลซักเรื่อง ลองเลือกขนาดกระดาษมั่ว ๆ ไป เปิดมาขนาดกระดาษมันเล็กไปแฮะ กำลังจะไปกำหนดขนาดใหม่ แต่เอ จู่ ๆ ก็นึกถึงเครื่องมือ Crop ขึ้นมา ลองเอามาขยายขอบเขต ลากไปตามใจต้องการ กด Enter ก็ได้ขนาดกระดาษตามต้องการแล้ว สะดวกดีด้วย … คือตอนแรกก็คิดว่าคนอื่นเค้าคงรู้กันทั้งนั้นแหละ แต่เอาจริง เราก็ใช้ Photoshop มาตั้งกี่ปี ไม่เคยใช้ Crop ตอนตั้งต้นตั้งหน้ากระดาษเลย เคยแต่ใช้ตอนทำงานเสร็จแล้วต้องการ Crop เพื่อลดขนาดให้เล็กลงตามต้องการ ลองแชร์ดูละกัน อาจมีคนคิดไม่ถึงเหมือนเราก็ได้ หรือถ้าไม่มี ถือว่าเป็นบันทึกความจำให้ตัวเองก็ได้เนอะ ^^

    อ้อ! นอกจาก Photoshop แล้ว พวกโปรแกรมกราฟิกอื่น ๆ ก็ใช้วิธีเดียวกันนี้ได้เหมือนกันนะคะ

  • After Effect การเรียกใช้งาน AE ที่ Export มาใช้บน Premier Pro (Part3)

    การเรียกใช้งาน After Effect ที่ Export มาใช้บน Premier Pro

    หากยังไม่ได้สร้างงานจาก AE กลับไปดูขั้นตอนที่ Link Part1 ได้ครับ

    หากยังไม่ได้ Export งาน AE กลับไปดูขั้นตอนที่ Link Part2 ได้ครับ

    ในPart3 นี้เราจะเปิดโปรแกรม Premier Pro นะครับจะนำไฟล์ที่เรา Export จาก AE ที่เซฟไว้มาใช้งาน

    เริ่มจากเปิดโปรแกรม แล้วหาวิดีโอ หรือรูป ก็ได้ครับมาทดสอบ ในภาพผมได้นำภาพไปวางไว้ที่ Timeline เรียบร้อยแล้ว

    จากนั้นไปที่ เมนู Window ->Essential Graphics

    จากนั้นพิมพ์ชื่อที่เราตั้งไว้ “Fade Text” (ในPart2ที่ตั้งไว้ครับ)

    -Local Templates Folder ถ้าเราเซฟไว้ในเครื่องเราครับ

    -Libraries ที่เราเซฟไว้ใน cloud ครับ

    จะมี Fade Text ขึ้นมาให้เราใช้งาน

    Drag มาวางไว้ที่ Timelines เพื่อทดสอบ

    เราสามารถเปลี่ยนข้อความได้ ในภาพได้เปลี่ยนเป็น “Hello World” และสามารถแก้ไข Font ขนาด ต่างๆได้

    เสร็จเรียบร้อยแล้วครับ ^^

  • After Effect การ export งานไปใช้งานบน Premier Pro (Part 2)

    การ export งาน After Effect ไปใช้งานบน Premier Pro(Part 2)

    หากยังไม่ได้สร้างงานจาก AE กลับไปดูขั้นตอนที่ Link Part1 ได้ครับ

    หลังจากที่ได้งานที่ต้องการแล้ว ใครที่ทำตามมาจาก Part1 สามารถทำต่อได้เลยครับ ไปที่เมนู window ->Essential Graphics

    Drag ตรง Source Text ไปที่ Essential Graphics

    จะได้ดังภาพ ส่วนนี้ตอนที่เราเรียกใช้งานบน Premier pro จะทำให้สามารถแก้ไขข้อความได้แทนที่ข้อความที่เราตั้งเอาไว้

    Click ที่ Edit Properties เพื่อกำหนดค่าที่แก้ไขได้เพิ่มเติม

    ให้ติ๊กถูกทั้ง 3 ข้อ เพื่อตอนนำไปใช้จะเปลี่ยน Font ปรับขนาดของ Font เปลี่ยนเป็น ตัวหนา ตัวเอียง ได้ จากนั้นกดปุ่ม OK

    จะแสดงส่วนที่สามารถแก้ไขได้ จากนั้นตั้งชื่อให้สอดคล้อง และ กดปุ่ม Export Motion Graphics Template

    เลือกสถานที่จะบันทึก ในรูปจะเลือก save ไว้บน cloud และกดปุ่ม OK เป็นอันเรียบร้อย