איך יוצרים קופסת מוצרים בפוטושופ?

כאשר תיבת התאורה הפנימית גדולה באותה מידה כמו תיבת המוצר והצל
כעת אתה אמור לראות אזור כהה סביב התמונה, כאשר תיבת התאורה הפנימית גדולה באותה מידה כמו תיבת המוצר והצל.

האם אתה רוצה לעצב קופסה אטרקטיבית עבור המוצר שלך? בעזרת Photoshop תוכלו ליצור אחד כזה, בדיוק כמו זה שנמצא בקרבת מקום.

צעדים

  1. 1
    התחל את Photoshop וצור מסמך חדש על ידי הקלדת ctrl + n. כדי שיהיה לך הרבה מקום לעבוד איתו, עבור "שם:" הזן את ProductBox, "רוחב:" הזן 600, עבור "גובה:" הזן 600, "רזולוציה:" הזן 72 ו"תוכן הרקע: "הזן לבן. לחץ על "אישור".
  2. 2
    הוסף את החלק הקדמי ואת הצד של התיבה.
    • צור חזית וצד עבור תיבת המוצר כמסמכים נפרדים, או פתח את התמונות הקדמיות והצדדיות שהורדו מהקטע "דברים שתצטרך" להלן. עבור הוראות כיצד, התמונות בשימוש הן התמונות שהורדו. אם אתה רוצה ליצור חזית וצד משלך, הורד את התמונות מלמטה והשתמש בהן כנקודת מוצא לתמונות משלך.
    • הפעל את המסמך product_box_front על ידי לחיצה על סרגל הכלים שלו. הקש CTRL + A לבחירת המסמך כולו, ואז CTRL + C להעתקת תוכן המסמך.
    • הפעל את מסמך ProductBox שיצרנו זה עתה על ידי לחיצה על סרגל הכלים שלו. הקלד CTRL + V כדי להדביק את חזית התיבה במסמך.
    • הפעל את מסמך המוצר_תיבת_על ידי לחיצה על סרגל הכלים שלו. הקלד CTRL + A לבחירת המסמך כולו ואז CTRL + C להעתקת תוכן המסמך.
    • הפעל את מסמך ProductBox שיצרנו, והקלד CTRL + V כדי להדביק את צד התיבה במסמך. כעת תוכל לסגור את החלק הקדמי והצד של מסמכי התיבה, אינך זקוק להם יותר. מסמך ProductBox החדש שלנו אמור להיראות כך:
    • שימו לב לחזית וצד התיבה יושבים אחד על השני. אנחנו הולכים לתקן את זה.
    צייר קופסה סביב כל קופסת המוצר כולל הצל
    צייר קופסה סביב כל קופסת המוצר כולל הצל.
  3. 3
    יישר את החלק הקדמי והצד. עכשיו אנחנו הולכים להזיז את החלק הקדמי ואת הצד של הקופסה במקום ואז לעוות אותם כדי לתת לתיבה מראה תלת ממדי.
    • תן לשכבות כמה שמות. בלוח השכבות, לחץ לחיצה ימנית על השכבה שמכילה את חזית התיבה שלנו ובחר מאפייני שכבה. שינוי שם: אל החזית. עכשיו לעשות את אותו הדבר עבור השכבה המכילה את הצד של הקופסא שלנו, ועל לשנות את השם ל Side.
    • לחץ על השכבה הקדמית בחלונית השכבות. הקלד V כדי לוודא שכלי העבר פתוח. בתוך המסמך גררו והזיזו את קדמת התיבה ימינה עד לחזית כמעט עד קצה המסמך.
    • לחץ על שכבת הצד בחלונית השכבות. בתוך המסמך, גרור את צד התיבה עד שהיא מסודרת בקצה השמאלי של חזית התיבה. המסמך שלך אמור להיראות כך:
      • אם שתי השכבות מסודרות כראוי, אז החלק הקדמי והצד צריכים להיראות כמו תמונה שטוחה אחת.
    • וודא כי שכבת הצד נבחרה בחלונית השכבות, לחץ על תמונה > התאמות > בהירות / ניגודיות. הגדר את הבהירות ל- -20. מכיוון שהאור אמור לפגוע בקופסת המוצר מלפנים, על הצד של הקופסה להיות מעט כהה יותר מקדמתה.
  4. 4
    מעוותים את החלק הקדמי והצד. זה החלק המסובך. עלינו לעוות את החלק הקדמי ואת הצד של התיבה באמצעות הכלי לעוות.
    • לחץ על השכבה הקדמית בחלונית השכבות. כעת לחץ על עריכה > שינוי > עיוות. זה יוצר תיבה מעוותת סביב החלק הקדמי של התיבה. תפוס את הידית המרובעת בפינה השמאלית העליונה וגרור אותה למטה כ -150 פיקסלים.
    • תפוס את הידית המרובעת בפינה הימנית התחתונה, וגרור אותה למעלה מ -150 פיקסלים.
    • תפוס את הידית המרובעת בצד ימין במרכז וגרור אותה בכ- 200 פיקסלים. וודא שהצד הימני של החלק הקדמי ישר. התאם מעט את ידיות הפינה כדי ליישר את הצד אם אתה צריך. כעת הקש ENTER כדי לאשר את העיוות. המסמך שלך אמור להיראות כך:
      • אם התמונה שלך לא נראית די קרובה לזה, עיוות את התמונה יותר עד שתשיג את האפקט הנכון.
    • עכשיו אנחנו צריכים לעוות את הצד של הקופסה. לחץ על השכבה הצדדית בחלונית השכבות. לחץ על ערוך > שינוי > עיוות. זה יוצר את אותו סוג של תיבה מעוותת בצד.
    • תפוס את הידית המרובעת בפינה השמאלית העליונה וגרור אותה כלפי מטה בכ- 75 פיקסלים. עכשיו תפס את הידית המרובעת בפינה השמאלית התחתונה, וגרור אותה מעלה כ 75 פיקסלים. אנחנו לא רוצים שהתיבה תיראה עמוקה כמו שהיא, אז אחזו בידית השמאלית של הצד וגררו אותה בכ -150 פיקסלים. לחץ על ENTER כדי לאשר את העיוות. כעת התמונה שלך צריכה להיראות כך:
    • אם התמונה שלך לא נראית די קרובה לזה, עיוות את הצד קצת יותר עד שתשיג את האפקט הנכון.
  5. 5
    הזז את התיבה.
    • לחץ על השכבה הקדמית בחלונית השכבות. אנו רוצים לקשר את השכבה הקדמית והצדדית, כך שאם תזיז אחד, שניהם נעים. אז לחץ על התיבה הקטנה לצד שם השכבה בשכבה הצדדית.
      • זה מראה קצת "חוליית שרשרת" בתיבה. פירוש הדבר ששתי השכבות קשורות זו בזו.
    • השתמש בכלי ההעברה (V) כדי להזיז את התיבה לפינה הימנית של המסמך. כעת כאשר אנו מזיזים את השכבה הקדמית, שכבת הצד באה בעקבותיה. המסמך שלך אמור להיראות כך:
      • אם המסמך שלך לא נראה די קרוב לזה, הזז את התיבה עוד קצת עד שתקבל את המיקום הנכון.
    גרור את צד התיבה עד שהיא מסודרת בקצה השמאלי של חזית התיבה
    בתוך המסמך, גרור את צד התיבה עד שהיא מסודרת בקצה השמאלי של חזית התיבה.
  6. 6
    הוסף צל תיבה למסמך.
    • לחץ והחזק את לחצן העכבר השמאלי בשכבה הקדמית וגרור את השכבה כלפי מטה לסמל השכבה החדשה בתחתית לוח השכבות. זה יוצר עותק של השכבה הקדמית בשם Front Copy.
  7. 7
    לחץ על תמונה> התאמות> גוון / רוויה. הגדר את "קלילות" ל -100.
    • לחץ על "אישור". זה הופך את שכבת העתק הקדמי שלך לשחורה לחלוטין. כעת הזז את שכבת העתק הקדמי מתחת לשכבה הקדמית. עשה זאת על ידי לחיצה שמאלית והחזקת שכבת העתק חזית וגרור אותה מתחת לשכבה הקדמית. כעת אינך יכול לראות את שכבת העתק הקדמי מכיוון שהיא מאחורי השכבה הקדמית. לחץ לחיצה ימנית על שכבת ההעתקה הקדמית ובחר "מאפייני שכבה". שנה את שם השכבה הזו ל"תיבת צל ".
    • לחץ על "ערוך"> "הפוך"> "מעוות" כאשר נבחרה שכבת Box Shadow. אנו הולכים לעוות את השכבה הזו כך שהיא תיראה כמו צל המוטל מאחורי הקופסה. גרור את ידית הפינה השמאלית העליונה כלפי מטה עד לרמתה עם צד התיבה. גרור כעת את הידית המרובעת בפינה השמאלית העליונה עד שחלקה האחורי של שכבת Box Shadow פועל באותה זווית כמו תחתית התיבה. גרור כעת את ידית הפינה הימנית התחתונה עד שהיא פוגשת את הפינה הימנית התחתונה של התיבה. בצע התאמות בפינות עד שייראה "נכון". לחץ על ENTER כדי לאשר את העיוות. כעת התמונה שלך צריכה להיראות כך:
  8. 8
    בצע כמה התאמות קלות בתיבה, כך שהיא לא תראה צל, מכיוון שהתיבה שלנו כוללת צל, והצל על התיבה, פשוט לא נראה תקין. עלינו לבצע שינויים קלים.
    • לחץ על פילטרים > טשטוש > טשטוש גאוס. הגדר את "רדיוס" ל -10.
    • לחץ על "אישור".
    • ודא שנבחרה שכבת Box Shadow, והגדר את אטימות ל- 50% בחלונית השכבות.
    בצע כמה התאמות קלות בתיבה
    בצע כמה התאמות קלות בתיבה, כך שהיא לא תראה צל, מכיוון שהתיבה שלנו כוללת צל, והצל על התיבה, פשוט לא נראה תקין.
  9. 9
    תקן את העובדה שהמסמך גדול בהרבה מהתיבה. חתוך את המסמך מעט עד שיהיה גדול בדיוק כמו תיבת המוצר.
    • הקלד C כדי לפתוח את הכלי Crop. הכלי הזה עובד קצת כמו הכלי Square Marquee. צייר קופסה סביב כל קופסת המוצר כולל הצל. כעת אתה אמור לראות אזור כהה סביב התמונה, כאשר תיבת התאורה הפנימית גדולה באותה מידה כמו תיבת המוצר והצל.
    • ניתן לכוון את גודל היבול על ידי גרירת הידיות המרובעות פנימה והחוצה. ברגע שאתה מרוצה, לחץ על ENTER כדי לאשר את החיתוך.
  10. 10
    הסתכל והשתמש במוצר המוגמר שלך. זהו, סיימת! התמונה הסופית שלך צריכה להראות בערך כך:

טיפים

  • ניתן ללחוץ על תמונה > גודל תמונה כדי להתאים את גודל התמונה. כרגע התמונה שלנו היא בערך 600x500 פיקסלים. אם אתה מתכוון להכניס תמונה זו לאתר, אתה תרצה שהתמונה תהיה בערך 400x330.

דברים שתזדקק להם

  • Adobe Photoshop CS ואילך
FacebookTwitterInstagramPinterestLinkedInGoogle+YoutubeRedditDribbbleBehanceGithubCodePenWhatsappEmail