Me Design
ดู Blog ทั้งหมด

ทำ icon ง่ายๆ ด้วย Photoshop

เขียนโดย Me Design

เปิดโปรแกรม photoshop ขึ้นมา สร้างเอกสารใหม่ New เลือกขนาดตามความพอใจ ของผมเลือก 300 x 300 background > white

จากนั้นเลือก เครื่องมือทำสี่เหลี่ยมขอบมน rounded triangle tool (U) เซ็ตออพชั่นดังนี้
rounded retangle tool option


วาดสี่เหลี่ยมขอบมนขึ้นมา 1 อัน ของผม 100 x 100 เมตรเอ้ย px ตั้งชื่อ layer ว่า Shape


ดับเบิ้ลคลิกที่ layer หรือ กดที่ add layer style
add layer style

Drop Shadow
Distance และ Spread = 0  ,Size = 8 , Angle 120 องศา


Stroke
Size = 2px, สี = #ffffff  หรือขาวนั่นเอง


Gradient Overlay
สีซ้าย = #045dbf  สีขวา = #1086fb


Inner Shadow สี = #0560c3 มุม 120 ,distance 5 px ,size = 25px


ใส่ตัวหนังสือสักหน่อย เลือกเครื่องมือ พิมพ์ (T)


เลือกฟ๊อนสวยๆสักอัน ของผมใช้ Circular ซึ่งสามารถโหลดได้ฟรีที่ นี่ << ในเว็บนี้มีฟ๊อนฟรีสวยๆเยอะครับขอบคุณทุกคนที่สร้างของฟรีดีๆมาให้เราใช้

ดูเหมือนผมจะพิมพ์ลงไปไม่ตรงนะ

จัดกึ่งกลาง ง่ายๆ กด Ctrl + คลิก  ที่ vector mask thumbnail ของ layer Shape เพื่อ select layer

โปรแกรมจะ select shape ให้ จากนั้นคลิกเลือกที่ตัวหนังสือ แล้วเลือก move tool (V)

คลิกที่สองอันนี้ จัดกึ่งกลางทั้งแนวตั้งและแนวนอน



อา  มาอยู่ตรงกลางแระ



ตัวหนังสือมันดูไร้มิติไปมั๊ย  ใส่ style ให้ตัวหนังสือกันหน่อยดีกว่า
Bevel and Emboss
Direction = Down
Angle = 135 องศา และ 58 องศา

จะออกมามีมิติมากขึ้น

ใส่เงา วั๊บๆ สักหน่อย สร้าง layer ใหม่ (Shift+Ctrl+N)
กด Ctrl + คลิก ที่ vector mask thumbnail ของ layer Shape เพื่อ select มันนั่นแหละ
และเลือก Elliptical Marquee Tool (M) กด shift +alt ค้างไว้แล้วลากวงกลมงามๆ ขนาดสักครึ่งหนึ่งของ shape
แบบนี้

select gross

เลือก Paint Bucket Tool (G) เทสีขาวลงไป


ลด Capacity ลงให้เหลือสัก 10%


เสร็จแระ

Braun Series 5 Shaver Electric Shaver Batteries Braun 370 Shaver Panasonic Pro Curve Shaver Norelco Arcitec Shaver Shaver Cleaner Best Body Shaver Norelco Cool Skin Shaver Nose Shaver Wahl 5 Star Shaver Remington Shaver Batteries Wet Dry Electric Shavers Top Shavers Shaver Sale Braun 7505 Shaver Eltron Shaver Woman'S Electric Shaver Remington Mens Shavers Shaver Auction Panasonic Shaver Battery Best Head Shaver Norelco Speed Xl Shaver Shaver Replacement Parts Braun Activator Shaver Disposable Shavers National Shaver Panasonic Electric Shaver Parts Remington Electric Shaver Parts Braun Contour Shaver Head Shaver Razor Philips Shaver Blades Braun 7526 Shaver Remington Shaver Blades Electric Body Shaver Best Wet Dry Shaver Remington Shaver Accessories Philips Shaver Accessories Braun Shaver Heads Panasonic Ladies Shaver Remington Women'S Shavers Braun 7680 Shaver Shaver System Norelco Cordless Shaver Shaver Deals Braun Series 3 Shaver Shavers Online Braun Shaver Cord Shaver Mirror Wet Lady Shaver Braun Pocket Shaver Norelco Wet Dry Shaver

ความคิดเห็น

ความคิดเห็นที่ 1
ผมเข้าใจการทำภาพ แต่ไม่เข้าใจการเซฟให้เป็นนามสกุล ไอคอน .ico อ่ะ ทำไง
ความคิดเห็นที่ 2
ไม่มีภาพประกอบ แอบงงหน่อย
medesignstudio
medesignstudio 11 ก.พ. 55 / 16:15
คุณ babidy ลองใช้อันนี้ดูนะ http://www.digital-pic.com/icon/