ฉันจะเริ่มต้นด้วยการพูดอะไรบางอย่างที่หลายคนอาจรู้... แต่มันไม่สำคัญ: HTML5 + CSS3 + JS... สมบูรณ์แบบ
ผู้ใช้เขียนอีเมลถึงฉันเพื่อถามฉันเกี่ยวกับบทช่วยสอนสำหรับเขาในการสร้างไอคอนแบนไอคอนแบนและเป็นแฟชั่นใหม่บนเว็บ ต้องการโดยเฉพาะ Inkscape o ขลิบด้าย ปุ่มรูปแบบการแชทหรือสิ่งที่จะให้บริการ (หรืออ้างอิง) Snapchat.
เนื่องจากฉันแย่มากกับ Inkscape และการสร้างเนื้อหาตั้งแต่เริ่มต้นแม้จะมี Gimp แย่ก็ตาม ... ฉันจำได้ว่าเมื่อไม่นานมานี้ฉันเห็นเว็บแอปพลิเคชันขนาดเล็ก (index.html กับ css และ js) ที่ช่วยให้เราสร้างไอคอนแบน ๆ ในแบบปัจจุบันได้อย่างง่ายดายและรวดเร็วคุณก็รู้ว่าการออกแบบแบบแบน
เครื่องกำเนิดไอคอนแบน
มีชุดไอคอนที่กำหนดไว้ล่วงหน้าเช่นไอคอนแล็ปท็อปอุปกรณ์พกพา (ที่ฉันแสดงในภาพหน้าจอ) ของขวัญจักรยาน ... uff มีค่อนข้างมากมีความหลากหลายมากจริงๆ:
แต่ไม่ใช่คำถามเพียงแค่ใส่ไอคอนและตอนนี้ ... เราสามารถกำหนดขนาดของไอคอนหรือขนาดของรูปภาพดังกล่าวได้ (ไอคอน + พื้นหลัง) โดยใช้แถบแนวนอนสองแถบ เห็นได้ชัดว่าเราเห็นขนาดสี่เหลี่ยมเป็นพิกเซล… 256 … 512 … ฯลฯ
ตัวเลือกถัดไปช่วยให้เราสามารถเลือกสีของพื้นหลังรวมทั้งสีของไอคอนได้ โดยค่าเริ่มต้นไอคอนจะเป็นสีขาวและพื้นหลังเป็นสีน้ำเงินเพื่อไม่ให้เกิดการปะทะกันมากนัก
สุดท้ายในแถบนั้นทางด้านซ้ายของตัวเลือกช่วยให้เรากำหนดได้ว่าเส้นขอบของไอคอนเป็นสี่เหลี่ยมจัตุรัสหรือในทางกลับกันเราต้องการให้ผลลัพธ์สุดท้ายเป็นวงกลม
ฉันฝากภาพหน้าจอของตัวเลือกเหล่านี้ให้คุณ:
ในทางกลับกันในส่วนบนจะแสดงข้อมูลของไอคอนที่กำลังสร้างและเปลี่ยนแปลงตามเวลาจริง นั่นคือหากคุณเล่นกับขนาดและสีคุณจะเห็นว่าข้อมูลนี้เปลี่ยนแปลงตามเวลาจริงเสมอ:
อย่างที่คุณเห็นเรามีปุ่ม รับไอคอนซึ่งจะแสดงไอคอนที่สร้างไว้แล้วใน PNG ในแท็บอื่นซึ่งเราสามารถคลิกขวา + บันทึกได้และเพียงเท่านี้เราก็จะมีไอคอนแบนที่เราสร้างในโฟลเดอร์ที่ต้องการบนคอมพิวเตอร์ของเรา
ดาวน์โหลด Flat Icon Generator
ถ้าอยากลองด้วยตัวเอง (ซึ่งนึกภาพไม่ออกฮ่า ๆ ) นี่คือลิงค์:
ด้วยเหตุนี้ฉันหวังว่าจะปฏิบัติตามสิ่งที่ผู้ใช้ถามฉันทางอีเมลแม้ว่าจะไม่ใช่บทช่วยสอนในการสร้างปุ่มด้วย Gimp หรือ Inkscape แต่ฉันก็ยังคิดว่ามันจะตอบสนองสิ่งที่คุณต้องการ ในความเป็นจริงคุณไม่สามารถสร้างปุ่มสำหรับลิงค์ของไฟล์ ดาวน์โหลด snapchatแต่สามารถสร้างไอคอนหรือปุ่มส่วนใหญ่สำหรับไซต์ของคุณ หรืออะไรก็ตามที่คุณทำอยู่
สวัสดีและฉันหวังว่าคุณจะพบว่ามันน่าสนใจ