Online Flat Icon Generator: AppWeb อย่างง่ายที่สร้างไอคอนแบบแบนหรือแบบแบน

ฉันจะเริ่มต้นด้วยการพูดบางสิ่งที่หลายคนอาจรู้ ... แต่ไม่สำคัญ: HTML5 + CSS3 + JS ... สมบูรณ์แบบที่สุด🙂

ผู้ใช้เขียนอีเมลถึงฉันเพื่อถามฉันเกี่ยวกับบทช่วยสอนสำหรับเขาในการสร้างไอคอนแบนไอคอนแบนและเป็นแฟชั่นใหม่บนเว็บ ต้องการโดยเฉพาะ Inkscape o ขลิบด้าย ปุ่มรูปแบบการแชทหรือสิ่งที่จะให้บริการ (หรืออ้างอิง) Snapchat.

เนื่องจากฉันแย่มากกับ Inkscape และการสร้างเนื้อหาตั้งแต่เริ่มต้นแม้จะมี Gimp แย่ก็ตาม ... ฉันจำได้ว่าเมื่อไม่นานมานี้ฉันเห็นเว็บแอปพลิเคชันขนาดเล็ก (index.html กับ css และ js) ที่ช่วยให้เราสร้างไอคอนแบน ๆ ในแบบปัจจุบันได้อย่างง่ายดายและรวดเร็วคุณก็รู้ว่าการออกแบบแบบแบน

เครื่องกำเนิดไอคอนแบน

มีชุดไอคอนที่กำหนดไว้ล่วงหน้าเช่นไอคอนแล็ปท็อปอุปกรณ์พกพา (ที่ฉันแสดงในภาพหน้าจอ) ของขวัญจักรยาน ... uff มีค่อนข้างมากมีความหลากหลายมากจริงๆ:

แต่ไม่ใช่คำถามเพียงแค่ใส่ไอคอนและตอนนี้ ... เราสามารถกำหนดขนาดของไอคอนหรือขนาดของรูปภาพดังกล่าวได้ (ไอคอน + พื้นหลัง) โดยใช้แถบแนวนอนสองแถบ เห็นได้ชัดว่าเราเห็นขนาดสี่เหลี่ยมเป็นพิกเซล… 256 … 512 … ฯลฯ

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

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

ฉันฝากภาพหน้าจอของตัวเลือกเหล่านี้ให้คุณ:

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

อย่างที่คุณเห็นเรามีปุ่ม รับไอคอนซึ่งจะแสดงไอคอนที่สร้างไว้แล้วใน PNG ในแท็บอื่นซึ่งเราสามารถคลิกขวา + บันทึกได้และเพียงเท่านี้เราก็จะมีไอคอนแบนที่เราสร้างในโฟลเดอร์ที่ต้องการบนคอมพิวเตอร์ของเรา

ดาวน์โหลด Flat Icon Generator

ถ้าอยากลองด้วยตัวเอง (ซึ่งนึกภาพไม่ออกฮ่า ๆ ) นี่คือลิงค์:

เครื่องกำเนิดไอคอนแบน

ด้วยเหตุนี้ฉันหวังว่าจะปฏิบัติตามสิ่งที่ผู้ใช้ถามฉันทางอีเมลแม้ว่าจะไม่ใช่บทช่วยสอนในการสร้างปุ่มด้วย Gimp หรือ Inkscape แต่ฉันก็ยังคิดว่ามันจะตอบสนองสิ่งที่คุณต้องการ ในความเป็นจริงคุณไม่สามารถสร้างปุ่มสำหรับลิงค์ของไฟล์ ดาวน์โหลด snapchatแต่ยังสามารถสร้างไอคอนหรือปุ่มส่วนใหญ่สำหรับไซต์ของคุณหรืออะไรก็ตามที่คุณกำลังทำอยู่😀

สวัสดีและฉันหวังว่าคุณจะพบว่ามันน่าสนใจ