Photoshop - หน้า 5

นักออกแบบเว็บไซต์และผู้ดูแลเว็บเคยชื่นชอบเอฟเฟกต์เหล็กหรือเมทัลลิกที่ยอดเยี่ยมมาก่อน เว็บ 2.0 พายุในและล้างทุกอย่างออกไป; ออกจาก WWW กับเว็บไซต์การไล่ระดับสีที่ไม่เหมาะสม. Apple.com เกี่ยวข้องกับการออกแบบอินเตอร์เฟส Web 2.0 ที่ดีอยู่เสมอ แต่คนเหล่านี้ไม่เคยสูญเสียเอฟเฟกต์สีดำและสีเงินที่ยอดเยี่ยมและไม่ได้ทำให้ดีขึ้นในการออกแบบและการพิมพ์. แรงบันดาลใจจากการออกแบบของพวกเขาฉันพยายามที่จะนำสไตล์เหล่านี้กลับมาในการออกแบบส่วนตัวของฉันและทำให้บางสิ่งบางอย่างที่เป็นของแข็งและมีลักษณะเหมือนแผ่นโลหะสแตนเลส สอน Photoshop แบบเต็มหลังจากกระโดด. พื้นหลังสแตนเลส ขั้นตอนที่ 1 สร้างเอกสารใหม่ที่ว่างเปล่าที่ขนาด 600 × 400 สร้างเลเยอร์ใหม่ตั้งชื่อ 'พื้นหลัง' และเติมด้วยสีเทา [# c0c0c0] ซ้ำ...

การออกแบบปุ่ม Web 2.0 ที่ดูเป็นมันวาว? ต่อไปนี้เป็นบทแนะนำ Photoshop แบบง่าย ๆ ที่จะช่วยให้คุณได้ปุ่มสีแดงมันวาวอย่างเป็นขั้นเป็นตอน. ขั้นตอนที่ 1 - การสร้างฐาน เปิดไฟผ้าใบใหม่และปรับการตั้งค่าต่อไปนี้ (ทำเครื่องหมายด้วยสีเหลือง) ตามภาพด้านล่าง ส่วนที่เหลือควรมาเป็นค่าเริ่มต้น คุณอาจต้องการตรวจสอบอีกครั้งด้วยค่าเริ่มต้นเช่นกัน. สร้าง 'ปุ่ม' เรียกเลเยอร์ใหม่ บนเลเยอร์ 'ปุ่ม' เลือกเครื่องมือสี่เหลี่ยมผืนผ้าโค้งมน ให้รัศมีเป็น 7px วาดสี่เหลี่ยมที่คล้ายกับภาพด้านล่าง. ขั้นตอนที่ 2 -...

คำแนะนำด้านล่างนี้จะช่วยให้คุณทราบวิธีการออกแบบเมนูแท็บเพรียวบางใน Photoshop, สไตล์ Web 2.0. ขั้นตอนที่ 1 สร้างผืนผ้าใบใหม่ที่มีพื้นหลัง [#ffffff] สีขาวในทุกขนาดที่คุณต้องการ พวกมันเหมาะสมกว่าที่จะวาดแท็บ จากนั้นเปลี่ยนเป็น แท็บช่องทาง (Windows -> แชแนล) คลิก สร้างช่องทางใหม่ ด้านล่างขวา. ขั้นตอนที่ 2 บนเลเยอร์ของช่องที่เลือกให้วาดรูปร่างที่คล้ายกันด้วยเครื่องมือ Polygonal Lasso เติมด้วยสีขาว [#ffffff]; ยกเลิกการเลือกภูมิภาครูปหลายเหลี่ยม (เลือกเครื่องมือตัวอักษรวิ่งแล้วกดหนึ่งที่หน้าจอ) ให้รูปร่าง เกาส์เบลอ...

ในบทช่วยสอนนี้ฉันจะแสดงให้คุณเห็นถึงกระบวนการของ ทำบล็อกการออกแบบที่เรียบง่ายและสะอาด ใช้ Photoshop ล่าสุด เรากำลังจะใช้สิ่งใหม่ ลักษณะตัวละคร และ ลักษณะย่อหน้า เพื่อช่วยเราปรับปรุงกระบวนการให้ดีขึ้น. หากต้องการติดตามบทช่วยสอนนี้คุณจะต้องใช้ทรัพยากรต่อไปนี้: ฟรีตัวอักษร Sansation จาก Bernd Montag. 26 รูปแบบพิกเซลซ้ำได้จาก PSDfreemium. ไอคอนโซเชียลมีเดียจาก Daniele Selvitella ฟรี. การสาธิต การเตรียม Canvas ขั้นตอนที่ 1 ในการออกแบบนี้เราจะใช้ 960...

ในแบบฝึกหัดวันนี้เราจะสร้างเอฟเฟกต์ข้อความที่ใช้ในการ์ตูน (เช่นภาพยนตร์ที่กำลังจะมาถึง) - The Avengers เพื่อทำให้เรารู้สึกว่าเราเป็นฮีโร่จริง ๆ อย่างน้อยก็เป็นฮีโร่ของ Illustrator / Photoshop :) เราจะสร้างข้อความด้วยตนเองใน Adobe Illustrator จากนั้นนำเข้าเส้นทางไปยัง Adobe Photoshop และใช้เอฟเฟกต์และพื้นผิวบางอย่าง แทน “เวนเจอร์ส”, เราจะใช้ “Hongkiat” เป็นข้อความหรือคุณสามารถใช้ข้อความใดก็ได้ที่คุณต้องการ. มาเริ่มกันเลย. เริ่มต้นใช้งาน หากต้องการติดตามบทช่วยสอนนี้คุณจะต้องใช้ทรัพยากรต่อไปนี้: พื้นผิวคอนกรีตจาก VandelayPremier ทางเลือกฟรี:...

ฉันค่อนข้างแน่ใจว่าคุณรู้ว่าสิ่งที่เป็นคาร์บอนไฟเบอร์ นี่คือวิธีที่คุณสามารถสร้างรูปแบบคาร์บอนไฟเบอร์และใช้พวกเขาในการออกแบบใด ๆ ทั้งหมดด้วย Photoshop. 1. สร้างคาร์บอนไฟเบอร์ สร้างผืนผ้าใบใหม่ด้วยขนาด 4 × 4 px ซูมไปที่สูงสุดเพื่อให้คุณสามารถเติมสีและแทรกสีเหมือนกับตารางสีด้านล่าง. # 242424 # 1C1C1C # 1D1D1D # 151515 # 1A1A1A # 222222 # 131313 # 1B1B1B 2....

ภาพถ่ายมักจะน่าสนใจยิ่งขึ้นเมื่อแสดงเป็นภาพถ่ายโพลารอยด์ เรียนรู้วิธีที่คุณสามารถเปลี่ยนภาพถ่ายปกติของคุณให้กลายเป็นสิ่งที่มีชีวิตชีวาโดยเพิ่มเอฟเฟกต์โพลารอยด์ที่สมจริงลงไป. การสร้างฐาน 1. สร้างผืนผ้าใบว่างเปล่าใหม่พูดถึงความละเอียด 800 × 600 เติมด้วยพื้นหลังสีขาว [#ffffff]. 2 วาดสี่เหลี่ยมตรงกลางโดยใช้เครื่องมือทรงสี่เหลี่ยมที่มีรัศมี: 2px นี่จะเป็นฐานสำหรับภาพโพลารอยด์ของคุณ. 3. ดับเบิลคลิกที่ชื่อเลเยอร์เพื่อเปิดตัวเลือกการผสมและใส่เอฟเฟกต์ต่อไปนี้: เงา ความทึบ: 38% สเปรด: 0% ขนาด: 5px เงาภายใน ความทึบ 25% ระยะทาง: 0px Choke: 0%...

ฉันตัดสินใจที่จะเขียนคำอธิบายเชิงลึกเพิ่มเติมเกี่ยวกับการสร้างรูปแบบที่กำหนดเองหวังว่านี่จะล้างคลาวด์บางอย่างสำหรับผู้ที่ต้องการสร้างรูปแบบที่กำหนดเองของพวกเขา. รูปแบบที่กำหนดเองล้วนเกี่ยวกับความคิดสร้างสรรค์. เมื่อคุณมีตรรกะของมันแล้วมันก็ขึ้นอยู่กับคุณที่จะทดลองและสร้างรูปแบบที่กำหนดเองของคุณเองและใช้มันเมื่อใดก็ตามที่เกี่ยวข้อง. การตัดปุ่มตัวอย่าง นี่คือปุ่มที่เรียบง่ายพร้อมพื้นหลังรูปแบบที่กำหนดเอง มันถูกสร้างขึ้นจาก ข้อความ, รูปแบบที่กำหนดเอง และ พื้นหลังสีทึบ. [แนบมา] เรามุ่งเน้นที่นี่อยู่ในรูปแบบที่กำหนดเอง. รูปแบบที่กำหนดเองขั้นสุดท้ายนี้ (ภาพด้านล่าง) มาจาก ... …รูปแบบที่กำหนดเองแบบดิบ (ภาพด้านล่าง). ลองซูม 1600% นี้และดูว่ามันถูกสร้างขึ้นมาอย่างไร รูปแบบที่กำหนดเองมักจะประกอบด้วยภาพขนาดเล็กหนึ่งภาพ (ภาพด้านล่าง) ที่ฉันมักจะเรียกว่า ทบทวน. เมื่อสิ่งนี้ ทบทวน ทำซ้ำตัวเองมันเป็นรูปแบบ (ภาพด้านล่าง) ลองดูภาพด้านล่างเมื่อมีภาพเดียว...