20

คอมพิวเตอร์กราฟิกส์ (Computer graphics)

Embed Size (px)

Citation preview

Page 1: คอมพิวเตอร์กราฟิกส์ (Computer graphics)

������ ���� � ��������E-mail : [email protected]

Page 2: คอมพิวเตอร์กราฟิกส์ (Computer graphics)

� ��� ����� ����

�� �� ���� �� !�"������#�$�#�%&�� �'#�� ��� �

(��)��� ��* ��+�� �! ( , ��- � � � "��,��� � �.��

/ / )�'#�%��� � ��'#�� ��� ��������� 0(����.���.�/ / )�'#�%��� � ��'#�� ��� ��������� 0(����.���.�

. �1�#����2� .����

Page 3: คอมพิวเตอร์กราฟิกส์ (Computer graphics)

� ��� ���������).��� ����

�� �� ���� � �� � � .�".-�

"��0� �'�� 3�(� )��#���2�!, � 4(�%&�)�'#�������).��

%�� 3�(� )&-� � 15 .�".-�, �1�#)���- Image %�� 3�(� )&-� � 15 .�".-�, �1�#)���- Image Retouching , ���"�- %������1�#)(6���7� � %&��, �� ���%�� �5 )�������� .- � 8

Page 4: คอมพิวเตอร์กราฟิกส์ (Computer graphics)

������������� �� 2 ����� ��� ���������� 2 ���� ���� 3 �����

�� )!9�, �1�#�2)�6�4(�1�#0! 0(�"�-

, ��- � �! ( ��* ��+�� � �.��.- � 8 %�411����

)&-� &��3�� 4()�-��)&-� &��3�� 4()�-��

Page 5: คอมพิวเตอร์กราฟิกส์ (Computer graphics)

������������ �� 2 ����� ��� ���������� 2 ���� ���� 3 �����

�� )!9�, �� ���1�#%&�4!"���� �

, � 3 ��.� )&-� 3Dmax, Maya 15 %��0(�, �1�#����" �"��)� )��'��3�� )�� ��5 ��2� ���"22" ��� !;.��� "��)� )��'��3�� )�� ��5 ��2� ���"22" ��� !;.���

)&-� � � �.���.� " �, ���.�� �.�� 3 ��.��

Page 6: คอมพิวเตอร์กราฟิกส์ (Computer graphics)

�����).��!�� � , ���- �0

�1.� !�� � , �"22)�).�� (Vector)�2.� !�� � , �"222�."�� (Bitmap)

Page 7: คอมพิวเตอร์กราฟิกส์ (Computer graphics)

�����).��!�� � , ���- �0��

�)!9�� !�� � "22� ���� �5 ��1 ����.� �.� 4(�����" �

.5 "��-������1�#"�-��� ?���7�0�-- ) 3���� )� '#��1�#�'��-��� ��� (

���, � , �3�0�-)����!1�%�)&��)� ���. .���- �)&-��!� �.�� ���, � , �3�0�-)����!1�%�)&��)� ���. .���- �)&-��!� �.��

0(�"�-4!"�� Illustrator " � CorelDraw )!9�.��

Page 8: คอมพิวเตอร์กราฟิกส์ (Computer graphics)

, �"22)�).�� (VECTOR)

)&-� � ����

.wmf

.ai

Page 9: คอมพิวเตอร์กราฟิกส์ (Computer graphics)

�����).��!�� � , ���- �0

��

�)!9�� !�� � "22� ���� �- ��- ��%�".- ����)$ ��&'#�)������

��- ����#�- Raster Image ".- ����)$ ��� )�62�- ��1�#)3 �3�

%�".- �.5 "��-� $�#�)�� ���2, �1�#�� ��+��"22, ��- � 0(�"�-4!"��

Photoshop " � PhotoPaint )!9�.��

Page 10: คอมพิวเตอร์กราฟิกส์ (Computer graphics)

, �"222�."�� (BITMAP)

)&-� � ����

.bmp

.pcx

.gif.gif

.jpg

.tif

Page 11: คอมพิวเตอร์กราฟิกส์ (Computer graphics)

� ���)'#��� � �)���(

��

� ������ ���� ���� � ( pixel)pixel)pixel)pixel) )!9���-��'7�@ ����, � �'�3�(, �2�3�"�(�� �'� 3�(, �%��!, �1�#����)!9�, ���7� 4(�, ����#�8 3�!���20! (��3�(, ��'����)$ � �� �

" �".- �, �1�#�� ���7�3���� ��� "�-����3�(, � �'�2 ���7�"1�- � �" �".- �, �1�#�� ���7�3���� ��� "�-����3�(, � �'�2 ���7�"1�- � � �)���( (� ���&�()1�#".�.- ����0! 3��%&�%�� 2�������2�.����, � 3�, � �'� ��!���"�(�� , �0(��

3�, �1�#��35 �����)$ � � 3���� � �)���(���, �� � 4(�� �3��2�35 �����)$ "���� x "�.�7� )&-� 1366 x 768���)$

�5 - "���)$ " ( pixel) � 3 ��5 - "���)3���" ( picture) 1�#"! - �!, � " � ")�) )��.��" ( element) 1�#"! - ����!���2

Page 12: คอมพิวเตอร์กราฟิกส์ (Computer graphics)

� ���)'#��� � �)���(

��

�5 ��7� � �%&�0(���2�� �� ��1�#".�.- ���� )&-� � � �)���(���� "�(�� ���)�'#������� �'�� � �)���(%�� "�(�� ���3�, �

(����7�� � �)���(%�� "�(�� 3���� ����

Page 13: คอมพิวเตอร์กราฟิกส์ (Computer graphics)

� ���)'#��� � �)���(

��

35 ��3�(, �1�#%&�!���2���)!9�, ��'�� � �)���(3 �� �"��, � � "�(�, �0(� �)���(� �)1- %(��7���7����-��2!�),1���3�, � VGA 3�"�(�, �0(�� �)���(�����-

SVGA� � �)���(���, �� � �2��)!9�.�) ����35 �� )&-� � � �)���(���, ��� (1024x768 $�#�)�'#��5 ������ " ��6�'�35 ��3�(1�#3�, �� � ��� ����� 0(��

%������7) �35 ��"��'�35 ��3�(%�"����$�#�)1- ��2 1024 3�( .�) �35 ��1�#����'�35 ��3�(%�"�.�7� $�#�)1- ��2 768 3�(

Page 14: คอมพิวเตอร์กราฟิกส์ (Computer graphics)

� ���)'#��� � �)���(

��

�� ���� ��-����35 ��3�(1�#� �1�#��(1�#3������).��� � �� �.0(� 4(�� � �)���(%�� "�(�� ���3� 3���7���2�(�4�� �( 1�#)���-

� �(3� $�#�3���� �� � �%�� "�(��

� �� � )&-� "�(�� 1�#� � �)���( 800 x 600���)$ �� ���� 35 �����)$ %�"���� )1- ��2 800 " �35 �����)$ %�"�.�7�

)1- ��2 600

Page 15: คอมพิวเตอร์กราฟิกส์ (Computer graphics)

� ���)'#��� � �)���(

��

�'� 35 ��3�() )$��1�#)�'#�������� � �� �.0(�.-���7 )&-� ��

)�'#�������"22) )$����� � �)���( 300 3�(.-���7 ( dots per inch – dpi ) ��#��'� )�'#�������� � ������0(� 300 3�(1��8 1 ��7

Page 16: คอมพิวเตอร์กราฟิกส์ (Computer graphics)

�22��

�"#�#$%&'%�����'���������($)* �# 4 �� ���1. RGBRGBRGBRGB2222. CMYK. CMYK. CMYK. CMYK2222. CMYK. CMYK. CMYK. CMYK3333. HSB. HSB. HSB. HSB4444. LAB. LAB. LAB. LAB

Page 17: คอมพิวเตอร์กราฟิกส์ (Computer graphics)

�22��

�1111. RGB. RGB. RGB. RGB� ����"#�#$ �����').��"# 3 "# ��� ��� ( Red),Red),Red),Red), �/#.)

( Green)Green)Green)Green) ����01����� ( Blue)Blue)Blue)Blue) ���$��1���2"�2"���(��1�%�'�( Green)Green)Green)Green) ����01����� ( Blue)Blue)Blue)Blue) ���$��1���2"�2"���(��1�%�'�����"#��� 3 ��������)����4���56� 16.7�'��"#

6$�%��'��#.��("#�#$����������9� ��� "#�#$*�'������2"�"#/60��.:�(�)���/'�/��"# ;�.5'�"#�#�)���/'���� ���$��1���2"��(����1�%�'����� ��"#/�) �6���#.���"#�#0)�� Additive Additive Additive Additive �������2"�"#�)�

Page 18: คอมพิวเตอร์กราฟิกส์ (Computer graphics)

�22��

� 2222.... CMYKCMYKCMYKCMYK)!9��22��1�#%&���2)�'#�������1�#��������1 ���( +�'���(���)��2�'#� 8

$�#�!���2(�� ��� �� 4 �� �'� ���I (Cyan), ���-�"(� (Magenta), ���)� '�� (Yellow) " ���(5 (Black))� '�� (Yellow) " ���(5 (Black)

)�'#��5 � ������3�)��(��)!9���(5 ".-3�0�-(5 ���1 )�'#��3 ������������� �0�-2���1��J 3��)!9�� �����"22 2 (Subtractive) � ��� )��(������22��7 �'� ���������#�3�(�(

� '�"��3 ������#�" ���1���� �2���� )!9���.- � 8 )&-� ���I (�(� '�"���������-�" ���1������� )!9����75 )��� $�#�3����)�.0(�- ��1�#��1������� 3�)!9���� ��

����22 RGB � )��(��%��22��73��.��� ���2� )��(��%��22 RGB (��, �

Page 19: คอมพิวเตอร์กราฟิกส์ (Computer graphics)

�22��

� 3333.... HSBHSBHSBHSB)!9��22��"22� ���)�6����� �. ���+�� $�#�"2-����)!9� 3 �-� �'�

Hue �'� ��.- � 8 1�#��1������� 3 ��.��" �)�� ��-� �. ���) $�#����3�)�����. �&'#��� )&-� ��)���. �&'#��� )&-� ��)���

��)� '�� ��"(� )!9�.�� Saturation �'� � ��(����� 4(��- � ��(�����3�)�#�1�# 0 ��� 100 �� �5 ��( Saturation 1�# 0��3���� ��(���� ".-�� �5 ��(1�# 100��3���� ��(� �

Brightness �'� �(�2� ��- ������ 4(��- � ��- ������3�)�#�1�# 0 ��� 100 �� �5 ��(1�# 0 � ��- �3�����$�#�3�)!9���(5 ".-�� �5 ��(1�# 100 ��3���� ��- �� �1�#��(

Page 20: คอมพิวเตอร์กราฟิกส์ (Computer graphics)

�22��

�4444.... LABLABLABLAB)!9��22��1�#0�-��7���2��!���%( 8 (Device Independent)

4(�"2-����)!9� 3 �-� �'�

"L" �'� Luminance )!9�� �5 ��(� ��- � $�#����- "L" �'� Luminance )!9�� �5 ��(� ��- � $�#����- .�7�".- 0��� 100�� �5 ��(1�# 03�� �)!9���(5 ".-�� �5 ��(1�# 100

3�)!9����

"A" )!9��- �����1�#0 -3 ���)���0!��"(�"B" )!9��- �����1�#0 -3 ����75 )���0!)� '��