จะใช้ตัวเลข Fibonacci / อัตราส่วนทองคำในการออกแบบโลโก้ใน Illustrator หรือ Sketch ได้อย่างไร


10

ฉันกำลังพยายามหาโลโก้ Fibonacci / Golden Ratio สำหรับงานมหาวิทยาลัยบางแห่ง แต่ฉันค่อนข้างใหม่สำหรับ Illustrator ฉันใช้ Photoshop ประมาณ 8 ปีและ Sketch v3 ตั้งแต่เปิดตัว อย่างไรก็ตามฉันไม่สามารถหาวิธีที่ผู้คนสร้างโลโก้เหล่านี้ได้

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

ความช่วยเหลือ / เคล็ดลับหรือลิงก์ไปยังบทเรียนจะได้รับการชื่นชมอย่างมาก

ขอบคุณ

แก้ไข

นี่คือตัวอย่างบางส่วน (ขอบคุณ Bakabaka ที่ถาม)

ป้อนคำอธิบายรูปภาพที่นี่

ป้อนคำอธิบายรูปภาพที่นี่

ป้อนคำอธิบายรูปภาพที่นี่

ป้อนคำอธิบายรูปภาพที่นี่

ป้อนคำอธิบายรูปภาพที่นี่


3
ฉันไม่สามารถสั่นคลอนความประทับใจที่ไดอะแกรมเหล่านี้ถูกสร้างขึ้นและโลโก้ถูกสร้างขึ้นใหม่หลังจากที่ได้ตัดสินใจรูปร่างของโลโก้จริง ดังนั้น ... ออกแบบรูปทรงก่อนแล้วจึงลองใส่วงกลมให้พอดีกับวงรอบ ๆ ในรูปแบบที่ดี
Vincent

นอกจากนี้ - หากคุณพิมพ์ "อัตราส่วนทองคำ" หรือ "ฟีโบนัชชี" ลงใน Dribbble ที่อาจช่วยได้
James

อ๊ะขออภัย - ยังไม่จบความคิดเห็น ฉันตั้งใจจะบอกว่ามีตัวอย่างมากมายน่าจะดีกว่าสำหรับ Dribbble นอกจากนี้ - ฉันเห็นสิ่งที่คุณหมายถึง แต่โดยเฉพาะอย่างยิ่งสำหรับภาพบนสุด - รูปแบบการนำทางเล็ก ๆ น้อย ๆ - คนที่รวมวงกลมและรูปร่างเข้าด้วยกันเพื่อสร้างรูปร่างได้อย่างไร
James

2
ฉันเห็นด้วยกับ @Bakabaka ในความประทับใจของเขา ... สี่เหลี่ยมผืนผ้าอัตราส่วนทองคำในตัวอย่าง Twitter นั้นไร้ประโยชน์มาก พวกเขาสามารถวางไว้ในตารางแทน ฉันเดาว่ามันอาจช่วยในระดับพิทช์ขายโดยดูคล้ายกับความเชี่ยวชาญที่ยอดเยี่ยม
อยากรู้อยากเห็น

1
สิ่งที่ตลกคือไม่มีตัวอย่างใดที่ใช้อัตราส่วนทองคำจริง ๆ อัตราส่วนทองคำคือ 'แตก' รอบ ๆ โลโก้ แต่อย่างที่คุณเห็นว่าไม่มีความสัมพันธ์โดยตรง @Bakabaka ถูกต้องในสิ่งเหล่านี้ล้วนเป็นกริดที่สร้างขึ้นตามความเป็นจริงและไม่มีผลต่อการออกแบบโลโก้ดั้งเดิม FYI อัตราส่วนทองคำไม่ได้เป็นญาติอย่างที่คิด มันค่อนข้างเกี่ยวข้องกับสถาปัตยกรรมในสมัยโบราณ แต่ก็เกี่ยวกับมัน
DA01

คำตอบ:


4

คำถามของคุณดูเหมือนเชิงทฤษฎี แต่เมื่ออ่านอย่างใกล้ชิดดูเหมือนว่าคุณกำลังถามวิธีการรวมรูปร่างใน Illustrator มีหลายวิธีในการสร้างรูปหกเหลี่ยมที่มีจุดโค้งมน นี่คือสิ่งที่ให้ผลลัพธ์ที่สะอาด แต่ขึ้นอยู่กับค่าที่คุณเลือก

  • วาดรูปหกเหลี่ยมโดยใช้เครื่องมือรูปหลายเหลี่ยม คุณสามารถคลิกบนผืนผ้าใบด้วยเมาส์เพื่อป้อนมาตรการที่แน่นอน
  • เลือกรูปหกเหลี่ยมและไปที่แถบเมนูด้านบนเอฟเฟกต์> พิเศษ> มุมโค้งมน
  • เปิดใช้งานตัวอย่างเพื่อดูว่าคุณกำลังทำอะไรและหาค่าที่ดูดี นี่คือรัศมีดังนั้นหากคุณต้องการออกกำลังกายสัดส่วนการปันส่วนสีทองด้วยมาตรการที่แน่นอนของรูปหกเหลี่ยมของคุณคุณสามารถทำได้ที่นั่น

อย่างไรก็ตามหากคุณต้องการทำด้วยมือเหมือนภาพที่คุณได้รวมไว้ในคำถามของคุณนี่คือวิธีที่ฉันจะทำ:

  • วาดรูปหกเหลี่ยมโดยใช้เครื่องมือรูปหลายเหลี่ยม คุณสามารถคลิกบนผืนผ้าใบด้วยเมาส์เพื่อป้อนมาตรการที่แน่นอน

วาดรูปหกเหลี่ยม

  • วาดวงกลมโดยใช้สัดส่วนที่คุณต้องการ (จากนั้นคุณสามารถคลิกบนผืนผ้าใบโดยตรงเพื่อป้อนค่าที่แน่นอน)
  • ทำซ้ำวงกลมของคุณในแต่ละจุดของรูปหกเหลี่ยมและวางอย่างแม่นยำมาก (คุณจะต้องใช้ตัวอย่างภาพร่างใน Illustrator (ctrl + y) ขั้นตอนนี้สำคัญมากวงกลมต้องแตะ แต่ไม่ควรทับซ้อนมันอาจ ต้องใช้ความพยายามสองสามครั้ง

ใส่วงกลมในแต่ละจุด

  • เลือกรูปหกเหลี่ยมและแวดวงทั้งหมดของคุณในครั้งเดียว
  • ด้วยเครื่องมือสร้างรูปร่าง (Shift + M) ให้กด Alt เพื่อรับเครื่องหมายลบบนเคอร์เซอร์ของคุณ คลิกที่ภาพวาดแล้วลากไปยังจุดหกเหลี่ยมแต่ละจุดเพื่อลบออก (หากจุดไม่แสดงเป็นพื้นที่แยกต่างหากนั่นเป็นเพราะรูปร่างของคุณสัมผัสไม่ถูกต้อง)

เครื่องมือสร้างรูปร่าง

  • ปล่อย Alt แล้วคลิกและลากรูปร่างอื่น ๆ ของคุณมารวมกันเพื่อรวมเข้าด้วยกัน

รูปร่างสำเร็จรูป


มันง่ายกว่าที่จะวาดวงกลมหนึ่งวงจากนั้นจึงเชื่อมต่อ tose ที่สองแล้วหมุน 60 องศา แต่ใช่แน่นอน ...
joojaa

มีวิธีมากมายในการทำเช่นนี้ แต่เนื่องจาก OP ดูเหมือนจะบอกว่าประสบการณ์ของเขากับ Illustrator มี จำกัด ฉันจึงเลือกวิธีที่ตรงไปตรงมา อย่าลังเลที่จะโพสต์ตัวเลือกอื่น :-)
อยากรู้อยากเห็น

1
ขอบคุณ @Emilie นี่คือสิ่งที่ฉันกำลังมองหา ขอบคุณทุกคนสำหรับความช่วยเหลือของคุณเช่นกันและขออภัยในความพยายามที่จะตอบคำถามอย่างถูกต้องไม่แน่ใจในวิธีที่ดีที่สุดที่จะได้รับประเด็น
James

ฉันไม่แน่ใจว่ามันดีใจมากที่รู้ว่าฉันช่วยคุณคิดออก :-)
อยากรู้อยากเห็น

3

ฉันเข้าใจคำถามของคุณว่าเป็นอย่างไรคุณจะสร้างโลโก้ที่มีอัตราส่วนทองคำได้อย่างไร ฉันรู้สึกราวกับว่าคำถามของคุณเป็นทฤษฎีมากกว่าหลักสูตร นี่คือคำตอบทางทฤษฎีของฉันและฉันจะเป็นผู้สนับสนุนปีศาจสำหรับอัตราส่วนทองคำที่นี่ (เพราะฉันเชื่อว่าความคิดเห็นจำนวนมากข้างต้นไม่เข้าใจความสำคัญอย่างสมบูรณ์)

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

หลังจากที่คุณมีแนวคิดพื้นฐาน (IE: ใช้โลโก้ Twitter สมมติว่าคุณรู้ว่าคุณต้องการให้โลโก้ของคุณเป็นนกและคุณได้ร่างรูปร่างพื้นฐานของโลโก้ Twitter) คุณสามารถนำภาพร่างมาที่ Illustrator และเริ่มทำ คณิตศาสตร์ (IE: ทำให้แน่ใจว่าเหมาะสมกับอัตราส่วนทองคำ)

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

เราจะใช้ Twitter เป็นตัวอย่าง สิ่งที่เรากำลังดูในอันนี้คือขนาดของวงกลม (นั่นคือสิ่งที่สำคัญ) "สี่เหลี่ยมผืนผ้าทองคำ" ที่คุณเห็นอยู่ทุกที่จริง ๆ แล้วเป็นลำดับของฟีโบนักชี (คุณจะเห็นด้วยเกลียวซึ่งเป็นสิ่งที่ศิลปินหลายคนใช้เพื่อสร้างการไหลเวียนของดวงตาในชิ้นงาน) ดังนั้นคุณจะเห็น "หลัก" วงกลมใหญ่ตรงนี้คือขนาดของร่างกายของนก หรืออย่างน้อยที่สุดร่างกายของนกก็กำลังติดตามโค้งของวงกลมนี้ นี่คือเส้นผ่านศูนย์กลางหลัก (ความกว้าง) เราจะใช้อัตราส่วนทองคำเพื่อให้ได้ขนาดของปีกนกขนและหัวตามขนาดของร่างกายของเขา

ในการแสดงให้คุณเห็นถึงความสัมพันธ์ระหว่างวัตถุที่นักออกแบบวางนก Twitter ลงในสี่เหลี่ยมทองคำที่เราพูดถึง ฉันก็มีไฟล์รูปร่างใน Photoshop และ Illustrator เพื่อช่วยในการวัดอัตราส่วนทองคำ อย่างไรก็ตามสิ่งที่พวกเขาน่าจะทำก็คือเอาเส้นรอบวงของร่างกายนกและหารด้วย 1.6 1.6 คือจำนวนอัตราส่วนทองคำโค้งมน แต่สิ่งที่เห็นจริง ๆ แล้วสิ่งนี้ทำให้วงกลมขนาดเล็กเป็นอันดับสองที่คุณเห็นขนาดที่ถูกต้องเมื่อเทียบกับวงกลมแรกที่ใหญ่กว่า

"ทำไมถึงเป็นเช่นนั้นทำไมไม่สร้างวงกลมเล็ก ๆ แล้วเรียกมันต่อวัน" คำตอบคือเพราะทุกอย่างลงมาในสมองของเรารับรู้โลกรอบตัวเรา สิ่งสวยงามตามธรรมชาติ - หลายสิ่งที่พบในธรรมชาติมีขนาดหรือความสัมพันธ์เชิงพื้นที่โดยใช้อัตราส่วนนี้ ซึ่งหมายความว่าสมองของเรามีแนวโน้มที่จะรับรู้ถึงความสัมพันธ์เหล่านี้โดยไม่รู้ตัวว่าสวยงาม ฉันยังไม่มีตัวอย่างที่ฉันใช้ความสัมพันธ์นี้อย่างถูกต้องพิสูจน์ว่าคำสั่งหรือปรัชญาที่ไม่มีประสิทธิภาพ ในฐานะที่เป็นประโยชน์รองถ้า

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.