원문: http://pixeljoint.com/forum/forum_posts.asp?TID=11299

ν•œκΈ€νŒ 1편: http://gall.dcinside.com/mgallery/board/view/?id=pixelart&no=1732



(이 λ²ˆμ—­λ³Έμ€ μƒλ‹Ήνžˆ μ˜μ—­ λ˜μ–΄μžˆμŠ΅λ‹ˆλ‹€)


III. ν”½μ…€μ•„νŠΈ μš©μ–΄λ“€

#μ•ˆν‹°μ•Œλ¦¬μ•„μ‹± (Anti-aliasing (AA)) (<- ν”½μ…€μ˜ μ‚¬κ°μ‚¬κ°ν•œ 계단 ν˜„μƒμ„ 제거(λ˜λŠ” μ™„ν™”)ν•΄μ£ΌλŠ” 트릭)
[μ•ˆν‹°μ•Œλ¦¬μ•„μ‹±μ— λŒ€ν•΄μ„œ ptoingλ‹˜μ΄ 올린 지을 μ°Έκ³ ν•˜μ…”λ„ μ’‹μŠ΅λ‹ˆλ‹€(μ•„λž˜)]





μ•ˆν‹°μ•Œλ¦¬μ•„μ‹±μ€ λ“€μ­‰λ‚ μ­‰ν•œ 외곽선을 λΆ€λ“œλŸ½κ²Œ 보이게 ν•˜λŠ” λ°©λ²•μž…λ‹ˆλ‹€. 일반적인 κ·Έλž˜ν”½νˆ΄μ—μ„œλŠ” μ•ˆν‹°μ•Œλ¦¬μ•„μ‹±μ„ 기본적으둜 μ‚¬μš©ν•˜κ³  있기 λ•Œλ¬Έμ— 사싀 μš°λ¦¬κ°€ ν”ν•˜κ²Œ μ ‘ν•˜κ³  μžˆλŠ” 것이라 λ³Ό 수 μžˆμŠ΅λ‹ˆλ‹€. κ·ΈλŸ¬λ‚˜ μš°λ¦¬λŠ” ν”½μ…€μ•„νŠΈλ₯Ό λ…Όν•˜κ³  μžˆλŠ” κ²ƒμ΄λ―€λ‘œ... μ—¬κΈ°μ„œ λ§ν•˜λŠ” μ•ˆν‹°μ•Œλ¦¬μ΄μ‹±μ€ 'λ‚΄μ†μœΌλ‘œ 직접 ν•˜λŠ” μ•ˆν‹°μ•Œλ¦¬μ•„μ‹±'μž…λ‹ˆλ‹€. ν”„λ‘œκ·Έλž¨μ μœΌλ‘œ μžλ™ 처리된 것이 μ•„λ‹ˆλΌ λ‚΄ μ†μœΌλ‘œ 직접 μ•ˆν‹°μ•Œλ¦¬μ•„μ‹±μ„ λ¨ΉμΈλ‹€λŠ” 것은 μ„ μ˜ ꡴곑을 λΆ€λ“œλŸ½κ²Œ λ¬˜μ‚¬ν•˜κΈ° μœ„ν•΄ λ‚΄κ°€ 픽셀을 직접 μ†λ³΄λŠ” κ²ƒμž…λ‹ˆλ‹€. μ•„λž˜μ˜ 지을 λ΄μ£Όμ„Έμš”.



μ™Όμͺ½μ΄ AAκ°€ μ—†λŠ” 것, 였λ₯Έμͺ½μ΄ AAλ₯Ό 먹인 것.

μ‚¬λžŒλ“€μ΄ μ•ˆν‹°μ•Œλ¦¬μ•„μ‹±μ„ μ†μˆ˜ λ„£μ–΄μ€„λ•Œ ν”νžˆ λΉ μ§€κ³€ ν•˜λŠ” 함정듀이 μžˆλŠ”λ° 그건 μ΄μ–΄μ§ˆ "ν”Όν•΄μ•Όν•  것듀" μ„Ήμ…˜μ„ μ°Έκ³ ν•˜μ„Έμš”.

#디더링
디더링은 픽셀듀을 νŠΉμ •ν•œ νŒ¨ν„΄μœΌλ‘œ μ±„μš°λŠ” λ°©μ‹μž…λ‹ˆλ‹€. 보톡 두 κ°€μ§€ 색상 사이가 μžμ—°μŠ€λŸ½κ²Œ μ—°κ²°λ˜λ„λ‘ ν•  λ•Œ μ‚¬μš©ν•©λ‹ˆλ‹€. 두가지 색상이 λ„ˆλ¬΄ 색상 차이가 클 λ•Œ μƒˆλ‘œμš΄ 색을 μΆ”κ°€ν•˜μ§€ μ•Šκ³  μ›λž˜ 2개의 μƒ‰μƒλ§Œ κ°€μ§€κ³  μžμ—°μŠ€λŸ½κ²Œ μ—°κ²°λ˜λ„λ‘ λ§Œλ“œλŠ” ν…Œν¬λ‹‰μ΄μ£ . 이 방법은 νŠΉλ³„ν•œ μ§ˆκ°μ„ λ¬˜μ‚¬ν•˜κΈ° μœ„ν•΄μ„œ μ‚¬μš©λ˜κΈ°λ„ ν•©λ‹ˆλ‹€. μ˜›λ‚ , LCDκ°€ μ•„λ‹Œ CRT λͺ¨λ‹ˆν„°κ°€ 일반적일 λ•Œμ—λŠ” 이 방법이 특히 μ“Έλͺ¨μžˆμ—ˆμŠ΅λ‹ˆλ‹€. CRTλŠ” LCD보닀 각각의 ν™”μ†Œκ°€ 살짝 λ²ˆμ§€λŠ” λŠλ‚Œμ΄ μžˆμ—ˆκΈ° λ•Œλ¬Έμ— μžμ—°μŠ€λŸ½κ²Œ 두 색상이 μ„žμ΄λŠ” νš¨κ³Όκ°€ μžˆμ—ˆκ±°λ“ μš”. ν˜„λŒ€μ—λŠ” LCD λͺ¨λ‹ˆν„°κ°€ μΌλ°˜ν™”λκ³ , LCD λͺ¨λ‹ˆν„°λŠ” ν™”μ†Œλ₯Ό 뚜렷이 좜λ ₯ν•˜κΈ° λ•Œλ¬Έμ— 이런 νŒ¨ν„΄λ“€μ΄ λ„ˆλ¬΄ ν™•μ—°νžˆ λˆˆμ— λ„κ²Œ λ˜μ–΄λ²„λ €μ„œ μ˜ˆμ „λ§ŒνΌ 쒋은 νŠΈλ¦­μ€ μ•„λ‹ˆκ²Œ λ˜μ–΄λ²„λ Έμ§€λ§Œ, 아직도 κ½€ μ“Έλ§Œν•œ λ°©λ²•μž…λ‹ˆλ‹€.

κ°€μž₯ ν”ν•œ 디더링 νŒ¨ν„΄μ€ '50/50 dither' μž…λ‹ˆλ‹€. '50% dither'라고 λΆ€λ₯΄κΈ°λ„ν•˜κ³  'μ²΄μ»€λ³΄λ“œ νŒ¨ν„΄'이라고 λΆ€λ₯΄κΈ°λ„ ν•©λ‹ˆλ‹€.



μœ„μ˜ μ˜ˆμ‹œμ—μ„œ 보듯이 50% dither 말고도 μ—¬λŸ¬κ°€μ§€ νŒ¨ν„΄μ„ μ‚¬μš©ν•΄μ„œ μƒ‰μ˜ 전이λ₯Ό ν‘œν˜„ν•  μˆ˜κ°€ μžˆμ–΄μš”.
ν•˜μ§€λ§Œ 이런 νŒ¨ν„΄λ“€μ€ λ•Œλ‘œλŠ” λ„ˆλ¬΄ 잘 λˆˆμ— 띄기 λ•Œλ¬Έμ— ν™œμš©ν•  λ•Œ 쑰심할 ν•„μš”κ°€ μžˆμŠ΅λ‹ˆλ‹€.

'Stylized dithering' 이런 방식도 μžˆλŠ”λ° νŒ¨ν„΄μ— μž‘μ€ λͺ¨μ–‘듀을 μ²¨κ°€ν•΄μ„œ 색상 전이에 λ³€ν™”λ₯Ό μ€€ κ²ƒμž…λ‹ˆλ‹€.



'Interaced dithering' 이 방법은 λ‘κ°œμ˜ 디더링 μ˜μ—­μ„ 결합해놓은 κ²ƒμž…λ‹ˆλ‹€. 두 개의 디더링 μ˜μ—­μ΄ ν•©μ³μ Έμ„œ κ·ΈλΌλ°μ΄μ…˜μ„ ν˜•μ„±ν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€.



'Random dithering' 이것은 ν”ν•˜κ²Œ μ“°μ΄λŠ” 방식은 μ•„λ‹™λ‹ˆλ‹€. 마치 μ•„λ¬΄λ ‡κ²Œλ‚˜ λ°°μΉ˜ν•œ λ“―ν•œ 픽셀듀이 색상 전이λ₯Ό ν‘œν˜„ν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€. 이 방식은 λ•Œλ‘œ μ“Έλͺ¨μžˆμ„ μˆ˜λ„ μžˆκ² μ§€λ§Œ 일반적으둜 ꢌμž₯λ˜λŠ” 방식은 μ•„λ‹™λ‹ˆλ‹€.



디더링은 μœ μš©ν•˜μ§€λ§Œ, κ²½ν—˜μ΄ λΆ€μ‘±ν•œ μ•„ν‹°μŠ€νŠΈλ“€μ€ 디더링을 잘λͺ» μ‚¬μš©ν•˜λŠ” κ²½μš°κ°€ μžˆμŠ΅λ‹ˆλ‹€. 이런 κ²½μš°λ“€μ€ "ν”Όν•΄μ•Όν•  것듀" μ„Ήμ…˜μ—μ„œ 더 λ‹€λ£¨κ² μŠ΅λ‹ˆλ‹€.




#ν”½μ…€ ν΄λŸ¬μŠ€ν„° (ν”½μ…€ 덩어리) (<- 'ν΄λŸ¬μŠ€ν„°'λŠ” '덩어리'라고 λ³΄μ‹œλ©΄ λ©λ‹ˆλ‹€)


말 κ·ΈλŒ€λ‘œ μ—¬λŸ¬ 개의 픽셀듀이 μ—°κ²°λ˜μ–΄ 있으면 그게 ν”½μ…€ 덩어리가 되겠죠. ν•˜μ§€λ§Œ κ·Έ μ—°κ²°λœ 픽셀듀이 같은 μƒ‰μƒμ΄μ–΄μ•Όλ§Œ λΉ„λ‘œμ†Œ 이 'ν”½μ…€ 덩어리'κ°€ μ–΄λ–€ 의미λ₯Ό κ°€μ§€κ²Œ λ©λ‹ˆλ‹€. ν”½μ…€μ•„νŠΈλ₯Ό ν•˜λŠ” 뢄듀이라면 μ΄λ ‡κ²Œ 같은 μƒ‰μƒμ˜ 픽셀듀을 λ©μ–΄λ¦¬λ‘œ λ¬˜μ‚¬ν•¨μœΌλ‘œμ¨ 그게 μ–΄λ– ν•œ ν˜•μ²΄λ₯Ό λ¬˜μ‚¬ν•΄λ‚Ό 수 μžˆλ‹€λŠ” 사싀에 μ£Όλͺ©ν•΄μ•Ό ν•  κ²ƒμž…λ‹ˆλ‹€. 즉 ν”½μ…€μ•„νŠΈλŠ” μž‘κ°€κ°€ κ·Έ μž‘ν’ˆμ—μ„œ 'ν”½μ…€ 덩어리'λ₯Ό μ–Όλ§ˆλ‚˜ 잘 κ΅¬μ‚¬ν–ˆλŠλƒμ— 따라 μž‘ν’ˆμ˜ μ„±νŒ¨κ°€ 달린 것이라 λ³Όμˆ˜λ„ μžˆμ„ κ²ƒμž…λ‹ˆλ‹€.Β  - Ramblethread


ν”½μ…€μ•„νŠΈμ—μ„œ 점 ν•˜λ‚˜ν•˜λ‚˜λ₯Ό 주의깊게 μ„ νƒν•΄μ•Όλ§Œ ν•œλ‹€λŠ” 것은 λ‹Ήμ—°ν•©λ‹ˆλ‹€. ν•˜μ§€λ§Œ 사싀 이건 '점 1개'에 κ΄€ν•œ 이야기가 μ•„λ‹™λ‹ˆλ‹€. λ§Œμ•½ ν”½μ…€ ν•˜λ‚˜κ°€ 혼자 덜렁 λ–¨μ–΄μ Έ μžˆλ‹€λ©΄ 그건 κ·Έλƒ₯ 'λ…Έμ΄μ¦ˆ'에 λΆˆκ³Όν• μ§€λ„ λͺ¨λ¦…λ‹ˆλ‹€. 그런 것보단 픽셀이 μ–Έμ œλ‚˜ 덩어리λ₯Ό 이루도둝 ν•˜λŠ” 게 μ’‹μŠ΅λ‹ˆλ‹€. 같은 색상을 κ°€μ§€λ©΄μ„œλ„ μ„œλ‘œ μΈμ ‘ν•œ 픽셀듀이 그룹을 ν˜•μ„±ν•˜λ©΄ ν•˜λ‚˜μ˜ ν˜•νƒœλ₯Ό λ§Œλ“€μ–΄λ‚΄κ²Œ λ©λ‹ˆλ‹€. 각각의 1픽셀은 μš°λ¦¬κ°€ λ‹€λ£° 수 μžˆλŠ” μ΅œμ†Œ λΈ”λ‘μ΄μ§€λ§Œ, μš°λ¦¬κ°€ μ–΄λ–€ 의미λ₯Ό λΆ€μ—¬ν•  수 μžˆλŠ” μ΅œμ†Œ λ‹¨μœ„λŠ” λ°”λ‘œ 'ν”½μ…€λ“€μ˜ 덩어리'μž…λ‹ˆλ‹€. 그리고 개개의 픽셀이 사싀은 λ³„λ‘œ 독립적이지 μ•Šλ‹€λŠ” 것, 그리고 ν”½μ…€ 덩어리 μ—­μ‹œ κ·Έ 자체둜 독립적이지 μ•Šλ‹€λŠ” 사싀을 κΉ¨λ‹«λŠ” 것이 μ€‘μš”ν•©λ‹ˆλ‹€. 마치 퍼즐쑰각처럼 ν”½μ…€λ“€μ˜ λ©μ–΄λ¦¬λŠ” κ·Έ μžμ‹ μ˜ μœ€κ³½μ„ 톡해 κ·Έ μ£Όλ³€μ˜ μƒκΉ€μƒˆλ₯Ό ν‘œν˜„ν•΄λ‚΄κΈ° λ•Œλ¬Έμž…λ‹ˆλ‹€. (<-이 문단 μ˜μ—­ μ©”μŒμš”... λ„ˆλ¬΄ μ˜μ–΄ μŠ€νƒ€μΌμ΄λΌ μ΅œλŒ€ν•œ ν•œκ΅­μ–΄λ‘œ 전달될 수 있게 λ…Έλ ₯함..;;)

μ•„λž˜ μ˜ˆμ‹œλ₯Ό λ΄μ£Όμ„Έμš”. μ—¬κΈ°λ³΄μ‹œλ©΄ ν”½μ…€ λ©μ–΄λ¦¬μ˜ ꡬ성에 따라 μ–΄λ–»κ²Œ ν™•μ—°νžˆ λ‹€λ₯Έ ν˜•νƒœλ₯Ό μ—°μΆœν•˜λŠ”μ§€ λŠλΌμ‹€ 수 μžˆμŠ΅λ‹ˆλ‹€.(μ—­μ£Ό.. μ†”μ§νžˆ 잘 λͺ¨λ₯΄κ² μŒ)



그리고 λ”°λ‘œ λ–¨μ–΄μ§„ 픽셀듀은 κ·Έ μ£Όλ³€ 색에 따라 λ•Œλ‘œλŠ” μ“Έλ°μ—†λŠ” λ…Έμ΄μ¦ˆμ²˜λŸΌ λŠκ»΄μ§€κΈ°λ„ ν•˜μ§€λ§Œ, 그것이 μ•ˆν‹°μ•Œλ¦¬μ•„μ‹±μœΌλ‘œ μ‚¬μš©λœ κ²½μš°μ—λŠ” λ©μ–΄λ¦¬μ˜ μΌλΆ€λΆ„μœΌλ‘œμ¨ μ½ν˜€μ§„λ‹€λŠ” 사싀도 μ°Έκ³ ν•΄μ£Όμ„Έμš”.





....λ‹€μŒνŽΈμ€ "ν”Όν•΄μ•Ό ν•  것듀"