50 แบบฝึกหัดการออกแบบไอคอนสำหรับนักออกแบบ
นักออกแบบคือสิ่งมีชีวิตที่มองเห็นได้ซึ่งตัดสินหนังสือจากปก มันเป็นความลับที่ไอคอนมีผลกระทบอย่างมากในการออกแบบเว็บไซต์เช่นเดียวกับการออกแบบโปรแกรม ไอคอนที่ดีควรโดดเด่นและจดจำได้ง่าย ควรส่งข้อความถึงผู้ใช้และนำเสนอแบรนด์อย่างง่ายดาย.
การออกแบบไอคอนเป็นงานที่ท้าทายซึ่งต้องใช้เวลาและความคิดสร้างสรรค์มาก เพื่อช่วยให้คุณทำงานหนักนี้เราได้รวบรวม 50 บทช่วยสอนที่ยอดเยี่ยมและฟรีสำหรับการเรียนรู้การออกแบบไอคอนจาก A ถึง Z.
ในคอลเล็กชันนี้คุณจะพบไอคอนบทช่วยสอนสำหรับ Photoshop, Illustrator และ Sketch. คุณจะเห็นบทเรียนที่จะทำซ้ำ อาหาร, เพลง, สภาพอากาศ, ไอคอนธุรกิจ และอีกมากมาย เพียงไปที่แหล่งข้อมูลหลักและทำตามคำแนะนำทีละขั้นตอนเพื่อให้ได้ผลลัพธ์ที่ยอดเยี่ยม.
ไอคอนเข็มทิศที่มีเงายาว - Photoshopในบทช่วยสอนนี้คุณจะได้เรียนรู้วิธีการออกแบบไอคอนเข็มทิศแบบแบนที่ดีใน Photoshop โดยใช้เครื่องมือเช่นเครื่องมือปากกา, เครื่องมือสี่เหลี่ยมผืนผ้าโค้งมนและเครื่องมือสี่เหลี่ยมผืนผ้า.
สร้างเวิร์กโฟลว์การออกแบบไอคอน - ร่างสร้างไอคอนแอพที่น่ากลัวโดยใช้ Sketch App 3 รวมถึงฟังก์ชั่นเสริมจากกล่องเครื่องมือ Sketch.
สร้างไอคอนแอพที่ต้องทำรายการ - ผู้วาดภาพประกอบในคู่มือนี้คุณจะเห็นวิธีที่รวดเร็วในการสร้างไอคอนแอพออร์กาไนเซอร์ที่มีเอฟเฟกต์ 3 มิติ มันรวมการไล่ระดับสีรัศมีการผสมและความรู้สึกของแสง.
ไอคอนเงาแบนราบ - Photoshopบทช่วยสอนนี้อธิบายถึงวิธีการสร้างไอคอนนาฬิกาเงายาวที่น่าทึ่งด้วยเอฟเฟกต์แบบแบน คุณสามารถใช้คำแนะนำนี้เพื่อเพิ่มเงาให้กับวัตถุใด ๆ ที่คุณต้องการ.
ไอคอนอวกาศแบนอย่างมีสไตล์ - Photoshopการใช้รูปทรงที่เรียบง่ายและการใช้งานพา ธ คุณสามารถสร้างชุดไอคอนอวกาศ 6 อันยอดเยี่ยมในสไตล์แบนอินเทรนด์ใน Photoshop.
ไอคอนแอปปฏิทิน - Photoshopนี่คือการสอน Photoshop เกี่ยวกับวิธีสร้างไอคอนแอพปฏิทินที่สวยงามในไม่กี่ขั้นตอนง่ายๆ.
สร้างไอคอนสมุดรายชื่อ - Photoshopสร้างไอคอนสมุดรายละเอียดโดยใช้ Photoshop คุณจะได้เรียนรู้วิธีตั้งค่ากริดแบบง่ายและวิธีการใช้ประโยชน์จากคุณสมบัติ Snap to Grid อย่างเต็มรูปแบบ.
สร้างไอคอนแบน - Photoshopบทช่วยสอนนี้จะแนะนำคุณเกี่ยวกับขั้นตอนการสร้างไอคอนแอพที่เรียบง่ายโดยใช้ Photoshop CS6.
สร้างไอคอนแอพมือถือ - Photoshopบทช่วยสอนนี้เป็นส่วนหนึ่งของบทความสามส่วนที่อธิบายวิธีการออกแบบองค์ประกอบ UI สำหรับแอปพลิเคชันมือถือ ไอคอนที่คุณกำลังจะสร้างจะสมบูรณ์แบบสำหรับแอพวาดรูป.
ไอคอนสภาพอากาศ - Photoshopในบทช่วยสอนนี้คุณจะเห็นวิธีสร้างไอคอนสภาพอากาศอย่างง่ายโดยใช้ Photoshop ไม่จำเป็นต้องใช้เทคนิคพิเศษหรือทักษะ Photoshop เพื่อสร้างไอคอนสภาพอากาศของคุณเอง.
รายละเอียด Lighthouse Flat Icon - Affinity Designerลองดูกระบวนการสร้างไอคอนประภาคารในรูปแบบแฟลตโดยใช้ Affinity Designer คุณจะใช้รูปร่างที่เรียบง่ายและจัดการให้พวกเขาแปลง.
สร้างไอคอนแอป Notes - Photoshopไอคอนแอป Notes นี้ดูเหมือนของจริงหรือไม่ ในบทช่วยสอนคุณจะใช้รูปร่างที่เรียบง่ายการไล่ระดับสีและพื้นผิวเพื่อให้ได้การออกแบบไอคอนที่น่าทึ่งนี้.
สร้างไอคอนปลาดาว 3 มิติ - Photoshopในบทช่วยสอนนี้คุณจะเห็นวิธีการสร้างปลาดาวและวัตถุอื่น ๆ ในแบบ 3 มิติจากนั้นรวมเข้ากับพื้นผิวใน Photoshop เพื่อสร้างไอคอนที่น่าทึ่งนี้.
วิธีการสร้างไอคอนแผนที่โดยใช้ - Photoshopด้วยการสอน Photoshop นี้คุณจะได้เรียนรู้การสร้างไอคอนสามมิติที่สวยงามพร้อมแผนที่บนมัน.
ไอคอนผลผลิต - ผู้วาดภาพประกอบในบทแนะนำ Illustrator ที่ใช้งานง่ายนี้คุณจะเห็นกระบวนการสร้างไอคอนการทำงานแบบต่อเนื่อง 9 ชุดซึ่งอาจมีประโยชน์สำหรับโครงการในอนาคต.
ไอคอนโน๊ตบุ๊คอย่างง่าย - ผู้วาดภาพประกอบบทแนะนำ Ilustrator อย่างง่ายนี้จะช่วยให้คุณสร้างไอคอนแอพสมุดบันทึกที่ดี มันจะมีประโยชน์สำหรับผู้เริ่มต้นเนื่องจากคุณจะได้เรียนรู้วิธีการตั้งค่ากริดแบบง่ายและสร้างรูปร่างที่สมบูรณ์แบบของพิกเซล.
ไอคอนการแจ้งเตือนกล่องจดหมาย - ผู้วาดภาพประกอบในบทช่วยสอนการวาดภาพประกอบต่อไปนี้คุณจะได้เรียนรู้วิธีสร้างไอคอนเมลแบบง่ายพร้อมการแจ้งเตือนสองประเภท: วงกลมสีแดงและริบบิ้น.
สร้างไอคอน Forrst เวกเตอร์แบน - Photoshopในเวลาเพียงครึ่งชั่วโมงคุณจะสามารถสร้างไอคอน Forrst ในวัตถุแบบเวกเตอร์.
ชุดไอคอนเส้นกราฟฟิตีที่ได้แรงบันดาลใจ - ผู้วาดภาพประกอบเรียนรู้วิธีสร้างชุดไอคอนเส้นแรงบันดาลใจจากกราฟฟิตีที่นุ่มนวลโดยใช้รูปร่างพื้นฐานและเครื่องมือการเลือกโดยตรง.
สร้างไอคอนโดนัทที่น่ารับประทาน - ผู้วาดภาพประกอบบทช่วยสอนทีละขั้นตอนนี้จะสอนวิธีการวาดไอคอนโดนัทที่น่ารับประทานใน Adobe Illustrator โดยใช้รูปร่างและตัวกรองพื้นฐาน.
สร้างไอคอนสภาพอากาศแบบแบน - Photoshopชุดไอคอนสภาพอากาศเดือนเมษายนที่ใช้รูปทรงพื้นฐานสีสดใสและพื้นผิวด้วยแปรงศิลปะ.
ไอคอนเมฆสดใส - Photoshopขั้นตอนการสอน Photoshop แบบทีละขั้นตอนนี้จะติดตามคุณตลอดกระบวนการสร้างไอคอนคลาวด์ที่มีสีสันและสดใสโดยใช้การไล่ระดับสีและเอฟเฟกต์แสง.
เหรียญกษาปณ์โกลด์สตาร์ - Photoshopในบทช่วยสอน Photoshop นี้คุณสามารถเรียนรู้วิธีสร้างเหรียญทองคำแวววาวใน Photoshop ที่คุณสามารถใช้เป็นไอคอนหรือเพื่อจุดประสงค์อื่น.
เก๋กล้องพื้นผิวเรียบ - ผู้วาดภาพประกอบทำตามบทช่วยสอนนี้เพื่อเรียนรู้วิธีการสร้างกล้องย้อนยุคที่ดูมีสไตล์โดยใช้การไล่ระดับสีสำหรับแสงและเงา.
ชุดไอคอนดาวเคราะห์ระบบสุริยะ - ผู้วาดภาพประกอบคุณจะสร้างดาวเคราะห์ขึ้นใหม่จากระบบสุริยะของเราในรูปแบบของไอคอนแพ็คโดยใช้ Illustrator ดาวพลูโตไม่ได้รวม.
4 วิธีในการสร้าง Long Shadow - Photoshopที่นี่คุณจะได้รู้จักสี่วิธีที่แตกต่างในการสร้างเอฟเฟกต์เงาแบบแบนยาวสุดอินเทรนด์ คุณสามารถเพิ่มลงในไอคอนข้อความหรือองค์ประกอบการออกแบบอื่น ๆ.
ไอคอนแอปกล้อง - Photoshopนี่คือแบบฝึกหัด Photoshop CS5 เกี่ยวกับวิธีสร้างไอคอนแอพกล้องเลนส์ iPhone เก่าที่สวยงาม.
วิธีสร้างไอคอนแอพ - ผู้วาดภาพประกอบในบทช่วยสอน Photoshop นี้คุณจะสร้างไอคอนสำหรับแอปพลิเคชันข้อความ / แชทด้วย "บุรุษไปรษณีย์" นกกระสา คำแนะนำจะช่วยให้คุณเข้าใจถึงขั้นตอนในการดำเนินการตั้งแต่ร่างแรกไปจนถึงไอคอนแบบเวกเตอร์.
สร้างไอคอนแอพใน 20 ขั้นตอนง่าย ๆ - Photoshopสร้างไอคอนแอปบิลเลียดที่มีลูกบิลเลียดและโต๊ะบิลเลียด.
ไอคอนขนมปังปิ้งแสนอร่อย - ผู้วาดภาพประกอบนี่คือบทแนะนำ Illustrator ที่น่าทึ่งซึ่งแสดงวิธีสร้างขนมปังปิ้งน่ารับประทานด้วยเนยไข่ทอดและช็อคโกแลตกับกล้วย.
สร้างไอคอนไล่โทนสี - ผู้วาดภาพประกอบบทแนะนำผู้วาดภาพประกอบนี้จะแนะนำคุณเกี่ยวกับขั้นตอนการสร้างไอคอนแอพเมลอย่างง่ายที่ได้รับแรงบันดาลใจจากโลโก้ Instagram ใหม่.
ออกแบบไอคอนกาแฟซื้อกลับบ้านจริง - Photoshopนี่คือถ้วยกาแฟที่ดูสมจริงซึ่งคุณสามารถสร้างเป็นไอคอนใน Photoshop.
สร้างไอคอนกล้องโดยละเอียด - Photoshopเป็นเรื่องยากที่จะสร้างไอคอนที่เหมือนจริงโดยละเอียด แต่คุณสามารถรับเคล็ดลับจากการทำแบบฝึกหัดนี้.
ไอคอนการออกแบบงานแต่งงานแบน - ผู้วาดภาพประกอบในบทแนะนำผู้วาดภาพประกอบนี้คุณจะเห็นกระบวนการสร้างไอคอนแบนที่ดีสำหรับไอคอนงานแต่งงาน สามารถใช้สำหรับการ์ดบันทึกวันที่.
ชุดไอคอนโรงเรียนมัธยมเรโทร - ผู้วาดภาพประกอบบทแนะนำผู้วาดภาพประกอบนี้จะสอนให้คุณสร้างวัตถุย้อนยุคยุคไฮสคูลที่ยอดเยี่ยมจากยุค 50 ชุดไอคอนมีไอคอนแบบแบนหกไอคอน.
ไอคอน Bagel Sandwich - ผู้วาดภาพประกอบทำตามบทช่วยสอนนี้และเรียนรู้วิธีสร้างไอคอน bagel sandwich ใน Illustrator มันดูเกือบจะอร่อยพอที่จะกัด.
สร้างไอคอนสตรอเบอร์รี่เก๋ - ผู้วาดภาพประกอบบทแนะนำ Illustrator ฉบับย่อนี้จะแสดงวิธีสร้างสตรอเบอร์รี่กำลังดีจุ่มลงในไอคอนแอปช็อคโกแลต.
Animated Vector Icons - Illustrator & Photoshopที่นี่คุณจะสร้างไอคอนภาพเคลื่อนไหวสามแบบและสำรวจเทคนิคสองอย่างเพื่อสร้างภาพเคลื่อนไหวที่ราบรื่นและใช้งานง่าย.
ชุดไอคอนอาหาร - ผู้วาดภาพประกอบต่อไปนี้เป็นบทช่วยสอนการวาดภาพประกอบที่ง่ายสุด ๆ เกี่ยวกับวิธีสร้างชุดไอคอนอาหาร: ถ้วยชาแซนด์วิชและชามซุป.
ไอคอนสัตว์แบน - ผู้วาดภาพประกอบบทช่วยสอนนี้จะช่วยให้คุณสร้างไอคอนรูปสัตว์ที่แตกต่างกันหกไอคอนที่มีพื้นหลังเป็นวงกลม.
สร้างไอคอนเพลงที่เหมือนสติ๊กเกอร์ - ผู้วาดภาพประกอบในบทช่วยสอนนี้คุณจะเห็นกระบวนการสร้างไอคอนสติกเกอร์โน้ตดนตรีในสามสีที่ต่างกัน.
ไอคอนโดนัท - ผู้วาดภาพประกอบในบทช่วยสอนนี้คุณจะได้เรียนรู้วิธีการสร้างโดนัทสี่ประเภทใน Illustrator: ช็อคโกแลตโรยหน้า, โรยหน้าด้วยไอซิ่งช็อกโกแลตชิป, น้ำตาลธรรมดาและสตรอเบอรี่หนาวจัด.
วิธีการใช้เครื่องมือผสมผสาน - CorelDRAWCorelDRAW บทช่วยสอนนี้แสดงวิธีการสร้างไอคอนสมุดบันทึกที่ดีพร้อมเงาที่ยาว.
ไอคอนอัญมณีล้ำค่าแบน - ผู้วาดภาพประกอบในบทช่วยสอนนี้คุณจะได้เรียนรู้วิธีสร้างชุดไอคอนอัญมณีสไตล์เรียบง่ายและทันสมัยใน Illustrator.
วิธีการสร้างไอคอน Flip Flop ที่สวยงาม - ผู้วาดภาพประกอบเรียนรู้วิธีสร้างไอคอน flip-flop เหล่านี้ใน Illustrator.
ไอคอนโล่กัปตันอเมริกา - ผู้วาดภาพประกอบหากคุณเคยเห็นโล่นี้ "โกหกรอบ" และต้องการเรียนรู้วิธีการทำนี่คือการสอนสำหรับคุณ.
ไอคอน Cupcake แสนอร่อย - ผู้วาดภาพประกอบในบทช่วยสอนนี้คุณจะเห็นกระบวนการสร้างไอคอนคัพเค้กใน Illustrator และคุณจะสามารถสร้างรูปแบบที่แสนอร่อยอื่น ๆ เพียงแค่ทำการเปลี่ยนแปลงเล็กน้อย.
อย่าอายที่จะแบ่งปันไอคอนของคุณที่ทำตามบทช่วยสอนเหล่านี้ในช่องแสดงความคิดเห็นด้านล่าง.
