<☆¨*·¤.,.~·**¯`·*♡*·´¯**·~.,.¤·*¨☆ WelCome To MY BloG *★·´¯`·☆*·´¯`·*★*·´¯`·*☆·´¯`·★*>

หน้าเว็บ

TecH-TipS

การแต่งภาพกราฟฟิค Background แบบ Bokeh กัน!
           เทคนิคการใช้ Photoshop ในการทำภาพกราฟฟิค Background แบบ Bokeh กัน ทำง่ายๆ ได้ภาพสวยๆ โดย Bokeh นั้นเป็นแสงๆ เดิมมาจากการถ่ายภาพแล้วมันมี flare เป็นฝ้าๆติดมาในรูป เหมือนเลนส์ Focus ไม่ถูกจุด เกิดเป็นแสงเบลอๆ แหมอธิบายยากจังแฮะ มาทำกันเลยละกัน
ขั้นที่ 1
        เปิด Project ขึ้นมาใหม่ size 1920×1200 pixel แล้วเลือก pain bucket เติมสีดำลงไป แล้วดูที่ Palete Layer คลิ๊กปิดตา Layer Background มันไปซะ


        ขั้นที่ 2
      เลือก Custom Shape Tool (U) เลือกรูปที่อยากได้ ผมเอาเป็นรูปมือละกัน เลือกสีดำ แล้ววาดวงกลมลงไป จากนั้นไปที่ Layer>Layer Style>Blending Options. เปลี่ยน Fill Opacity เป็น 50%. แล้วเลือกที่ Stroke เอา 10 pixels เลือกเป็น Inside ใน Position แล้วก็เลือกสีดำ Black


ขั้นที่ 3
      ไปที่ Edit > Define Brush Preset แล้วก็กด Ok ไป เราจะได้ มือ นี้มาเป็นหัวแปรง จากนั้นก็ปิดตา Layer มือไปซะเล่นเคย


ขั้นที่ 4
       Duplicate Layer Background มาเรา ขั้นนี้เราจะลงสี Gradient ให้กับภาพ ดูที่ Palete Layer ข้างล่างมีปุ่ม FX อยู่ กดซะแล้วเลือก Gradient Overlay ปรับค่าโหมดต่างๆตามรูป ส่วนสีจะเอาสีอะไรก็ได้ เลือกสีเขียว เหลือง แดง แล้วก็เลือก Fill เป็น 0% ด้วย …  พอทำเสร็จมันจะเป็นสีดำๆ ไม่ต้องตกใจนะ




ขั้นที่ 5
      ต่อไปปรับค่า Brush ซะก่อน เลือก Brush ทางซ้ายมือ (ฺB) เปิด Palete Brush ขึ้นมาแล้วปรับค่าประมาณนี้ จริงๆค่าพวกนี้ไม่ตายตัวนะ ลองปรับๆเล่นดูก็ได้ แต่ถ้ากลัวงงก็ตามนี้ก่อน

ขั้นที่ 6
       มาที่ Palete Layer อีกที ทีนี้กดปุ่มรูป Folder ด้านล่างขึ้นมา ได้ Group 1 ปรับ Blending Mode เป็น Linear Dodge (Add) แล้วสร้าง Layer ข้างในอีกทีนึง ก่อนลงมือละเลงให้ลาก Folder ลงมาอยู่ล่าง Layer Gradient ก่อนนะ




ขั้นที่ 7
       ok ทีนี้ก็ไปเลือก Brush ที่เรา Set ไว้มาละเลงซะเลย เลือกสีเป็นสีขาวก่อน เลือกหัวใหญ่ๆก่อนละกัน ใช้ 600 px
ขั้นที่ 8
      ขั้นตอนการทำ Dept of Field ก็ไปเลือกด้านบน Filter > Blur > Gaussion Blur ตัวนี้ปรับค่าหนักๆหน่อย ปรับราวๆ 40
ขั้นที่ 9
      เพิ่ม Layer อีก คราวนี้ทำซ้ำขั้น 7-8 แต่ลดหัวแปรงให้เล็กลง ใช้หัว 400 แล้วตอน Blur ก็เบาลงหน่อยเอาซักแค่ 9 ก็พอ
ขั้นสุดท้าย
ใส่ Text ไปซะ เป็นอันเสร็จ



วิธีการใส่เพลงในบล็อก

       เริ่มกันเลยอย่างแรกไปหา url เพลงมาก่อน  โดยการดาวน์โหลด url เพลง
*จากนั้นก๊อบโค๊ดต่อไปนี้โดย กด shift ค้างไว้ ดับเบิ้ลคลิ๊กที่
<em.. ไปเรื่อย ๆ จนจบที่ /embed> กด Ctrl + C

<embed style="FILTER: xray; WIDTH: 300px; HEIGHT: 45px

" src="http://ใส่ตรงนี้ครับ" type="video/x-ms-wmv" autoplay="true" />จากนั้นจะแก้ไข url เพลงเลยก็ได้ หรือว่าจะไปเปลี่ยนในโหมด
html ก็ได้ (ทำตามรูป)



เทคนิคการใส่คำอธิบายรูปภาพเมื่อถูกเมาส์


เทคนิคการใส่คำอธิบายรูปภาพเมื่อถูกเมาส์ มาแนะนำ โดยมีขั้นตอนดังนี้ 

1. เข้าหน้าส่วนสมาชิก คลิกเลือกเมนู "รายละเอียดบทนำ" ดังรูป

2. คลิกที่รูป จะปรากฏสี่เหลี่ยมเล็กๆรอบรูป หลังจากนั้นคลิกที่เครื่องมือ  (Insert Properties)  ดังรูป

 
3. ปรากฎหน้าต่าง Image Properties -- Webpage Dialog พิมพ์ข้อความที่ต้องการ ในช่อง Alternate Text หลังจากนั้น ตอบ ตกลง ดังรูป



แสดงรูปภาพ  ก่อนใส่คำอธิบายรูปภาพเมื่อถูกเมาส์

แสดงรูปภาพ  หลังใส่คำอธิบายรูปภาพเมื่อถูกเมาส์