ครัวไกลบ้านได้ทำการปรังปรุงเวบไซต์ให้ใช้งานได้ง่ายขึ้นในระบบสมาร์ทโฟน และได้รวมข้อมูลเมนูอาหารและ สมาชิกจากทั้งเวบไซต์เก่าและใหม่เสร็จเรียบร้อยแล้ว

สมาชิกท่านไหนมีปัญหาไม่สามารถล็อกอินได้ ให้ทำการเปลี่ยนพาสเวิร์ดโดยคลิ๊กลิ้งค์นี้ ลืมรหัสผ่าน
ถ้าท่านใดมีชื่อสมาชิกมากกว่าหนึ่งชื่อแล้วต้องการรวมโพสทั้งหมดให้อยู่ในชื่อสมาชิกเดียว หรือมีปัญหาในการใช้เวบไซต์
สามารถส่งอีเมล์แจ้งรายละเอียดมาได้ที่ [email protected] หรือส่งข้อความได้ที่ user: sillyfooks

ถ้าชอบครัวไกลบ้าน อย่าลืมคลิ๊กไลค์เฟสบุ๊คให้ครัวไกลบ้านด้วยนะคะ ขอบคุณค่ะ

มาทำกรอบรูปสวย ๆ ด้วย Photoshop กันค่ะ

สมาชิกคนเก่ง แบ่งปันความรู้ที่คุณมี ให้เพื่อนๆสมาชิก เชิญที่ห้องนี้นะคะ

โพสต์โดย หนูนก » อังคาร ก.ย. 12, 2006 8:40 pm

รูปภาพ


เริ่มต้นกันด้วยกรอบเงา ตามคำเรียกร้องนะคะ

ก่อนจะทำกรอบเงา นกว่าเรามารู้จักกับ action กันก่อนนะคะ action เป็นหนึ่งในคำสั่งที่เราสามารถสร้างขึ้นได้เอง เพื่อให้โปรแกรมเปลี่ยนแปลงภาพให้ได้เหมือนกับที่เราต้องการ โดยที่เราไม่ต้องสั่งงานโปรแกรมด้วยคำสั่งเดิม ๆ ทุกครั้ง ทำให้ photoshop ใช้งานได้ง่ายขึ้น (อีกเล็กน้อยค่ะ) เช่น ถ้าเราชอบกรอบเงา เราก็สร้าง action ไว้ในครั้งแรกเพียงครั้งเดียว ส่วนครั้งต่อ ๆ ไปก็แบบว่ากดแค่ปุ่มเดียวภาพของเราก็จะกลายเป็นแบบกรอบเงาตามที่เราสร้างไว้ค่ะ

ว่าแล้วมาเริ่มต้นสร้าง action กันเลยนะคะ เปิด Photoshop ขึ้นมาได้เลยจ้า อ๋อ ของนกเป็น photoshop cs นะคะ

ขั้นตอนแรก ทำการเปิดไฟล์ที่เราต้องการตกแต่งรูปขึ้นมาก่อน

1.File > open > แล้วเลือกไฟล์รูปที่เราต้องการเปิดขึ้นมาเลยค่ะ
2.Window > action หรือกด Alt F9 ก็ได้ค่ะ โปรแกรมจะเปิดหน้าต่าง action ขึ้นมาให้ค่ะ

รูปภาพ
All Things Happen For A Reason<br><br><img src='http://i108.photobucket.com/albums/n21/nokenoi/flower.gif' border='0' alt='user posted image' />
ภาพประจำตัวสมาชิก
หนูนก
แม่ไข่ตุ๋น พ่อไข่ต้ม
 
โพสต์: 168
ลงทะเบียนเมื่อ: เสาร์ ม.ค. 21, 2006 9:44 pm

โพสต์โดย หนูนก » อังคาร ก.ย. 12, 2006 8:47 pm

หน้าต่างของ action จะขึ้นมาทางด้านขวามือของจอนะคะ

รูปภาพ

ขั้นตอนแรกให้กดที่หมายเลข 1 ที่เป็นรูป folder แล้วทำการสร้าง folder เพื่อเก็บไฟล์ action ของเราเองเลยค่ะ ตั้งชื่อได้แบบว่าตามใจชอบเลยนะคะ ส่วนของนกเนี่ย นกตั้งชื่อว่า my action ค่ะ

จากนั้นก็กดที่หมายเลขที่ 2 ที่เป็นเหมือนรูปกระดาษ โดยปุ่มนี้จะทำให้เราสร้าง action ที่เฉพาะแต่ละอันขึ้นมาค่ะ เช่นวันนี้ เรามาสร้าง action ที่ชื่อว่า กรอบเงา กันนะคะ

เมื่อเสร็จแล้วก็กด record เลยค่ะ หากสังเกตที่ด้านล่าง ๆ ของกรอบ action เราจะเห็นปุ่มสีแดงที่เป็นปุ่มบันทึก ส่วนด้านข้างขวาของปุ่มบันทึกก็คือปุ่มหยุด แล้วด้านซ้ายเนี่ยเป็นปุ่มเล่นค่ะ จากเมื่อกี้เรากด record ไปแล้ว ตอนนี้ปุ่มบันทึกจะกลายเป็นสีแดงชัดเจนค่ะ


พร้อมหรือยังเอ่ย เราจะมาทำกรอบเงาพร้อมกับบันทึก action กรอบเงาไว้ใช้ในคราวต่อไปแล้วนะคะ
All Things Happen For A Reason<br><br><img src='http://i108.photobucket.com/albums/n21/nokenoi/flower.gif' border='0' alt='user posted image' />
ภาพประจำตัวสมาชิก
หนูนก
แม่ไข่ตุ๋น พ่อไข่ต้ม
 
โพสต์: 168
ลงทะเบียนเมื่อ: เสาร์ ม.ค. 21, 2006 9:44 pm

โพสต์โดย หนูนก » อังคาร ก.ย. 12, 2006 8:52 pm

ขั้นตอนแรก เราก็ต้องแบบว่ามาเพิ่มพื้นที่สีขาวให้รูปต้นฉบับของเรากันก่อนนะคะ เพิ่มเอาซักประมาณครึ่งนิ้วก็ได้ค่ะ

รูปภาพ

ไปที่เมนู Image > Canvas size > แล้วให้ click ที่ relative ก่อนนะคะ ตัวเลขที่เราเพิ่มเข้าไปเนี่ยก็จะแบบว่าเป็นจำนวนพื้นที่ๆขยายจากรูปเดิมของเราค่ะ จากนั้นก็ให้เพิ่มเอาซักประมาณ .5 นิ้ว แล้ว O.K เลยจ้า
All Things Happen For A Reason<br><br><img src='http://i108.photobucket.com/albums/n21/nokenoi/flower.gif' border='0' alt='user posted image' />
ภาพประจำตัวสมาชิก
หนูนก
แม่ไข่ตุ๋น พ่อไข่ต้ม
 
โพสต์: 168
ลงทะเบียนเมื่อ: เสาร์ ม.ค. 21, 2006 9:44 pm

โพสต์โดย หนูนก » อังคาร ก.ย. 12, 2006 8:59 pm

จากนั้น มาใส่ขอบจาง ๆ ให้รูปก่อนนะคะ เวลามีเงาแล้วจะได้ยังเห็นขอบจาง ๆ อยู่

ไปที่เมนู select > all หรือ กด Ctrl A ก็ได้ค่ะ การทำในขั้นตอนนี้เป็นการเลือกพื้นที่ของภาพทั้งหมด

จากนั้นไปที่เมนู Edit > stoke > เลือกความกว้างของขอบซัก 1 pixel นะคะ ถ้าใครอยากให้กรอบใหญ่ ๆ กว่านี้ก็เพิ่มจำนวนขึ้นค่ะ ส่วนสีกรอบก็ตามชอบค่ะ แต่สีประมาณดำ ๆ หรือน้ำตาลแก่ ๆ เนี่ยจะดูเป็นธรรมชาติค่ะ สุดท้ายก็เลือกที่ outside แล้วกด O.k เลยค่ะ

ตามรูปนี้เลยจ๊ะ

รูปภาพ
All Things Happen For A Reason<br><br><img src='http://i108.photobucket.com/albums/n21/nokenoi/flower.gif' border='0' alt='user posted image' />
ภาพประจำตัวสมาชิก
หนูนก
แม่ไข่ตุ๋น พ่อไข่ต้ม
 
โพสต์: 168
ลงทะเบียนเมื่อ: เสาร์ ม.ค. 21, 2006 9:44 pm

โพสต์โดย หนูนก » อังคาร ก.ย. 12, 2006 9:05 pm

ต่อไป ก็ไปที่เมนู select > deselect หรือ Ctrl D ก็ได้จ๊ะ ขั้นตอนนี้ทำเพื่อยกเลิกการเลือกพื้นที่รูปทั้งหมดที่เราทำไว้เมื่อซักครู่ค่ะ
All Things Happen For A Reason<br><br><img src='http://i108.photobucket.com/albums/n21/nokenoi/flower.gif' border='0' alt='user posted image' />
ภาพประจำตัวสมาชิก
หนูนก
แม่ไข่ตุ๋น พ่อไข่ต้ม
 
โพสต์: 168
ลงทะเบียนเมื่อ: เสาร์ ม.ค. 21, 2006 9:44 pm

โพสต์โดย หนูนก » อังคาร ก.ย. 12, 2006 9:13 pm

ตอนนี้เราก็จะมาทำซ้ำภาพที่เราทำไว้ซักครู่นี้นะคะ อ๋อ ลืมบอกไปค่ะ การทำงานของ photoshop เนี่ยเหมือนกับเราทำภาพเป็นชั้น ๆ แล้วเอามาซ้อนทับกันค่ะ จินตนาการประมาณว่าเราว่ารูปใส่แผ่นใสแล้วค่อย ๆ วางซ้อนทับกันเป็นชั้น ๆ หน่ะค่ะ

ขั้นตอนนี้แบบว่าง่ายมากค่ะ ไปที่เมนู layer > duplicate layer จากนั้นจะมีกล่องขึ้นมาให้ตั้งชื่อ ไม่ต้องสนใจค่ะ กด o.k ไปได้เลย

รูปภาพ
All Things Happen For A Reason<br><br><img src='http://i108.photobucket.com/albums/n21/nokenoi/flower.gif' border='0' alt='user posted image' />
ภาพประจำตัวสมาชิก
หนูนก
แม่ไข่ตุ๋น พ่อไข่ต้ม
 
โพสต์: 168
ลงทะเบียนเมื่อ: เสาร์ ม.ค. 21, 2006 9:44 pm

โพสต์โดย หนูนก » อังคาร ก.ย. 12, 2006 9:14 pm

คราวนี้แหละค่ะ เราจะมาใส่เงาให้รูปเรากันแล้วนะคะ

ไปที่เมนู Layer > layer style > drop shadow

รูปภาพ
All Things Happen For A Reason<br><br><img src='http://i108.photobucket.com/albums/n21/nokenoi/flower.gif' border='0' alt='user posted image' />
ภาพประจำตัวสมาชิก
หนูนก
แม่ไข่ตุ๋น พ่อไข่ต้ม
 
โพสต์: 168
ลงทะเบียนเมื่อ: เสาร์ ม.ค. 21, 2006 9:44 pm

โพสต์โดย หนูนก » อังคาร ก.ย. 12, 2006 9:18 pm

จากนั้น หุ หุ จะมีกล่องข้อความขึ้นมาเยอะเลย

ตรงที่เราเกี่ยวข้องจะมีแค่ว่า

angle ตรงนี้จริง ๆ เลือกเอาได้ตามใจชอบเลยค่ะ จะมีตัวอย่างให้เห็นหลังจากที่เราเลือกค่ะ ส่วนตัวจะชอบประมาณ 60 หรือ 135 ค่ะ

distance เป็นระยะห่างของเงาจากรูปค่ะ ยิ่งตัวเลขเยอะเงาก็จะห่างไปหน่อย ประมาณ 10-15 เนี่ยกำลังดีค่ะ

size เป็นความเข้มข้นของเงานะคะ เหมือนกันค่ะ ประมาณ 10-15 กำลังดีค่ะ ถ้าเลขน้อยสีมันจะเข้มมากค่ะ

จากนั้นก็โอเคเลยค่ะ

รูปภาพ
All Things Happen For A Reason<br><br><img src='http://i108.photobucket.com/albums/n21/nokenoi/flower.gif' border='0' alt='user posted image' />
ภาพประจำตัวสมาชิก
หนูนก
แม่ไข่ตุ๋น พ่อไข่ต้ม
 
โพสต์: 168
ลงทะเบียนเมื่อ: เสาร์ ม.ค. 21, 2006 9:44 pm

โพสต์โดย หนูนก » อังคาร ก.ย. 12, 2006 9:24 pm

เกือบเสร็จแล้วค่ะ เกือบเสร็จแล้ว อย่าเพิ่งเหนื่อยนะ

ตอนนี้ก็แบบว่ากลับมาทำพื้นที่สีขาวเพิ่มอีกครั้งค่ะ ถ้าใครแบบว่าไม่ใส่ชื่อ หรือจะใส่ชื่อในรูปเลยก็เพิ่มแค่ประมาณครึ่งนิ้วก็ได้ค่ะ

แต่ถ้าหากอยากใส่ชื่อไปด้วยในพื้นที่สีขาวละก้อ เพิ่มซัก 1.5 นิ้วก็ดีค่ะ

เหมือนเดิมค่ะ ไปที่เมนู Image > Canvas size > 1.5 inches แล้วก็ O.K

รูปภาพ

ปล. ในรูปเป็น 0.5 inches เพราะว่านกไม่อยาก up รูปเยอะนะคะ แต่ทำจริง ๆ ใช้ 1.5 ค่ะ
All Things Happen For A Reason<br><br><img src='http://i108.photobucket.com/albums/n21/nokenoi/flower.gif' border='0' alt='user posted image' />
ภาพประจำตัวสมาชิก
หนูนก
แม่ไข่ตุ๋น พ่อไข่ต้ม
 
โพสต์: 168
ลงทะเบียนเมื่อ: เสาร์ ม.ค. 21, 2006 9:44 pm

โพสต์โดย หนูนก » อังคาร ก.ย. 12, 2006 9:27 pm

เกือบเสร็จแล้วจ้า เกือบเสร็จแล้ว อย่างที่บอกไปว่า photoshop มันเป็นเหมือนกระดาษวางทับกันเป็นชั้น ๆ ใช่มั้ยจ๊ะ คราวนี้ก็แบบว่าต้องเอามันมารวมกันเป็นรูปเดียวค่ะ

ไปที่เมนู layer > flatten image

รูปภาพ
All Things Happen For A Reason<br><br><img src='http://i108.photobucket.com/albums/n21/nokenoi/flower.gif' border='0' alt='user posted image' />
ภาพประจำตัวสมาชิก
หนูนก
แม่ไข่ตุ๋น พ่อไข่ต้ม
 
โพสต์: 168
ลงทะเบียนเมื่อ: เสาร์ ม.ค. 21, 2006 9:44 pm

โพสต์โดย หนูนก » อังคาร ก.ย. 12, 2006 9:36 pm

คราวนี้มา save รูปกันได้แล้วนะคะ

ไปที่เมนู file > save as แล้วเลือกไฟล์เป็นนามสกุล JPEG (jpg, jpeg, jpe) นะคะ

รูปภาพ

พอกดโอเคแล้วมันจะมีกล่องถามว่าเราจะอยาก save ให้ไฟล์ชัดแค่ไหนค่ะ ถ้าแบบละเอียดมากไฟล์ก็จะใหญ่ เพราะฉะนั้นแบบว่าประมาณห้าถึงเจ็ดเนี่ยก็ดีแล้วค่ะ อ๋อ ตรงล่าง ๆ มันจะมีขนาดไฟล์บอกไว้ด้วยจ้า

เมื่อ save แล้วก็ถือว่าครบทุกขั้นตอน อ๋อ อย่าลืมกดหยุดที่ action ด้วยนะคะ พอเสร็จขั้นตอนนี้แล้ว เราก็มี action การสร้างกรอบเงาเก็บไว้ใช้แล้วค่ะ ในครั้งต่อ ๆ ไป ก็แค่เปิดรูปขึ้นมา แล้วกดตรงกรอบเงา แล้ว play ภาพเราก็จะเป็นกรอบเงาเลยจ้า

ขอให้สนุก ๆ นะคะ

ปล. แอบมีแบบตัวช่วยให้เล็กน้อยค่ะ หากแบบว่าทำแล้วเหนื่อย หรือท้อเสียก่อน แอบกระซิบมาหลังไมค์นะคะ มี action ที่ทำไว้แล้วด้วยค่ะ แบบว่าทางลัดเอาไปใช้ได้เลยจ๊ะ
All Things Happen For A Reason<br><br><img src='http://i108.photobucket.com/albums/n21/nokenoi/flower.gif' border='0' alt='user posted image' />
ภาพประจำตัวสมาชิก
หนูนก
แม่ไข่ตุ๋น พ่อไข่ต้ม
 
โพสต์: 168
ลงทะเบียนเมื่อ: เสาร์ ม.ค. 21, 2006 9:44 pm

โพสต์โดย Amelia » พุธ ก.ย. 13, 2006 2:42 am

มาคนแรกค่ะ เหนื่อยเหมือนกันค่ะ มีแบบง่ายๆก็ดีค่ะ คนแก่เกือบตาแฉะ ส่งการบ้านนะคะ

รูปภาพ
ภาพประจำตัวสมาชิก
Amelia
แม่ไข่นกกระทา พ่อไข่จะละเม็ด
 
โพสต์: 2791
ลงทะเบียนเมื่อ: พฤหัสฯ. ม.ค. 19, 2006 5:45 pm
ที่อยู่: ใกล้ๆรังสิต

โพสต์โดย Amelia » พุธ ก.ย. 13, 2006 2:49 am

พอทำรูปต่อไปไม่ได้ค่ะ หนูนกบอกว่า จะทำรูปใหม่ เปิดรูปได้แล้วกดที่กรอบเงา แล้วกรอบเงากดที่ไหนคะ หาไม่เจอค่ะ แบบว่าสมองช้าค่ะ
ภาพประจำตัวสมาชิก
Amelia
แม่ไข่นกกระทา พ่อไข่จะละเม็ด
 
โพสต์: 2791
ลงทะเบียนเมื่อ: พฤหัสฯ. ม.ค. 19, 2006 5:45 pm
ที่อยู่: ใกล้ๆรังสิต

โพสต์โดย หนูนก » พุธ ก.ย. 13, 2006 3:06 am

Congratulations ค่ะ ว้าว สวย ๆ จัง พี่แจ๋ เก่งสุดยอด ยกนิ้วให้จ้า...

เห็นการบ้านแล้ว แสดงว่าพี่แจ๋ ทำ action กรอบเงาเรียบร้อยแล้วใช่มั้ยค่ะ เดี๋ยวนะคะ ขอไปเปิด photoshop ก่อนเดี๋ยวมาตอบจ้า
All Things Happen For A Reason<br><br><img src='http://i108.photobucket.com/albums/n21/nokenoi/flower.gif' border='0' alt='user posted image' />
ภาพประจำตัวสมาชิก
หนูนก
แม่ไข่ตุ๋น พ่อไข่ต้ม
 
โพสต์: 168
ลงทะเบียนเมื่อ: เสาร์ ม.ค. 21, 2006 9:44 pm

โพสต์โดย หนูนก » พุธ ก.ย. 13, 2006 3:29 am

เท่าที่นกอ่านดูเหมือนว่าพี่แจ๋จะทำ action เสร็จแล้วใช่มั้ยค่ะ ถ้าใช่นะคะ หลังจากนี้พี่แจ๋สามารถทำรูปอื่น ๆ ให้มีกรอบเงาได้เหมือน ๆ กันแล้วค่ะ

ก่อนอื่นก็เปิดรูปที่ต้องการทำกรอบเงาขึ้นมาค่ะ ก็เหมือนเดิมเมนู File > open > แล้วก็เลือกไฟล์ที่ต้องการเลย

หากสังเกตด้านขวามือตรงกรอบ action ที่เราเคยทำอยู่ จะมี action ที่เราสร้างเสร็จแล้วขึ้นมา เรียกว่า กรอบเงา (หรืออะไรก็ตามที่พี่แจ๋ตั้งชื่อไว้ค่ะ) ให้เลือนเม้าส์ไปคลิกที่ชื่อ กรอบเงา ให้เป็นแถบสีเข้ม จากนั้นเลื่อนเม้าส์ลงไปล่างสุดของกรอบ แล้วก็เล่นเลย ไม่นานรูปใบใหม่ของพี่แจ๋ก็จะอยู่ภายใต้กรอบเงาเช่นกันจ้า


รูปภาพ
All Things Happen For A Reason<br><br><img src='http://i108.photobucket.com/albums/n21/nokenoi/flower.gif' border='0' alt='user posted image' />
ภาพประจำตัวสมาชิก
หนูนก
แม่ไข่ตุ๋น พ่อไข่ต้ม
 
โพสต์: 168
ลงทะเบียนเมื่อ: เสาร์ ม.ค. 21, 2006 9:44 pm

ต่อไป

ย้อนกลับไปยัง กระดานดำ

ผู้ใช้งานขณะนี้

กำลังดูบอร์ดนี้: ไม่มีสมาชิกใหม่ และ บุคคลทั่วไป 1 ท่าน