วิธีสร้างไอคอน Google Plus ใน Photoshop
ขั้นตอนที่ 1 - ขนาดไอคอน
สำหรับอันนี้เราจะไปหาไอคอนที่ใหญ่กว่า - 256 X 256px คุณสามารถลองทำให้ตัวเองเป็นไอคอน 128 x 128px หรือ 512 x 512px แต่ไอคอนปกติควรทำงาน
ขั้นตอนที่ 2 - การตั้งค่าคำแนะนำของคุณ
สำหรับบทช่วยสอนนี้เราจะต้องแม่นยำอย่างยิ่งดังนั้นให้ตั้งคำแนะนำเล็กน้อยเพื่อช่วยเหลือเราตลอดทาง หากต้องการสร้างแนวทางใหม่ให้ไปที่ ดูคู่มือใหม่.
คุณจะต้องทำซ้ำขั้นตอนนี้หลายครั้งเพื่อให้คำแนะนำต่อไปนี้เป็นของคุณเอง (จำไว้ว่าเรากำลังทำงานเป็นพิกเซลดังนั้นอย่าลืมเปลี่ยน ซม. ในกล่องตำแหน่งเพื่อ px):
คู่มือแนวนอน: 0px, 40px, 256px
คู่มือแนวตั้ง: 0px, 64px, 128px, 192px, 256px
(ด้านล่าง - ตัวอย่างสำหรับคำแนะนำแนวนอนที่สอง)
เมื่อคุณทำเสร็จแล้วผืนผ้าใบของคุณควรมีลักษณะเช่นนี้:
ขั้นตอนที่ 3 - การขยาย Canvas ของคุณ
เราต้องการให้มีโลโก้ Google Plus บนพื้นหลังสีขาว - เทาที่เรียบเนียนในสไตล์ทั่วไปของ Google คลิก ภาพขนาดผ้าใบ และตั้งค่าผืนผ้าใบเป็นความละเอียดเหมือนวอลล์เปเปอร์ สำหรับอันนี้เราไปด้วย 720p (1280 × 720)
ตอนนี้เลือกเครื่องมือไล่ระดับสีและสร้าง เป็นแฉก ไล่ระดับสีที่ จางหายจากสีขาวเป็นสีเทาอ่อน. สิ่งที่คล้ายกับสิ่งนี้:
ขั้นตอนที่ 4 - สร้างรูปร่าง
สร้าง เลเยอร์ใหม่. ตอนนี้ไปที่ เครื่องมือรูปร่าง และเลือก เครื่องมือสี่เหลี่ยมผืนผ้าโค้งมน เปลี่ยนรัศมีเป็น 20 px และสีของมันเป็นสีเทาเข้ม (343,434). ตอนนี้ใช้คำแนะนำที่เราทำไว้ก่อนหน้านี้ลากรูปทรงโค้งมนและตรวจสอบให้แน่ใจว่ามันพอดีกับขอบเขตของมัน
ขั้นตอนที่ 5 - ส่วนบนของโลโก้
ก่อนอื่นให้เปลี่ยนเลเยอร์ของคุณด้วย Right คลิก Rasterize. ตอนนี้ใช้ เครื่องมือปะรำสี่เหลี่ยม เลือกส่วนบนของโลโก้ (ระหว่างแนวนอนแนวแรกและแนวที่สอง) แล้ว คลิกขวา เลือก เลเยอร์ผ่านการตัด. ตอนนี้แยกเลเยอร์ใหม่ออกเป็นเลเยอร์เล็ก ๆ สี่เลเยอร์ - แต่ละอันสำหรับแต่ละชิ้นบน: นี่คือสิ่งที่จะเป็นถ้าฉันเปิดใช้งานแล้วปิดการใช้งานแต่ละชั้นทีละ:
เคล็ดลับด่วน - คุณสามารถเปลี่ยนชื่อเลเยอร์ของคุณและให้ชื่อพวกเขาเช่นชิ้นส่วนบน 1 ชิ้นส่วนบน 2 และอื่น ๆ สิ่งนี้ไม่เพียง แต่ทำให้ทุกสิ่งสะอาดขึ้น แต่ยังทำให้สิ่งต่าง ๆ ง่ายขึ้นอีกด้วย คุณสามารถลอง วางชิ้นส่วนบนลงในกลุ่มเลเยอร์ของตนเอง.
ขั้นตอนที่ 5 - ภาพส่วนล่าง
เลือกเลเยอร์ของคุณที่มีส่วนด้านล่างของภาพ… (อันนี้):
…แล้ว คลิกขวา การเลือก ตัวเลือกการผสม. จากที่นี่คุณจะต้องเพิ่มบางส่วน เอียงและนูน...
…และ a โอเวอร์เลย์ไล่ระดับสี (จางจาก 1d1d1d ถึง 292929).
ภาพของคุณควรได้รับการเปลี่ยนแปลงในลักษณะนี้:
ขั้นตอนที่ 6 - ภาพส่วนบน
ขั้นแรกให้แน่ใจว่าคุณเปิดใช้งานชิ้นส่วนไอคอนด้านซ้ายบน ตอนนี้ให้เปิดอีกครั้งของเลเยอร์นั้น ตัวเลือกการ Blanding และให้มันบ้าง เงาภายใน...
... เช่นเดียวกับบางคน ซ้อนทับสี.
นี่คือรูปของคุณที่ควรมีลักษณะเหมือนก่อนและหลังการเปลี่ยนแปลง:
ทำซ้ำขั้นตอนนี้สำหรับแต่ละเลเยอร์ใหม่โดยตั้งค่าสีโอเวอร์เลย์ด้านขวา:
ชิ้นที่ 1: แดง - f23a3f
ชิ้นที่ 2: สีน้ำเงิน - 5988f5
ชิ้นที่ 3: เขียว - 5fb816
ชิ้นที่ 4: สีเหลือง - ffc000
ขั้นตอนที่ 7 - การเพิ่มความมันวาวเล็กน้อย
ทำ เลเยอร์ใหม่ และวางไว้เหนือเลเยอร์อื่นทั้งหมด ตอนนี้ใช้ เครื่องมือไล่โทนสี เพื่อสร้าง Radial Gradient ซีดจาง จากสีขาวเป็นโปร่งใส ด้านในของไอคอน จากนั้นตั้งค่า ความทึบของเลเยอร์ ไปยัง 30% และ โหมดการผสม ไปยัง วางซ้อน. การเปลี่ยนแปลงนั้นแทบจะมองไม่เห็น แต่ก็ยังค่อนข้างสำคัญ นี่คือความรวดเร็วก่อน / หลัง:
ขั้นตอนที่ 8 - The ผู้ทรงอำนาจ g +
หยิบภาพหน้าจอที่รวดเร็ว ของโลโก้ Google จาก Google.com แล้วก็ วาง ภาพที่ถ่ายโดยตรงลงใน Photoshop (เลเยอร์ของมันจะอยู่ระหว่าง Overlay Gradient และส่วนที่เหลือของรูปภาพ) และ ลบอะไรก็ได้ยกเว้นอักษรตัวเล็ก“ g”.
ตอนนี้คุณสามารถใช้เครื่องมือใด ๆ ที่คุณต้องการลบพื้นหลังออกจาก“ g” ตัวเล็ก ๆ และยังสามารถใช้ ปรับแต่งขอบ เพื่อให้เรียบออกไปเล็กน้อย แล้วก็ Ctrl + คลิก เลเยอร์ภาพขนาดย่อจากนั้นในขณะที่มี ปะรำสี่เหลี่ยม ในมือของคุณ คลิกขวา และเลือก เติม. ใช้ ขาว ที่ 100% แล้ว ปกติ และคุณควรจะได้รับสิ่งนี้:
ตอนนี้สำหรับการบวก เอาละไม่มีอะไรจะพูดถึงที่นี่จริง ๆ เพิ่งคว้า เครื่องมือประเภท แล้ว ค้นหาแบบอักษรที่มี“ +” ผอมดี ซึ่งเป็น คล้ายกับโลโก้ดั้งเดิม และรับมันในภาพ เมื่อเสร็จแล้วคุณควรมีสิ่งนี้:
ขั้นตอนที่ 9 - ยิ่งใหญ่ที่สุด!
อีกหนึ่งขั้นตอนกำลังรอคอย! ไปที่ ดู> คำแนะนำที่ชัดเจน เพื่อกำจัดมัคคุเทศก์เนื่องจากเราจะไม่ต้องการพวกเขาอีกต่อไปแล้วภาพของคุณจะสมบูรณ์ (โอ้และอย่าลืมที่จะกด Ctrl + Shift + S อย่างรวดเร็วคุณจะไม่ต้องการเสียการทำงานหนักทั้งหมดใช่ไหม?)
ขั้นตอนที่ 10 - สนุก!
ในที่สุดก็เสร็จ! แต่เดี๋ยวก่อนหยุดที่นี่ทำไม ใครจะรู้ว่าโลโก้ยอดเยี่ยมอื่น ๆ ที่มาจากเทมเพลตนี้! ไปข้างหน้าและลองใช้ความคิดสร้างสรรค์ของคุณและดูสิ่งที่คุณเกิดขึ้น
ทิ้งข้อความไว้