PORT FOLIO By Phurikanya Chalachewa
570 602 87
P O R T F O L I O
R E T I ED K TAL ในปีนี้ได้เรียนเกี่ยวกับโปรแกรมออกแบบถึง 3 ตัว ด้วย กัน ได้แก่ Adobe Illustrator , Adobe Photoshop และ Adobe Indesign
สำ � ห รั บ ดิ ฉั น ใ น ต อ น แ ร ก โปรแกรมที่ยากที่สุด ที่ไม่ค่อยชอบ คือ Adobe Illustrator รู้สึกว่าใช้งานยาก มาก Photoshop ก็ทำ�ได้ เลยไม่ค่อยสนใจ โปรแกรมนั้นเท่าไหร่ แต่พอผ่านไปเรื่อยๆ ได้ใช้งานจริง ก็รู้สึกว่า อะไรมันก็ง่าย เมื่อใช้ Ai จริงๆ สนุกที่สุดคงเป็น Indesign เพราะชอบจัดเลเอาท์ ถึงจะทำ�ได้ไม่ดี เท่าไหร่ วิชานี้เรียนแล้วสนุกค่ะบางคาบ ก็เครียดแปลกๆ 55 แต่เพราะอาจารย์ กันเองด้วย เลยสนุก #ชอบค่ะ
CON TENT
สาร บัญ C O N T E N T
P O RT FO L I O
SELF PORTRAIT
01 06 FONT DESIGN
ILLUSTRATION
RETOUCH MOOD &TONE
17 22 COVER DVD 28 30 RETOUCH ROBOT
RETOUCH SURREALISTIC IMAGE
33
ABOUT ME
46
IMAGE
40 BROCHURE
S E L F P O R T R A I T
1
P O RT FO L I O
1
S E L F P O R T R A I T
งานชิ้นแรก คืองาน SELF PORTRAIT งานไม่ยากเท่าไหร่ แต่เน้นเนี๊ยบ ซึ่งยาก มาก .. เป็นการใช้เครื่องมือไม่กี่อย่าง สร้างขึ้นมาเป็นรูป เกิดจากการทับถมของ เลเยอร์ นับสิบ
SELF
P O RT R A I T
2
SELF
P O RT R A I T
Illustrator CC 2015 PENCIL TOOL N
EYE DROPPER Shift
TRANSPARENCY
I Ctrl
F10
STEP 01
CHOOSE YOUR PIC.
เลื อ กรู ป ภาพที่ เ ราต้ อ งการ ขึ้นมา โดยไปที่ File > Open > เลือกรูปที่เราต้องการจะใช้ รูปที่จะใช้ในการดราฟ ควรเป็นรูปที่มีแสงเงาชัดเจน เพราะจะได้ สามารถทำ�งานได้ง่ายขึ้น และควรมีขนาดที่ใหญ่ เกิน 1000 Px ขึ้นไป เพื่อที่เวลาซูมจะได้ไม่แตก
3
P O RT FO L I O
SELF
P O RT R A I T
STEP 02 USE YOUR PENCIL.
ใช้เครื่องมือ N เพื่อใช้ดินสอ
หรือกด
ใช้ดินสอลากไปตามกรอบ หน้าของเรา รวมทั้งคอ และ ส่วนหู แบบในภาพ
STEP 03 THE EYE DROPPER.
ขั้นตอนที่ 3 เป็นขั้นตอนของ การดูดสี โดยเราจะใช้เครื่องมือ Eye Dropper หรือ กด I (ไอ) บนแป้นพิมพ์ การใช้ Eye Dropper ในงานนั้น ก็คือ ดูดสีที่อยู่บนใบกน้า โดยเราจะไม่ดูด สีที่เข้มที่สุด หรือ อ่อนที่สุด แต่เราจะ ดูดสีที่เป็น “สีกลาง” ของใบหน้าที่สุด เพราะเราจะดราฟถมเลเยอร์ไปเรื่อยๆ จนเกืดส่วนที่เข้ม และอ่อนที่สุด
P O RT FO L I O
4
SELF
P O RT R A I T
STEP 04
SHADOW ON YOUR FACE. ขั้นตอนที่ 4 เป็นเรื่องของ การใส่เงาบนใบหน้า ให้ใบหน้า ของเรามีมิติมากขึ้น ดูสมจริง มากขึ้น เริ่มจากการ เปิดเลเยอร์โดย ไปที่ แถบ Layer กด Creat New Layer หรือ เพื่อทำ� การเปิดเลเยอร์ใหม่ หลังจากนั้นตั้งชื่อเลเยอร์ว่า “เงาหน้า” เพื่อให้ง่ายต่อการก ลับมาแก้ไข เพราะมีการจัด กลุ่มของเลเยอร์
5
P O RT FO L I O
SELF
P O RT R A I T
STEP 05
DRAW & SCREEN REPEAT ใช้ดินสอวาดจนให้เห็นเป็น โครงหน้า ส่วนต่างๆชัดเจน จากนั้นใช้ Eye dropper ดูดสี ชึ้นมา ไปที่แถบTransparency (Shift+Ctrl+F10) ปรับเป็นโหมด Screen ตั้งค่า opacity อยู่ที่ 5-10% ถมเลเยอร์ทับไปเรื่อยๆจนกว่า จะเห็นโครงส่วนต่างๆบนใบหน้า ชัดเจน
STEP 06
DRAW & SCREEN REPEAT ใส่รายละเอียดเพิ่มเติม เช่น ตา หู จมูก ปาก คิ้ว โดยการเปืดเลเยอร์ใหม่ แล้วทำ�แยกแต่ละส่วนไป โดยวิธีการทำ� เหมือนทำ�แสงหน้า ก็คือวาดซ้อนทับ ไปเรื่อยๆ ทำ�ผมด้วยเครื่องมือ pencil tool ขีดเป็นเส้นๆ โดยใช้เครื่องมือดูดสี ดูดสีมาเพื่อให้เกิดความสมจริง P O RT FO L I O
6้
FONT D E S I G N
7
P O RT FO L I O
P O RT FO L I O
8
FON T D E S I G N
Illustrator CC 2015 PENCIL TOOL N
EYE DROPPER Shift
TRANSPARENCY 3D EXTRUDE & BEVEL OPTION
MAKE
MARBLE PATTE R N 9
P O RT FO L I O
I Ctrl
F10
FON T D E S I G N
STEP 01 ตั้งค่าหน้ากระดาษเป็นไซส์ A3 ในแนวตั้ง ปรับค่าสีเป็น CMYK และ 300 PPI.
STEP 02 นำ�ไฟล์ลายหินอ่อนมาวาง โดย ให้เลยขอบกระดาษ ควรใช้ไฟล์ที่ มีขนาดใหญ่ เพื่อป้องกันการซูม แล้วแตก
STEP 03 เปิดเลเยอร์ใหม่ จากนั้น ใช้เครื่อง มือ Pencil Tool ลากไป ตามลาย จากนั้นใช้ Eye dropper ดูดสีที่วาดไว้ ปรับค่า opacity ประมาณ ไม่เกิน 50% ทำ�แบบนี้ ซ้อนกันไปเรื่อย จนกว่าจะเห็นลาย ที่ชัดเจน > Save P O RT FO L I O
10
FON T D E S I G N
MAKE
MARBLE TYPO G RAPHY 11
P O RT FO L I O
FON T D E S I G N
NEW FEATURE Effect 3D
Convert to shape
Extrude & Bevel option Revolve Rotate
STEP 01 ตั้งค่าหน้ากระดาษ เป็นไซส์ A3 จากนั้นนำ�สเก็ตฟอนต์ ที่ได้ทำ�การสแกนแล้วมาใส่ใน หน้ากระดาษ
P O RT FO L I O
12
FON T D E S I G N
STEP 02 ใช้เครื่องมือ Pentool ค่อยดราฟไปตามตัวอักษรที ละตัว โดยเลือกใช้แค่เส้นขอบ
PEN TOOL
P
STEP 03 สลับเปลี่ยนจากเส้นขอบ เป็นใส่สีภายใน จากนั้นไปที่
Effect 3D
Convert to shape
13
Extrude & Bevel option Revolve Rotate
P O RT FO L I O
FON T D E S I G N
STEP 04 5.ปรับค่าด้วยการขยับ ตรงกล่องสี่เหลี่ยม ควรกด Preview ด้วยเพื่อดูงาน
STEP 05 กด MapArt เพื่อใส่แพท เทินในงาน โดยเกิดจากการ ลากลายหินอ่อนที่เราลากไว้ ลงในพาแนล Symbol แล้ว ค่อยเลือกเฟสที่ต้องจะลงไป เรื่อย โดยกดซ้ายขวาในช่อง Surface เมื่อทำ�ครบทุกหน้า แล้วกด OK
P O RT FO L I O
14
FON T D E S I G N
STEP 06 ไปที่effect-DropShadow เพื่อเพิ้มเงาให้กูหนามากขึ้น เมื่อกด DropShadow จะขึ้น หน้าต่างแบบนี้ เราสามารถ ปรับตามใจชอบได้เลย แต่ ต้องดูความสมจริงด้วย
STEP 06 สำ�เร็จ เสร็ต กด Save
15
P O RT FO L I O
FON T D E S I G N
P O RT FO L I O
16
I L L U S T R AT I ON D E S I G N
P O RT FO L I O
17
DESIGN I L L U S T R AT I ON
ILLUSTRATION DESIGN INFOGRAPHIC DESIGN : HAPPY EVERYDAY
P O RT FO L I O
18
ILLUSTRATION DESIGN I N F OGRA PHI C
I L L U S T R AT I ON D E S I G N
19
P O RT FO L I O
LET’S START STEP 01 STEP 02
ใช้เครื่องปากกา PenTool ดราฟ ตามที่ร่างไว้ จัดวาง หรือ ปรับ แต่งให้ดูดียิ่งขึ้น
STEP 03 ในการดราฟควรแยก เลเยอร์ เป็นอย่างๆไป เพราะมีภาพค่อนข้างเยอะ เพื่อไม่ให้สับสน ตวรแยก เป็นหมวดหมู่ ให้ชัดเจน
P O RT FO L I O
20
I L L U S T R AT I ON
DESIGN
เสกตรูปแบบinfographic หลัง จากนั้นนำ�มาวางไว้ในหน้า กระดาษ ในโปรแกรม Ai
STEP 04 สร้างกรอบข้อความด้วย เครื่องมือ TYpe Tool จัด วางบนหน้ากระดาษให้ สวยงาม
I L L U S T R AT I ON D E S I G N
STEP 05 ตกแต้งใส่รายละเอียดเพิ่ม และจัดวางให้กูกียิ่งขึ้น ส่วนหารสร้างวัตถุ ให้ใช้ เครื่องมือ Rectangle Tool
21
P O RT FO L I O
DESIGN I L L U S T R AT I ON
ILLUSTRATION DESIGN I N F OGRA P HI C
P O RT FO L I O
22
COVER DVD
I L L U S T R AT I ON D E S I G N
COVER DVD 23
P O RT FO L I O
24
P O RT FO L I O I L L U S T R AT I ON
DESIGN
COVER DVD
STEP 02
สร้างวัตถุที่ต้องการจะใส่ในงาน ในที่นี้มี เมาส์ปากกา แก้วกาแฟ แล้วแมคบุต Pen Tool ( P )
P O RT FO L I O
25
COVER DVD
STEP 01 ตั้งค่าหน้ากระดาษเท่ากับไซส์ ของปกDVD File > New ( Ctrl + N )
26
P O RT FO L I O
COVER DVD
STEP 04
นำ�ฟอนต์ที่ออกแบบแล้วมาใส่ จัดวางให้สวยงาม แล้วเซฟ
P O RT FO L I O
27
COVER DVD
STEP 03 ใส่พื้นหลังลายหินอ่อนที่ดราฟ ไว้เข้าไปในงาน เนื่องจากเป็น งานที่ต่อยอดจากงานออกแบบ ตัวอักษร
STEP 05 ในส่วนของปกหลังนั้น นำ� ภาพผลงานมาใส่ ตกแต่งให้ สวยงาม
28
P O RT FO L I O
RETOUCH
MOOD & TONE
P O RT FO L I O
29
01 เลือกรูปภาพที่เราต้องการ จะปรับสีขึ้นมา
02 ไปที่ Window > Adjustment เลือก Curves แล้วปรับสีตามใจ ชอบ นอกจากการปรับสีแบบ RGB ได้แล้ว ยังสามารถปรับใน ส่วนของแต่ละสีได้อีกด้วย
CURVES HUE /SATURATION EXPOSURE
P O RT FO L I O
30
RETOUCH SHORT CUT KEY
COMPOSITE ROBOT IMAGE
31
W E B P O RT FO L I O
COMPOSITE ROBOT IMAGE
เปืดเลเยอร์ที่เราต้องการขึ้นมา พร้อมกับเปิดภาพที่เราต้องการ ใช้นำ�มาทำ�เป็นส่วนประกอบขึ้น มา สำ�หรับภาพที่มีพื้นหลัง ให้ใช้ magic wand (W)
02
01 ทำ�กับทุกส่วนที่ต้องกานำ�มาประ กอบด้วยเครื่องมือ Magic Wand / ยางลบ
ประกอบส่วนต่างเข้าด้วยกัน จาก นั้นใช่เครื่องมือ Brush (B) เลือกสี ดำ� ค่อยๆลงเป็นเงา เพื่อให้ดูมีมิติ มากยิ่งขี้น
P O RT FO L I O
32
R E TO U C H I N G S U R R E AL I S T I C I M AG E
P O RT FO L I O
33
R E TO U C H I N G S U R R E AL I S T I C I M AG E
RETOUCHING
SURREALISTIC IMAGE CITY IN MY DREAM
P O RT FO L I O
34
RETOUCH
SURREALISTIC IMAGE SHORT CUT KEY B
E
W
เปิดไฟล์รูปภาพที่เรา ต้องการขึ้นมา จากนั้นได คัทส่วนที่ไม่ต้องการออก ด้วย ยางลบ (E) หรือ ใช้ Magic Wand (W) ในการนำ� ส่วนที่ไม่ต้องการออก ้ นำ�ส่วนที่เป็นพิ้นหลัง ของงานมาใส่ก่อน โดย พยายามเลือกภาพที่คลุม มูดโทน ตามที่เราคิดไว้
35
01
P O RT FO L I O
ใส่รายละเอียดเข้าไป เช่น บ้านเมือง เนินหิน ประตูบาดาล พวก บรรยากาศ สัตว์ ใช้ยางลบหัวฟุ้ง สามา รถทำ�ให้ภาพ Blend กันเอง หรือจะปรับ โหมดภาพเป็น overlay
02
Screen หรือ Multiply ที่สามารถ ปรับได้ในแถบ Layer
P O RT FO L I O
36
03 ในส่วนของรถแท็กซี่บินได้ นั้น ทำ�การ Ctrl-J เพื่อคัดลอกเลเยอร์ จาก
นั้นเลือกเลเยอร์ที่เป็นเลเยอร์ก๊อปเมื่อสักครู่ ไป ที่Filter แล้วก็Blur ตามด้วย Motionblur จัด ตำ�แหน่งให้รู้สึกเมื่อนว่ารถบินมาด้วยความเร็ว
Ctrl + J
04
เพิ่มเลเยอร์ใหม่ขึ้นมาให้อยู่บนเลเยอร์ Taxi ใช้เครื่องมือ Brush Tool แบบ หัวฟุ้ง ขนาดพอดีกับไฟรถ จิ้มบรัชลงไปที่ไฟท้ายทั้งสองข้าง Copy เลเยอร์ไฟรถเมื่อสักครู่นี้ ขึ้น มา 1 เลเยอร์ ปรับเป็น Overlay เพื่อ ให้เกิดความสว่างเหมือนไฟท้ายรถที่ ถูกเปิดอยู่
37
P O RT FO L I O
05 เปืดไฟล์ภาพต้นไม้ขึ้นมา เพื่อ ใช้เป็นส่วนที่สะท้อนกับกระจก หลังรถ
4 06
นำ�ไฟล์ภาพต้นไม้มาใส่ แล้วปรับองศาให้พอดีกับกระจก หลัง จากนั้นปรับเป็นโหมด Screen ค่า Opacity 75%
จากนั้นใช้ยางลบหัวฟุ้งลบส่วนที่เกิน ออกมาจากขอบกระจกหลังรถ จะได้ตามภาพ P O RT FO L I O
38
07 ปรับสีและใส่แสงเงาให้ดู สมจริง โดยการใส่ Hue-Saturationและ Brightness-Contrast
หลังจาดนั้นก็ปรับสี ใส่แสง อาทิตย์ด้วยBrush หัวฟุ้ง เพื่อให้ภาพดูซอฟต์ลง และมีความเป็นธรรมชาติ
39
08
P O RT FO L I O
40
BRO CHURE LAYOUT DESIGN
41
P O RT FO L I O
BROCHURE
01 ตั้งค่าหน้ากระดาษ New > Document Number og Pages :6 Uncheck Facing Pages Width*Height : 5.031 x 10 inches. Columns : 1 Margins : Top / Bottom / Left / Right : 0 inches. Bleed : 0.125 inches.
02 หน้าที่ 1 คือปก หน้า และ หน้าที่ 6 คือปกหลัง 2-5 คือหน้าของ เนื้อหาภายใน
P O RT FO L I O
42
BROCHURE
01 วิธีการใส่รูปภาพ ใช้ เครื่องมือ Rectangle Frame Tool หรือกดF แล้วลาก ให้เกิดเป็นกรอบสี ฟ้าแล้วมีกากบาท อยู่ภายในหรอบดัง ภาพ
02
เมื่อเรานำ�ภาพ มาใส่ในกรอบ แล้ว ภาพจะอยู่ ในกรอบ แต่ถ้า ในกรณีที่สัด ส้วนภาพใหญ่ กว่ากรอบ ให้ค ลิ๊กที่ภาพ จน มีวงกลมตรง กลางภาพ จะ เกิดกรอบเส้นสี ส้ม จากนั้นก็สา มารถปรีบขนาด ได้ตามใจชอบ
43
P O RT FO L I O
BROCHURE
03
นอกจากนี้ยังสามารถสร้างกรอบเป็นรูป แบบที่ต้องการ ที่ไม่ใช่กรอบสี่เหลี่ยมได้ด้วย การใช้เครื่องมือ Pentool จุดพ็อตเป็น กรอบแบบที่ต้องการ แล้ว ก็ลากภาพมาใส่ได้เลย จะ ได้กรอบภาพทรงอื่นๆดัง รูป
04 ใช้เครื่องมือ Type tool ในการพิมตัวอักษร โดยคลิกต้างแล้วลาก เป็นกรอบ เท่าที่ต้องการจะใส่ข้อความ
05 วิธีการ save ไฟล์ File > Export > เลือก Jpeg / PDF หรือไฟล์อื่น ที่ต้องการ
P O RT FO L I O
44
45
P O RT FO L I O
P O RT FO L I O
46
PHURIKANYA CHALACHEWA นางสาวภูริกัญญา ชลาชีวะ นิสิตคณะศิลปกรรมศาสตร์ เอกออกแบบกราฟิกและโฆษณา มหาวิทยาลัยบูรพา ปี 2 ชอบแมว ที่บ้านเลี้ยง 2 ตัว แต่หนู กลับมีเยอะกว่าแมว / ชอบไปเที่ยว กับเพื่อน เพราะจะได้มีรูปถ่ายตัวเอง / ชอบสีดำ�มาก มากจนกลัวจะเป็น โรคจิต / ชอบเล่นคอมมากเล่นได้ทั้ง วัน แต่พอทำ�งานด้วยคอมที่ไร ปวด ตัวไปหมดเลย .. ว้า / ตอนทำ�งานนี้ ฟังเพลงบทสวดพระแม่กวนอิมด้วย ได้เปิดขุมพลังใหม่ ทุกวัน ตี3 ตี4 6โมง จนไม่ได้นอน / ชอบอินดีไซน์ที่สุดตั้งแต่เรียนมา ขอบคุณที่เปิดอ่านมาจนถึงหน้านี้ ขอบคุณอาจารย์มาก ๆ เพราะได้ใช้ โปรแกรม adobe ซะคุ้มเลยค่ะ
47
SELF PORTRAIT FONT DESIGN ILLUSTRATION DESIGN COVER DVD RETOUCH MOOD & TONE RETOUCH ROBOT RETOUCH SURREALISTIC BROCHURE 570 602 87