31
9 Adobe Photoshop CS3 กก กก Photoshop CS3 กก 1 ก 9 กกกก กกกก Workshop1- ก 1 1. กก 2. Layer ก 1 Layer กก Layer กก Layer 3. กก Magnetic Lasso Tool Selection

สร้างสรรค์ผลงานด้วยโปรแกรม Adobe Photoshop CS3 ที่มา jiraphinya/photoshop.html

  • Upload
    -

  • View
    3.211

  • Download
    5

Embed Size (px)

DESCRIPTION

สร้างสรรค์ผลงานด้วยโปรแกรม Adobe Photoshop CS3

Citation preview

Page 1: สร้างสรรค์ผลงานด้วยโปรแกรม  Adobe  Photoshop CS3 ที่มา jiraphinya/photoshop.html

�����ก����� ��� 9

���� � ����������� �����ก� Adobe Photoshop CS3

���������� �����ก���ก��������������� � ���ก��� !"ก� Photoshop CS3 ��# $%"�& ����� $&�����'(ก�%�& ก���$��)*��"���$����������� � �+��� *, ��� %���� �,#��+����� �� ���!-�. +��)��)$/���� ���� � ����$��)*��"���$����������� � ����������ก�����*,�"�� + �&�ก���� ���� 1 1 + �&�ก���� ���� 9 �.����!3 ก�'(ก�*ก��� ก�)��)$/���� #�ก !"ก�ก��ก"���-�. �� ��� #���)���4 ��$&��� �+��� �,�!��� ��&5�!�#��&* ���ก5�!� �� /)��)6�����!��

Workshop1- ก����������� � �*&�����ก�)��)$/���� �5, ��� 1 #��!3 ก��!���� )��) ����� ��"%%�+�!3 )���"%%��� � ������ก� ��ก��!���� #��!3 ก��!���� )��7.��#6�+���7.��%5�&8������ก����� *, �����*, �� ���ก��!���� )����*�����! �, 1. �!:��;�/�!-�.������ก�"ก�� 2. )�� Layer ��, ���+����ก 1 Layer �.���$*���ก� 7%*%�&����+�;�/� 7%*% �,�)��+�� �� ก�$*���ก Layer � 7%*% ������� #����ก��ก"���� �7.�� Layer ���$*���ก�� 3. $�5ก���)/����ก�$������� Magnetic Lasso Tool �.�������ก%5�&8������ก� � ��� �,�+����ก �7.��%5�&8�) ���*,�+�� ��)�� Selection %5�&8��

Page 2: สร้างสรรค์ผลงานด้วยโปรแกรม  Adobe  Photoshop CS3 ที่มา jiraphinya/photoshop.html

265

4. #�ก *, ���ก�!*%-�. +�� ����+%5�&8�������ก 6�� &���, ����$��)*�� Select>>Modify >> Feather ���)�$�����!$�� 3

2

3

����� Selection ���������������

Page 3: สร้างสรรค์ผลงานด้วยโปรแกรม  Adobe  Photoshop CS3 ที่มา jiraphinya/photoshop.html

266

5. #�ก *, $�5ก���)/����ก$��)*�� Image ����ก$��)*�� Adjustment ����ก$��)*�� Color balance #�!�กM�����N�กO/%�N�กO/���ก�!*%"��� �+����� !*%$��)� ����ก"���)��+��������+*&�� Cyan , Magenta ��? Yellow �!���O��+���&� +�� �)�$��������ก�� ���� Color Levels #�ก *, ����ก��!���� )������#�ก�!���* �� �����!*%)���������ก�"�&$�5ก OK. กN#�)���4!*%)�����������ก�

��������� � Selection !"#������������$%��&��'���(��(�#�ก��

Page 4: สร้างสรรค์ผลงานด้วยโปรแกรม  Adobe  Photoshop CS3 ที่มา jiraphinya/photoshop.html

267

Workshop2- ก�� ��G�H��I�JK����HHL��� M

� !"ก� Photoshop CS3 �,����� )���4���#�)��)$/�!"%%���� � �+ก*%�!-�. �.����+�!-�.��$&��)&���� "��"!�ก����ก�5����, ���*&�����#����ก�!*%"����!-�. ���+��%����!-�.���!"%%���+��ก+���"�ก����#�ก��5� ���*, �� ���ก�)����%�!-�.� �!"%%���� � ���*� �, 1. �!:��;�/�!-�.������ก�"ก�� 2. ����ก�$������� �.���)�� Selection �!3 �) ��% ���& %5�&8������ก�)���) ��% �&����!

3. ก�*%�� Selection �������ก�+��ก* ��� ��$�5ก���)/����� �$��)*�� Select ����ก$��)*������ Inverse

Page 5: สร้างสรรค์ผลงานด้วยโปรแกรม  Adobe  Photoshop CS3 ที่มา jiraphinya/photoshop.html

268

4. $�5ก��$� Edit in Quick Mode % Toolbox �.���%*�)�& ���������ก��ก"��� #��!3 )�"�� �*��!

5. $�5ก�� �$��)*�� Filter ����ก$��)*�� Distort ����ก$��)*�� Ripple #�!�กM�����N�กO/%�N�กO/)��+*%ก�!*%"��� ��ก��+ �$�� Amount �!3 300 #�ก *, $�5ก!6S� OK

����!��(��� * +�!,����� Ripple

���ก/����0#��� ��#'�'�ก+��1�2�3

Page 6: สร้างสรรค์ผลงานด้วยโปรแกรม  Adobe  Photoshop CS3 ที่มา jiraphinya/photoshop.html

269

6. ��ก#�ก�6���� Edit in Quick Mode �� $�5ก����6����!ก�5 Edit in Standard Mode )��+*%ก�"ก��-�.

7. ก�!6S� Delete �.����%�) ��%

�� �ก���������ก���ก #����) ��%������!"%%����������� ���ก��*��! +�ก���ก��ก"����.5���+��5�)����� � +������7�)����!� �) ��%�� �กกN��

4&��5���6�'+7� Gradient Tool ����������0#���0�� �3"�#+��4���1�2�3�����'�����ก'���0=��

Page 7: สร้างสรรค์ผลงานด้วยโปรแกรม  Adobe  Photoshop CS3 ที่มา jiraphinya/photoshop.html

270

Workshop3- ก��UHI�JK� ���V����� � �*&����� �,#�!*%-�.V����+��$&�� 6�� &���ก�5����, ��#�����+-�.��)&����"��+��ก+��� �����*, �� ���ก������ �*�����! �, 1. �!:��;�/�!-�.������ก�"ก�� 2. � .���N� Layers �+���ก�$*���ก�����/ Background �.5����ก+ ��������/ �!3 �����/���� Background Copy #�ก *, �+����ก Mode ��������/�!3 Soft Light �*��!

3. #�ก *, !*%$��� �����/ Background copy ������ก�� �$��)*�� Filter ����ก$��)*�� Blur ����ก$��)*�� Gaussian Blur "�&!*%$�� Radius �!3 2.0 Pixels

Page 8: สร้างสรรค์ผลงานด้วยโปรแกรม  Adobe  Photoshop CS3 ที่มา jiraphinya/photoshop.html

271

4. $�5ก��������/ Background copy "�&����ก+*&�� Create new adjust Layer "�&����ก$��)*�� Levels �.���!*%$���+-�.�� 6�� &��� ��!*%���$��ก�;"�&��������!-�. �������-�.��� 6�� &�# �!3 ���.��#"�&$�5ก���)/���!6S� OK ����� กN#���-�.����� 6�� &�"��)���4 ���!��� �!"%%��� � �� ����##�%* ��ก�!3 �;�/�+��

2�3���4���&��ก������>(��

Page 9: สร้างสรรค์ผลงานด้วยโปรแกรม  Adobe  Photoshop CS3 ที่มา jiraphinya/photoshop.html

272

Workshop4- ก�� ��LU��UกY�HH���? 3 �ZLZ � �*&�����ก�)��)$/���� �5, �,#��!3 ก�)���*&�*ก� ����$��)*������ � �������ก����"�&� %���� ก�� + � �,������ �&�ก* �����*, �� ���ก�)���*&�*ก��*� �, 1. )��+ �ก������, ���+�� ����$��)*�� File ����ก New #�ก *, ก��+ �������������� � ���+ �ก���� ����*&������� ����

2. .5�./��$&�� ��ก��+ �� ������ก*% 200 "���!3 ���\�

3. )�� Selection �+ก*%��$&�� ��ก�ก� Ctrl $���&"�&$�5ก���)/��� Layer ��$&�� #��!3 ก�)�� Selection �+ก*%��$&�� ���*� �*�5 �*��!

Page 10: สร้างสรรค์ผลงานด้วยโปรแกรม  Adobe  Photoshop CS3 ที่มา jiraphinya/photoshop.html

273

4. )�� Layer ��, ���+�� #�ก *, $�5ก����$������� Gradient Tool ������ก)�.�, Foreground �!3 )���� "��)�.�, Background �!3 )���& #�ก *, ��ก���)/�+��� �*&�*ก� #�ก�� % ������ �.������ � )�����*&�*ก��+�!3 �*�-�.

5. ����*&�*ก��+�!3 ��� � ��$�5ก����� �$��)*�� Filter ����ก$��)*�� Blur ����ก$��)*�� Gaussian Blur #�ก *, ก��+ �$�� Radius ����ก*% 2.2 Pixel

Page 11: สร้างสรรค์ผลงานด้วยโปรแกรม  Adobe  Photoshop CS3 ที่มา jiraphinya/photoshop.html

274

6. $�5ก����� �$��)*�� Filter ����ก$��)*�� Render ����ก$��)*�� Lighting Effect #�ก *, ก��+ �$�� �*��!

7. !*%�*&�*ก��+�ก5����"%% �+� ��$�5ก���!6S� % .���N� Layers ����ก$��)*�� Curve #�!�กM�����N�กO/%�N�กO/)��+*%ก�!*%"����+&���) $��+�!3 �*��! ��$�5ก"�&��ก����) ���* ��

Page 12: สร้างสรรค์ผลงานด้วยโปรแกรม  Adobe  Photoshop CS3 ที่มา jiraphinya/photoshop.html

275

8. )�� Selection ����*&�*ก�"�&���ก���� �� Selection ������ �$��)*�� Select ����ก $��)*�� Modify ����ก$��)*�� Contract ก��+ �� ���+�� ���)�� ������ก*% 6 #�)*��ก��+N �) Selection ��� ����Nก��ก&����$&���*��!

9. )�������/�+����, ����ก 1 �����/#�ก *, ����ก)�.�, Foreground �!3 )���& "�&$�5ก����ก �$������� Paint Bucket Tool "�&��5�)���&��� )�& Selection ������� ���&#����*��!

10. $�5ก���)/���$��)*�� Filter ����ก$��)*�� Noise ����ก$��)*�� Add Noise "�&ก��+ ���������� ����! #�ก *, $�5ก!6S� OK "�&�ก��5ก Selection ��ก�ก�!6S� Ctrl + D

Page 13: สร้างสรรค์ผลงานด้วยโปรแกรม  Adobe  Photoshop CS3 ที่มา jiraphinya/photoshop.html

276

11. ����ก$��)*�� Layer Style #�ก *, $�5ก+*&��$��)*�� Bevel

and Emboss "�&ก��+ �$�� �*��!

12. )����� �+� ��$�5ก���)/��������/ Curve1 #�ก *, $�5ก��$� % .���N������/"�& ����ก$��)*�� Hue/Saturate "�&���ก�ก��+ �$������!

Page 14: สร้างสรรค์ผลงานด้วยโปรแกรม  Adobe  Photoshop CS3 ที่มา jiraphinya/photoshop.html

277

13. �����ก��+ �������������� � "�&#����*&�*ก�����!3 �*ก�8� �+� 3 �5�5 �*��!

Workshop5- ก�� ��ก�deก Banner ��$/!�ก�%���)��$*`)��+*%�&N%�.#$�� )�& ����!3 +*&�&N%�.#��������� % )6� ���*�&�!#�

")���ก���&ก*%�#�����&N%�O�/ *, ��� �����&N%�O�/ ก�;:ก����!3 ��ก�*ก�8/ "��"4%� &5�ก�*� +*&����������%�ก&���&N%�O�/ �,��%5ก�+��� �,�+�+�*ก ���%�� O�����#��+N ����� �!"%%��� !6S�%�� "4%)�%�� ��, ����ก*%ก���ก"%%����#�����&N%�O�/ � +*&�� �,#�" � ��&5V�ก�)��ก�;:ก+*&��������a� ��� 5������ ก* �*�&� �! (+�*�#�ก)���)N#"�&��� ���!�)��&� + ��&N%�.# ���� !"ก�#*�+ ��&N%�.# ��� Dreamweaver)

GUf�L��ก�� �� Banner

� �*&����� �,#�" � ��&5V�ก�)��ก�;:กh Banner "%%����� ��ก����$�������.�, a� �����������"�& ��� &���!������� ก� ��-�.���)� ก�ก��+ ���;�;3$�/�����/ "��.5�./��$&�� �!3 �

1. ����ก$�� *�� File >> New )���;�/�+��� �� 769x150 Pixels

Page 15: สร้างสรรค์ผลงานด้วยโปรแกรม  Adobe  Photoshop CS3 ที่มา jiraphinya/photoshop.html

278

2. ���$������� Rectangle &���!)���+����� 2 �5, ������ก&��"%% Shape Layers ���!� .�, ���

3. ก��+ �)�+���!:�.���� Styles "�&����ก)��)/�+ก*%)���+������*,� 2 �����/�+)&���� 4. )�������/��, ���+��"�&���ก�กN�%!op�!-�.������ก� �����ก"���

+7��!�"�#��"# Rectangle ����1������&��'� 2 7���

�&�'#�A�1����

������&�'#�A0=����+���

ก,��������"#�&"#ก�1�>�� Styles+��ก���1������&��'�������� 2 �&�'#�A

Page 16: สร้างสรรค์ผลงานด้วยโปรแกรม  Adobe  Photoshop CS3 ที่มา jiraphinya/photoshop.html

279

กB#��CD�1�2�3���(�#�ก���,���(ก>(��6�'�1�>�ก+���,����,��� �3"���&������1�

กE#��CD�1�2�3�����(ก>(��>&��$��(,�>����(��!�������%�� $�ก�����&"#กก������&�'#�A�3"�#+��2�3ก&�ก&"�ก��5�ก

�&"#ก��F�ก������&�'#�A>&%ก,����!��!���6����+�0#�2�3

(Opacity) = 81%

Page 17: สร้างสรรค์ผลงานด้วยโปรแกรม  Adobe  Photoshop CS3 ที่มา jiraphinya/photoshop.html

280

5. +�*�#�ก#*�&���!-�.���%��"�& ��#ก��+ ���;�;3$�/ก��)������/"��$��$&�� !���)�+ก*%�����/-�. �.�������+-�.��ก��ก�� ก*%7�ก+�*�ก��+ � Opacity = 81%

6. ���$������� Polygon &���!��+����+������&����6��� O�� "��ก��+ �)���/�+ก*%!6S�

7. ���$������� Rectangle &���!)���+������ ����Nก�.�������!3 !6S�� &5�ก�*� "�&����ก)���/�+ก*%!6S��+���ก*%ก�;:ก��� � ()���!3 !6S�� "%% 1 !6S�)

+7��!�"�#��"# Polygon ����1�����&�'��&��'�

+7��!�"�#��"# Rectangle ����1������&��'�

Page 18: สร้างสรรค์ผลงานด้วยโปรแกรม  Adobe  Photoshop CS3 ที่มา jiraphinya/photoshop.html

281

8. ��$��)*�� Layers >> Duplicate Layerst +��ก�!6S� Ctrl+J "�&$*���ก!6S�� &5�ก�*� ���)���&�+$%���#�� & !6S�������ก� "�&$�5ก#*����"+ ���+�+���)�

9. ����ก!6S�)6������ O��)6� ก�$��/ Ctrl+T �.����+�ก5�)���+���������%!6S� "�&$�5ก��ก����!6S��+ก&����, ��ก�$��/ Ctrl $���& #�ก *, $�5ก��ก!*%�6��� ���% ���6%�+�!3 �!)���+�����

�&"#ก�&�'#�A�JK�(��>�� ก��JK� Ctrl+J !��&#ก�JK������ก7�����������4��+��!��(��$,�����JK����(�#�ก��

ก�!�'A Ctrl+T >&��!&�ก&�ก0'�'�JK�+��ก����0=�� 6�'ก�!�'A Ctrl !���4�� $�ก����!&�ก&�ก�����J�+���� ��1������&��'�

Page 19: สร้างสรรค์ผลงานด้วยโปรแกรม  Adobe  Photoshop CS3 ที่มา jiraphinya/photoshop.html

282

10. ���$������� Type .5�./��$&��������ก��+")��% !6S�� &5�ก�*� "����!6S�

9.+7��!�"�#��"# Type 3��3A0�#!������JK�

10.3��3A0�#!���#"��* ���(�#�ก��&���ก��STก

�����J�+���� ��1������&��'�

$�ก�����&"#ก�&�'#�A3"���&�� >&��ก,����

Styles �� � Double Ring Glow ��"#�&"#ก Styles #"��* (��+$7#�

Page 20: สร้างสรรค์ผลงานด้วยโปรแกรม  Adobe  Photoshop CS3 ที่มา jiraphinya/photoshop.html

283

11. ���$������� Type .5�./��$&����� � ��� �����&N%�O�/, ) �"ก +����$&��

�*�&�!������ก� ���) ���% -�. "�����ก��ก"��� 12. ���"4%� &5�ก�*� (Navigation) $��"4%���!6S������)��+*% ������+ก*%����������ก���

�&N%�O�/ ���&��-��� �&N%�O�/ �,�������������+ %�� ��!ก�5"4%� &5�ก�*� ��##��!3 )�& + ������ก�;:ก+*&�����(�+��� �*&�����+*&�������� ��) "��%��$*,�กN��ก�)��"�ก�&����+�ก �.���$&��)��&ก���ก�"ก���!���� "!��+��)���5�$/��% !6S� � +*&�� �,#�")���*&�����ก���ก"%%"4%� &5�ก�*� �����$������� �)��!��)���N#�! ������ก#�ก�6� Web

���*.V/-�.ก�;:ก���#� ���!��% + ��&N%�.#

11. +7��!�"�#��"# +���1�����,���B$�1�>&%�,�ก��(ก>(�����' Styles

+���1�����,���B$�1�6�'�&"#ก$�ก7J� Web

Page 21: สร้างสรรค์ผลงานด้วยโปรแกรม  Adobe  Photoshop CS3 ที่มา jiraphinya/photoshop.html

284

13. ����ก$��)*�� File >> Save �กN%%* ��ก�!3 �;�/ Photoshop (.psd) �&ก�� +�*�#�ก *, #��%* ��ก�.��� ���!���&N%�.#����!

ก�� �����H��gHJh

1.�����4S&A+��� >&%ก,����3"��������0�'� 2.+7��!�"�#��"# ����1������&��'�>���&�'#�A

Page 22: สร้างสรรค์ผลงานด้วยโปรแกรม  Adobe  Photoshop CS3 ที่มา jiraphinya/photoshop.html

285

3.+7��!�"�#��"# ����1������3"�#(�������&��'�##ก

����1�����(���1������&��'�

3"�����+������$%4��

4.+7��!�"�#��"# ����1���ก&�>���&�'#�A

5. �&"#ก�#S�S !(A Bevel and Emboss >&%ก,���� size = 100

Page 23: สร้างสรรค์ผลงานด้วยโปรแกรม  Adobe  Photoshop CS3 ที่มา jiraphinya/photoshop.html

286

6.ก�!�'A Ctrl >&��!&�ก���&�'#�A

7.!&�ก������&�'#�A

8.�&"#ก Select>>Modify>>Contract &�0��� selection &� 4 3�ก�j&>&���(����0��&�4�

9.�&"#ก Select>Trancform !&�ก&�ก�&"�#�&��� >&��ก�!�'A Enter

10.�&"#ก Select>>Refine Edge ก,����!�� feather = 11

11.ก�!�'A Delete

Page 24: สร้างสรรค์ผลงานด้วยโปรแกรม  Adobe  Photoshop CS3 ที่มา jiraphinya/photoshop.html

287

�� Selection

12.ก�!�'A Ctrl >&��!&�ก

14.�&"#ก�!�"�#��"#����� Selection �1������&��'�>��(��3"�����##ก

13.������&�'#�A+���

15.��� Selection &���3"�������������ก&�

Page 25: สร้างสรรค์ผลงานด้วยโปรแกรม  Adobe  Photoshop CS3 ที่มา jiraphinya/photoshop.html

288

16.��� Selection &���3"���������&�����ก&�

17.+7��!�"�#��"#

18.ก�!�'A Ctrl+T >&%!&�ก�JK�

Warp >&��������J����

19.ก,�����4(&A

Page 26: สร้างสรรค์ผลงานด้วยโปรแกรม  Adobe  Photoshop CS3 ที่มา jiraphinya/photoshop.html

289

20.+7��!�"�#��"# Type 3��3A0�#!������JK�

21.$�5ก!6S� )��ก|!ก*%�����/���!6S�

22.&�ก�&�'#�Aก�JE�0#��JK�4��������3��# กE#��CD

23.กE#��CD+��!��(�� $,�����JK����(�#�ก��

Page 27: สร้างสรรค์ผลงานด้วยโปรแกรม  Adobe  Photoshop CS3 ที่มา jiraphinya/photoshop.html

290

24.+7��!�"�#��"# !&�ก&�ก$��(,�>����0#��JK�>(�&%ก�JE�

25.��&��'���>&%��&��'�0�#!���0#��JK�>(�&%ก�JE� (��(�#�ก�� ������&!&�ก�0��4���&��'���

26.�&"#ก!,�����

File>>Save for Web & Devices �3"�#����=ก4�+7��������B��3$

Page 28: สร้างสรรค์ผลงานด้วยโปรแกรม  Adobe  Photoshop CS3 ที่มา jiraphinya/photoshop.html

291

ก�deก�Z�����

1.�����4S&A+���0��� 450x350 �&"#ก��3"���&���� �0��

2.!&�ก������&�'#�A+���

3.�&"#ก�!�"�#��"# Polygonal Lasso ���>��(�#��"�#� 4.!&�ก��� Selection �&�'*7���

5.�&"#ก�!�"�#��"# Baint Bucket �3"�#�(����

6.!&�ก�(����&�+� Selection

1.ก� Ctrl+D �T� selection >&���&"#ก

�!�"�#��"# ����1���ก&����,�+��&�'#�A+���

Page 29: สร้างสรรค์ผลงานด้วยโปรแกรม  Adobe  Photoshop CS3 ที่มา jiraphinya/photoshop.html

292

8.�&"#ก�&�'#�A&�'���� >&���&"#ก

Filter>>Blur>>Gaussian Blur ก,����!�� Radius ��%��� 0.2

9.+7��!�"�#��"# Custom Shape ����1�2�3��� #"��* �3"�#(ก>(��2�3

����1����(���* +��&�'#�A+���

10.กE#��CD�1�2�3�����(ก>(��

�&�'#�A�1�2�3

Page 30: สร้างสรรค์ผลงานด้วยโปรแกรม  Adobe  Photoshop CS3 ที่มา jiraphinya/photoshop.html

293

11.ก�!�'A Ctrl >&��!&�ก���&�'#�A2�3

12.�&"#ก�!�"�#��"#

Paint Bucket

13.�&"#ก�� FG ���,�

14.!&�ก�(������"#ก�!�'A Alt+Delete

Page 31: สร้างสรรค์ผลงานด้วยโปรแกรม  Adobe  Photoshop CS3 ที่มา jiraphinya/photoshop.html

294

15.��&��'�3"����ก&��� ���#"��* 4��(��(�#�ก��