การสร้าง template ด้วย Filter Blur

1. เลือก เมนู  File  > Open   เปิดไฟล์ภาพที่ต้องการ ควรเลือกที่เป็นพื้นสีเดียวกัน

2.  Selection  ส่วนที่เป็นดอกสีเหลือง 

3. เลือกเมนู Edit > Fill  เลือกหัวขัอ Use  เป็น  Conten-Aware  > คลิก OK

4. ดอกไม้จะหายไปดังภาพ   ยกเลิก selection  ด้วยเมนู Select > Deselect  หรือ  Ctrl+D

5. เลือกเมนู Filter > Blur > Gaussian

7. ปรับความ เบลอ ตามต้องการ

ภาพที่ได้

9. การสร้างไฟล์กราฟิกใหม่ใน Photoshop Cs5

การสร้างไฟล์กราฟิกใหม่ใน Photoshop Cs5

เราสามารถสร้างไฟล์กราฟิกใหม่ว่าง ๆ ไว้สำหรับออกแบบภาพกราฟิก เพื่อนำไปใช้งานเอง หรือนำภาพอื่น ๆ มาตัดต่อไดัดังนี้

วิธีการสร้างไฟล์กราฟิกใหม่

  1. เลือกคำสั่ง File > New (หรือกดคีย์ลัด Ctrl+N)

  2. ตั้งชื่อไฟล์ใหม่ในช่อง Name (หรือจะเก็บไว้ตั้งตอนสั่งบันทึกไฟล์ก็ได้)

  3. กำหนดความกว้าง x สูง ของภาพ โดยใส่ค่า แล้วเลือกหน่วย เช่น

           - Width : กำหนดความกว้างของภาพ

           - Height : กำหนดความสูงของภาพ

  4. กำหนดคุณสมบัติของภาพ

           - Resolution : ความละเอียดของภาพ

                          > สำหรับเว็บเพจใช้ 72 pixels/inch

                          > สำหรับสิ่งพิพม์ที่ต้องการความละเอียดสูงใช้ 300 pixels/inch

           - Color Mode : เลือกโหมดสีของภาพ โดยทั่วไปใช้ RGB Color แบบ 8 bit

 5. เลือกลักษณะของพื้นหลัง

           - White : ให้พื้นหลังมีสีขาว

           - Background Color : ให้พื้นหลังเป็นสี Background ตามที่เรากำหนด

           - Trasparent : ให้พื้นหลังโปร่งใส (โปรแกรมจะแสดงเป็นตารางหมากรุกให้เฉย ๆ) แต่ลักษณะจะไม่มีค่าสีใด ๆ

6. กำหนดโปรไฟล์สี และสัดส่วนพิกเซล (หากไม่เห็นออปชั่นกลุ่มนี้ ให้คลิกปุ่มดังภาพก่อน)

           - Color Profile โปรไฟล์สีของภาพ สำหรับรูปภาพทั่วไปให้ใช้ sRGB...

           - Pixel Aspect Ratio สัดส่วนกว้าง/สูงของพิกเซล โดยทั่วไปใช้ Square Pixels

จิตวิทยาเกี่ยวกับสี

สีนั้นมีความสำคัญอย่างยิ่งในการออกแบบเว็บไซต์ ในการทำงานกราฟฟิคต่างๆ การเลือกสีให้เข้ากับเนื้อหาของงาน จะทำให้งานที่ทำออกมามีความน่าเชื่อถือยิ่งขึ้น และยังส่งผลอย่างมากกับความสวยงามของงานที่ออกมาด้วย

ความรู้สึกที่คนส่วนใหญ่มีต่อสีต่างๆ

สีฟ้า

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

สีเขียว

เป็นสีในวรรณะเย็น จะสร้างความรู้สึกเย็นสบาย ใช้เป็นสีที่ช่วยผ่อนคลายความเครียดได้ ให้ความรู้สึก สงบ เงียบ ร่มรื่น ร่มเย็น การพักผ่อน การผ่อนคลาย ธรรมชาติ ความปลอดภัย ปกติ ความสุข ความสุขุม เยือกเย็น

สีเหลือง

เป็นสีแห่งความเบิกบาน เร้าอารมณ์ และเรียกร้องความสนใจ ให้ความรู้สึกแจ่มใส ความสดใส ความร่าเริง ความเบิกบานสดชื่น ชีวิตใหม่ ความสด ใหม่ ความสุกสว่าง การแผ่กระจาย อำนาจบารมี ให้ลองสังเกตดูว่า วันที่ท้องฟ้ามืดครื้มปราศจากแสงแดด เราจะรู้สึกหงอยเหงา หดหู่ แต่พอมีแสงแดด ท้องฟ้าสว่าง มีสีเหลือง เราจะรู้สึกมีชีวิตชีวาขึ้น

สีแดง

เป็นสีที่สร้างความตื่นเต้น และกระตุ้นสมอง สีแดงปานกลางแสดงถึงความมีสุขภาพดี ความมีชีวิต ความรัก ความสำคัญ ความอุดมสมบูรณ์ ความมั่งคั่ง สีแดงจัดมีความหมายแฝงด้านกามารมณ์ นอกจากนี้สีแดงยังสร้างความรู้สึกรุนแรง ให้ความรู้สึกร้อน กระตุ้น ท้าทาย เคลื่อนไหว ตื่นเต้น เร้าใจ มีพลัง มันจะใช้กันกรณีที่เกี่ยวกับความตื่นเต้น หรืออันตราย

สีม่วง

ให้ความรู้สึก มีเสน่ห์ น่าติดตาม เร้นลับ ซ่อนเร้น มีอำนาจ มีพลังแฝงอยู่ ความรัก ความเศร้า ความผิดหวัง ความสงบ ความสูงศักดิ์
เป็นสีที่ปลอบโยน และช่วยลดความเครียด แต่เดิมสีม่วงได้มาจากสัตว์มีกระดอง,เปลือก ในทะเลเมดิเตอร์เรเนียน มีชื่อว่า Purpura จึงได้ชื่อภาษาอังกฤษว่า Purple

สีส้ม

ให้ความรู้สึก ร้อน ความอบอุ่น ความสดใส มีชีวิตชีวา วัยรุ่น ความคึกคะนอง การปลดปล่อย ความเปรี้ยว การระวัง เป็นสีที่เร้าความรู้สึก ปรกติควรใช้แต่น้อยเมื่อเทียบกับสีอื่น สังเกตว่าคนที่อยู่ในห้องสีส้มจะอยู่ได้ไม่นาน

สีน้ำตาล

ให้ความรู้สึกอบอุ่น ได้พักผ่อน แต่ควรใช้ร่วมกับสีส้ม เหลือง หรือสีทอง เพราะถ้าใช้สีน้ำตาลเพียงสีเดียว อาจทำให้เกิดความรู้สึกหดหู่ได้

สีเทา

ให้ความรู้สึก เศร้า อาลัย ท้อแท้ ความลึกลับ ความหดหู่ ความชรา ความสงบ ความเงียบ สุภาพ สุขุม ถ่อมตน สีนี้มีข้อดีคือทำให้เย็น แต่สร้างความสร้างความรู้สึกหม่นหมองได้ ควรใช้ร่วมกับสีที่มีชีวิต โทนสว่างอย่างน้อยหนึ่งสี

สีขาว

ให้ความรู้สึก บริสุทธิ์ สะอาด สดใส เบาบาง อ่อนโยน เปิดเผย การเกิด ความรัก ความหวัง ความจริง ความเมตตา ความศรัทธา ความดีงาม ให้ความรู้สึกรื่นเริง โดยเฉพาะเมื่อใช้กับสีแดง เหลือง และส้ม

RETOUCH

ความ สามารถใหม่ที่สำคัญ

อะโดบีแนะนำซอฟต์แวร์โปรแกรมใหม่ล่าสุดจากชุดผลิตภัณฑ์ CS5 (Adobe Creative Suite 5) ในกลุ่ม โฟโต้ชอป ซึ่งประกอบด้วย Adobe Photoshop CS5 ซอฟต์แวร์จัดการภาพถ่ายอย่างมืออาชืพ และ Adobe Photoshop CS5 Extended ที่มาพร้อมความสามารถในการสร้างผลงาน 3D ได้ทั้งโลโก้ อาร์ตเวิร์ค และโมชั่นกราฟฟิก (motion graphic) ปรับแต่งวัตถุในงาน 3D ได้ง่ายๆ ด้วยเครื่องมือที่มีความสามารถมากขึ้รวมถึงการจัดการภาพถ่าย งานพิมพ์ เว็บ และวีดิโอ ซึ่งอะโดบี ได้ทำการปรับปรุงความสามารถหลายอย่างใน Photoshop CS5 ตอบสนองการทำงานได้เร็วขึ้นที่แพลตฟอร์ม 64 บิท และสามารถใช้ประสิทธิภาพของเครื่องคอมพิวเตอร์ได้อย่างเต็มที่


ความ สามารถใหม่ที่สำคัญ

• Complex selections สร้าง selection ได้มากขึ้น และทำได้ง่ายขึ้น เมื่อต้องทำกับภาพที่ซับซ้อน
  
• Content-Aware Fill เมื่อต้องการเคลื่อนย้ายบางส่วนของภาพหรือวัตถุในภาพ คำสั่งนี้จะช่วยเกลี่ยพื้นที่ที่วัตถุถูกยกออก ด้วยการจัดการแสง เงา และสิ่งรบกวนต่างๆ ให้ภาพดูแนบเนียนอย่างกลมกลืนกันมาก
   

ทำฟิล์มแบบง่ายๆ

วิธีการทำแบบง่ายๆ

รูปแบบ และชนิดไฟล์ภาพสำหรับงานกราฟฟิก

Pixel (Picture + Element )
หน่วยพื้นฐานของภาพที่เป็นสี่เหลี่ยมเล็กๆที่บรรจุค่าสี(ลองซูมภาพของเราเข้าไป มากๆแล้วเราจะเห็นสี่เหลี่ยมเล็กๆ
ที่แต่ละสี่เหลี่ยมที่เล็กสุดจะเก็บสีไว้ 1 สีครับ
Resolution(ความละเอียดของภาพ)
คือจำนวน Pixel ต่อพื้นที่หนึ่งหน่วย เช่น
-จำนวนเม็ดสีต่อตารางนิ้ว
pixels  per inch : ppi 
dot per inch : dpi
-จำนวนเม็ดสีต่อตารางเซนติเมตร
 pixel per cm : ppi
72 ppi              : งาน Website
100-150 ppi    :งานทั่วไป
300-350 ppi    :งานออกแบบสิ่งพิมพ์ที่ต้องการความคมชัดในการแสดงผลสูง
รูปแบบของภาพ
1.ภาพแบบ บิตแมป(Bitmap) หรือ ราสเตอร์(Raster)
คือภาพที่เกิดจากหน่วยภาพเล็กๆมารวมกันจนเป็นภาพใหญ่คล้ายจิ๊กซอร์สามารถดูได้โดยการซูมภาพเข้าไป
กล่าวคือภาพเหล่านี้ยิ่งซูม(ขยาย)ยิ่งแตก จนดูไม่รู้เรื่อง เช่นภาพนามสกุล .JPEG, .TIFF,.GIF เป็นต้น
2.ภาพแบบเวคเตอร์(Vector)คือภาพที่เกิดจากเส้นโค้ง, เส้นตรง และคุณสมบัติสีของเส้นนั้นๆที่เกิดจากการคำนวณทางคณิตศาสตร์(ที่เรา
มองไม่เห็นด้วยตา)กล่าวคือ ที่จุดๆหนึ่งของภาพที่เราซูมเข้าไปมันจะเกิดจากการกำหนดคุณสมบัติไว้ว่าภาพ
เกิดจากเส้นตรง หรือเส้นโค้งที่เอียงกี่องศา เก็บค่ารหัสสีอะไรไว้ เมื่อเราซูมขยายภาพไม่ว่าจะขนาดเท่าไหร่ก็ตาม
ภาพมันจะไม่แตก(ไม่สูยเสียความละเอียดไป) เพราะการซูมภาพเป็นการคูณจำนวนเท่า ลงไปที่คุณสมบัติภาพนั่นเอง
ดังนั้น ถ้าเราแก้ไขภาพก็คือไปแก้ไขคุณสมบัติทางคณิตศาสตร์ ไม่ว่าจะย่อหรือขยายกี่ครั้งภาพแบบนี้จะยังคมชัดเท่าเดิม
ภาพVector เหล่านี้ได้แก่
-ภาพ .wmf (Clipart ที่เราไว้ตกแต่งใน Microsoft Office นั่นเอง)
-ภาพใน Adobe Illustrator, Macromedia Freehand
ชนิดของภาพสำหรับงานกราฟฟิก
1.JPEG(Joint Photograhic's Experts Group)
จุดเด่น
-สนับสนุนสีได้มากถึง 24 bit
-สามารถกำหนดคุณภาพ และตั้งค่าการบีบอัดไฟล์ภาพได้
-ใช้ใน Internet(Worl Wild Web) มีนามสกุล.jpg
-มีโปรแกรมสนับสนุนการสร้างจำนวนมาก
-เรียกดูภาพได้ใน Graphic Browser ทุกตัว
จุดด้อย-ไม่สามารถทำให้พื้นที่ของภาพเป็นแบบโปร่งใสได้(Transparent/Opacity)
-หากกำหนดค่าการบบอัดไว้สูง เมื่อส่งภาพจาก Server(แม่ข่าย)--->Client(ลูกข่าย) จะทำให้การแสดงผลช้า
เพราะต้องเสียเวลาในการขยายไฟล์
2.TIFF(Tag Image File Format)มักใช้ในงานสิ่งพิมพ์-Desktop publishing, 3D application, Faxing, Medical Imaging Application
(ประสบการณ์ตรงของข้าพเจ้าคือ ภาพที่เราทำและตกแต่งในPhotoshop และ Microsoft PowerPoint ไม่ว่าจะเซฟมาเป็นนามสกุลอะไรก็ตาม ตอนส่งเข้าเครื่องพิมพ์ที่โรงพิมพ์ เขาจะแปลงไฟล์และส่งเข้าเครื่องในนามสกุล .TIFF เท่านั้น ดังนั้นถ้าท่านออกแบบสิ่งพิมพ์ใน Photoshop หรือ MicrosoftPowerPoint ขอให้เซฟงานเป็นนามสกุล .TIFF ไปเลยครับ)
โดยรูปแบบของ TIFF มีหลายประเภทคือ -Grayscale, Color Pallete, RGB full color
จุดเด่น-เป็นรูปแบบที่ทำให้ภาพแบบราสเตอร์หรือบิตแมป สามารถใช้งานร่วมกับ Appication ต่างๆรวมทั้งโปรแกรมจัดการภาพจากScaner
จุดด้อย
-ไฟล์ภาพขนาดใหญ่ เพราะต้องเก็บรายละเอียดความคมชัดไว้สูง
3.GIF(Graphics Interchange Format)
จุดเด่น
-เป็นที่นิยมมากที่สุดสำหรับภาพที่จะแสดงบน Web/Internet
-มีขนาดเล็กมาก
-สามารถทำพื้นให้เป็นแบบโปร่งใสได้(Transparent/Opacity)
-สามารถทำเป็นภาพเคลื่อนไหวบน WebPage ได้ โดยใช้เครื่องมือช่วยสร้างเช่น JAVA, Flash
-มีโปรแกรมสนับสนุนในการสร้างจำนวนมาก
-สามารถเรียกดูภาพได้ใน Graphic Browser ทุกตัว
จุดด้อย-แสงภาพได้เพียง 256 สีเท่านั้น ไม่เหมาะสำหรับการนำเสนอภาพถ่ายหรืองานที่ต้องการความคมชัดสูง
4.PNG(Portable Network Graphics)
จุดเด่น-เอาคุณสมบัติของ(JPEG+GIF) มาใช้คือ สีมากกว่า 256สีและโปร่งใสได้(Transparent)
-PNG มีการบีบอัดข้อมูลโดยไม่เสียคุณภาพ
-ทำให้โปร่งใสได้(Transparency) และยังสามารถควบคุมองศาของความโปร่งใส(Opacity)ได้ด้วย
-เก็บบันทึกภาพด้วยสีจริง(True Color) ได้เช่นเดียวกับตารางสี(Pallete) และสีเทา(Grayscale)แบบ GIF
จุดด้อย
-ไม่สนับสนุนภาพเคลื่อนไหว เพราะไม่สามารถเก็บภาพหลายๆภาพไว้ด้วยกันได้

ที่มา :  http://www.oknation.net/blog/Photoshop-Tips/2008/10/10/entry-1

การสร้างหัวใจใสๆ

การสร้างหัวใจใสๆ

ขั้นตอนที่1.
ให้ทำการสร้างไฟล์ใหม่ขนาดใดก็ได้ตามที่เราต้องการ โดยมาที่คำสั่ง File --> New

ขั้นตอนที่2.
จากนั้นให้ทำการสร้าง Layer ใหม่ขึ้นมาโดยคลิ๊กไอค่อนรูปกระดาษตรง Layer
แล้วทำการเลือก Foreground & Background color ปรับระดับ สีแบบโทนๆ
เดียวต่างน้ำหนัก

ขั้นตอนที่3.
ให้ทำการใช้อุปกรณ์ Custom Shape tool ลักษณะรูปหัวใจ แล้วทำการ
แดรกเม้าส์โดยทำการกด Shift แล้วกางออก ก็จะได้ Shape
รูปหัวใจดังภาพ Layer ก็จะมี Paths เกิดขึ้นดังภาพ.








ขั้นตอนที่4.
ให้ทำการ Load Selection Layer Shape รูปหัวใจโดยกดปุ่ม Ctrl แล้วคลิ๊กเม้าส์ ก็จะเกิดเส้น
Selections ขึ้นมา จากนั้นให้ทำการปิดตา Layer Shape เสียแล้วทำการสร้าง Layer ใหม่
แล้วทำการไล่เฉดสีสองสี โดยใช้อุปกรณ์ Gradient tool แบบ
Foreground to Background color ในลักษณะเฉียง ก็จะได้ รูปหัวใจที่มีมิติเฉดสีสองสีดังภาพ.




ขั้นตอนที่5.
หลังจากนั้นให้ทำการหด Selection โดยมาที่คำสั่ง Select --> Modify --> Contract = 1 Pixels
แล้วให้ทำการ สร้าง Layer ใหม่ให้อยู่บนสุด แล้วทำการเปลี่ยน Foreground ให้เป็นสีขาว
จากนั้นให้ไล่เฉดแบบ Foreground to Transparent ในลักษณะ ลงล่างครึ่งหนึ่ง
จากนั้นให้ทำการยกเลิก Selection โดยมาที่ Select -->Desselect ก็จะได้ดั่งภาพตัวอย่าง.




ขั้นตอนที่6.
หลังจากนั้นให้ทำการ Perspective Layer ไล่เฉดสีขาวแบบโปร่ง (Layer2)
โดยมาที่คำสั่ง Edit ---> transform --> Perspective แล้วทำการหดเข้าดังภาพ
จากนั้นให้ทำการลดค่า Opacity Layer = 50% ก็จะได้หัวใจใสๆ ดังภาพสำเร็จ.







http://www.comcn.in.th/elearnning/sutatip/photoshop36.html

สร้างลูกแก้วแบบง่ายๆ

สร้างสายรุ้งด้วย Polar Coordinates

สร้างสายรุ้งด้วย Polar Coordinates บทความนี้ขอต้อนรับหน้าฝนด้วยสายรุ้ง ขั้นตอนการทำไม่ยาก มาลองทำกันดู

ขั้นตอนการทำ

1. เตรียมภาพที่เราจะนำสายรุ้งมาใส่หลังจากที่ทำเสร็จ

2. หลังจากนั้นสร้างเอกสารขนาด 600 x 600 px (ให้ชิ้นงนาเป็นจตุรัสนะครับ) แล้วใช้เครื่องมือ Rectangular Marquee Tool สร้าง Selection ตรงกลางของภาพ

3. เทสี Gradient สีรุ้ง แล้วยกเลิกเส้น Selection

4. จากนั้นใส่ Filter -> Distort -> Polar Coordinates จะได้ผลดังภาพ ถ้าผลที่ได้มีขนาดเล็กให้เราใช้เครื่องมือ Free Transform (Ctrl + T)

5. หลังจากนั้นให้ Copy สายรุ้งไปใส่ภาพที่เราเตรียมไว้ จัดตำแหน่งภาพให้ดี ดูแล้วให้เข้ากับภาพ

6. ใช้เครื่องมือ Layer -> Add Layer Mask -> Reveal All จากนั้นนำสี Gradient ขาว-ดำ มาระบายลงไปยังส่วนที่ Mask

7. หลังจากนั้นคลิกที่สายรุ้งใน Layer อีกครั้งใส่ Filter -> Blur -> Gaussian Blur ใส่ค่าประมาณ 8 เืพื่อปรับให้สายรุ้ง Blur

ที่มา :  http://www.webthaidd.com/

สร้างลูกแก้วง่ายๆ

สร้างลูกแก้วง่ายๆ

สร้างลายกราฟฟิคด้วย Selection

1. เมนู File > New หรือ  กด Ctrl+N เพื่อสร้างหน้ากระดาษใหม่ขึ้นมา แล้วตั้งค่าดังรูป




2. เลือกเครื่องมือ Marquee (M)



Marquee Tool (M)

 



3. ทำการสร้าง Selection ดังรูป



สร้าง Selection เป็นรูปแท่งสี่เหลี่ยมแนวตั้งจากทางด้านซ้าย



4. กด Alt+Del เพื่อเติมสีของ Foreground (ในที่นี้จะแสดงสีดำเนื่องจากสีที่เลือกใน Foreground คือ สีดำ)



Tip: ถ้ามี Selection อยู่แล้วกด Alt+Del จะเป็นการลงสีของ Background ลงไปใน Selection แทน



5. กด V เพื่อใช้เครื่องมือ Move Tool กด Alt ค้างไว้และลากเมาส์จะเป็นการ Copy สิ่งที่ Selection อยู่ ทำการลากเมาส์มาทางด้านขวาเล็กน้อยเพื่อ Copy สีดำที่ทำไว้ ลักษณะดังรูป

 

Tip: ควรจำคีย์ลัดที่ใช้งานเสมอ เช่น Move Tool (V) และเมื่อใช้ Move Tool อยู่ ทำการกด Alt ค้างและลากเมาส์ จะเป็นการ Copy สิ่งที่ Selection อยู่





6. ทำการ Copy แท่งสีดำไปเรื่อยๆจนเต็มหน้ากระดาษ ดังรูป



Tip: ควรให้ช่องสุดท้ายเป็นสีขาวเพราะเส้นที่ออกมาจะดูสวยกว่า



7. สังเกตุด้านบนสุดของหน้า Photoshop จะมีเมนูอยู่หลายอย่าง

     แต่ให้เราเลือก Filter > Distort > Polar Coordinetes จะได้ผล ดังรูป และกด OK

8. เสร็จเรียบร้อย สำหรับลายแฉกๆ

ลายแฉกๆ แบบหมูๆ ด้วย Photoshop