nooknazha โพสต์ 2019-12-18 23:18:14

ทำปุ่ม Icon หัวใจ


ทำปุ่ม Icon หัวใจ
เริ่มแรกก็ต้องสร้างวงกลมขึ้นมาซะก่อน (ทำขอบเงินให้มันก่อนน่ะค่ะ)

กำหนดสีไล่เฉดเป็น ขาว-เทาอ่อน-ขาว


ที่วงกลมอันเดิม ให้กดปุ่ม Ctrl+C และตามด้วย Ctrl+F เพื่อก๊อปปี้และวางใส่ในตำแหน่งซ้อนทับ กับอันเดิม

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


ต่อมาค่ะ... ที่วงกลมอันบน ให้กดปุ่ม Ctrl+C และตามด้วย Ctrl+F (เหมือนเดิม) และให้เอาเม้าส์ไปคลิกที่มุมเหลี่ยมของมัน(มุมใดก็ได้) และกดปุ่ม Shift+Ctrl ค้างไว้ และทำการย่อขนาดของมันให้เล็กลงดังภาพ

เสร็จแล้วก็ให้เราเปลี่ยนสีมันให้เป็นสีแดงเข้ม


ที่นอกพื้นงานให้เราใช้ Pen Tool สร้างรูปหัวใจขึ้นมาหนึ่งอัน กำหนดให้เป็นสีขาว


จากนั้น.. ที่รูปหัวใจ ก็ให้เรากดปุ่ม Ctrl+C และตามด้วย Ctrl+F (เหมือนเดิม) และให้เอาเม้าส์ไปคลิกที่มุมเหลี่ยมของมัน(มุมใดก็ได้) และกดปุ่ม Shift+Ctrl ค้างไว้ และทำการย่อขนาดของมันให้เล็กลงดังภาพ

และให้เราเปลี่ยนสีมันเป็นสีแดงสด

คลิกเลือกหัวใจทั้งสองอัน และนำมาวางไว้บนพื้นวงกลมสีแดงเข้ม

ใช้อุปกรณ์ Blend Tool คลิกบนรูปหัวใจตามตำแหน่งที่ตัวเลขชี้

ผลลัพธ์ที่ได้.....

ต่อมาก็สร้างวงกลมขึ้นมาอีกอันค่ะ ไล่เฉดสีเป็น Gradient ขาว-ดำ ธรรมดา

ไปที่คำสั่ง Window> Transparency เปลี่ยนจากโหมด Normal ให้เป็น Screen กำหนดค่า Opacity ประมาณ 70%


ที่วงกลมที่เป็นโหมด Screen ให้เรากดปุ่ม Ctrl+C และตามด้วย Ctrl+F (เหมือนเดิม) และให้เอาเม้าส์ไปคลิกที่มุมเหลี่ยมของมัน(มุมใดก็ได้) และกดปุ่ม Shift+Ctrl ค้างไว้ และทำการย่อขนาดของมันให้เล็กลงดังภาพ และปรับค่า Opacity ให้เป็น 100%


ต่อมา ก็ให้เลื่อนตำแหน่งของวงกลมที่เป็นโหมด Screen ทั้งสอง ให้เหมือนกับภาพข้างล่างค่ะ



จบแล้วค่ะ สำหรับบทความนี้....
******************************
บทความโดย นุ้ก
ขอจบบทความแค่เพียงเท่านี้ แล้วพบกันใหม่บทความหน้าค่ะ ^^
(ขอสงวนสิทธิ์อนุญาตให้เผยแพร่เฉพาะในเว็บ www.graphicfufu.comเท่านั้น)
หน้า: [1]
ดูในรูปแบบกติ: ทำปุ่ม Icon หัวใจ