แลกเปลี่ยนรูปภาพระหว่าง Adobe Photoshop และ Adobe Illustrator ฟรีมินิคอร์ส “Adobe Illustrator สำหรับผู้เริ่มต้น”

พวกเขาขอให้ฉันเขียนคำแนะนำเดียวกันกับ อะโดบี อิลลัสเตรเตอร์คุณถาม - คุณเข้าใจแล้ว :)

Adobe Illustrator เวอร์ชัน CC 2018 - เวกเตอร์อันทรงพลัง โปรแกรมแก้ไขกราฟิกพัฒนา จัดจำหน่าย และปรับปรุงอย่างต่อเนื่องโดย Adobe

คุณสามารถดาวน์โหลด Illustrator ในภาษารัสเซียได้ฟรีที่ ลิงค์อย่างเป็นทางการและแทนที่เพียง 1 เท่านั้น ไฟล์ dllเพื่อเปิดใช้งานเวอร์ชันเต็ม

ไปกันเลย - ดาวน์โหลด ติดตั้ง และเปิดใช้งาน อะโดบีรัสเซีย Illustrator CC 2018 (ใครต้องการภาษาอังกฤษหรือชุดประกอบอื่นๆ ดู คำถามที่พบบ่อยในตอนท้ายของบทความ):

  1. ดาวน์โหลดจากลิงก์อย่างเป็นทางการ ไฟล์ zip ขนาด 32 หรือ 64 บิตตรงข้ามกับคำจารึกของ Illustrator (หากต้องการทราบว่าระบบของคุณมีขนาดบิตเท่าใด คลิก คลิกขวาเลื่อนเมาส์ไปที่ Start แล้วเลือก System)
  2. แยกไฟล์เก็บถาวรและในโฟลเดอร์ที่แตกไฟล์ให้ค้นหาไฟล์ Set-up.exe - เรียกใช้การติดตั้ง ในระหว่างกระบวนการ หน้าต่างจะปรากฏขึ้นเพื่อขอให้คุณลงทะเบียนหรือป้อน Adobe ID ของคุณ
  3. กรอกข้อมูลทุกช่องเพื่อรับ Adobe ID: ชื่อ นามสกุล อีเมล (ใดๆ ไม่ต้องยืนยัน) และรหัสผ่าน (ต้องประกอบด้วยตัวพิมพ์ใหญ่และตัวอักษรละตินตัวเล็กตลอดจนตัวเลข ตัวอย่าง: UIooo2139 หรือ OIDDzxcv23 ). ทำเครื่องหมายทุกช่อง การยืนยันหมายเลขโทรศัพท์สามารถข้ามได้
  4. มันจะเริ่มต้นขึ้น การติดตั้งอัตโนมัติหากยังไม่เริ่ม ให้คลิกสาธิต หลังการติดตั้งโปรแกรมจะเปิดขึ้นโดยอัตโนมัติ หากไม่เป็นเช่นนั้น ให้คลิก Demo และยืนยันการเริ่มใช้งาน ระยะเวลาทดลองใช้โดยคลิกยืนยัน
  5. ดาวน์โหลดไฟล์เก็บถาวรนี้สำหรับ Windows 64 บิต หรืออันนี้สำหรับ 32 บิต (รหัสผ่านสำหรับไฟล์เก็บถาวรคือ 111) แตกไฟล์เก็บถาวรลงในโฟลเดอร์ใดก็ได้: ดาวน์โหลด บนเดสก์ท็อปของคุณ - ทุกที่
  6. เปิดโฟลเดอร์: C:\Program Files\Adobe\Adobe Illustrator CC 2018\Support Files\Contents\Windows\ และค้นหาไฟล์ amtlib.dll เปลี่ยนชื่อ เช่น amtlib(Original).dll
  7. เราวางไฟล์ amtlib.dll ที่ดาวน์โหลดไว้ก่อนหน้านี้ลงในโฟลเดอร์นี้ และเปิด Adobe Illustrator CC 2018 จากไอคอนเดสก์ท็อปหรือผ่านทาง Start ทุกอย่างควรจะใช้งานได้ - ไม่มีช่วงทดลองใช้งานในโปรแกรม

อย่างที่คุณเห็นให้ดาวน์โหลดและติดตั้งสิ่งที่เปิดใช้งานแล้ว เวอร์ชันเต็ม Adobe Illustrator CC 2018 เป็นไปได้โดยไม่ต้องใช้ทอร์เรนต์

คำถามที่พบบ่อยเกี่ยวกับ Illustrator CC 2018

  • จะเปลี่ยนภาษาอินเทอร์เฟซเป็นภาษารัสเซียหรืออังกฤษหรือภาษาอื่น ๆ ได้อย่างไร?
  • ก่อนที่คุณจะเริ่มการติดตั้งใน คลาวด์สร้างสรรค์คุณต้องคลิกเฟืองที่ด้านบนขวาแล้วเลือก ภาษาที่ต้องการสำหรับโปรแกรมที่ติดตั้ง ค่าเริ่มต้นคือภาษารัสเซีย

  • ไม่มีอะไรทำงานเหรอ? ปัญหา?
  • เขียนความคิดเห็นเราจะเข้าใจ :)

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

สิ่งที่เราต้องการ:

ขั้นตอนที่ 1: เขียนคำใน Illustrator

เปิด Illustrator และสร้าง เอกสารใหม่ขนาดหน้า A4. การใช้เครื่องมือ Type พิมพ์คำว่า LAYOUT ตรงกลางเอกสาร

2 ขั้นตอน

เลือกคำนี้แล้วไปที่ Object > Expand จากนั้นคลิก Ok ต่อไปให้ทำ Object > Compound Path > Release

3 ขั้นตอน

จากนั้นใช้เครื่องมือการเลือกเพื่อวางตำแหน่งตัวอักษรเพื่อให้เรียงกันแบบสมมาตร ดังที่แสดงในภาพ:

ใช้ Direct Selection Tool เลื่อนจุดที่ระบุของตัวอักษร U ขึ้นเล็กน้อยเพื่อให้มั่นคงยิ่งขึ้น

นี่คือสิ่งที่คุณควรจะได้:

4 ขั้นตอน

เลือกตัวอักษรทั้งหมด จากนั้นบนแถบเครื่องมือ คลิกไอคอนเพื่อสลับสีเติมและสีเค้าร่าง

5 ขั้นตอน

ที่ด้านบนของ L ให้ขยายสี่เหลี่ยมดังที่แสดงด้านล่าง

เพื่อให้แน่ใจว่าจัดตำแหน่งอย่างถูกต้อง ให้เปิดหน้าต่างแก้ไข > การตั้งค่า และเลือกตัวเลือก Snap To Point ซึ่งจะช่วยคุณได้มากและประหยัดเวลาได้มากในการจัดแนววัตถุ

6 ขั้นตอน

ตอนนี้สร้างสี่เหลี่ยมด้านหลังตัว Y

อีกอันหนึ่งอยู่หลังตัวอักษร O

และอันถัดไปอยู่หลังตัวอักษร T

ขั้นตอนที่ 7: กรอกตัวอักษร L ด้วยข้อความ

สลับไปที่เครื่องมือประเภท เลื่อนเคอร์เซอร์ไปที่ตัวอักษร L แล้วคุณจะเห็นวงกลมปรากฏขึ้นรอบๆ เคอร์เซอร์ ตอนนี้คลิกภายในรูปร่าง L และเริ่มเติมข้อความ ฉันใช้ “lorem ipsum” ที่รู้จักกันดีซึ่งสร้างจาก lipum สำหรับแบบอักษร ฉันใช้ Helvetica Neue Lt Std เนื่องจากมีความสามารถรอบด้านที่ยอดเยี่ยม และเพียงเพราะฉันชอบมันมาโดยตลอด ใน ในกรณีนี้ฉันใช้ตัวหนาข้น

8 ขั้นตอน

ดับเบิลคลิกที่ข้อความเพื่อเลือกทั้งหมด ในแผงการตั้งค่าข้อความ ให้เลือกโหมด Justify จากนั้นคลิกที่ลูกศรเล็ก ๆ เพื่อขยายเมนูแบบขยายและเลือกรายการ Hypenation ในนั้น เลื่อนแถบเลื่อนไปที่ระดับ Better Spacing

นี่คือสิ่งที่ควรจะออกมา:

9 ขั้นตอน

ตอนนี้วางซ้อนข้อความบนสี่เหลี่ยมที่อยู่ด้านบนของตัวอักษร L เปลี่ยนรูปแบบตัวอักษรเป็น Light Condensed

ขั้นตอนที่ 10: ตัวอักษร Y

ทีนี้ลองเปลี่ยนไปใช้ตัวอักษร Y คุณจะต้องปรับแต่งให้นานขึ้นอีกหน่อย - มันค่อนข้างซับซ้อน ขั้นแรก วางข้อความในสี่เหลี่ยมด้านหลังตัว Y โดยใช้สไตล์ Light Condensed

ตอนนี้เลือกสัญลักษณ์ที่อยู่ในเงามืดของตัวอักษร Y ในบรรทัดแรก แล้วเปลี่ยนสไตล์เป็นตัวหนาแบบย่อ

ตอนนี้ทำสิ่งนี้โดยให้ตัวอักษรทั้งหมดอยู่ในโครงร่าง Y ใช่อย่างที่ฉันบอกไปแล้ว ซึ่งอาจใช้เวลานาน ดังนั้นควรระมัดระวังและอดทน

หลังจากที่สัญลักษณ์ที่จำเป็นทั้งหมดถูกเน้นด้วยตัวหนาแล้ว ให้คลิกที่ไอคอนรูปตาที่อยู่ตรงข้ามเลเยอร์ Y ในพาเล็ตเลเยอร์ เกิดอะไรขึ้นกับฉัน - ดูด้านล่าง

ขั้นตอนที่ 11: ตัวอักษร O

เลือกโครงร่างด้านนอกของตัวอักษร O แล้วขยายให้สูงกว่าความสูงของภาชนะสี่เหลี่ยมเล็กน้อย

12 ขั้นตอน

ตอนนี้พร้อมกับโครงร่างนี้ ให้เลือกสี่เหลี่ยมด้วย จากนั้นเปิดแผง Pathfinder แล้วคลิกปุ่มยกเว้น

13 ขั้นตอน

เลือกด้านบนและด้านล่างของการออกแบบนี้แล้วกด Delete

14 ขั้นตอน

ใส่ข้อความกับแต่ละส่วนที่เป็นผลลัพธ์ สำหรับซ้ายและ ชิ้นส่วนที่ถูกต้องใช้การจัดแนวความกว้าง (จัดชิดขอบ) สำหรับส่วนตรงกลาง - การจัดตำแหน่งกึ่งกลาง

ขั้นตอนที่ 15: จดหมาย U

เลือกตัวอักษร U ใช้ Move Tool หมุน 90 องศา

16 ขั้นตอน

เพิ่มข้อความอีกชิ้นโดยใช้สไตล์ตัวหนาแบบย่อ

17 ขั้นตอน

ตอนนี้ให้เปลี่ยนไปใช้เครื่องมือหมุนอีกครั้งแล้วพลิก U กลับไปยังตำแหน่งเดิม

ขั้นตอนที่ 18: ตัวอักษร T

ตอนนี้เราเพิ่มข้อความให้กับตัวอักษร T

ขั้นตอนที่ 19

ตอนนี้เปิดเมนูแบบอักษรและเพิ่ม ค่าข้อความขึ้นนำสองครั้ง ในกรณีของฉันคือตั้งแต่ 7.2 ถึง 14

20 ขั้นตอน

ทีนี้มาเพิ่มข้อความลงในสี่เหลี่ยมด้านหลังตัว T ใช้ข้อความเดียวกัน ระยะห่างระหว่างบรรทัดเช่นเดียวกับในขั้นตอนที่ 19

21 ขั้นตอน

ตอนนี้เรามาตั้งค่าลบชั้นนำกัน ฉันมีค่าเป็น 7 ดังนั้นฉันจึงตั้งเป็น -7

ผลปรากฏว่าข้อความทั้งสองทับซ้อนกันอย่างสมบูรณ์และกลายเป็นตัวอักษร T ที่เต็มเปี่ยม

ขั้นตอนที่ 23: ตัวอักษร A

เรายังไม่ได้ทำงานกับตัวอักษร A ดังนั้นจงใช้เครื่องมือนี้ เครื่องมือปากกาสร้างรูปร่างครอบคลุมครึ่งซ้ายของตัวอักษร

24 ขั้นตอน

วางบล็อกข้อความที่นั่น

25 ขั้นตอน

ใช้ Move Tool หมุนรูปร่างจนกว่าข้อความจะพอดีกับแนวนอน

26 ขั้นตอน

การใช้ Rotate Tool ทำให้รูปร่างพร้อมข้อความกลับสู่ตำแหน่งเดิม

27 ขั้นตอน

ทำแบบเดียวกันกับด้านขวาของตัวอักษร

28 ขั้นตอน

อย่าลืมใส่ข้อความที่กากบาทของ A หลังจากนั้นก็สามารถซ่อนโครงร่างของตัวอักษรได้

ด้วยเหตุนี้เราจึงควรได้ภาพเช่นนี้

ขั้นตอนที่ 29: ส่งออกเป็น PDF

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

ขั้นตอนที่ 30: นำเข้าสู่ Photoshop

เปิด Photoshop และไปที่ ไฟล์ > เปิด เลือก PDF ที่เราสร้างและตั้งค่าความละเอียดเป็น 300 ppi

ทำไมเราถึงใช้ความละเอียด 300ppi?

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

31 ขั้นตอน

ไฟล์ PDF จะโหลดเป็นภาพโปร่งใส

ขั้นตอนที่ 32: เริ่มต้นใช้งานใน Photoshop

กด Ctrl + A จากนั้น Ctrl + C และสร้าง ไฟล์ใหม่ขนาด A4 และความละเอียด 300ppi กด Ctrl + V แล้ววางข้อความของคุณที่นั่น

กด Ctrl + I เพื่อเปลี่ยนสีข้อความเป็นสีขาว จากนั้นคลิก Layer > Convert to Smart Object กด Ctrl + T แล้วหมุนข้อความ

Photoshop สร้างขึ้นในปี 1988 กลายเป็นซอฟต์แวร์แรกและแห่งเดียวสำหรับนักออกแบบหลายคน สำหรับบางคนเขาเป็น เครื่องมือที่สะดวกสำหรับการปรับแต่งภาพ แต่จริงๆ แล้ว Photoshop สามารถทำได้มากกว่านั้นมาก

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

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

วิธีที่ดีที่สุดในการสร้างโลโก้คืออะไร?

การใช้ Illustrator หมายความว่าโลโก้ของคุณจะเป็นวัตถุเวกเตอร์ที่ไม่ได้เป็นส่วนหนึ่งของ บิตแมป.

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

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

ผู้ชนะ:นักวาดภาพประกอบ

อะไรดีกว่าสำหรับการออกแบบเว็บ?

เนื่องจากกราฟิกที่สร้างใน Photoshop เป็นแบบพิกเซล กราฟิกแรสเตอร์เหมาะอย่างยิ่งสำหรับการออกแบบหน้าจอสื่อ

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

เข้ากันได้มากขึ้น

เมื่อเราก้าวไปสู่เว็บที่ตอบสนองและยืดหยุ่นอย่างรวดเร็ว เราต้องการกราฟิกที่เปลี่ยนขนาดมากขึ้น (เช่น แบบอักษร SVG และบิตแมป)

โดยส่วนใหญ่ Photoshop ชนะที่นี่ แต่ฉันไม่สามารถแยกแยะ Illustrator ได้อย่างสมบูรณ์ ฉันใช้โปรแกรมนี้ค่อนข้างบ่อยเพื่อสร้างอินเทอร์เฟซ แต่ฉันยังคงทำงานส่วนใหญ่ด้วย โดยใช้โฟโต้ชอป.

ผู้ชนะ: โฟโต้ชอป

เครื่องมือที่ดีที่สุดสำหรับงานศิลปะดิจิทัลคืออะไร?

Illustrator ดีกว่าสำหรับภาพประกอบกราฟิกที่ดูสะอาดตา ในขณะที่ Photoshop ดีกว่าสำหรับรูปภาพที่เป็นภาพถ่าย ภาพถ่ายโดย VFS Digital Design

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

ฉันแนะนำ Illustrator สำหรับการสร้างสรรค์ที่สะอาดตา ภาพกราฟิกและ Photoshop สำหรับภาพประกอบที่ต้องใช้รายละเอียดที่รอบคอบและการปรับแต่งที่ซับซ้อน สำหรับงานหลายอย่าง บางคนใช้ทั้งสองโปรแกรมนี้ร่วมกัน ขึ้นอยู่กับประเภทของภาพประกอบ

ผู้ชนะ:การวาดภาพ

อะไรเข้า.เครื่องมือนี้ดีกว่าสำหรับการสเก็ตช์ภาพและ warframe หรือไม่?

Illustrator ใช้งานง่ายกว่ามาก การสร้างอย่างรวดเร็ววอร์เฟรม

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

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

ผู้ชนะ:นักวาดภาพประกอบ

และผู้ชนะคนสุดท้ายคือ...

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

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

จนกระทั่งเมื่อไม่นานมานี้ ฉันใช้ Adobe Photoshop ในงานของฉัน และฉันก็คิดอย่างนั้น ดีกว่าโฟโต้ชอป CS4 เฉพาะ Photoshop CS5

แต่เมื่อปริมาณงานและจำนวนคำสั่งซื้อเพิ่มขึ้น ฉันจึงได้ข้อสรุปว่าถึงเวลาเปลี่ยนเครื่องมือแล้ว ฉันจะพยายามสรุปประสบการณ์ของฉันในโปรแกรมนี้

อะโดบี โฟโต้ชอป สำหรับการออกแบบเว็บไซต์:

ข้อดี

  1. มีตัวเลือกมากมายสำหรับการทำงานกับรูปภาพ
  2. ...และโดยทั่วไปก็แค่นั้นแหละ

หลังจากทำความคุ้นเคยกับ Adobe Illustrator แล้ว อินเทอร์เฟซ Photoshop ตามปกติพร้อมเลเยอร์และคุณสมบัติข้อความดูเหมือนเป็นความเข้าใจผิดที่งุ่มง่าม

ข้อเสีย

ดังที่วาเลรา โปปอฟ กล่าวไว้ในบทความของเขาอย่างเหมาะสม” ทำไมฉันไม่ใช้ Photoshop สำหรับการออกแบบเว็บไซต์? »,
10% ของเวลาทำงานถูกใช้ไปกับการประดิษฐ์และการสร้างสรรค์ และส่วนที่เหลือก็คือ งานประจำโดยการบดหน้า

  1. การนำทางเพจไม่สะดวก สำหรับ ร้านค้าออนไลน์ขนาดใหญ่จำนวนหน้าที่มีการออกแบบเฉพาะบุคคลสามารถเข้าถึงได้มากถึงหลายร้อยหน้า และจะทำอย่างไรในกรณีนี้? จะค้นหาสิ่งที่คุณต้องการบนแถบบุ๊กมาร์กได้อย่างรวดเร็วได้อย่างไร?
  2. ไม่สามารถสร้างมาสเตอร์เพจได้ - สำหรับองค์ประกอบที่เหมือนกันในทุกหน้า ตัวอย่างเช่น ส่วนหัวและเมนู พวกเขาพูดเข้ามา เวอร์ชันล่าสุดพวกเขาเปิดตัวฟังก์ชั่น Layer comps แต่มันทำงานคดมาก
  3. เพื่อทำซ้ำองค์ประกอบที่เหมือนกันซึ่งอยู่ในตำแหน่งเดียวกัน หน้าที่แตกต่างกันคุณต้องให้กำเนิดเม่นทุกครั้ง และต้องผ่านขั้นตอนที่แสนน่าเบื่อและไม่สบายใจอย่างยิ่ง
  4. ไม่มีวิธีใดที่จะระบุสไตล์ของแต่ละบล็อกและช่วยผู้ออกแบบโครงร่างได้
  5. ที่ ปริมาณมากหน้า Photoshop ทำงานช้าอย่างไม่น่าเชื่อ แม้กระทั่งกับคนอื่นๆ โปรแกรมปิด- แม้แต่ในคอมพิวเตอร์สำนักงานรุ่นใหม่ล่าสุดของฉัน และอย่าพูดถึงบ้านหลังเก่าด้วยซ้ำ

มีทางออก - อะโดบี อิลลัสเตรเตอร์

ประมาณหกเดือนที่แล้ว ฉันตั้งใจที่จะค้นหาโปรแกรมที่จะแก้ปัญหาเหล่านี้ทั้งหมด เป็นเรื่องน่าเสียดายที่ต้องแยกทางกับ Photoshop: ยังคงเป็นที่ชื่นชอบของฉัน โปรแกรมเนทิฟฉันวาดมันมาตั้งแต่อายุ 11 ขวบ ฉันรู้ปุ่มลัดทั้งหมด แต่กิจวัตรก็มาถึงจุดสุดยอดแล้ว

ฉันเริ่มมองหาสิ่งทดแทน แม้กระทั่งก่อนช้าง ฉันก็ออกแบบ Helga ใหม่ใน InDesign - ฉันไม่ชอบมันเลย ฉันจำไม่ได้ว่าอะไรกันแน่ จากนั้นฉันก็มาพบกับ Adobe Illustrator ฉันเขียนตำราเรียนอย่างเป็นทางการเกี่ยวกับโอโซนสำหรับตัวเอง ในเวลาประมาณหนึ่งสัปดาห์ครึ่ง ฉันเชี่ยวชาญฟังก์ชั่นทั้งหมดที่ฉันต้องการ

แม้ว่าจะไม่มีโปรเจ็กต์ใหม่ แต่ฉันก็ยังทำงานเป็นช้างเปเปอร์เหมือนเดิม


ข้อเสียทั้งหมดของ Photoshop ได้รับการแก้ไขแล้ว:

การนำทางหน้า อาร์ตบอร์ดที่เรียกว่าอาร์ตบอร์ดจำนวนมากถูกสร้างขึ้นในเอกสารเดียว สามารถปรับแต่งมุมมองเพื่อดูทั้งหมดได้ในคราวเดียว:

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

เพื่อช่วยผู้ออกแบบเค้าโครง มีแผงสไตล์ย่อหน้าซึ่งมีการตั้งค่าส่วนหัวและอื่นๆ สไตล์เหล่านี้ก็สามารถนำไปใช้กับได้ องค์ประกอบที่แตกต่างกันในหน้าอื่นๆ แทนที่จะกำหนดทั้งหมดตั้งแต่ต้น

สำหรับลิงก์หลอกในการตั้งค่าข้อความ น่าเสียดายไม่มีการขีดเส้นใต้ ใน Photoshop ฉันทำมันบนเลเยอร์ข้อความแยกต่างหากโดยใช้ขีดกลางหรือจุด หากความยาวหรือรูปร่างของลิงค์เปลี่ยนไป จะต้องแก้ไขทุกครั้ง

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

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

การวาดปุ่มไอคอนทุกพิกเซลอาจจะไม่สะดวกโดยเฉพาะในตอนแรก แต่องค์ประกอบทั้งหมดเหล่านี้สามารถวาดใน Photoshop แล้วคัดลอกได้โดยไม่มีปัญหา

นอกจากนี้ยังมีห้องสมุดอยู่ในโคมระย้า องค์ประกอบมาตรฐาน- ช่องค้นหา ช่องทำเครื่องหมาย ฯลฯ แต่ในความคิดของฉันพวกเขาไม่สะดวกนัก เมื่อเปลี่ยนขนาด มันจะเบ้:

ที่เหลือก็แค่เทพนิยาย! โปรเจ็กต์ต่อไปในแผนคือร้านขายเฟอร์นิเจอร์ออนไลน์ซึ่งจะมีหลายหน้าอย่างแน่นอน ดังนั้นฉันจะลองใช้โคมระย้าในสภาพการต่อสู้

ใน Adobe Illustrator คุณสามารถเปิดหรือวางได้ ไฟล์โฟโต้ชอปจึงไม่จำเป็นต้องบันทึกหรือส่งออก ภาพโฟโต้ชอปไปเป็นไฟล์รูปแบบอื่น

V Adobe Illustrator mojno otkryvat "หรือ pomeschat" ล้มเหลว Photoshop, กวีสุทธิ neobhodimosti sohranyat" หรือ eksportirovat "izobrajenie Photoshop และรูปแบบยาล้มเหลว

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

  1. หากไฟล์รูปภาพเปิดอยู่ใน Photoshop ให้บันทึกเป็น Photoshop (PSD) แล้วปิดไฟล์
  2. ใน Adobe Illustrator ให้ทำอย่างใดอย่างหนึ่งต่อไปนี้:

      หากต้องการเปิดไฟล์โดยตรงใน Illustrator ให้เลือกไฟล์ > เปิด ระบุเส้นทางไปยังรูปภาพในกล่องโต้ตอบเปิดไฟล์แล้วคลิกปุ่มเปิด

      เพื่อฝังภาพลงในภาพที่มีอยู่ ไฟล์อิลลัสเตรเตอร์ให้เลือกไฟล์ > สถานที่ ระบุเส้นทางไปยังไฟล์ในกล่องโต้ตอบสถานที่ ตรวจสอบให้แน่ใจว่าไม่ได้เลือกตัวเลือกลิงก์ แล้วคลิกวาง

      หากต้องการวางรูปภาพในไฟล์โดยที่ยังคงลิงก์ไปยังต้นฉบับ ให้เลือกไฟล์ > วาง ในกล่องโต้ตอบ Place ให้ระบุเส้นทางไปยังไฟล์ เลือกตัวเลือก Link แล้วคลิก Place Illustrator จัดกึ่งกลางภาพไว้ในภาพประกอบแบบเปิด เครื่องหมาย X สีแดงผ่านรูปภาพแสดงว่ารูปภาพเชื่อมโยงกับต้นฉบับและไม่สามารถเปลี่ยนแปลงได้

  3. เมื่อคุณเปิดหรือวางรูปภาพโดยไม่บันทึกลิงก์ กล่องโต้ตอบนำเข้า Photoshop จะปรากฏขึ้น เลือกตัวเลือกที่เหมาะสมตามที่แสดงด้านล่าง และคลิกตกลง:

      "แปลงเลเยอร์ Photoshop เป็นวัตถุ" ได้รับการออกแบบมาเพื่อแปลงเลเยอร์ให้เป็น วัตถุนักวาดภาพประกอบ- การเลือกตัวเลือกนี้จะรักษามาสก์ โหมดการผสมผสานเลเยอร์ ความโปร่งใส และ (เป็นทางเลือก) ชิ้นและแผนที่อ้างอิง อย่างไรก็ตาม ตัวเลือกนี้ไม่รองรับเลเยอร์การปรับ Photoshop และเอฟเฟกต์เลเยอร์

      “ทำการผสม เลเยอร์ Photoshopวี ภาพเดียว" เพื่อรวมทุกเลเยอร์ให้เป็นหนึ่งเดียว การเลือกตัวเลือกนี้จะบันทึก รูปร่างรูปภาพ แต่แต่ละเลเยอร์ไม่สามารถแก้ไขได้อีกต่อไป