วันจันทร์ที่ 24 กุมภาพันธ์ พ.ศ. 2557
วันอาทิตย์ที่ 23 กุมภาพันธ์ พ.ศ. 2557
จัดทำโดย
จัดทำโดย
นางสาวกมลชนก จิตราภิรมย์ เลขที่2
นางสาวหฤทัย วิรินทร์ เลขที่20
นางสาวศิริพร เพชรช่วย เลขที่่21
วันเสาร์ที่ 8 กุมภาพันธ์ พ.ศ. 2557
อักษรรูปภาพ illustrator
เมื่อเปิดภาพที่ต้องการทำขึ้นมา
• แล้วให้พิมพ์อักษรตามที่ต้องการลงบนภาพ
• คลิกที่ selection tool แล้วลากครอบทั้งภาพและอักษร แล้วคลิกขวาในภาพ เลือกคลิกที่ Make Clipping Mask
• ลักษณะของอักษรภาพดังรูป ทำพื้นหลังสีดำให้ดูเด่นชัด
• แล้วให้พิมพ์อักษรตามที่ต้องการลงบนภาพ
• คลิกที่ selection tool แล้วลากครอบทั้งภาพและอักษร แล้วคลิกขวาในภาพ เลือกคลิกที่ Make Clipping Mask
• ลักษณะของอักษรภาพดังรูป ทำพื้นหลังสีดำให้ดูเด่นชัด
คีย์ลัดของกล่องเครื่องมือ illstrator
ในกรณีการทำงานแล้วต้องการใช้เครื่องมือต่างๆในการทำงานนั้น เราอาจจะไม่ต้องเลื่ื่อนเมาส์ไปกด คลิกเลือกที่เครื่องมือ เพื่อความรวดเร็วเราก็สามารถกดที่แป้นพิมพ์ได้เลยตามนี้ครับ
A = direct selection tool
b = paint brush tool
v = selection tool
B = พิมพ์ (Print)
P = วาง (Paste) งานที่ได้ทำการคัดลอกมา
Q = lasso tool
J = column grahp tool
N = pencil tool
R = rotate tool
O = reflect tool
S = scale tool
T = type tool
\ = line segment tool
L = elipse tool
M = rectangle tool
+ = add anchor point tool
- = delete anchor point tool
G = gradient tool
W = blend tool
E = free transform tool
U = mesh tool
I = eyedropper tool
K = live paint bucket
H = hand tool
Z = zoom tool
b = paint brush tool
v = selection tool
B = พิมพ์ (Print)
P = วาง (Paste) งานที่ได้ทำการคัดลอกมา
Q = lasso tool
J = column grahp tool
N = pencil tool
R = rotate tool
O = reflect tool
S = scale tool
T = type tool
\ = line segment tool
L = elipse tool
M = rectangle tool
+ = add anchor point tool
- = delete anchor point tool
G = gradient tool
W = blend tool
E = free transform tool
U = mesh tool
I = eyedropper tool
K = live paint bucket
H = hand tool
Z = zoom tool
Shift + B = blob brush tool
Shift + E = eraser tool
Shift + R = warp tool
Shift + S = symbol sprayer tool
Shift + L = live paint selection tool
Shift + O = artboard tool
Shift + K = slice tool
Shift + E = eraser tool
Shift + R = warp tool
Shift + S = symbol sprayer tool
Shift + L = live paint selection tool
Shift + O = artboard tool
Shift + K = slice tool
การหมุนภาพ หรือ วัตถุ illustrator
นำภาพที่ต้องการเข้าสู่พื้นที่ทำงาน
• คลิกขวาที่ภาพ แล้วเลือกชี้ Transform แล้วคลิกที่ Rotate
• จะได้หน้าต่างขึ้นมาให้ปรับค่าองศาที่ต้องการให้หมุน แล้กดติ๊กที่ช่อง Preview เพื่อดูลักษณะภาพ ที่หมุนหากไม่ได้ตามต้องการก็ใส่ค่าลงไปใหม่ แล้วติ๊ก Preview ดูใหม่ จนได้ตามต้องการ
• กด OK จะได้ภาพต้นฉบับที่หมุนไปในทิศที่เรากำหนด
• แต่หากกด Copy จะได้ภาพต้นฉบับที่เหมือนเดิม 1 ภาพและได้ภาพใหม่ที่หมุนตามองศาที่เรา กำหนดเพิ่มขึ้นมาอีก 1 ภาพ ดังรูป ลองดูว่าต้องใช้อันไหนในการทำงานก็เลือกอันนั้นเลยครับ
• คลิกขวาที่ภาพ แล้วเลือกชี้ Transform แล้วคลิกที่ Rotate
• จะได้หน้าต่างขึ้นมาให้ปรับค่าองศาที่ต้องการให้หมุน แล้กดติ๊กที่ช่อง Preview เพื่อดูลักษณะภาพ ที่หมุนหากไม่ได้ตามต้องการก็ใส่ค่าลงไปใหม่ แล้วติ๊ก Preview ดูใหม่ จนได้ตามต้องการ
• กด OK จะได้ภาพต้นฉบับที่หมุนไปในทิศที่เรากำหนด
• แต่หากกด Copy จะได้ภาพต้นฉบับที่เหมือนเดิม 1 ภาพและได้ภาพใหม่ที่หมุนตามองศาที่เรา กำหนดเพิ่มขึ้นมาอีก 1 ภาพ ดังรูป ลองดูว่าต้องใช้อันไหนในการทำงานก็เลือกอันนั้นเลยครับ
Tool Box illustrator
Tool Box หรือกล่องเครื่องมือ คือ ที่รวบรวมเครื่องมือในการสร้างงานทั้งหมดไว้ในนี้ ซึ่งจะถูกจัดไว้ ให้ใช้งานเป็นกลุ่มดังภาพ
3D กับ illstrator
เมื่อเปิดสร้างเอกสารใหม่ขึ้นมา แล้วให้พิมพ์อักษรตามที่ต้องการ
• ไปที่เมนู Effect ชี้ที่ 3D แล้วคลิกที่ Extrude & BEvel...
• จะได้หน้าต่างขึ้นมาให้กำหนดค่า ลองทำตามรูปที่ตั้งค่าก่อนก็แล้วกันนะครับ
• ลักษณะของอักษร 3d ดังรูป ลองทดสอบใส่ค่าในแบบต่างๆดูครับแล้วจะรู้ว่าได้เป็นอย่างไรบ้าง
• หากต้องการให้สามารถจัดตำแหน่งอักษรแต่ละตัวแบบอิสระ ก่อนที่จะทำเป็น 3d ก็ควรสร้าง outline ให้ตัวอักษรก่อนครับ โดยกด Shuft + Crtl + O หรือตามรูปครับ (ทำทีหลังก็ได้แต่ต้องไปคลิกที่อักษร ใหม่อีกที)
• จะได้เอาท์ไลน์ของอักษรลักษณะตามรูปนี้ครับ หากจะย้ายตัวไหนก็ดับเบิ้ลคลิกที่ตัวนั้นแล้วจะย้าย ได้ครับ
• ไปที่เมนู Effect ชี้ที่ 3D แล้วคลิกที่ Extrude & BEvel...
• จะได้หน้าต่างขึ้นมาให้กำหนดค่า ลองทำตามรูปที่ตั้งค่าก่อนก็แล้วกันนะครับ
• ลักษณะของอักษร 3d ดังรูป ลองทดสอบใส่ค่าในแบบต่างๆดูครับแล้วจะรู้ว่าได้เป็นอย่างไรบ้าง
• หากต้องการให้สามารถจัดตำแหน่งอักษรแต่ละตัวแบบอิสระ ก่อนที่จะทำเป็น 3d ก็ควรสร้าง outline ให้ตัวอักษรก่อนครับ โดยกด Shuft + Crtl + O หรือตามรูปครับ (ทำทีหลังก็ได้แต่ต้องไปคลิกที่อักษร ใหม่อีกที)
• จะได้เอาท์ไลน์ของอักษรลักษณะตามรูปนี้ครับ หากจะย้ายตัวไหนก็ดับเบิ้ลคลิกที่ตัวนั้นแล้วจะย้าย ได้ครับ
รู้จักกับหน้าตา Ai
หลังจากที่เปิดโปรแกรมขึ้นมาและเข้าสู้ไฟล์งานใหม่แล้ว จะมีหน้าตาดังรูป ซึ่งจะมีส่วนประกอบที่ สำคัญๆ ที่ควรจะรู้จักกันดังนี้
1. Menu Bar เป็นแถบรวบคำสั่งหลักของโปรแกรม
2. Control Panel เป็นแถบควบคุมคุณสมบัติของเครื่องมือต่างๆ
3. Program Control ส่วนในการปิดเปิด หรือ ย่อขยายโปรแกรม
4. Tool Box กล่องเครื่องมือ ที่รวมเครื่องมือที่ใช้ในการสร้างและปรับแต่งแก้ไขภาพ
5. Dock Panel กล่องรวมพาเนล
6. Art Board พื้นที่ทำงาน
ซึ่งนอกเหนือจากนี้แล้วยังมีอื่นๆอีกมาก แต่จะขอยกไปอธิบายในช่วงที่ใช้งาน หรือแยกเป็นเรื่องเฉพาะ
สร้างพื้นหลังสวยๆสไตล์นักธุรกิจ โดย Illustartor
สร้างพื้นหลังสวยๆสไตล์นักธุรกิจ โดย Illustartor
1. สร้าง file ใหม่โดยให้สีพื้นหลังเป็นแบบ gradient
2. ใ้ช้ Pen Tool (P) วาดแส้นสองเส้นค่ะ โดยเส้นมีขนาด 1px ตามรูปด้านล่างค่ะ
3. Object > Blend > Blend Options
ตั้งค่า Specified Steps ค่ะ
Object > Blend > Make จะได้ตามด้านล่างค่ะ
4. สร้างอีกเส้่นตามรูปโดยวิธีเดิม ข้อที่สามค่ะ
5. นำรูปแผนที่มาใส่ค่ะ แล้วคลิกขวา Arrange> Bring to Front
ใส่สีที่รูปแผนที่ค่ะ ตามด้านล่าง
6. Effects > Arc ตั้งค่า style = Arc Upper , Horizontal
จะได้ตามด้านล่างค่ะ
7. สร้างลูกศรโดยใช้ Pen Tool (P)
เปิดที่ Brush Palette.จากนั้นไปที่ Brush Libraries > Arrows Standard
เลือกที่เส้นทั้งหมดที่เราได้สร้างขึ้นแล้่วทำการเลือลูกสรที่เราต้องการได้เลยค่ะ
8. เลือกลูกศรหนึ่งอันค่ะ แล้วไปที่ Object > Expand จากนั้นใส่สีให้กับลูกศรค่ะ
1. สร้าง file ใหม่โดยให้สีพื้นหลังเป็นแบบ gradient
2. ใ้ช้ Pen Tool (P) วาดแส้นสองเส้นค่ะ โดยเส้นมีขนาด 1px ตามรูปด้านล่างค่ะ
3. Object > Blend > Blend Options
ตั้งค่า Specified Steps ค่ะ
Object > Blend > Make จะได้ตามด้านล่างค่ะ
4. สร้างอีกเส้่นตามรูปโดยวิธีเดิม ข้อที่สามค่ะ
5. นำรูปแผนที่มาใส่ค่ะ แล้วคลิกขวา Arrange> Bring to Front
ใส่สีที่รูปแผนที่ค่ะ ตามด้านล่าง
6. Effects > Arc ตั้งค่า style = Arc Upper , Horizontal
จะได้ตามด้านล่างค่ะ
7. สร้างลูกศรโดยใช้ Pen Tool (P)
เปิดที่ Brush Palette.จากนั้นไปที่ Brush Libraries > Arrows Standard
เลือกที่เส้นทั้งหมดที่เราได้สร้างขึ้นแล้่วทำการเลือลูกสรที่เราต้องการได้เลยค่ะ
8. เลือกลูกศรหนึ่งอันค่ะ แล้วไปที่ Object > Expand จากนั้นใส่สีให้กับลูกศรค่ะ
สร้างกิ่งก้านดอกไม้ด้วย Illustrator
สร้างกิ่งก้านดอกไม้ด้วย Illustrator
1. สร้าง file ใหม่ขึ้นมา โดย set ค่าพื้นหลังเป็นแบบ Transparent
2. จากนั้นให้เลือก Spiral Tool ถ้าไม่เห็นให้ click ขวาที่ Line Tool ค่ะ แล้วทำการวาดรูปได้เลยค่ะ
3. ทำการคัดลอกรูปที่เราได้สร้างขึ้นโดยไปที่ Edit ---> Copy แล้วทำการเลือก Edit ---> Paste in front
4. ทำการหมุดภาพ ตามด้านล่างค่ะ
5. จากนั้นให้เลือก Direct Seletion Tool แล้วให้เลือกที่จุดปลายของเส้นทั้งสอง
จากนั้นให้ไปที่ Object ---> Path ---> Join จากนั้นให้ทำเหมือนเดิมที่ต้นทางของเส้นทั้งสองค่ะ
จากนั้นให้ทำการใส่สีลงไปค่ะ จะได้ตามด้านล่างค่ะ
6. จากนั้นให้ทำซ้ำตั้งแต่ข้อสองค่ะ แล้วทำการสร้างให้สวยงาม ก็จะได้ตามด้านล่างนี้เลยค่ะ
การทำเส้นผม จากโปรแกรม Illustrator 10
การทำเส้นผม จากโปรแกรม Illustrator 10
1.เปิดโปรแกรมขึ้นมา จากนั้นเลือก file-->new กำหนดหน้ากระดาษให้เรียบร้อย
2.file--->place เลือกรูปต้นแบบมา ตอนนี้รูปต้นแบบก้อจะอยู่ใน layer 1 จากนั้นสร้าง layer ใหม่ขึ้นมาเป็น layer ที่ 2 แล้ว copy รูปต้นแบบไปไว้ เพื่อดูแบบแล้ววาดตาม(ไม่ต้องทาบทั้งหมดค่ะ)
3.จากนั้น สร้าง layer ใหม่ขึ้นเรื่อยๆเพื่อทำการแยกส่วนต่างๆไว้เพื่อง่ายต่อการทาบและแก้ไข (ควรตั้งชื่อใหม่ด้วยนะคะ)
4.ต่อไปจะเริ่มทำการทาบผมส่วนแรก ผมที่อยู่ล่างสุด การทาบโครงร่าง ให้ใช้แต่เส้น stroke นะคะ
5.ทาบส่วนต่อมา
6.วาดส่วนที่เป็นไฮไลด์ คือส่วนที่สีผมเด่นกว่าตรงส่วนอื่นๆ ผมทั้ง 3 ส่วนนี้ควรแยก layer กันนะคะเพื่อความสะดวก
7.แล้วทับด้วยส่วนที่เป็นสีดำอีกชั้น
8.เสร็จแล้วก้อจะได้โครงร่างคร่าวๆ
9.มาถึงขั้นตอนการลงสี เริ่มลงสีทั้งหมด
10.จากนั้นเลือก object ทั้งหมดในส่วนของผม โดยปิดส่วนต่างๆที่ไม่เกี่ยวข้องทั้งหมดก่อน แล้วใช้คำสั่ง select-->all แล้วใส่ gaussain blur ประมาณ 1 ก็พอ
11.เมื่อเสร็จเรียบร้อยแล้ว ก้อมาถึงขึ้นตอนการทำเส้นผม โดยใช้เครื่องมือ brushes เป็นตัวช่วยทำ กำหนดแต่เส้น stroke ขนาดของเส้นประมาณ 0.25 สีอ่อนกว่าสีพื้นเล็กน้อย และที่สำคัญควรใช้ดินสอวาด ปรับความโค้งตามรูปร่างของพื้นผม และใช้เครื่องมือ warp เป็นตัวช่วยปรับอีก
12.แล้ววาดเรียงไปเรื่อยๆจนเต็มพื้นที่ผมส่วนที่ 2 และส่วนที่3
13.แล้วมาถึงขั้นตอนการวาดทีละเส้น เริ่มวาดจาก layer ของผมชั้นล่างในส่วนที่ไม่เน้นมาก คือส่วนทีสยายออกไปด้านนอก แล้วมองเห็นเป็นไรๆผม กำหนดเส้น stroke ประมาณ 0.05 สีน้ำตาล และปรับ transparency screen สัก ค่า opacity 15
14.แล้วมาถึง layer ผมถัดไป ซึ่งการวาดผมนั้นจะวาดได้ 2 แบบ คือ วาดใช้แต่ stroke และวาดใช้แต่ fill
15.เทคนิคการวาดเส้นผม แล้วแต่รูปแบบที่เราวาด ไม่มีอะไรตายตัวแน่นอน สีก้อจะปรับเปลี่ยนไปตามแสงและเงา ขั้นตอนนี้เราทำโดยไม่ได้ใช้ทาบ แค่ดูแบบแล้ววาดตาม และความขยันก้อถือเป็นส่วนประกอบที่สำคัญมาก ค่อยๆดูภาพไปแล้ววาดตามไปเรื่อยๆ เหนื่อยก้อพัก
16.แล้ววาดมาจนถึงส่วนผมด้านหน้า ส่วนที่ทำให้หน้ากับผมดูเป็นชิ้นเดียวกัน สีอ่อนๆทำเป็นไรผม
17.ทั้งหมดเป็น layer ส่วนผมทั้ง 3 ส่วนที่วาดขึ้น
18.ภาพ outline ทั้งหมด
19.มาดูภาพที่วาดกับภาพต้นฉบับ
20.ภาพที่วาดเสร็จสมบูรณ์แล้ว
1.เปิดโปรแกรมขึ้นมา จากนั้นเลือก file-->new กำหนดหน้ากระดาษให้เรียบร้อย
2.file--->place เลือกรูปต้นแบบมา ตอนนี้รูปต้นแบบก้อจะอยู่ใน layer 1 จากนั้นสร้าง layer ใหม่ขึ้นมาเป็น layer ที่ 2 แล้ว copy รูปต้นแบบไปไว้ เพื่อดูแบบแล้ววาดตาม(ไม่ต้องทาบทั้งหมดค่ะ)
3.จากนั้น สร้าง layer ใหม่ขึ้นเรื่อยๆเพื่อทำการแยกส่วนต่างๆไว้เพื่อง่ายต่อการทาบและแก้ไข (ควรตั้งชื่อใหม่ด้วยนะคะ)
4.ต่อไปจะเริ่มทำการทาบผมส่วนแรก ผมที่อยู่ล่างสุด การทาบโครงร่าง ให้ใช้แต่เส้น stroke นะคะ
5.ทาบส่วนต่อมา
6.วาดส่วนที่เป็นไฮไลด์ คือส่วนที่สีผมเด่นกว่าตรงส่วนอื่นๆ ผมทั้ง 3 ส่วนนี้ควรแยก layer กันนะคะเพื่อความสะดวก
7.แล้วทับด้วยส่วนที่เป็นสีดำอีกชั้น
8.เสร็จแล้วก้อจะได้โครงร่างคร่าวๆ
9.มาถึงขั้นตอนการลงสี เริ่มลงสีทั้งหมด
10.จากนั้นเลือก object ทั้งหมดในส่วนของผม โดยปิดส่วนต่างๆที่ไม่เกี่ยวข้องทั้งหมดก่อน แล้วใช้คำสั่ง select-->all แล้วใส่ gaussain blur ประมาณ 1 ก็พอ
11.เมื่อเสร็จเรียบร้อยแล้ว ก้อมาถึงขึ้นตอนการทำเส้นผม โดยใช้เครื่องมือ brushes เป็นตัวช่วยทำ กำหนดแต่เส้น stroke ขนาดของเส้นประมาณ 0.25 สีอ่อนกว่าสีพื้นเล็กน้อย และที่สำคัญควรใช้ดินสอวาด ปรับความโค้งตามรูปร่างของพื้นผม และใช้เครื่องมือ warp เป็นตัวช่วยปรับอีก
12.แล้ววาดเรียงไปเรื่อยๆจนเต็มพื้นที่ผมส่วนที่ 2 และส่วนที่3
13.แล้วมาถึงขั้นตอนการวาดทีละเส้น เริ่มวาดจาก layer ของผมชั้นล่างในส่วนที่ไม่เน้นมาก คือส่วนทีสยายออกไปด้านนอก แล้วมองเห็นเป็นไรๆผม กำหนดเส้น stroke ประมาณ 0.05 สีน้ำตาล และปรับ transparency screen สัก ค่า opacity 15
14.แล้วมาถึง layer ผมถัดไป ซึ่งการวาดผมนั้นจะวาดได้ 2 แบบ คือ วาดใช้แต่ stroke และวาดใช้แต่ fill
15.เทคนิคการวาดเส้นผม แล้วแต่รูปแบบที่เราวาด ไม่มีอะไรตายตัวแน่นอน สีก้อจะปรับเปลี่ยนไปตามแสงและเงา ขั้นตอนนี้เราทำโดยไม่ได้ใช้ทาบ แค่ดูแบบแล้ววาดตาม และความขยันก้อถือเป็นส่วนประกอบที่สำคัญมาก ค่อยๆดูภาพไปแล้ววาดตามไปเรื่อยๆ เหนื่อยก้อพัก
16.แล้ววาดมาจนถึงส่วนผมด้านหน้า ส่วนที่ทำให้หน้ากับผมดูเป็นชิ้นเดียวกัน สีอ่อนๆทำเป็นไรผม
17.ทั้งหมดเป็น layer ส่วนผมทั้ง 3 ส่วนที่วาดขึ้น
18.ภาพ outline ทั้งหมด
19.มาดูภาพที่วาดกับภาพต้นฉบับ
20.ภาพที่วาดเสร็จสมบูรณ์แล้ว
สมัครสมาชิก:
บทความ (Atom)