Search Results for: Photoshop

แจกฟรี Mockup iPhone 7 & 7 Plus รวมมาแบบจัดเต็ม

Mockup เป็นตัวช่วยให้งานของคุณดูสมบูรณ์มากขึ้น ใครอยากรู้ว่าสำคัญอย่างไรอ่านได้ที่  รู้จัก Mock Up Design สิ่งที่จะช่วยเพิ่มมูลค่าให้กับงานออกแบบ วันนี้ Grappik มี Mockup iPhone 7 และ 7 Plus ที่รวบรวมมาให้นักออกแบบได้นำไปใช้กันแบบจัดเต็ม โดยส่วนมากจะดาวน์โหลดฟรีอีกด้วย ยังไงก่อนนำไปใช้ก็ศึกษา creative commons ของแต่ละอันให้ดีก่อนนะ iPhone 7 Mockup Sketch and Photoshop by Roberts ดาวน์โหลดที่นี่   iPhone 7 Jet Black Mockup by Ramotion ดาวน์โหลดที่นี่   iPhone 7 mockups PSD + Sketch Mockup by LStore ดาวน์โหลดที่นี่   iPhone 7 Psd Jet Black Mockup by Pixeden […]

เรียนรู้เทคนิค Transparent ในงานออกแบบให้ออกมาว๊าว

ถ้าพูดถึง Transparent หลายคนอาจจะไม่รู้ว่ามันคืออะไรกันน่ะ แต่ที่จริงแล้ว Transparent มันก็คือการปรับความเข้ม-จาง ของตัววัตถุนั่นเอง สำหรับใครที่ถนัดใช้ Photoshop มันก็คือ opacity นั่นแหละ อยากจะบอกว่ามันเป็นเครื่องมือที่ง่ายมากๆ ที่จะหยิบมาใช้งาน แถมยังใช้ได้หลากหลายไม่ว่าจะเป็นงานพิมพ์ เว็บไซต์ โลโก้ หรือแทบทุกอย่าง ซึ่งบทความนี้เราจะเน้นการ Transparent Backgrounds ว่าทำอย่างไรกันให้งานออกมาดูดี 1. ใช้วางบนพื้นหลังที่ภาพซับซ้อน เคยใหมที่พื้นหลังของเราเป็น illustrated หรือ patterned ลายตา ซึ่งภาพพวกนี้มันยากเหลือเกินที่จะวางข้อความอะไรสักอย่างลงไปแล้วง่ายต่อการอ่าน เราก็มีวิธีการแก้ปัญหาง่ายๆ เพียงสร้างรูปทรงขึ้นมาสักชิ้น แนะนำว่าควรเลือกสีพื้นๆ ให้เข้ากับงานเรา แล้วปรับ Transparent ไปสัก 80-90 เปอร์เซ็น เราจะพบงานแนวนี้ได้ที่ event poster หรืองานสไตล์ vintage ส่วนวิธีการเลือกสีข้อความ ถ้าต้องการให้อ่านชัดเจนก็ควรเลือกสีที่ตัดกับสีพื้นเรา แต่ถ้าต้องการความกลมกลืนก็ลองเลือกสีที่ไม่ตัดกันมากนัก ซึ่งเราแนะนำว่าควรใช้เครื่องมือ eyedropper tool ดูดสีของภาพ illustrated ที่เรานำมาใช้งานเพื่อคุมโทนสีของงานไม่ให้หลุดนั่นเอง     2. สร้างงานที่สะอาด เรียบง่าย เป็นอีกเทคนิคที่ Transparent ทำให้เราได้คือสร้างความเรียบง่าย สะอาด เพราะเราจะไม่ต้องใช้องค์ประกอบอย่างรูปทรงมากมายนัก แต่ใช้ความเปรียบต่างของสีเป็นตัวแบ่งแยกแทนรูปทรงนั้นเอง วิธีใช้ก็ง่ายๆ แค่ลองปรับรูปทรงธรรมดาให้เป็นสีที่เข้มขึ้นแล้วลด Transparent ลง แล้วเลือกใช้ฟ้อนต์ที่มีรูปแบบง่ายๆ เพียงเท่านี้เราก็จะได้งานสไตล์สะอาด เรียบง่ายมาใช้แล้ว   […]

เทคนิคการวางตัวหนังสือลงบนภาพให้สวยและอ่านง่าย

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

เพราะเราคือ “เว็บดีไซน์” ออกแบบเว็บไซต์ให้สวยอย่างเดียวคงไม่พอ

นักออกแบบมีหลากหลายประเภทแยกกันไปเยอะมากมายทั้ง Graphic Design , Type Design , Logo Design , Character Design ทั้งหมดที่กล่าวมาคือนักออกแบบที่สามารถจบงานได้ด้วยตัวคนเดียวได้อย่างไม่ยากเย็น แต่ยังมีนักออกแบบอีกหนึ่งสายที่ต้องคอยทำงานร่วมกับผู้อื่นหรือแม้กระทั้งต้องคอยคิดว่าผู้อื่นนั้นจะสามารถใช้งานที่เราออกแบบได้ไหม นักออกแบบสายที่กล่าวมานั้นก็คือ เว็บดีไซน์ หรือ นัก ออกแบบเว็บไซต์ นั่นเอง

ปุ่มลัด Shortcuts Adobe CC รู้ไว้ทำงานไวขึ้น !!

วิธีการทำงานให้เสร็จไวขึ้นอย่างหนึ่งก็คือการที่เราใช้โปรแกรมได้อย่างคล่องมือ แต่จะทำยังไงให้มันคล่องมือ? หลายคนบอกคงต้อง ทำไปเรื่อยๆ ฝึกไปเรื่อยๆ มั่วไปเรื่อยๆ เดี๋ยวก็เทพเอง แต่จะดีกว่าไหมถ้าเราฝึกการจดจำ Shortcuts ของโปรแกรมต่างๆให้ได้ วิธีง่ายๆแค่นี้ก็สามารถทำให้เราทำงานออกมาได้ไวและมีประสิทธิภาพมากขึ้นแล้วครับ วันนี้ทีมงาน Grappik จึงรวบรวม Shortcuts Adobe CC มาให้ไม่ว่าจะเป็น Photoshop , Illustrator , After Effect และโปรแกรมที่นักออกแบบใช้ทั้งหมดมาให้อย่ารอช้ารีบเสพรีบเซฟกันเอาไว้เลยครับ  

“Palette” ใครเบื่อการแต่งภาพแบบเดิมๆ อุปกรณ์นี้ช่วยคุณได้

“Palette” คืออุปกรณ์ช่วยแต่งภาพในรูปแบบใหม่ที่รับรองว่าคุณจะไม่เคยใช้อะไรแบบนี้มาก่อน จะเรียกว่า photo controller ก็คงไม่ผิดเพี้ยนนัก ซึ่งปกติเราจะเห็น controller แบบนี้ในงานประเภทเสียงซะมากกว่า สำหรับ “Palette” ได้เงินทุนจำนวน $158,470 จากเว็บ Kickstarter ซึ่งมันจะรองรับ Adobe Lightroom CC, Photoshop CC, Illustrator and After Effects ใครสนใจอยากได้ไปใช้งานเข้าไปได้ที่ palettegear.com ราคาก็เบาๆ แบบอลูมิเนียม $199 ส่วนถ้าใครอยากได้แบบพิเศษๆ ลายไม้ก็ $899 ซึ่งจะขายจริงๆ ในเดือนพฤศจิกายน 2015 นี้ ขอบคุณภาพจาก palettegear.com , The Next Web  

7 ข้อเกี่ยวกับรูปภาพบนเว็บไซต์ที่นักออกแบบมักพลาด

สวัสดีครับเรื่องของรูปภาพเป็นอะไรที่มีรายละเอียดมากมาย มีทั้งไฟล์ชนิดต่างๆ ความละเอียด สี ซึ่งนักออกแบบควรจะเลือกใช้ให้เหมาะสมกับงานที่ทำ วันนี้เราจะมาแนะนำเกี่ยวกับรูปภาพบนเว็บไซต์ที่มีรายละเอียดเล็กๆ น้อยๆ ที่ทำให้นักออกแบบหลายคนพลาดมาเยอะแล้ว ซึ่งส่งผลเสียให้กับเว็บไซต์ไม่มากก็น้อยเลยทีเดียว รู้หรือไม่ว่า ??? – ผู้ชมสามารถจดจำรูปภาพได้ถึง 80 เปอร์เซ็น ซึ่งจดจำการอ่านแค่ 20 เปอร์เซ็น – บทความที่มีรูปภาพจะมีผู้ชมมากกว่าถึง 94 เปอร์เซ็น – สำหรับธุรกิจพบว่า 67 เปอร์เซ็น บอกว่าภาพสำคัญกว่าข้อมูลต่างๆ บนผลิตภัณฑ์ – กว่า 93 เปอร์เซ็น ให้ความเห็นว่าภาพมีส่วนสำคัญที่สุดในการตัดสินใจซื้อของออนไลน์   1. บางคน upload รูปภาพที่ไม่ได้ปรับให้ใช้งานกับเว็บไซต์ การใช้งานรูปภาพที่ไม่ได้ปรับให้เหมาะกับเว็บไซต์จะทำให้เว็บไซต์นั้นช้า ถ้าขนาดไฟล์ของคุณมีขนาดที่ใหญ่จนเกินไปหน้าเว็บของคุณก็จะโหลดนานตามไปด้วยซึ่งก็มีโอกาศที่ผู้ชมจะรอไม่ไหวและกดปิดไปซะก่อน คุณจะต้องหาความละเอียดที่เหมาะสมกับขนาดของไฟล์ที่พอดี ถ้าคุณอยากรู้ว่าเว็บไซต์ของคุณใช้ระยะเวลาโหลดนานแค่ไหนเรามีเครื่องมือมาแนะนำ คลิ๊กเลย   2. เลือกใช้ความละเอียดภาพไม่เหมาะกับขนาดที่จะใช้งาน ความละเอียดของภาพ PPI (pixels per inch) ที่เหมาะสมกับเว็บไซต์คือ 72PPI ถึง 120 PPI ซึ่งเป็นความละเอียดที่หน้าแบบปกติที่ใช้งานการทั่วโลกสามารถแสดงได้ ซึ่งการกำหนดความละเอียดเป็น 72PPI จะช่วยให้ขนาดไฟล์เล็กลงได้มาก […]

1 … 6 7 8