วิธีการใช้ Photoshop เพื่อสร้างไอคอนสไตล์ iOS 6 ของคุณเอง

ด้วยการถกเถียงกันมากมายว่า iOS 7 เป็นอย่างไรดีหรือไม่ไม่มีทางเลือกอื่นนอกจากเลือกข้าง - iOS 6 หรือ iOS 7 โดยส่วนตัวฉันคิดว่าไอคอน iOS 7 เป็นบิตของ Windows Phone ripoff แต่เฮ้ - คุณกำลังจะทำอะไร ... มันไม่ใช่สิ่งแรก แอปเปิ้ลมี คัดลอก หรือ Microsoft อื่น ๆ จาก Apple หรือ Android มันเป็นแวดวงที่แท้จริง ดังนั้นในขณะที่เราอยู่ในอารมณ์ของ Apple ทำไมไม่ลองใช้การสอน Photoshop อย่างรวดเร็วเพื่อสร้างไอคอน iOS 6 ของคุณเอง
หาไอคอนตัวอย่างที่ดี
ขั้นตอนแรกคือการหาตัวอย่างไอคอน iOS ค้นหา Google หรือ Bing รูปภาพอย่างรวดเร็วสำหรับ“ ไอคอน iOS” กำหนดเป้าหมายการค้นหาของคุณเพื่อให้ได้ผลลัพธ์ที่แม่นยำยิ่งขึ้นโดยใช้ตัวเลือกการค้นหาแบบตรงทั้งหมดใน Google
หลังจากคุณพบไอคอน PNG ที่ดีให้บันทึกลงในพีซีของคุณเพื่อให้เราสามารถเปิดใน Photoshop ได้

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

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

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

เทคนิคพิเศษ
ตอนนี้ถึงเวลาที่จะทำให้ไอคอนของคุณมีรูปลักษณ์ iOS 6 ที่สวยงาม (ซึ่งดีกว่า iOS 7 แน่นอน) คลิกขวา เลเยอร์ของคุณและเลือก ตัวเลือกการผสม.

ตัวเลือกการผสมจะช่วยให้คุณทำสไตล์เลเยอร์ซ้อนทับที่หลากหลายซึ่งสามารถจำลองไอคอน iOS ได้ เริ่มต้นด้วย ลาด จากนั้นลองใช้งาน เงา แล้ว เรืองแสงภายใน. ผลลัพธ์สุดท้ายของคุณจะมีลักษณะดังนี้:

และเลเยอร์ของคุณจะมีลักษณะเช่นนี้:

เคล็ดลับ: คุณสามารถเปลี่ยนชื่อเลเยอร์ของคุณ (Shift + Ctrl + N) เพื่อให้จัดระเบียบได้มากขึ้น
เพิ่ม Bit of Shine
ตอนนี้มาเลียนแบบเงางามที่ด้านบนของไอคอน iOS 6 เกือบทั้งหมด ขั้นแรกสร้างเลเยอร์ใหม่ เรียกว่า "เงา" และวางไว้ ข้างบน เลเยอร์ไอคอนของคุณ:

ตอนนี้คว้า เครื่องมือปะรำรูปไข่ (ซ่อนอยู่ด้านหลังเครื่องมือตัวสี่เหลี่ยมวิ่งสี่เหลี่ยม) สร้างรูปทรงกลมเล็ก ๆ ที่ส่วนบนของไอคอนดังนี้:

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

หลังจากสร้างการไล่ระดับสีของคุณให้ลากออกจากด้านล่างของส่วนที่เลือก ในขณะที่กดปุ่ม Shift ค้างไว้.

ตอนนี้ลบความมันวาวที่อยู่นอกขอบเขตของไอคอน โดยการทำ Ctrl + คลิก ในภาพขนาดย่อของ ไอคอนเลเยอร์ จากนั้นกลับการเลือกของเราด้วย คลิกขวา> เลือก Inverse คุณสามารถครอบคลุมมุมที่ว่างทั้งสี่ ตอนนี้เราสามารถเลือก ชั้นเคลือบเงา และกด ปุ่ม Delete เพื่อกำจัดความมันวาวส่วนเกิน คุณสามารถจบได้อย่างรวดเร็ว Ctrl + D เพื่อยกเลิกการเลือก

เคล็ดลับ: เพื่อเพิ่มผลของความมันวาวคุณสามารถลองใช้โหมดซ้อนทับเลเยอร์ที่แตกต่างกันซึ่งบางอันใช้งานได้ดี หน้าจอ, แสงอ่อน แล้ว วางซ้อน.
จบไอคอนของคุณ
ตอนนี้คุณสามารถเพิ่มโลโก้ใด ๆ ที่คุณต้องการใช้ ลองแอพใหม่ที่แสนหวานของฉัน - iSmile! เพียง $ 99.99 บน App Store - ล้อเล่นแน่นอน! คุณสามารถใช้เทคนิคนี้เพื่อสร้างไอคอน Groovy ให้มากที่สุดเท่าที่คุณต้องการ ... ขอให้สนุก!

ทิ้งข้อความไว้