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

daclubb
เป็นกระทงร้อน มากกว่า 3 ปีที่แล้ว
มาทำ icon ง่ายๆ ด้วย Photoshop กันครับ

Tag: ดีไซน์ design โฟโต้ช็อป icon ไอคอน

ชนิด: บทความ
ประเภท: ศิลปะ
คะแนน: 11 ชอบ, 0 ไม่ชอบ
จาก http://www.daclubb.com/20/08/2009/ทำ-ic ...
8 บทวิจารณ์  |  22,389 คนอ่าน
11
คะแนน
ทำ icon ง่ายๆ ด้วย Photoshop
ภาพประกอบ
ทำ icon ง่ายๆ ด้วย Photoshop
บทความ เนื้อเรื่อง หรือ คำอธิบาย โดยละเอียด

Finished

เปิดโปรแกรม 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 องศา

Drop Shadow

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

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

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

inner shadow

เสร็จแล้วจะได้ตามรูปด้านล่าง


สี่เหลี่ยมขอบมนมี style จ้า

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


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

type

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

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

layer mask thumbnail

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

select shape

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

middle

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

middle2

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

text-style

จะออกมามีมิติมากขึ้น แบบนี้
ตัวหนังสือดูดีมี style

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

select gross

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

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

เสร็จแระ

Finished

เรื่องแนะนำ
บทวิจารณ์ของ @cloud
9m
เมื่อ มากกว่า 3 ปีที่แล้ว
อัตตาหิ อัตนานอย มอยถอย คนไม่มี moy ไม่มีในโลก
แจ่มเลย
0 คะแนน  | 
Bee_Gees
เมื่อ มากกว่า 3 ปีที่แล้ว
คืนนี้ตัวกับใจไม่ตรงกัน
เข้าท่าดีว่ะ
0 คะแนน  | 
pjim99
เมื่อ มากกว่า 3 ปีที่แล้ว
555
เยี่ยม
0 คะแนน  | 
หนมปังหน้าหมู
เมื่อ มากกว่า 3 ปีที่แล้ว
235
สุดยอดค่ะ
0 คะแนน  | 
อนาคิน
เมื่อ มากกว่า 3 ปีที่แล้ว
กระทู้ความรู้ยิงขึ้นฟ้าอันตรายอย่างไรhttp://www.pantip.com/cafe/wahkor/topic/X9116538/X9116538.html
very good, พรุ่งนี้จ่าย
0 คะแนน  | 
Yada
เมื่อ มากกว่า 3 ปีที่แล้ว
ღღღ เป็นแค่หนึ่งคน...บนโลกกว้าง ღღღ
0 คะแนน  | 
โด่งเดียวดาย
เมื่อ มากกว่า 3 ปีที่แล้ว
เหนื่อยมากๆ
ขอบคุณสำหรับความรู้ครับ
0 คะแนน  | 
joselas
เมื่อ มากกว่า 3 ปีที่แล้ว
ถ้าคุณกล้าที่จะพูด คุณต้องกล้าที่จะฟังเช่นกัน...
+ ไป
0 คะแนน  | 
เสนอบทวิจารณ์กระทงด้วย Facebook
โปรดละเว้นการโพสข้อความหรือภาพอันผิดกฎหมาย หรือลบหลู่สถาบันหลักของชาติ ระบบจะบันทึก IP Address ของท่านตามกฎของกระทรวง​หากเราถูกดำเนินคดี ข้อมูลของท่านจะถูกส่งให้ตำรวจเพื่อดำเนินการต่อไป
ขอความกรุณาอย่างพึ่งโพสต์ กระทง/กระทู้/บทวิจารณ์ ที่เกี่ยวข้องกับการเมือง จนกว่าจะมีการเปลี่ยนแปลงเป็นอย่างอื่น ขอบคุณค่ะ
เรื่องเด็ด: ศิลปะ


แนะนำจาก Facebook
เรื่องใหม่ๆ (คะแนนไม่ถึง 5)
เพื่อนคุณจาก Facebook


คุณสามารถใช้บัญชี Facebook กับเว็บ @cloud ได้