วันจันทร์ที่ 24 กุมภาพันธ์ พ.ศ. 2557
วันอาทิตย์ที่ 23 กุมภาพันธ์ พ.ศ. 2557
จัดทำโดย
จัดทำโดย
นางสาวกมลชนก จิตราภิรมย์ เลขที่2
นางสาวหฤทัย วิรินทร์ เลขที่20
นางสาวศิริพร เพชรช่วย เลขที่่21
วันเสาร์ที่ 8 กุมภาพันธ์ พ.ศ. 2557
การใช้งานโปรแกรม Adobe Illustrator ตอนที่2
การใช้งานโปรแกรม Adobe Illustrator ตอนที่ 2
การใช้งานโปรแกรม Adobe Illustrator ตอนที่1
การใช้งานโปรแกรม Adobe Illustrator ตอนที่ 1
อักษรรูปภาพ 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
สอนดราฟการ์ตูนด้วยโปรแกรม illustrator
การหมุนภาพ หรือ วัตถุ 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 พื้นที่ทำงาน
ซึ่งนอกเหนือจากนี้แล้วยังมีอื่นๆอีกมาก แต่จะขอยกไปอธิบายในช่วงที่ใช้งาน หรือแยกเป็นเรื่องเฉพาะ
รีวิวการใช้งาน illustrator เบื้องต้นโครตๆๆ .
รีวิวการใช้งาน illustrator เบื้องต้นโครตๆๆ .
สร้างพื้นหลังสวยๆสไตล์นักธุรกิจ โดย 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)