Home Webboard ArticlesKnowledges  

ผู้เขียน หัวข้อ: Gitter Graphic Photoshop Tutorial  (อ่าน 18353 ครั้ง)

0 สมาชิก และ 2 บุคคลทั่วไป กำลังดูหัวข้อนี้

ออฟไลน์ กฤติยา

  • You Are Just Member
  • ******
  • กระทู้: 757
  • เห็นด้วย&ขอบคุณ: 193
  • หวงเหมือนไล่ ให้เหมือนเรียก
Gitter Graphic Photoshop Tutorial
« เมื่อ: 16, กรกฎาคม 2013, 08:30:55 PM »
Gitter Graphic Photoshop Tutorial
Step 1.
NEW LAYER  200*160  และ ใช้สีฟ้า หรือตามชอบเป็นสีพื้นหลัง  เลือก  Custom Shape Tool หัวใจและใส่สีแดงดำ

 Feather (select > feather) and contract (select > modify > contract) the selection by 10






Step 2.
วาดวงกลม สีชมพู ในเลเยอร์ใหม่ และกด delete ตามรูป




ใช้ Filter > blur > gaussian blur  radius = 3 แล้วก๊อบปี้  และทำการ กลับด้านด้วย Edit > transform > flip horizontal และลากไปด้านขวา ตามรูป






ออฟไลน์ กฤติยา

  • You Are Just Member
  • ******
  • กระทู้: 757
  • เห็นด้วย&ขอบคุณ: 193
  • หวงเหมือนไล่ ให้เหมือนเรียก
Re: Gitter Graphic Photoshop Tutorial
« ตอบกลับ #1 เมื่อ: 16, กรกฎาคม 2013, 08:31:37 PM »
Step 4.


เมื่อสร้างเป็นรูปหัวใจสีแดงเข้มแล้ว Rasterize ตั้งค่าสี  foreground color to AE0012 and the background color to CD1233








Step 5.
ซูมภาพเข้ามา 600% และสร้างเลเยอร์ใหม่ ตั้งชื่อ ว่า  star 1   แล้วใช้ เครื่องมือ







ใช้เครื่องมือ Paint butket เทสีขาว ลงไป แล้วใช้เครื่องมือ Gussian Blur  ตามรูป







 แล้วใช้เครื่องมือ Free Tran form  บีบไปตามรูป





Step 6.
ก๊อบปี้และ rotate it 90 degrees (edit > transform > rotate 90 degrees CW).



และ merge down ตามรูป



ออฟไลน์ กฤติยา

  • You Are Just Member
  • ******
  • กระทู้: 757
  • เห็นด้วย&ขอบคุณ: 193
  • หวงเหมือนไล่ ให้เหมือนเรียก
Re: Gitter Graphic Photoshop Tutorial
« ตอบกลับ #2 เมื่อ: 16, กรกฎาคม 2013, 08:32:06 PM »
Step 7.
ก๊อบ Rotate it by 45 degrees,


แล้วทำการรวมเลเยอร์ดาวทั้งหมด



ออฟไลน์ กฤติยา

  • You Are Just Member
  • ******
  • กระทู้: 757
  • เห็นด้วย&ขอบคุณ: 193
  • หวงเหมือนไล่ ให้เหมือนเรียก
Re: Gitter Graphic Photoshop Tutorial
« ตอบกลับ #3 เมื่อ: 16, กรกฎาคม 2013, 08:32:32 PM »
Step 8.
ทำการโหลด selection > Expand the selection = 1 pixel, feather = 3 เทสี ขาวลงไปในเลเยอร์ star 1








Step 9.
ทำการซูมเข้าขนาดเดิมตั้งชื่อ  "large", ก๊อบปี้ แล้วตั้งชื่อ "medium" และลดขนาด 70%







..Step 10.
ก๊อบปี้ large อีกครั้งแล้วตั้งชื่อเลอยร์ใหม่ว่า small ลดขนาด 30%  ตอนนี้จะมี 3เลเยอร์   ตามรูป




ออฟไลน์ กฤติยา

  • You Are Just Member
  • ******
  • กระทู้: 757
  • เห็นด้วย&ขอบคุณ: 193
  • หวงเหมือนไล่ ให้เหมือนเรียก
Re: Gitter Graphic Photoshop Tutorial
« ตอบกลับ #4 เมื่อ: 16, กรกฎาคม 2013, 08:33:22 PM »
Step 11 .
Duplicate the layer set and name the new layer set "star 2"



Step 12.
เปิด window animation ในกรุ๊ป star1 เปิดตาเลเยอร์ "large"  สำหรับ"star 2" เปิดเลเยอร์ "Small"
ตามรูป






Step 13.
สำหรับเฟรม 2 เปิดเฉพาะ "medium" สำหรับ star 1 และใม่มีเลเยอร์เปิดใน star 2


ออฟไลน์ กฤติยา

  • You Are Just Member
  • ******
  • กระทู้: 757
  • เห็นด้วย&ขอบคุณ: 193
  • หวงเหมือนไล่ ให้เหมือนเรียก
Re: Gitter Graphic Photoshop Tutorial
« ตอบกลับ #5 เมื่อ: 16, กรกฎาคม 2013, 08:33:49 PM »
Step 14.
สำหรับ frame 3   




Step 15.
สำหรับเฟรม 4



ออฟไลน์ กฤติยา

  • You Are Just Member
  • ******
  • กระทู้: 757
  • เห็นด้วย&ขอบคุณ: 193
  • หวงเหมือนไล่ ให้เหมือนเรียก
Re: Gitter Graphic Photoshop Tutorial
« ตอบกลับ #6 เมื่อ: 16, กรกฎาคม 2013, 08:34:18 PM »
Step 16.



Step 17.




« แก้ไขครั้งสุดท้าย: 17, กรกฎาคม 2013, 11:08:27 PM โดย กฤติยา »

ออฟไลน์ aimbestdesign

  • Just Mem
  • ****
  • กระทู้: 92
  • เห็นด้วย&ขอบคุณ: 33
  • รับทำเว็บไซต์ รับออกแบบเว็บไซต์
    • AimBestDesign รับทำเว็บไซต์
Re: Gitter Graphic Photoshop Tutorial
« ตอบกลับ #7 เมื่อ: 13, กันยายน 2013, 10:33:08 AM »
สุดยอด ขอลองไปใช้หน่อยนะครับ
รับทำเว็บไซต์ รับออกแบบเว็บไซต์ เว็บไซต์รองรับบนมือถือ

ออฟไลน์ moment

  • Ju
  • *
  • กระทู้: 2
  • เห็นด้วย&ขอบคุณ: 0
    • Promotion
Re: Gitter Graphic Photoshop Tutorial
« ตอบกลับ #8 เมื่อ: 04, กันยายน 2014, 10:09:49 PM »
ขอบคุณครับ ได้เทคนิคทำเงาแบบ hd แล้ว  :yaahoo:

ออฟไลน์ กฤติยา

  • You Are Just Member
  • ******
  • กระทู้: 757
  • เห็นด้วย&ขอบคุณ: 193
  • หวงเหมือนไล่ ให้เหมือนเรียก
Re: Gitter Graphic Photoshop Tutorial
« ตอบกลับ #9 เมื่อ: 05, พฤษภาคม 2015, 04:17:05 PM »
 :yaahoo:

ออฟไลน์ OXYGEN2

  • Just
  • **
  • กระทู้: 11
  • เห็นด้วย&ขอบคุณ: 5
    • เครื่องปั่น
Re: Gitter Graphic Photoshop Tutorial
« ตอบกลับ #10 เมื่อ: 31, ธันวาคม 2015, 10:51:26 PM »
เทคนิคมาเยี่ยมมากครับ

 

Sitemap 1 2 3 4 5 6 7 8 9 10 
Back to top