Photoshop Tips: ดึงภาพจากข้างนอกมาใส่แบบไดนามิกด้วย Variables

สวัสดีครับ พบกันในหมวด How to อีกครั้ง สำหรับคราวนี้เป็นเทคนิคการใช้งาน Photoshop แบบที่ถ้าใครได้ทำงานแนวออกแบบ Mockup / UI น่าจะได้มีโอกาสใช้งานกันบ่อยๆ เพราะหลายครั้งเวลาเราจำเป็นต้องมีการ "ลิงก์ภาพจากภายนอก" มาใส่ในอีกไฟล์ แล้วเวลาแก้ไขไฟล์ข้างนอกปั๊บ ไฟล์ข้างในก็ควรจะถูกแก้ไขไปด้วยพร้อมกัน อันที่จริง แนวคิดในการลิงก์ไฟล์จากภายนอกนี้ ใครที่ใช้ Illustrator ก็น่าจะชินกันอยู่แล้วเนอะ?แต่สำหรับ Photoshop เรากลับพบว่าถ้าจะทำบ้างนี่ มันกลับเป็นเรื่องน่าปวดกบาล อาจจะเพราะตัวโปรแกรมไม่ได้ออกแบบมาเพื่อการนี้โด …

มาดูวิธีการสร้าง icon ง่ายๆด้วยเครื่องมือพื้นฐานกันจ้ะ

พอดีไปเจอบทความเกี่ยวกับการวาด icon โดยใช้รูปร่างพื้นฐานในโปรแกรมมาจากเว็บนี้ครับ http://www.awwwards.com/how-to-create-effective-icons.html คือว่าพวกรูปร่างพื้นฐานในโปรแกรมกราฟิกต่างๆ เนี่ย มันสามารถเอามาประกอบกันเป็นรูปอื่นๆ ได้หลากหลายเลยถ้าเราทำดีๆ ทีนี้มาดูตัวอย่างกัน เช่นว่าถ้าอยากวาดหยดน้ำ ก็ลองสังเกตดูง่ายๆ ว่าจริงๆแล้วหยดน้ำมันก็มีส่วนที่เป็นหยดกลมๆ กับปลายแหลมๆ ที่ตกลงมา งั้นเราก็แค่เอาวงกลมมาประกบกันกับสามเหลี่ยมแค่นั้นเอ๊งงง หรือจะเป็นรูปหัวใจแบบในตัวอย่าง ก็ใช้วงกลมสองวง กับสา …

ภาพบรรยากาศงานเปิดตัวเบาๆ กับแอปของเรา MorCard

เมื่อวันเสาร์ 27 ตุลาคมที่ผ่านมา ที่เคยเขียนบล็อกไปแล้วว่า เราจะมีงานเปิดตัวแอปที่พวกเราซุ่มทำกันมาเป็นเวลาหลายเดือนอย่าง MorCard ก็ได้เวลาเปิดตัว Soft Launch กันในวันนั้นล่ะฮับ ภาพบรรยากาศการเตรียมงาน ก่อนการเตรียมงานก็มีการคิดว่าจะจัดงานยังไง ซุ่มซ้อมพรีเซนต์และคิวงานต่างๆ กันก่อนจะเริ่มงานจริงๆ :-P งานเปิดตัว Soft Launch MorCard มีอะไรบ้าง ก็มีการเปิดงานด้วยเสียงหล่อๆ และมุกแป้กบ้างไม่แป้กบ้างจากพิธีกรอย่างพี่แอน @iannnnn จากนั้นพี่แอนก็ส่งต่อให้พี่อาท @chaiyosart อธิบายว่าสามย่านและหัวลำโพ …

MorCard Application : เตรียมพบกับงานเปิดตัวเบาๆ โดยชาวสามย่านและหัวลำโพงจ้ะ

ทีมสามย่านและหัวลำโพงมีโปรเจ็กต์นึงที่ปลุกปั้นกันมาในช่วง 3-4 เดือนที่ผ่านมา ก็คือแอปพลิเคชัน MorCard แหละฮับ ซึ่งพวกเราก็ทำขึ้นมาด้วยจุดเริ่มต้นของความคิดที่ว่า ยิ่งนานวันไป กระเป๋าตังค์เราก็ยิ่งตุงขึ้นเรื่อยๆ ซึ่งหาใช่เพราะเงินไม่..แต่เป็นการตุงด้วยบัตรนานาสารพันนั่นเอง จะดีแค่ไหนถ้าเราสามารถเอาบัตรทั้งหมดเขวี้ยงทิ้งออกจากกระเป๋าตังค์ซะ แล้วจับยัดบัตรที่เรามีมาอยู่ในมือถือของเราแทน! แค่นี้แหละฮับกับจุดเริ่มต้นของ MorCard หรือคอนเซ็ปต์ที่ว่า "MorCard - Cards, coupons and privileges now all in one place." น …

ความแตกต่างระหว่าง Mobile App, Mobile Site และเว็บแบบ Responsive

ในการที่จะมีเว็บไซต์ 1 เว็บไซต์ ในสมัยนี้นั้น นอกจากเราจะต้องดีไซน์เว็บให้สวยงามเมื่อดูผ่านจอคอมพิวเตอร์แล้ว เราก็จะต้องทำให้เว็บเราอ่านได้ง่ายและสวยงามผ่านอุปกรณ์พกพา (Mobile devices) อื่นๆ ด้วย เพราะว่าทุกวันนี้เราก็คงไม่ปฏิเสธว่ามือถือหรือแท็บเล็ตเริ่มมีบทบาทในชีวิตเรามากขึ้นทุกวัน เราอ่านข่าวบนมือถือในขณะที่นั่งรถไปทำงาน เราเปิดเฟซบุ๊กในขณะกินข้าว ฯลฯ ทีนี้เราๆ ที่คุ้นเคยกับ "เว็บไซต์บนคอมพิวเตอร์" เมื่อต้องย้ายเว็บไซต์มาอยู่บนอุปกรณ์พกพาเราจะเลือกทำอะไร? บางคนอาจเคยได้ยินว่าทำเว็บให้อ่านง่ายบนอุปกรณ์พก …

[Infographic] ใช้ Social Network ตัวไหน เพิ่มยอดขายให้ร้านเราดีนะ

ในแต่ก่อนหากร้านค้าจะเข้ามาสู่โลกอินเทอร์เน็ต อาจจะทำเว็บไซต์ที่มีหน้าช็อปปิ้ง ซื้อของได้จากหน้าเว็บเลย อะไรก็ว่าไป แต่ในยุคที่ Social Network ซึมแทรกเข้าไปในสายเลือดของผู้คนนั้น ร้านค้าก็ย้ายตัวเองมาโปรโมตใน Social Network เช่นเดียวกัน ว่าแต่ว่า Social Network ก็มีอยู่หลายเจ้า แล้วเราจะเลือกไปโปรโมตร้านเราที่ไหนดีนะ? Infographic อันนี้ ทำมาเปรียบเทียบข้อดีข้อเสียที่แตกต่างกันไปของ Social Network 3 เจ้า ที่เรานิยมใช้ๆ กันเพื่อร้านค้า อย่าง Facebook, Twitter และ Pinterest ฮับ ซึงใน Infographic ก็จะสรุปออกมาเ …

[Infographic] วิวัฒนาการของ Digital Advertising

มี Infographic ที่เล่าถึงวิวัฒนาการของการโฆษณาผ่านสื่อดิจิตอลจากอดีตยันปัจจุบันฮับ ตั้งแต่สมัยที่ยุคคอมพิวเตอร์แมคอินทอชออก, Photoshop เวอร์ชั่นแรกกำเนิด, ปีที่ www. ก่อตั้งขึ้น จวบจนถึงปีที่มีการถือกำเนิดของ Website รวมถึง Social Network Platform ที่ออกมาเยอะแยะและมีลักษณะเฉพาะตัว จนตอนนี้ถ้าเทียบประวัติศาสตร์การมีเครื่องมือและแพลตฟอร์มต่างๆ จาก Infographic นี้ ก็จะเห็นว่ารูปแบบของ Digital Advertising ได้มีการเปลี่ยนแปลงมากมายเลยทีเดียว (คลิกที่รูปเพื่อชมภาพใหญ่ได้นะฮ้าบ) ที่มา - Mashable …

กว่าจะมาเป็นฟีนิกซ์

http://www.youtube.com/watch?feature=player_embedded&v=shAUHU71Gxk แฮร่ มาถึงก็แปะวิดีโอให้ดูกันก่อนเลย ก็ไม่มีอะไรหรอกครับ วันนี้จะมาเล่าวิธีการยำ กว่าจะออกมาเป็ยนวิดีโอโปรโมต MOLOME ตัวนี้นั่นเองงงง วันนึงเดินเล่นเข้าไปในห้องของ บ. หัวลำโพง ก็ตกใจกับสิ่งที่เห็น นี่มันสตอรี่บอร์ดชัดๆ (นึกในใจ งานเข้ากรูแน่ๆ) แล้วมันก็เป็นจริงอย่างที่คิดครับ -___-" พอถึงเวลาต้องทำ ผ่างงง โอเค ได้เห็นกระดาษใบนี้และประกอบกับรูปข้างบนนั่นก็พอจะจิตนาการออกถึงอารมณ์ของมันทันที ว่าเราควรทำออกมาอารมณ์ไหน เล่นอะ …

H&M กับแคมเปญประกวดภาพถ่ายที่ใช้ทั้ง Instagram และ Facebook

H&M จะทำแคมเปญแจกบัตร VIP ของงานเปิดตัวคอลเล็กชั่นใหม่ จึงจัดแคมเปญ Photo Contest "H&M Bangkok Style" โดยเป็น Facebook Application ที่ให้คนส่งรูปผ่าน Instagram โดยใส่แท็ก #HMBANGKOKSTYLE ซึ่งรูปใน Instagram ที่ติดแท็กดังกล่าว ก็จะถูกนำมาแสดงในแกลอรี่ Facebook App นี้ทันที ทั้งนี้เจ้าของรูปที่ถูกใจคณะกรรมการ ก็จะได้บัตรเข้าชมงานเปิดตัวคอลเล็กชั่นใหม่ของ H&M ส่วนที่ 2 และที่ 3 ก็จะได้รับเสื้อผ้าใน autumn collection กันไป แคมเปญนี้ดูเผินๆ เหมือนไม่มีอะไร แต่ความน่าสนใจอยู่ที่การใช้ Social Network 2 ตัวม …

[Infographic] วิวัฒนาการของโทรศัพท์โนเกียจากอดีตถึงปัจจุบัน

Infographic นี้ ทำมาต้อนรับการเปิดตัวโทรศัพท์โนเกียรุ่นใหม่ที่เปิดไปแล้วเมื่อวาน (5 ก.ย.) แหละฮับ ถึงแม้ว่าในทุกวันนี้คนส่วนใหญ่จะใช้ไอโฟน โหนแอนดรอยด์ ห้อยบีบี (ใส่คำให้คล้องจองกันเท่านั้นเอง ไม่มีอะไรหรอก) แต่โทรศัพท์โนเกียนี่ก็เคยเป็นหนึ่งในความยิ่งใหญ่ของวงการโทรศัพท์มือถือมาก่อนนะฮับ (ไหนใครเคยเล่นเกมเจ้างูน้อยใน 3310 บ้าง ขอเสียงหน่อย ฮิ้วว) Infographic นี้ นอกจากจะอธิบายวิวัฒนาการของโทรศัพท์โนเกียได้ครบทั่วถ้วนกระบวนความแล้ว ยังอยากให้มองถึงการดีไซน์ Infographic ด้วยฮับ เป็น Infographic ที่ดูง่าย …