วิธีการ ใส่ข้อความใน Photoshop

PDF download ดาวน์โหลดบทความ
ร่วมเขียน โดย Shari Fairclough

ข้อมูลอ้างอิง

PDF download ดาวน์โหลดบทความ

ส่วนใหญ่คนใช้ Adobe Photoshop ทำภาพประกอบและแต่งรูปซะมากกว่า แต่จริงๆ คุณใส่ข้อความในรูปด้วย Photoshop ได้ด้วย ใส่ข้อความแล้วก็ปรับคุณลักษณะต่างๆ ตามใจชอบ เช่น เลือกฟอนต์ ปรับขนาด ใส่สีข้อความ ทำโฆษณา ใส่รูป หรือใส่หัวเรื่องได้ตามสะดวก หลายคนใส่ข้อความใน Photoshop เพราะอยากตกแต่งรูปภาพที่มีด้วยข้อความสั้นๆ สวยๆ แนะนำว่าอย่าพิมพ์มาทั้งย่อหน้า เดี๋ยวจะกลายเป็นไฟล์ text แทน

วิธีการ 1
วิธีการ 1 ของ 2:

ใส่ข้อความ

PDF download ดาวน์โหลดบทความ
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/e\/e8\/Add-Text-in-Photoshop-Step-1-Version-4.jpg\/v4-460px-Add-Text-in-Photoshop-Step-1-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/e\/e8\/Add-Text-in-Photoshop-Step-1-Version-4.jpg\/v4-728px-Add-Text-in-Photoshop-Step-1-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    ไอคอนจะเป็นตัว "T" ให้คลิกไอคอนนี้ หรือกด "T" ที่คีย์บอร์ด เพื่อเปิด text tool จะคลิกตรงไหนของรูปก็ได้ แล้วเริ่มพิมพ์ข้อความได้เลย
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/2\/28\/Add-Text-in-Photoshop-Step-2-Version-4.jpg\/v4-460px-Add-Text-in-Photoshop-Step-2-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/2\/28\/Add-Text-in-Photoshop-Step-2-Version-4.jpg\/v4-728px-Add-Text-in-Photoshop-Step-2-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    พอคลิก Text tool แล้ว จะมีกลุ่มตัวเลือกโผล่มาด้านบนของ Photoshop ใช้กำหนดสี ฟอนต์ ขนาด และปรับแนวข้อความได้เลย หรือใช้ "Character" ไม่ก็ "Paragraph" ที่เป็นกล่องแก้ไขข้อความเหมือนใน Microsoft Word คุณหาช่องนี้ได้โดยคลิก "Window" ทางด้านบนสุดของหน้าจอ แล้วติ๊ก "Character" กับ "Paragraph" [1]
    • Font: เลือกชื่อฟอนต์ต่างๆ เช่น Arial และ Times New Roman
    • Font Size: ปรับขนาดฟอนต์ ให้ข้อความใหญ่ขึ้นหรือเล็กลง
    • Font Alignment: เลือกปรับแนวข้อความไว้ตรงกลาง หรือชิดขวา/ซ้าย
    • Font Color: คลิกช่องสีฟอนต์ที่ต้องการ เพื่อเปลี่ยนสีข้อความตามใจชอบ
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/d\/d7\/Add-Text-in-Photoshop-Step-3-Version-4.jpg\/v4-460px-Add-Text-in-Photoshop-Step-3-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/d\/d7\/Add-Text-in-Photoshop-Step-3-Version-4.jpg\/v4-728px-Add-Text-in-Photoshop-Step-3-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    แค่คลิกตรงที่ต้องการในรูป จะมีเคอร์เซอร์โผล่มา นี่คือจุดที่เวลาพิมพ์ ตัวอักษรแรกจะโผล่มา คลิกแล้วก็พิมพ์ได้เลย Photoshop จะเติมคำให้จากจุดนี้
    • ถ้าแค่ใส่ข้อความปกติ ก็ไม่ต้องทำอะไรนอกเหนือจากนี้
    • ถ้าคุณ ใช้ pen tool เป็น ก็คลิก path เพื่อเขียนข้อความไปตามเส้นได้เลย
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/69\/Add-Text-in-Photoshop-Step-4-Version-4.jpg\/v4-460px-Add-Text-in-Photoshop-Step-4-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/69\/Add-Text-in-Photoshop-Step-4-Version-4.jpg\/v4-728px-Add-Text-in-Photoshop-Step-4-Version-4.jpg","smallWidth":460,"smallHeight":346,"bigWidth":728,"bigHeight":547,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    ก่อนพิมพ์ให้คลิกแล้วลาก text tool เพื่อล็อคข้อความไว้ในบริเวณที่ต้องการ. ถ้าอยากให้ข้อความพอดีกับส่วนที่ต้องการในรูป ให้คลิกแล้วลากกำหนดพื้นที่ก่อนเริ่มพิมพ์ ถ้าข้อความไหนเกินออกไปจะไม่โผล่มา เว้นแต่คุณจะลดฟอนต์ซะก่อน
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/8\/8a\/Add-Text-in-Photoshop-Step-5-Version-4.jpg\/v4-460px-Add-Text-in-Photoshop-Step-5-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/8\/8a\/Add-Text-in-Photoshop-Step-5-Version-4.jpg\/v4-728px-Add-Text-in-Photoshop-Step-5-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    คลิกนอกช่องพิมพ์ หรือกด Ctrl (Control) กับ Enter ที่คีย์บอร์ดพร้อมกัน เพื่อดูว่าข้อความจะออกมายังไงในรูป Photoshop นั้น. ถ้าคลิกนอกช่องแล้วมีช่องใหม่อีก ให้คลิก tool อื่น เพื่อออกจาก text editor คุณดับเบิลคลิกข้อความ หรือคลิกข้อความด้วย Text tool อีกรอบได้ ถ้าจะแก้ฟอนต์และพิมพ์ข้อความเพิ่มเติม
    • คุณจะแก้ไขข้อความไม่ได้อีก หลัง "Rasterize" แล้ว ถ้าบังเอิญมีตัวเลือกนี้โผล่มา ก็อย่าไปสนใจ
    • ถ้าเลือก layer ที่มีข้อความแล้ว ให้กด Ctrl-T หรือ Cmd-T เพื่อปรับขนาดเอง ไม่ต้องเลือกขนาดฟอนต์ใหม่ก็ได้ [2]
    โฆษณา
วิธีการ 2
วิธีการ 2 ของ 2:

ใส่ลูกเล่นเพิ่มความสวยงามให้ข้อความ

PDF download ดาวน์โหลดบทความ
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/57\/Add-Text-in-Photoshop-Step-6-Version-4.jpg\/v4-460px-Add-Text-in-Photoshop-Step-6-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/57\/Add-Text-in-Photoshop-Step-6-Version-4.jpg\/v4-728px-Add-Text-in-Photoshop-Step-6-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    คลิกไอคอน Text ใน toolbar ค้างไว้ จะเห็นตัวเลือกใส่ข้อความเพิ่มเติม. ไอคอนนี้จะเป็นตัว "T" คลิกตัว T ค้างไว้ จะมีตัวเลือกข้อความต่อไปนี้โผล่มา
    • Horizontal Type Tool: เป็น tool ยอดนิยม horizontal type tool ใช้พิมพ์ข้อความสีทึบในแนวนอน จากซ้ายไปขวา ถ้าคลิก Text tool เฉยๆ ก็จะใช้ตัวเลือกนี้ไป
    • Vertical Type Tool: ใช้พิมพ์ข้อความแนวตั้ง จากบนลงล่าง ไม่ใช่ซ้ายไปขวาตามปกติ
    • Horizontal Type Mask Tool: เปลี่ยนข้อความเป็น mask ใช้เป็นลูกเล่นสนุกๆ ใน Photoshop ได้ แต่ปกติจะใช้ layer ใต้ข้อความเป็น "สี" ของข้อความ
    • Vertical Type Mask Tool: ทำหน้าที่เหมือน Horizontal Type Mask แต่จะเป็นข้อความแนวตั้งแทนซ้ายไปขวาตามปกติ [3]
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/93\/Add-Text-in-Photoshop-Step-7-Version-4.jpg\/v4-460px-Add-Text-in-Photoshop-Step-7-Version-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/93\/Add-Text-in-Photoshop-Step-7-Version-4.jpg\/v4-728px-Add-Text-in-Photoshop-Step-7-Version-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    ใช้เมนู "Paragraph" กับ "Character" เพื่อเปลี่ยนช่องว่างระหว่างบรรทัด, ช่องไฟระหว่างอักษร และตัวเลือกอื่นๆ แบบละเอียด. ถ้าอยากปรับแต่งข้อความแบบละเอียด ให้ใช้เมนู Character กับ Paragraph โลโก้ของเมนู Character จะเป็นตัว A ตามด้วยเส้นตั้ง ส่วน Paragraph จะเป็นตัว P มีเส้นตั้ง 2 เส้นกับวงกลม แต่จะคลิก "Window → "Paragraph" ก็ได้ ถ้าหาไม่เจอ
    • คลิกแล้วลากไอคอนของแต่ละเมนูเพื่อทดลองใช้ จะเห็นการทำงานของฟังก์ชั่นแบบ real time ส่วนใหญ่จะเกี่ยวข้องกับระยะห่างของบรรทัด
    • เมนู Character รวมๆ จะเกี่ยวกับหน้าตาข้อความ ในขณะที่ Paragraph ใช้ปรับ block และการปรับแนว [4]
    • ถ้าไม่เจอ Paragraph Options ให้คลิกขวาที่ข้อความ แล้วเลือก "Convert to Paragraph Text" [5]
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/5e\/Add-Text-in-Photoshop-Step-8.jpg\/v4-460px-Add-Text-in-Photoshop-Step-8.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/5e\/Add-Text-in-Photoshop-Step-8.jpg\/v4-728px-Add-Text-in-Photoshop-Step-8.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    คลิกขวาที่ข้อความแล้วเลือก "Blending Options" เพื่อดูลูกเล่นต่างๆ สำหรับปรับแต่งข้อความให้ออกมาสวยหรูดูโปร. Blending Options ใช้ใส่เงา ตัดเส้น เรืองแสง และ 3D ซึ่งปรับแต่งได้เต็มที่ จริงๆ แล้วต้องลองใช้เมนู Blending Options ดู แต่ลูกเล่นเด่นๆ ที่แนะนำคือ [6]
    • Bevel & Emboss: ใช้ทำข้อความเป็น 3D โดยเปลี่ยนเส้นของอักษรเป็น 3D ทรงกระบอก เหมือนท่อ
    • Stroke: ใช้ตัดเส้นข้อความ เลือกสีเส้น ความหนา และพื้นผิวได้ตามสะดวก
    • The Overlays: ใช้เปลี่ยนสีฟอนต์ เหลือบสี ใส่ลาย หรือสีใหม่ตามรูปร่างของข้อความ ทำได้กระทั่งลดความทึบของ overlay ให้คุณไล่เฉดเกลี่ยสีได้ตามสะดวก
    • Drop Shadow: ใส่เงาสั้นๆ หลังข้อความ ย้ายเงานี้ได้ตามสะดวก เหมือนมีกำแพงห่างไป 1 - 2 ไม้บรรทัดด้านหลัง คุณกำหนดความเฉียงของเงา ความเข้ม/สว่าง และขนาดเงาได้ [7]
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/77\/Add-Text-in-Photoshop-Step-9.jpg\/v4-460px-Add-Text-in-Photoshop-Step-9.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/77\/Add-Text-in-Photoshop-Step-9.jpg\/v4-728px-Add-Text-in-Photoshop-Step-9.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    หาฟอนต์ฟรีตามเน็ตมาใช้ . คุณเพิ่มฟอนต์ใน Photoshop ได้ง่ายๆ แค่ดาวน์โหลดฟอนต์ แล้วลากมาใส่ในโปรแกรมเพื่อเชื่อมต่อกัน ให้ลอง search ในเน็ตว่า "Free Fonts" (ฟอนต์ฟรี) แล้วเลือกฟอนต์ที่ถูกใจ
    • ปกติฟอนต์จะเป็นไฟล์ .ttf
    โฆษณา

เคล็ดลับ

  • ถ้าจะใส่ข้อความใน Adobe Photoshop แบบรวดเร็วทันใจ ให้กดตัว "T" ที่คีย์บอร์ด เพื่อเลือก Type tool
  • ถ้าใช้ text tool ไม่ได้ผล ให้สร้าง layer ใหม่แล้วลองอีกครั้ง แต่ถ้ายังใช้ไม่ได้ ให้เปิด text tool คลิกตัว T ที่มีลูกศรชี้ลงตรงมุมซ้ายบน แล้วคลิกไอคอนฟันเฟืองเล็กๆ สุดท้ายเลือก "reset tool" เพื่อเปิด Type กลับมา
โฆษณา

คำเตือน

  • จะใช้คีย์ลัดไม่ได้ ถ้าใช้ Type tool อยู่ เพราะ Photoshop มองว่าคีย์บอร์ดเอาไว้พิมพ์ข้อความอย่างเดียว ณ ตอนนั้น
โฆษณา

บทความวิกิฮาวอื่น ๆ ที่่เกี่ยวข้อง

วิธีการ
สร้างไฟล์ Zip
วิธีการ
Crop รูปด้วยโปรแกรม Illustrator
วิธีการ
พิมพ์ตัวอักษรโค้งใน Photoshop
วิธีการ
เพิ่มฟอนต์ใน Illustrator
วิธีการ
ใช้ Print Screen (แคปหน้าจอ)
วิธีการ
เปลี่ยนขนาด Artboard ของ Adobe Illustrator
วิธีการ
เพิ่มฟอนต์ใน Photoshop
วิธีการ
กลับภาพ (Flip) ในโปรแกรม Adobe Photoshop
วิธีการ
ใช้งาน Adobe Illustrator
วิธีการ
ดู Source Code
วิธีการ
ใส่ภาพพื้นหลังใน Word
วิธีการ
ลบพื้นหลังรูปด้วย Adobe Illustrator
วิธีการ
เปิดไฟล์ RAR
วิธีการ
กำหนดความกว้างและความสูงของรูปด้วยโค้ด HTML
โฆษณา

ข้อมูลอ้างอิง

  1. ↑ http://www.extropia.com/tutorials/photoshop/text_tool.html
  2. ↑ http://www.photoshopessentials.com/basics/type/photoshop-type-essentials/
  3. ↑ http://digital-photography-school.com/how-to-use-the-text-tool-in-photoshop/
  4. ↑ https://helpx.adobe.com/photoshop-elements/using/add-text.html
  5. ↑ http://design.tutsplus.com/tutorials/10-type-tools-you-probably-arent-using-in-photoshop--psd-32175
  6. ↑ https://helpx.adobe.com/photoshop-elements/using/add-text.html
  7. ↑ https://helpx.adobe.com/photoshop/using/layer-opacity-blending.html
  8. http://teacherlink.ed.usu.edu/tlresources/training2/USU-IT/Photoshop/How%20to%20Use%20the%20Type%20Tools%20in%20Adobe%20Photoshop%20CS5.pdf
  9. http://www.photoshopessentials.com/photoshop-text/photoshop-type-tool.php

เกี่ยวกับวิกิฮาวนี้

ในภาษาอื่น
มีการเข้าถึงหน้านี้ 46,482 ครั้ง

บทความนี้เป็นประโยชน์กับคุณไหม

โฆษณา