รวมฮิต iPhone 5 Mockup Templates แจกฟรี

ปกติเวลาเจอไอ้พวก Graphic/Design Resource พวกนี้ ผมจะปักหมุดไว้ที่ Delicious (แล้วมันจะทวีตออกไปเองโดยติดแท็ก #aroi) หรือไม่ในระยะหลังๆ นี้ก็จะปักไอ้พวกยิบย่อยไว้ที่ Pinterest ส่วนตัว (ชื่อบอร์ดคือ Design Resources ไปตามดูดกันได้นะ)

แต่หลังจากมีการเปิดตัว iPhone 5 เมื่อไม่กี่วันมานี้ ก็เห็นว่ามีเหล่าทวยเทพทยอยปล่อยของแข่งกัน ประมาณว่ากูดราฟต์ภาพ Mockup เสร็จก่อนโว้ย ขอปล่อยโชว์พลังกันหน่อย อยากได้ก็โหลดไปฟรีๆ เลย

ซึ่งผมชอบวิธีอวดพลังแบบนี้มาก (เป็นแนวคิดเดียวกะที่ทำเว็บฟอนต์.คอม) วินๆ กันทุกคนจริงๆ โดยเฉพาะคนที่ต้องการเอาไปใช้ทำงานทำการและขี้เกียจนั่งวาดเอง :30: แต่บางอันก็ฟรีเฉพาะ Home use นะ ห้ามเอาไปใช้ในการพาณิชย์ หรือบางอันเอาไปใช้ได้แต่ก็ต้องเขียนที่มาของภาพ คือให้เกียรติเจ้าของผลงานเขาหน่อยนั่นแหละ ฉะนั้นถ้าจะโหลดไปใช้ทำมาหากินก็เข้าไปอ่านกติกาให้ดีๆ ก่อนล่ะ

อ้ะ เท่าที่เจอตอนนี้นะ


Apple iPhone 5 Vectorized Mockup โดย pixelb.in


iPhone 5 Psd Vector Mockup โดย Pixeden


Dribbble – iPhone 5 PSD โดย Matt D. Smith
กดเข้าไปอ่านในคอมเมนต์แรกจะมีลิงก์ไปหน้าดาวน์โหลดครับ


Dribbble – Free PSD – Iphone 5 characteristic angle โดย John ♖♜
อันนี้มุมมองจากด้านข้าง เท่ดีๆ เอาไปทำอาร์ตเวิร์กแนวๆ ขวดชาเขียวอิชิxxพุ่งออกมาก็ได้


Dribbble – iPhone 5 freebie (PSD) โดย Roy Abbink


Dribbble – iPhone 5 Template โดย Constantinos Demetriadis
อันนี้เท่สุด วางเครื่องเป็นมุมเอียง และเจาะรูจอไว้เป็น Smart Object ด้วย ใครเอาไปใช้ก็ดับเบิ้ลคลิกแก้เฉพาะ Smart Object ได้เลย แล้วมันจะเอียงให้เสร็จสรรพ (ลิงก์โหลดอยู่ในคอมเมนต์แรกเช่นกัน)


Dribbble – iphone (s) โดย Mikael Eidenberg
ภาพสุดท้ายนี่ไม่มีให้โหลดนะครับ เจ้าของงานเขาปั้นโมเดลขึ้นมาแล้วเรนเดอร์เนียนๆ มาอวดใน Dribbble เฉยๆ ดังนั้นใครเจอที่เขาแจกไฟล์ 3D Model บ้าง ก็เอามาแบ่งปันกันได้นะครับ เป็นไฟล์ดิบๆ ยังไม่เรนเตอร์ได้ยิ่งดีเลย (เข้าใจว่ามีแหละ วงการ 3D มีคอมมูนิตี้โชว์ของกันเยอะจะตาย)


Free iPhone 5 (PSD) GUI V4 by James Noble
(เพิ่ม – 1 ต.ค.55) เจอมาใหม่ อันนี้แจกรวดเดียว 72 เม็กเลยครับ ใหญ่โบ้มๆ


3/4 View iPhone 5 Psd Vector Mockup by Pixeden
(เพิ่ม – 1 ต.ค.55) Pixelden เจ้าเก่าครับ แจกเป็นเวกเตอร์เหมือนเดิม และโหลดเอาไปใช้ง่ายเหมือนเดิม ขอกราบเจ้านี้จริงๆ


iOS 6 GUI PSD (iPhone 5) by Teehan+Lax
(เพิ่ม – 18 ต.ค.55) เจ้านี้แจกมาหลายเวอร์ชันแล้ว พอมี iPhone 5 + iOS มาก็เลยแจกมันซะสองอย่างเหมือนเดิมครับ


iPhone5 Template PSD และ iPhone5 PSD (White) by Dash
(เพิ่ม – 18 ต.ค.55) ในที่สุดก็เจอ! เจ้านี้ทำเป็น 3D จาก Maya และเรนเดอร์แจกเป็น PSD ครับ มีทั้งสองสีเลย


FREE iPhone 5 Models Giveaway! by CircularChaos
(เพิ่ม – 19 ต.ค.55) เลยมาเจออันนี้อีก แจกทั้ง 3D, PNG เรนเดอร์แล้วเป็นพันมุม! ไปยันเวกเตอร์ต่างๆ มากมาย


(เพิ่ม – 24 ต.ค.55) SketchFab: เว็บนี้ห้าโอแนะนำมาใน #aroi โคตรเมพ แจกฟรีเป็น 3D หมุนดูได้ด้วย

ป.ล.
วนมาเรื่องส่วนตัว สำหรับไอโฟนที่เพิ่งเปิดตัวนี่ ผมยังคงไม่รู้สึกอยากได้เลยสักนิดเหมือนเดิม
ที่จริงต้องบอกว่าไม่ใช่แค่รุ่นใหม่นี้นะ คือไม่ว่าจะออกมากี่รุ่นก็เหอะ ตราบใดที่มันยัง “ห้าม” ทำนู่นทำนี่ แค่โอนไฟล์ข้ามหากันแบบไม่โดนมัดมือมัดเท้าปิดกั้นก็ยากแล้ว ยิ่งจะแต่งหน้าตาให้ไม่เหมือนชาวบ้านยิ่งยากใหญ่ ..ซึ่งมันขัดกะนิสัยอีพวกชอบแคะแกะเกาให้หลุดไปจาก Default น่ะครับ
แต่ในคำด่าก็ต้องมีคำชม คือต้องยอมรับว่า iOS นั้น การออกแบบ Default เขาดีมากอยู่แล้ว จึงเหมาะกับผู้ใช้ส่วนใหญ่ที่ขี้เกียจไปโมดิฟายอะไร (เว้นแต่อีปุ่ม Home นรกที่ไม่ว่าใครที่ใช้ไอโฟน ก็ต้องเจอปัญหาปุ่มหนืดปุ่มเจ๊ง จนต้องไปเปิดโหมด “เม็ดฝี” วางเกะกะไปทั้งหน้าจอ เพียงเพื่อถนอมปุ่ม Home.. อันนี้เหี้ยมากนะครับ แอปเปิลมึงไม่คิดจะแก้ปัญหาเลยเหรอ)

ป.อ.
ทุกวันนี้ที่อิจฉาผู้ใช้มือถือไอโฟน ก็มีแต่สองอย่าง คือ
1. เวลาต้องทำงานออกแบบแอปลง Mobile แล้วมันหาที่เทสต์ไม่ได้ว่าแสดงผลออกมาโอเคหรือยัง จะเทสต์ใน Galaxy Note หรือมือถือยี่ห้ออื่นๆ ที่ขนาดจอไม่ได้เท่าของศาสดา แม่งก็จอใหญ่เกิ๊นกันทั้งนั้นอีก (ทัศนคติต่อการออกแบบลง Mobile คือ ออกแบบลง iPhone!)
2. มือถือยี่ห้ออื่นๆ มันขายดีไม่เท่า ดังนั้นพวกอุปกรณ์เสริมเช่นเคสเกร๋ๆ น่ารักๆ ตามแผงข้างถนนเลยไม่ค่อยมีเท่า (ทัศนคติต่อการเปิดแผงขายอุปกรณ์เสริมมือถือ คือ ร้านขายเคส iPhone!)

ป.ฮ.
ผะผะผะผมเปล่านะ ปล่อยผมไปเถอะ

[Nerd Alert] ไอติมในโค้ดสีที่มีคำว่า face

เมื่อวานซืน อยู่ดีๆ ก็อยากรู้ครับว่าไอ้รหัสสีแบบ Hex color ที่ใช้สำหรับทำเว็บเนี่ย ถ้าพยายามบังคับมันให้เป็นตัวอักษรที่อ่านออก หรือคำที่อ่านง่ายเลย มันจะมีคำว่าอะไรบ้างไหม เผื่อจะเอามาใช้สุ่มสีมั่วๆ ซะหน่อย

แล้วก็เจอครับ!
ดีใจมาก ดีใจอยู่คนเดียวแบบไม่รู้จะอธิบายให้ใครฟังว่าไงดี เพราะแม่งเป็นเรื่องความสนใจส่วนตัวและเนิร์ดมากๆ :30:

เอาสั้นๆ เผื่อใครงง ก็คือไอ้เจ้าโค้ด #000000 ถึง #ffffff เนี่ย ถ้าเปลี่ยนตัวเลข (ฐาน 16 มีตั้งแต่ 0 ถึง f) ข้างในให้มีคำว่า “face” เป็นส่วนหนึ่งปั๊บ รับรองสวยเลย จบเลย (ซึ่งทั้ง f a c และ e นี้ก็เป็นหนึ่งในตัวเลขฐาน 16 เหมือนกัน) แล้วพื้นที่ที่เหลือก็ใส่อะไรไปก็ได้ตั้งแต่ 0 ยัน f ปั๊บ รับรอง ผลออกมาจะดูสวยดีมีรสนิยมทั้งหมด ที่สำคัญมันเป็นโทนสีที่คล้ายๆ กับไอติมในร้าน i-berry น่ะครับ คือจะว่าแว้นก็ไม่แว้น จะทึมก็ไม่ทึม แต่มันหวานๆ เปรี้ยวๆ น่ากินชะมัด!

พูดไปก็คงนึกภาพไม่ออกเท่าไหร่ ยิ่งคนที่ไม่ได้ทำเว็บก็ยิ่งงงว่าไอ้นี่มันพูดอะไร ..อ้ะ งั้นดูตัวอย่างนะ
Continue reading [Nerd Alert] ไอติมในโค้ดสีที่มีคำว่า face

Google Translate อ่านออกเสียงไทยได้แล้ว และฮามาก

เพิ่งอ่านข่าวเมื่อวันสองวันมานี้ (จำที่มาไม่ได้ ขออภัยครับ) ว่า Google Translate มันออกเสียงภาษาไทยได้แล้ว
ก็เลยนึกสนุก กะว่าน่าจะเอามาทำอะไรได้อีกเยอะเลยนะครับ แล้วตะกี้คุณ @butthun ก็ทวีตคลิปนี้มา
เป็นคลิปเพลงคันหู ที่ไม่ได้ร้งโดยน้องจ๊ะ แต่มาจากกูเกิล!

เหยดดดด ฮาแสรด :30:

เลยลองไปค้นๆ ดูว่ามันน่าจะทำอะไรได้อีกบ้าง ก็เจอวิธีเล่นสนุกมาแบ่งกันครับ

กดลิงก์ปั๊บ ไปหน้าแสดงข้อความพร้อมรับการอ่านออกเสียง

ให้เข้า URL นี้ครับ เปลี่ยนข้อความตามใจชอบนะ

http://translate.google.com/#thai|thai|สวัสดีครับพี่น้อง

กดลิงก์ปั๊บ มีเสียงภาษาไทยดังปุ๊บ

แค่แจกลิงก์นี้ไป พอกดปั๊บ มันก็จะอ่านออกเสียงให้ได้เลย
ประโยชน์หลักๆ คืออันนี้น่าจะเอาไว้ช่วยผู้พิการทางสายตา หรือคนที่ไม่รู้หนังสือได้
แต่ประโยชน์รองๆ ก็คือมันเอาไว้แกล้งเพื่อนได้ และท่าทางจะต่อยอดให้ฮาบัดซบได้อีกเยอะเลยครับ
ลองดูนะ

http://translate.google.com/translate_tts?tl=th&q=เปลี่ยนข้อความตรงนี้

ตัวอย่าง:

หรือใครคิดมุกอะไรได้ช่วยเขียนไว้ในคอมเมนต์ข้างล่างหน่อยครับ
เพราะถ้าอีพวกนี้ไประบาดในวงเกรียน รับรองครื้นเครงแน่นอน

ทีนี้มันจะมีปัญหาอยู่นิดนึง ไม่รู้เป็นที่อะไร
คือพอกด Play แล้ว พยางค์แรกมันจะสะดุด เลยแก้ปัญหาด้วยการเติม “-” ลงไปข้างหน้าข้อความครับ
มันก็จะไปเว้นวรรคก่อนที่จะเริ่มประโยคแป๊บนึง แต่ต่อจากนั้นก็ฮารัวๆ ได้เลย

แล้วก็บางทีกดลิงก์แล้วมันจะขึ้นหน้า Error ครับ
ซึ่งพอ Clear cache แล้วก็เข้าได้ตามปกตินะ หรือจะจิ้มที่ช่อง URL แล้ว Enter อีกทีก็ได้
แต่มันจะเป็นหลังจากลิงก์เสียงแรกที่เรากดไปแล้ว (เดาว่าเป็นที่ตัว TTS ของกูเกิลมันจำคำแรกไว้แล้วไม่ได้ล้างทิ้ง)

และที่ฮาสุดคือใน Safari แม่งสะกดตัวอักษรเป็นตัวๆ เลยครับ เฟลมาก (ปกติผมใช้ Chrome)
ก็หาทางคลำกันต่อไปครับ

โค้ดอ่านออกเสียงสำหรับคนทำเว็บ

เอามาจากที่นี่ครับ โดยคุณ Brandon Boone จิ้มกดไปดูที่ต้นฉบับเอาเองนะ
โค้ดนี้จะทำให้เราสามารถฝังเสียงจาก Google Translate ลงไปในเว็บได้เลยล่ะ
ซึ่งถ้าจะว่ากันจริงๆ พ.ศ.นี้ต้องอาศัย Quicktime หรือ Windows Media Player ในการเล่นไฟล์เสียง
แต่ต่อไปก็ใช้แท็ก <video> และ <audio> ได้เลย แต่ต้องรอให้ชาวบ้านเขาส่วนมากเปลี่ยนมาใช้เบราว์เซอร์ใหม่ๆ กันซะก่อนนะ

ขอให้เพลิดเพลินครับ

ใช้ผีปราบเด็กแว้น

ที่ยูเครนมีปัญหาที่แก้ไม่ตกซะที
ก็คือปีนึงๆ มีอุบัติเหตุที่เกิดจากการขับรถเร็วเกินกำหนดแล้วไปชนคนเดินถนนตั้งมากมาย
วิธีแก้ของเขาไม่ได้เอาจ่ามาตั้งด่านรีดไถ เอ๊ย ตรวจจับความเร็วนะครับ.. แต่ใช้ผี!

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

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

สรุปว่าเจ๋งดี อยากได้เครื่องผลิตผีมาใช้เองที่บ้านบ้าง
เวลาดูคนอวดผีช่วงคลิปจากทางบ้านจะได้มีอะไรใหม่ๆ หน่อย
เอะอะก็ไปขุดคลิปโบราณจากยูทูบมาฉายอยู่ได้ กากจริง

ที่มาและเครดิตคนคิดแคมเปญนี้: Guerrilla Ghost Installation Scares Speeders To Slow Down