ออกแบบกราฟิค

ถามตอบสำหรับผู้เชี่ยวชาญด้านการออกแบบกราฟิกนักเรียนและผู้ที่ชื่นชอบ

3
แรงบันดาลใจสิ้นสุดลงที่ไหนการคัดลอกที่ผิดกฎหมายเริ่มต้นที่ไหน
ฉันกำลังสร้าง UI สำหรับเว็บแอปพลิเคชันซึ่งส่วนใหญ่จะทำงานบน Macs ดังนั้นเป้าหมายของฉันคือการรักษารูปลักษณ์ของ Mac OS แต่เนื่องจากฉันไม่ได้ใช้กรอบแอปเปิ้ลฉันจึงไม่ได้รับอนุญาตให้ใช้การออกแบบ UI ดังนั้นคำถามของฉันคือฉันอนุญาตให้คัดลอกการออกแบบโดยไม่ละเมิดลิขสิทธิ์ได้อย่างไร คุณคิดว่านี่ยังถูกต้องตามกฎหมายหรือไม่?

8
ฉันจะตั้งตำแหน่งเลเยอร์ใน Gimp โดยตรงได้อย่างไร
ฉันต้องการตั้งค่าโดยตรง (เช่นพิมพ์ในพิกัดจริงของ) ตำแหน่งของเลเยอร์ของฉันในภาพเช่นเดียวกับที่คุณสามารถทำได้ด้วยกล่องตัวเลือก: (ไม่ใช่ขนาด แต่ก็จะเท่ด้วย) เป็นไปได้ไหม ขอบคุณ
17 gimp  layers 

5
มีวิธีที่เร็วกว่าในการบันทึกเลเยอร์ทั้งหมดใน PSD เป็น PNG หรือไม่
ฉันพยายามที่จะส่งออกทุก 155 ชั้นแรสเตอร์แต่ละ 240 * 240 พิกเซลที่จะแยกไฟล์ png แต่มันใช้เวลานานที่จะทำโดยใช้ File > Scripts > Export Layers to FilesCS5 สคริปต์นี้สร้างไฟล์ psd ใหม่คัดลอกเลเยอร์ทั้งหมดลงไปจากนั้นให้มองเห็นเลเยอร์หนึ่งก่อนที่จะลบเลเยอร์ทั้งหมดที่เพิ่งเพิ่มเข้าไป การส่งออกเลเยอร์ของฉันใช้เวลาประมาณสามชั่วโมง หากฉันเป็นผู้เขียนสคริปต์ฉันจะทำการส่งออกด้วยวิธีนี้: for each layer do { make layer invisible } for each layer do { make layer visible save file as "layer_name.png" make layer invisible } มีวิธีใดที่เร็วกว่าในการส่งออกเลเยอร์ทั้งหมดไปยัง png หรือไม่

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

6
เครื่องมือสร้าง SVG แบบเคลื่อนไหวหรือไม่
มีเครื่องมือกราฟิกใด ๆ ในการสร้างและแก้ไขภาพเคลื่อนไหว SVG หรือไม่? Inkscape นั้นยอดเยี่ยม แต่มันทำทุกอย่างยกเว้นภาพเคลื่อนไหว ฉันสร้างรูปภาพใน Inkscape จากนั้นแก้ไข XML ด้วยตนเองเพื่อเพิ่มคุณสมบัติภาพเคลื่อนไหว และนี่ทำให้ฉันได้สิ่งที่ฉันต้องการ แต่สำหรับการออกแบบที่ซับซ้อนกว่าเล็กน้อยมันน่าเบื่อมาก
17 animation  svg 

5
จุดประสงค์ในการแปลงภาพ RGB เป็น CMYK TIF / TIFF ก่อนที่จะวางไว้ใน InDesign คืออะไร
ขณะนี้เราได้รับรูปภาพ CMYK TIF / TIFF จาก บริษัท ออกแบบของเรา (ผู้ที่ได้รับจากช่างภาพ) นักออกแบบภายในของเราจากนั้นวางไว้ใน InDesign สำหรับโปสเตอร์และนิตยสารหรือแปลงเป็น RGB เพื่อใช้บนเว็บไซต์หรือในจดหมายข่าวหรืองานนำเสนอ ฉันสงสัยว่าจุดประสงค์ของการถ่ายภาพคืออะไรแล้วแปลงเป็น CMYK TIF / TIFF (ด้วยขนาดไฟล์ขนาดใหญ่) ก่อนที่จะวางลงใน InDesign และอาจแปลงกลับเป็น RGB เพื่อใช้งานบนหน้าจอ? ฉันหมายถึงรูปถ่ายเป็น RGB อยู่แล้วและ InDesign ก็สามารถใช้โปรไฟล์สีได้เช่นกัน ดังนั้นหาก InDesign ได้รับการกำหนดโปรไฟล์ที่ถูกต้อง (จากแท่นพิมพ์) ทำไมแปลงภาพเป็น CMYK ล่วงหน้า? มันจะเป็นทางเลือกที่ฉลาดกว่าหรือไม่ในการบันทึกภาพที่ได้รับการตกแต่งเป็น PNG (ซึ่งไม่เสียรูป)? ผู้ออกแบบงานพิมพ์จะวางภาพใน InDesign จากนั้นเมื่อเอกสารเสร็จแล้วให้ส่งออกไปยัง CMYK โดยใช้โปรไฟล์ที่ถูกต้อง ในขณะที่นักออกแบบเว็บไซต์จะถ่ายภาพปรับขนาดให้เป็นรูปแบบที่ถูกต้องและบันทึกเป็น JPG ข้อดี: ขนาดไฟล์ที่ลดลงอย่างมาก หนึ่งการแปลงน้อย …

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

2
เหตุใดการลบรอยหยักในอักขระสีดำจึงใช้สีอื่นที่ไม่ใช่ระดับสีเทา
ฉันเป็นนักพัฒนาฉันไม่ใช่นักออกแบบกราฟิก แต่มีคำถามหนึ่งข้อที่ทำให้ฉันรำคาญทุกคนตั้งแต่ฉันสังเกตเห็นเมื่อหลายปีก่อน การลบรอยหยักเป็นวิธีการลบความคมชัดออกจากส่วนที่มีความเปรียบต่างสูงเช่นขอบตัวอักษรและรูปทรงเรขาคณิตหากมีคนที่ไม่รู้จัก เมื่อคุณได้รับตัวละครต่อต้านนามแฝงที่เขียนด้วยสีดำบนพื้นหลังสีขาวและคุณซูมเข้าเพื่อดูพิกเซลมีสีที่แตกต่างจากตัวอักษรที่พบในระดับสีเทาซึ่งสำหรับฉันดูเหมือนจะเป็นอุบายเพราะเราต้องทำ การถ่ายที่ราบรื่นจากสีดำเป็นสีขาว คำถาม: ทำไมสีแตกต่างจากสีเทาในระดับที่ใช้สำหรับป้องกันนามแฝงของอักขระสีดำในพื้นหลังสีขาว ป.ล. : ฉันจะสร้างแท็ก "การลบรอยหยัก" ถ้าฉันมีชื่อเสียงเพียงพอ อัปเดต : ตอนนี้ฉันนึกถึงทฤษฎีแล้ว หากตัวอักษรนั้นตั้งใจที่จะแสดงบนหน้าจอคอมพิวเตอร์และส่วนที่เล็กที่สุดของหน้าจอที่สามารถเป็นสีดำได้คือทั้งพิกเซลที่ประกอบไปด้วยแสงน้อยสามดวงซึ่งจะทำให้จุดที่เล็กที่สุดในจดหมายใด ๆ มีขนาดค่อนข้างใหญ่ แต่ถ้า anti-aliasing ที่ประกอบขึ้นด้วยจุดโดยรอบหรือจุดภายในสามารถแสดงเพียง 1/3 ของพิกเซลด้วยความช่วยเหลือบางอย่างจากสีไปด้านข้างซึ่งหมายความว่าตัวอักษรอาจมีขนาดเล็กลง มันคืออะไร

6
เส้นทางนักพัฒนาไปยังนักออกแบบ: วิธีการ
ในฐานะนักพัฒนาที่ต้องการเป็นนักออกแบบฉันสนใจที่จะเรียนรู้วิธีสร้าง UI อันดับต้น ๆ สำหรับเว็บไซต์แอพมือถือและอื่น ๆ อย่างไรก็ตามฉันไม่รู้อะไรเกี่ยวกับ Photoshop หรืออะไรที่เกี่ยวข้องกับการออกแบบทักษะหลักของฉันคือ HTML และ CSS . ฉันจะเริ่มได้ที่ไหน ฉันจะเรียนรู้วิธีสร้างเว็บไซต์และอินเทอร์เฟซที่สวยงามได้อย่างไร

6
ทำนามบัตร คำแนะนำใด ๆ?
ฉันไปที่เว็บอ่านบทความเกี่ยวกับข้อผิดพลาดของนามบัตรและนี่คือรายการทั้งหมดของพวกเขา: อย่าใช้วัสดุ / เทคนิคราคาถูกหรือพยายามพิมพ์ของคุณเอง อย่าใช้นามบัตรโลหะ พวกเขาจะไม่ได้รับความปลอดภัยจากสนามบิน (เป็นเรื่องจริงเหรอ?) อย่าใช้ตัวอักษรขนาดใหญ่สำหรับที่อยู่และข้อมูลติดต่อ อย่าวางภาพใบหน้าไว้บนการ์ด อย่าใช้ภาพที่มีพิกเซลหรือภาพต่ำกว่ามาตรฐาน อย่าจีบด้วยระยะขอบ อย่าทำให้การ์ดของคุณแน่นเกินไป ไม่รวมถึงข้อมูลที่น่าสนใจสำหรับลูกค้าเช่น "การรับประกัน 5 ปี" เป็นต้น จำเป็นต้องระบุชื่อที่อยู่อีเมลหมายเลขโทรศัพท์และหมายเลขแฟกซ์ แต่มีสิ่งอื่นหรือไม่ PS: สำหรับการ์ด 3.5x2 ฉันควรใช้การตั้งค่าต่อไปนี้ใน Photoshop ใช่ไหม? 3.75x2.25, 300 DPI

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

4
จัดข้อความในกึ่งกลางที่แน่นอน (แนวตั้งและแนวนอน) โดยไม่สร้างเค้าร่าง?
ใน Illustrator คุณจะจัดแนวข้อความในกึ่งกลางของรูปร่างได้อย่างไรโดยไม่ต้องสร้างโครงร่าง ถ้าฉันไปที่กึ่งกลางข้อความโดยใช้ palette จัดเรียง Illustrator จะจัดเรียงข้อความไว้ในกล่อง bounding ฉันรู้ว่าคุณสามารถสร้างโครงร่างได้ แต่ฉันต้องการให้ข้อความสามารถแก้ไขได้ในกรณีที่ฉันต้องทำการเปลี่ยนแปลงในภายหลัง ความคิดใด ๆ

7
แนวทางปฏิบัติที่ดีที่สุดในการจัดการกับตัวแบ่งบรรทัดที่ต้องการในการออกแบบเว็บที่ตอบสนองคืออะไร
ฉันออกแบบเว็บไอเท็มหน้าเว็บอย่างง่ายสำหรับการขายหรืออีเมล ฉันมักพบว่ามีปัญหากับพาดหัวและตัวแบ่งบรรทัดที่ฉันต้องการตามความกว้างของสื่อที่แตกต่างกัน ตัวอย่างเช่นฉันอาจมีหัวข้อเช่น: สิ่งใหม่ของเราคือสิ่งที่ดีที่สุดตั้งแต่หั่นขนมปัง! ด้วยการไม่สนใจเส้นแบ่งเส้นแบ่งเช่นนี้: สิ่งใหม่ของเราคือสิ่งที่ดีที่สุดตั้งแต่หั่นขนมปัง! ที่เว็บขนาดเต็มฉันต้องการแยกบรรทัดหลังจาก "ตัว" สร้างสองบรรทัด สิ่งใหม่ของเราคือสิ่งที่ดีที่สุดตั้งแต่หั่นขนมปัง! สำหรับหน้าจอที่มีความกว้างปานกลางฉันจะแบ่งสองครั้ง: สิ่งใหม่ของเราคือสิ่งที่ดีที่สุดตั้งแต่หั่นขนมปัง! สำหรับหน้าจอที่แคบลงฉันจะแตกหักหลังจาก "ใหม่" หลังจาก "thingamabob" และหลังจาก "สิ่ง" สร้างสี่บรรทัด ของเราใหม่thingamabob เป็นสิ่งที่ดีที่สุดตั้งแต่ขนมปังหั่น! ฉันจริงๆไม่ต้องการที่จะใช้แท็กแบ่ง ( <br>) เพราะที่ยากชุดแบ่งในทุกขนาด จนถึงตอนนี้ฉันได้ใช้เคียวรีสื่อบันทึกและเปอร์เซ็นต์ความกว้างสำหรับแท็กต่างๆh1- h5เพื่อให้ความกว้างของแท็กบังคับให้หยุดพัก แต่ดูเหมือนว่า "แฮ็ค" สำหรับฉัน (มันก็ค่อนข้างเจ้าอารมณ์ในบางครั้งตามข้อความจริง) เป็นวิธีที่ดีที่สุดในการควบคุมตัวแบ่งบรรทัดโดยไม่ต้องเขียนโค้ดลงใน html อย่างไร

13
การพิมพ์สองด้าน: การวางตำแหน่งที่แน่นอน?
ฉันได้ออกแบบการ์ดแฟนซี (80 มม. x 48 มม.) และฉันต้องการที่จะพิมพ์ลงบนกระดาษทั้งสองด้านในขณะนี้ (5x2 ต่อกระดาษ A4) ตามธรรมชาติแล้วทั้งสองด้านของการพิมพ์ต้องตรงกันอย่างแน่นอน อย่างไรก็ตามหลังจากพยายามมาหลายครั้งดูเหมือนว่ามันจะไม่ทำงานตามที่คาดไว้: เครื่องพิมพ์ของฉันดูเหมือนว่าจะกำหนดระยะขอบเพิ่มเติมซึ่งทำให้การจัดตำแหน่งยุ่งเหยิง (ซึ่งทำให้พื้นที่พิมพ์ของด้านหน้าไม่ตรงกับพื้นที่พิมพ์ด้านหลังอีกต่อไป) ฉันได้ลองเพิ่มขนาดพิเศษ 1-2 มม. ทุกด้านเพื่อให้มีความผันผวนบ้าง แต่สิ่งนี้กลับไม่เพียงพอ ความแตกต่างดูเหมือนจะเป็นไปในทิศทางเดียวกันเสมอ แต่การย้ายภาพไปรอบ ๆ นั้นดูเหมือนจะไม่เปลี่ยนแปลงมากนัก - ราวกับว่าเครื่องพิมพ์จะแก้ไขสิ่งนี้โดยอัตโนมัติ ดังนั้นฉันสงสัยว่ามีวิธีที่ดีที่จะทำหรือไม่ ใน PDF สิ่งต่าง ๆ อยู่ในแนวเดียวกันเป็นอย่างดี แต่เครื่องพิมพ์ทำให้มันมีความแตกต่างมากกว่า 2 มม. มีความคิดอะไรที่ทำให้เกิดสิ่งนี้และจะหลีกเลี่ยงได้อย่างไร? (สำหรับสิ่งที่คุ้มค่าฉันใช้ Windows 7 (โปร, 64 บิต) และเครื่องพิมพ์ของฉันคือ Samsung CLP-325)

2
วิธีทำให้สีปรากฏบนพื้นหลังที่แตกต่างกันอย่างไร
พื้นหลังเกี่ยวกับการรับรู้สี: เนื่องจากลักษณะของสายตามนุษย์และการประมวลผลภาพโดยสมองที่มีภาพลวงตาที่มีสีเดียวกันจะมีลักษณะที่แตกต่างกันขึ้นอยู่กับพื้นหลัง เป็นที่รู้จักกันในนามเอฟเฟกต์ความคมชัดภาพประกอบด้านล่าง - รูปสี่เหลี่ยมผืนผ้าตรงกลางเหมือนกัน: ที่มา: Wikimedia ภาพประกอบ(และรายงาน) โดย NASAทำให้ผลของสีพื้นหลังชัดเจนยิ่งขึ้น: ที่มา: ห้องปฏิบัติการวิจัยการใช้สีของนาซา (โปรดสังเกตว่าสีที่สูงที่สุดสองสีในภาพที่สองปรากฏเหมือนกัน แต่จริง ๆ แล้วแตกต่างกันโดยสิ้นเชิง) แล้วการออกแบบเว็บล่ะ คำถามของฉันเกี่ยวข้องกับการออกแบบเว็บโดยเฉพาะในกรณีนี้สีของข้อความลิงค์ในพื้นหลังที่แตกต่างกัน สำหรับสีข้อความที่กำหนดหนึ่งจะพบสีเสริมเพื่อให้มันปรากฏบนพื้นหลังที่แน่นอนได้อย่างไร ลองมาดูตัวอย่างสำหรับคำถามนี้ ลองพิจารณาตัวอย่างด้านล่างด้วยตัวอักษรสีเหลือง#FFF000บนพื้นหลังต่อไปนี้: สีขาว#FFFFFF, ดำ#000000, #555555และสีเทา อย่างที่คาดไว้ไม่เหมือนกันเลย ( ดูและดาวน์โหลดไฟล์. PSD ที่นี่ ) เราจะทำให้มันดูเหมือนกันทั้งสามได้อย่างไร เห็นได้ชัดว่าข้อความบนพื้นหลังสีขาวจะต้องมีสีเหลืองเข้มและข้อความบนพื้นสีเทาต้องการการปรับสี / โทนสี (ข้อความโดยรอบจะมีผลกับมันด้วย - แต่อาจเป็นเรื่องยากสำหรับบัญชี) สามารถคำนวณสีที่สมบูรณ์แบบนี้ได้โดยใช้ Hex, RGB หรือระบบอื่นหรือไม่? นั่นคือที่มาของคำถามนี้เพราะมันจะมีประสิทธิภาพมากกว่าการประมาณค่าด้วยตนเอง

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