Lesson – 29 : เช›เชฌเซ€เช“เชจเชพ เช—เซเชฃเชงเชฐเซเชฎเซ‹ เช…เชจเซ‡ เชธเช‚เชชเชพเชฆเชจเชจเซ‹ เชชเชฐเชฟเชšเชฏย 

เชกเชฟเชœเชฟเชŸเชฒ เชฏเซเช—เชฎเชพเช‚ เช›เชฌเซ€ (Image) เช†เชชเชฃเชพ เชฆเซˆเชจเชฟเช• เชœเซ€เชตเชจเชจเซเช‚ เชฎเชนเชคเซเชตเชชเซ‚เชฐเซเชฃ เชญเชพเช— เชฌเชจเซ€ เช—เชˆ เช›เซ‡. เชธเซ‹เชถเชฟเชฏเชฒ เชฎเซ€เชกเชฟเชฏเชพ เชนเซ‹เชฏ, เชกเชฟเชเชพเช‡เชจเชฟเช‚เช— เชนเซ‹เชฏ, เชชเซเชฐเซ‡เชเชจเซเชŸเซ‡เชถเชจ เชฌเชจเชพเชตเชตเชพเชจเซเช‚ เชนเซ‹เชฏ, เชตเซ‡เชฌเชธเชพเช‡เชŸ เชกเซ‡เชตเชฒเซ‹เชชเชฎเซ‡เชจเซเชŸ เชนเซ‹เชฏ เช•เซ‡ เชถเชฟเช•เซเชทเชฃโ€”เชฆเชฐเซ‡เช• เชœเช—เซเชฏเชพเช เช›เชฌเซ€ เชเช• เชฎเชนเชคเซเชตเชชเซ‚เชฐเซเชฃ เชญเซ‚เชฎเชฟเช•เชพ เชญเชœเชตเซ‡ เช›เซ‡.


โญ 1. เช›เชฌเซ€ เชถเซเช‚ เช›เซ‡? (What is an Image?)

เช›เชฌเซ€ เชเชŸเชฒเซ‡ เชชเชฟเช•เซเชธเซ‡เชฒเซเชธ (Pixels)เชจเซเช‚ เชธเชฎเซ‚เชน. เชฆเชฐเซ‡เช• เชชเชฟเช•เซเชธเซ‡เชฒ เชเช• เชจเชพเชจเชพ เชฌเชฟเช‚เชฆเซ เชคเชฐเซ€เช•เซ‡ เช•เชพเชฐเซเชฏ เช•เชฐเซ‡ เช›เซ‡, เชœเซ‡เชฎเชพเช‚ เชฐเช‚เช— เช…เชจเซ‡ เชชเซเชฐเช•เชพเชถเชจเซ€ เชฎเชพเชนเชฟเชคเซ€ เชนเซ‹เชฏ เช›เซ‡. เชฌเชงเชพ เชชเชฟเช•เซเชธเซ‡เชฒเซเชธ เชเช•เชธเชพเชฅเซ‡ เชฎเชณเซ€เชจเซ‡ เชธเช‚เชชเซ‚เชฐเซเชฃ เช›เชฌเซ€ เชฌเชจเชพเชตเซ‡ เช›เซ‡.


โญ 2. เช›เชฌเซ€เชจเชพ เชฎเชนเชคเซเชตเชชเซ‚เชฐเซเชฃ เช—เซเชฃเชงเชฐเซเชฎเซ‹ (Important Properties of an Image)

(1) เชฐเซ‡เชเซ‹เชฒเซเชฏเซเชถเชจ (Resolution)
  • เช›เชฌเซ€ เช•เซ‡เชŸเชฒเชพ เชชเชฟเช•เซเชธเซ‡เชฒเซเชธเชฅเซ€ เชฌเชจเซ‡เชฒเซ€ เช›เซ‡ เชคเซ‡ เชฌเชคเชพเชตเซ‡ เช›เซ‡.

  • เชธเชพเชฎเชพเชจเซเชฏ เชฐเซ€เชคเซ‡ DPI (Dots Per Inch) เช…เชฅเชตเชพ Pixel Dimensions (เชœเซ‡เชฎ เช•เซ‡ 1920ร—1080)เชฎเชพเช‚ เชฎเชพเชชเชตเชพเชฎเชพเช‚ เช†เชตเซ‡ เช›เซ‡.

  • เชตเชงเซ เชฐเซ‡เชเซ‹เชฒเซเชฏเซเชถเชจ = เชตเชงเซ เชธเซเชชเชทเซเชŸเชคเชพ.

(2) เชฎเชพเชช (Dimensions)
  • เช›เชฌเซ€เชจเซ€ เชชเชนเซ‹เชณเชพเชˆ (Width) เช…เชจเซ‡ เชŠเช‚เชšเชพเชˆ (Height) เชชเชฟเช•เซเชธเซ‡เชฒเซเชธเชฎเชพเช‚ เชฎเชพเชชเชตเชพเชฎเชพเช‚ เช†เชตเซ‡ เช›เซ‡.

  • เช‰เชฆเชพเชนเชฐเชฃ: 800 ร— 600 pixels.

(3) เชฐเช‚เช— เชฎเซ‹เชก (Color Mode)
  • เช›เชฌเซ€ เช•เชฏเชพ เชฐเช‚เช— เชธเชฟเชธเซเชŸเชฎเชจเซ‹ เช‰เชชเชฏเซ‹เช— เช•เชฐเซ‡ เช›เซ‡?

  • เชฎเชนเชคเซเชตเชชเซ‚เชฐเซเชฃ เช•เชฒเชฐ เชฎเซ‹เชกเซเชธ:

    • RGB (Red, Green, Blue) โ€“ เชธเซเช•เซเชฐเซ€เชจ เชฎเชพเชŸเซ‡.

    • CMYK (Cyan, Magenta, Yellow, Black) โ€“ เชชเซเชฐเชฟเชจเซเชŸเชฟเช‚เช— เชฎเชพเชŸเซ‡.

    • Grayscale โ€“ เช•เชพเชณเซ‹-เชธเชซเซ‡เชฆ.

(4) เชซเชพเชˆเชฒ เชซเซ‹เชฐเซเชฎเซ‡เชŸ (File Format)

เชตเชฟเชตเชฟเชง เชชเซเชฐเช•เชพเชฐเชจเชพ เช›เชฌเซ€ เชซเซ‹เชฐเซเชฎเซ‡เชŸเซเชธ:

  • JPEG โ€“ เชธเชพเชฎเชพเชจเซเชฏ เชซเซ‹เชŸเชพ เชฎเชพเชŸเซ‡.

  • PNG โ€“ เชŸเซเชฐเชพเชจเซเชธเชชเชฐเชจเซเชธเซ€ (Transparency) เชฎเชพเชŸเซ‡.

  • GIF โ€“ เชเชจเชฟเชฎเซ‡เชถเชจ เช…เชฅเชตเชพ เชจเชพเชจเชพ เช—เซเชฐเชพเชซเชฟเช•เซเชธ เชฎเชพเชŸเซ‡.

  • BMP, TIFF โ€“ เชนเชพเช‡-เช•เซเชตเซ‹เชฒเชฟเชŸเซ€ เชชเซเชฐเชฟเชจเซเชŸ เชฎเชพเชŸเซ‡.

(5) เชซเชพเชˆเชฒ เชธเชพเช‡เช (File Size)
  • เช›เชฌเซ€ เช•เซ‡เชŸเชฒเซ€ เชœเช—เซเชฏเชพ เชฒเซ‡ เช›เซ‡ เชคเซ‡ เชฌเชคเชพเชตเซ‡ เช›เซ‡.

  • เชตเชงเซ เชฐเซ‡เชเซ‹เชฒเซเชฏเซเชถเชจ = เชตเชงเซ เชซเชพเชˆเชฒ เชธเชพเช‡เช.


โญ 3. เช›เชฌเซ€ เชธเช‚เชชเชพเชฆเชจ เชถเซเช‚ เช›เซ‡? (What is Image Editing?)

เช›เชฌเซ€ เชธเช‚เชชเชพเชฆเชจ เชเชŸเชฒเซ‡ เช›เชฌเซ€เชฎเชพเช‚ เชซเซ‡เชฐเชซเชพเชฐเซ‹ เช•เชฐเชตเชพเชจเซเช‚ เช•เชพเชฐเซเชฏ. เชœเซ‡เชฎ เช•เซ‡:

  • เชฐเช‚เช— เชฌเชฆเชฒเชตเซ‹

  • เชคเซ‡เชœ (Brightness) เช…เชจเซ‡ เช•เซ‹เชจเซเชŸเซเชฐเชพเชธเซเชŸ (Contrast) เชเชกเชœเชธเซเชŸ เช•เชฐเชตเซเช‚

  • เช›เชฌเซ€ เช•เชพเชชเชตเซ€ (Cropping)

  • เชฌเซ‡เช•เช—เซเชฐเชพเช‰เชจเซเชก เชฆเซ‚เชฐ เช•เชฐเชตเซเช‚

  • เชซเชฟเชฒเซเชŸเชฐ เช…เชจเซ‡ เช‡เชซเซ‡เช•เซเชŸเซเชธ เชฒเชพเช—เซ เช•เชฐเชตเชพเช‚

  • เชธเชพเช‡เช เชฌเชฆเชฒเชตเซ€, เชตเช—เซ‡เชฐเซ‡


โญ 4. เชธเชพเชฎเชพเชจเซเชฏ เช›เชฌเซ€ เชธเช‚เชชเชพเชฆเชจ เชคเช•เชจเซ€เช•เซ‹ (Common Image Editing Techniques)

(1) เช•เซเชฐเซ‹เชชเชฟเช‚เช— (Cropping)

เช›เชฌเซ€เชจเซ‹ เชœเชฐเซ‚เชฐเชฟเชฏเชพเชค เชจ เชนเซ‹เชฏ เชคเซ‡ เชนเชฟเชธเซเชธเซ‹ เชนเชŸเชพเชตเชตเซ‹.

(2) เชฐเชฟเชธเชพเช‡เชเชฟเช‚เช— (Resizing)

เช›เชฌเซ€เชจเซเช‚ เชฎเชพเชช เชตเชงเชพเชฐเชตเซเช‚ เช…เชฅเชตเชพ เช“เช›เซเช‚ เช•เชฐเชตเซเช‚.

(3) เชฌเซเชฐเชพเช‡เชŸเชจเซ‡เชธ เช…เชจเซ‡ เช•เซ‹เชจเซเชŸเซเชฐเชพเชธเซเชŸ เชเชกเชœเชธเซเชŸเชฎเซ‡เชจเซเชŸ

เช›เชฌเซ€ เชตเชงเซ เชชเซเชฐเช•เชพเชถเชฟเชค เช•เซ‡ เชตเชงเซ เช—เชพเชข เชฌเชจเชพเชตเชตเซ€.

(4) เช•เชฒเชฐ เช•เชฐเซ‡เช•เซเชŸเชถเชจ (Color Correction)

เช›เชฌเซ€เชจเชพ เชฐเช‚เช—เซ‹เชจเซ‡ เชธเซเชงเชพเชฐเซ€เชจเซ‡ เชตเชงเซ เชธเซเช‚เชฆเชฐ เชฌเชจเชพเชตเชตเซ€.

(5) เชฌเซ‡เช•เช—เซเชฐเชพเช‰เชจเซเชก เชฐเชฟเชฎเซ‚เชตเชพเชฒ (Background Removal)

เช–เชพเชธ เชธเซ‹เชซเซเชŸเชตเซ‡เชฐเชฅเซ€ เชฌเซ‡เช•เช—เซเชฐเชพเช‰เชจเซเชก เชฆเซ‚เชฐ เช•เชฐเซ€เชจเซ‡ เชตเชฟเชทเชฏ (Subject) เชจเซ‡ เช…เชฒเช— เช•เชฐเชตเซเช‚.

(6) เชซเชฟเชฒเซเชŸเชฐเซเชธ เช…เชจเซ‡ เช‡เชซเซ‡เช•เซเชŸเซเชธ (Filters & Effects)

เชตเชฟเชถเซ‡เชท เช‡เชซเซ‡เช•เซเชŸเซเชธ เช‰เชฎเซ‡เชฐเชตเชพ:

  • เชฌเซเชฒเชฐ

  • เชถเชพเชฐเซเชชเชจ

  • vignette

  • black & white

(7) เชฐเชฟเชŸเชšเชฟเช‚เช— (Retouching)

เช…เชชเซ‚เชฐเซเชฃเชคเชพเช“ เชฆเซ‚เชฐ เช•เชฐเชตเซ€ โ€” เชœเซ‡เชฎ เช•เซ‡ เชกเชพเช˜เซ‹, เช–เชพเชฎเซ€เช“ เช…เชฅเชตเชพ เช…เชจเชฟเชšเซเช›เชจเซ€เชฏ เชตเชธเซเชคเซเช“ เชฆเซ‚เชฐ เช•เชฐเชตเซ€.


โญ 5. เชธเช‚เชชเชพเชฆเชจ เชฎเชพเชŸเซ‡ เช‰เชชเชฏเซ‹เช—เชฎเชพเช‚ เชฒเซ‡เชตเชพเชคเชพเช‚ เชฒเซ‹เช•เชชเซเชฐเชฟเชฏ เชธเซ‹เชซเซเชŸเชตเซ‡เชฐ

(1) Adobe Photoshop

เชชเซเชฐเซ‹เชซเซ‡เชถเชจเชฒ เชซเซ‹เชŸเซ‹ เชเชกเชฟเชŸเชฟเช‚เช—.

(2) GIMP

เชฎเชซเชค เช…เชจเซ‡ เช“เชชเชจ-เชธเซ‹เชฐเซเชธ.

(3) Canva

เชธเชฐเชณ เช…เชจเซ‡ เช‘เชจเชฒเชพเช‡เชจ เชกเชฟเชเชพเช‡เชจ เชŸเซ‚เชฒ.

(4) Pixlr

เชฌเซเชฐเชพเช‰เชเชฐ เช†เชงเชพเชฐเชฟเชค เชเชกเชฟเชŸเชฐ.

(5) CorelDraw / Illustrator

เช—เซเชฐเชพเชซเชฟเช• เชกเชฟเชเชพเช‡เชจ เชฎเชพเชŸเซ‡ เช‰เชคเซเชคเชฎ.

เช›เชฌเซ€เชจเชพ เช—เซเชฃเชงเชฐเซเชฎเซ‹ เชธเชฎเชœเชตเชพเชฅเซ€ เช†เชชเชฃเซ‡ เชฏเซ‹เช—เซเชฏ เชชเซเชฐเช•เชพเชฐเชจเซ€ เช›เชฌเซ€ เชชเชธเช‚เชฆ เช•เชฐเซ€ เชถเช•เซ€เช เช›เซ€เช เช…เชจเซ‡ เชคเซ‡เชจเชพ เช†เชงเชพเชฐเซ‡ เชชเซเชฐเซ‹เชซเซ‡เชถเชจเชฒ เชฐเซ€เชคเซ‡ เชธเช‚เชชเชพเชฆเชจ เช•เชฐเซ€ เชถเช•เซ€เช เช›เซ€เช. เชกเชฟเชœเชฟเชŸเชฒ เช•เชพเชฐเซเชฏเชฎเชพเช‚ เช›เชฌเซ€ เชธเช‚เชชเชพเชฆเชจ เชเช• เช–เซ‚เชฌ เชœ เชฎเชนเชคเซเชตเชชเซ‚เชฐเซเชฃ เช•เซŒเชถเชฒเซเชฏ เช›เซ‡, เชœเซ‡ เชตเซ‡เชฌ เชกเซ‡เชตเชฒเซ‹เชชเชฎเซ‡เชจเซเชŸ, เช—เซเชฐเชพเชซเชฟเช• เชกเชฟเชเชพเช‡เชจ, เชฎเชพเชฐเซเช•เซ‡เชŸเชฟเช‚เช—, เชชเซเชฐเซ‡เชเชจเซเชŸเซ‡เชถเชจโ€”เชฌเชงเชพ เช•เซเชทเซ‡เชคเซเชฐเซ‹เชฎเชพเช‚ เช‰เชชเชฏเซ‹เช—เซ€ เช›เซ‡.