דף הבית » גאדג 'טים » איך לצייר גלקסי Samsung סמסונג S2 - Photoshop הדרכה

    איך לצייר גלקסי Samsung סמסונג S2 - Photoshop הדרכה

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

    הנה תצוגה מקדימה של מה שאתה הולך לבנות:

    כדי לעקוב אחר הדרכה זו, תזדקק למשאבים הבאים:

    • 26 תבניות דפדוף חוזרות של PSDfreemium
    • ערפילית ערכת משאבים מ Kire1987

    שלב 1 - הכנת הבד ב Illustrator

    פתח את Adobe Illustrator. צור קובץ חדש בגודל A4. לחץ על Ctrl + R כדי להציג את השליט. הפוך שכבה חדשה בשם זה להנחות. נשתמש בזה כדי למקם את כל המדריכים שלנו. צייר מתוך השליט על הבד כדי ליצור מדריך חדש. מדריכים אלה נדרשים כדי לעזור לנו לצייר את הטלפון wireframe בדיוק. ראה את התמונה שלהלן לעיון.

    שלב 2 - טלפון בסיסי צורה

    הצעד הראשון שלנו הוא לצייר צורה בסיסית של הטלפון. הפעל את מלבן מעוגל כלי. לחץ פעם אחת על הבד כדי לפתוח את מלבן מעוגל תיבת דו-שיח אופציונלית. אל תדאג עם הגדרות רוחב וגובה. הקפד להזין 35 נק ' on רדיוס פינה. לחץ על בסדר. יהיה לך צורה מלבנית מעוגלת חדשה.

    אתה יכול פשוט למחוק את זה מיד כי אנחנו לא צריכים את זה, אנחנו רק צריכים לשנות את הגדרות הכלי.

    שלב 3

    הקפד להפעיל מדריכים חכמים מ ה נוף בתפריט. תכונה זו מסייעת לנו לצלם אובייקטים בקלות על המדריכים.

    שלב 4

    לחץ וגרור כדי לצייר מלבן מעוגל ישירות בתוך המדריך שסופק. ראה את התמונה למטה כדי לקבל את המיקום שלה.

    שלב 5

    בחר את המלבן המעוגל שיצרנו זה עתה. לחץ על אובייקט> נתיב> נתיב אופסט. הגדר קיזוז ל -9 נק '.

    שלב 6 - שטח מסך

    בזמן ש מלבן מעוגל הכלי עדיין פעיל, לחץ פעם אחת על הבד. הגדר רדיוס פינה ל 5 נק '. מחק את המלבן המעוגל העשוי מתיבת הדו-שיח מכיוון שלא נזדקק לו.

    שלב 7

    צייר מלבן מעוגל בתוך אזור המסך. השתמש במדריך כדי לעזור לך לצייר אותו במדויק.

    שלב 8

    צורת מסך כפולה שנוצרה זה עתה. צייר מלבן מתחת לצורה. בחר בשתי הצורות ולאחר מכן בחר מינוס קדמי בתוך ה Pathfinder פאנל.

    המלבן יחתוך את אזור המסך ויהפוך אותו למלבן מעוגל למחצה שנוכל להשתמש בו כשטח שורת המצב.

    שלב 9

    הפעל מלבן מעוגל הכלי שוב ולחץ פעם אחת על הבד. הגדר רדיוס פינה ל 10.

    שלב 10 - לחצן הבית

    צייר מלבן מעוגל בחלק התחתון של הטלפון; זה יהיה כפתור הבית.

    שלב 11

    לחץ על אובייקט> נתיב> נתיב אופסט. הגדר קיזוז ל -4 נק '.

    שלב 12

    צייר מלבן מעוגל ולהגדיר למלא ל אף אחד ו שבץ ל שחור. צייר מלבן המכסה את החלק התחתון. בחר בשתי הצורות ובחר מינוס קדמי בתוך ה Pathfinder פאנל. זה יהיה לחתוך את המחצית התחתונה של המלבן מעוגל ולהפוך אותו לתוך מלבן מעוגל למחצה.

    שלב 13

    להשתמש ב בחירה ישירה הכלי ובחר את השורה התחתונה. לחץ על מחק כדי למחוק אותו.

    שלב 14

    כאשר הצורה עדיין נבחרה, בחר אובייקט> הרחב. זה יהפוך אותו למילוי צורה, לא רק קו.

    שלב 15

    צייר שני מלבנים קטנים בתוך הצורה.

    שלב 16

    צייר מלבן מעוגל ולאחר מכן לכסות את הצד השמאלי עם מלבן כמוצג. בחר בשתי הצורות ובחר מינוס קדמי מ ה Pathfinder פאנל. להשתמש ב בחירה ישירה כדי לבחור את הצד השמאלי ולאחר מכן ללחוץ על מחק.

    שלב 17

    בחר אובייקט> הרחב כדי להמיר את השורה הזאת לצורה.

    שלב 18

    צייר מלבן על קצה הצורה.

    שלב 19

    לחץ על מרכז הגבול השמאלי של המלבן כדי להוסיף נקודה חדשה. לחץ על הפינות העליונות והתחתונות למחיקה. נקבל משולש.

    שלב 20

    הגדר למלא ל שחור ו שבץ ל אף אחד.

    שלב 21

    בחר בשתי הצורות ולחץ על להתאחד על Pathfinder פאנל.

    להלן הכפתורים שעשינו.

    שלב 22 - יישום סמלים

    הפעל מלבן מעוגל כלי. לחץ פעם אחת על הבד ולהגדיר רדיוס פינה ל 1 pt.

    שלב 23

    צייר מלבן מעוגל בתוך המסך עבור בסיס הסמלים. הפעל מהלך \ לזוז \ לעבור כלי Alt + Shift + גרור את הצורה כדי לשכפל את זה.

    שלב 24

    בחר את המלבנים המעוגלים שיצרנו זה עתה ואת הקליק מרכז הפצה אופקי על ישר פאנל.

    שלב 25

    לצייר את הצורה של מקלט הטלפון בתוך המלבן הראשון באמצעות עט כלי.

    שלב 26

    להשתמש הקלד והוסף את התווית מתחת לסמל.

    שלב 27

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

    שלב 28

    בחר בשתי הצורות ולחץ על להתאחד על Pathfinder כלי.

    שלב 29

    ב מלבן הבא מעוגל לצייר אליפסה וצורה פסיק. בחר בשתי הצורות ולחץ על להתאחד כדי להפוך אותו להסבר בלון.

    שלב 30

    בתוך המלבן המעוגל האחרון, ציור ארבעה מלבנים מעוגלים קטנים יותר.

    שלב 31

    להלן הסמלים שהושלמו שלנו!

    שלב 32 - תפריט ניווט

    מעל הסמלים, צייר עיגולים קטנים. Alt + Shift + גרור את הצורה כדי לשכפל את זה.

    שלב 33

    בחר את כל המעגלים ולחץ על מרכז הפצה אופקי בתוך ה ישר פאנל.

    שלב 34

    בחר אחד מהמעגלים ושנה את הגודל שלו גדול יותר. מעגל גדול זה מציין שזה הדף 'פעיל'.

    שלב 35 - סמל אותות

    בתוך שורת המצב בחלק העליון של המסך, שרטט מלבן קטן ולאחר מכן לשכפל אותו. גרור את השורה העליונה של המלבן השני כלפי מעלה באמצעות בחירה ישירה כלי.

    שלב 36

    חזור על תהליך זה עד שיש לנו ארבעה מלבנים כפי שמוצג להלן.

    שלב 37 - סמל סוללה

    צייר שני מלבנים מעוגלים. בחר בשתי הצורות ולאחר מכן לחץ על אישור להתאחד.

    שלב 38 - רמקול

    צייר מעגל ו- Shift + Alt + גרור לשכפל אותו. לחץ על Ctrl + D כמה פעמים כדי לחזור על תהליך שכפול זה.

    שלב 39

    צייר מלבן מעוגל גדול מכסה את המעגלים הקטנים.

    שלב 40 - מצלמה

    "מצלמה" הוא פשוט עשוי מעגלים מסוימים עם גדלים שונים עם אותו מקור.

    שלב 41 - לחצני צד

    שרטט שני מלבנים מעוגלים משני צידי הטלפון כפי שמוצג.

    שלב 42 - הכנת בד Photoshop

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

    שלב 43

    בחר את כל הנתיבים ב- Illustrator (Ctrl + A) ולאחר מכן שמור אותו בלוח (Ctrl + C). חזור אל Photoshop ולאחר מכן הדבק אותו (Ctrl + V). בתיבת הדו-שיח אפשרות בחר נתיב.

    שלב 44

    נתיב וקטור יישמר בנתיב חדש בתוך נתיבים פאנל.

    שלב 45 - צורה בסיסית

    העתק את נתיב הצורה הבסיסי לנתיב חדש. לחץ על מעגל לבן ושחור שכבות כדי להוסיף שכבת התאמה חדשה. בחר צבע מוצק והגדר צבע ל # 0f1219 בתיבת הדו-שיח הבאה.

    הוסף שכבת על כדי להוסיף תאורה עדינה על הצורה.

    שלב 46

    לשכפל את הצורה שיצרנו רק פעמיים לחץ על שכבת התמונה הממוזערת שלה כדי לשנות את צבעו # c3c6c9.

    שלב 47

    מסרגל האפשרויות, הגדר מצב נתיב פנימי למצב סחיטה מאזור הנתיב. פעולה זו תהפוך את הצורה לקצה הטלפון.

    הוסף שפוע ו הבלטה כדי להמיר צורה לצורה תלת מימדית.

    שלב 48

    הפוך שכבה חדשה. המרת שכבה ל מסכה על ידי לחיצה על Ctrl + Alt + G. מעתה והלאה, כל מה שאתה מצייר ילך אל קצה הטלפון. הפעל מברשת הכלי ולהגדיר צבע קדמי לשחור. צייר צללים עדינים על חלקים מקצוות הטלפון.

    שלב 49

    הקישו Ctrl על שכבת קצה הטלפון כדי לבצע בחירה חדשה על פי צורתה. לחץ על בחר <שינוי <חוזה על ידי 1 px. על ידי כך אתה עושה את הבחירה קטנה יותר על ידי 1 פיקסלים.

    שלב 50

    הפוך שכבה חדשה לצבוע צללים דקים אחרים מדגיש.

    שלב 51

    חזור על השלב הקודם, הפעם להשתמש חוזה על ידי 2 px. צייר צללים ומדגיש על קצוות הטלפון.

    להלן ההבדל לפני ואחרי הוספת מדגיש וצללים על הקצה. אנחנו יכולים לראות כי התוצאה היא מציאותית יותר.

    שלב 52 - אזור מסך

    שכפל את אזור המסך על נתיב חדש. לחץ על הוסף שכבת התאמה חדשה ובחר צבע מוצק. ניתן להשתמש בכל צבע.

    לחץ פעמיים על השכבה כדי לפתוח סגנון שכבות תיבת דיאלוג. הוסף זוהר פנימי ו שבץ.

    שלב 53

    בואו להכניס טפט ​​לתוך המסך. זרוק תמונה טפט ממש על גבי שכבת שטח המסך. הנה, אני משתמש בתמונת ערפילית יפה.

    שלב 54

    לחץ על Ctrl + Alt + G כדי להמיר אותו מסכה. הטפט ייכנס אוטומטית למסך.

    שלב 55

    לחץ על סמל מעגל שחור ולבן שכבות כדי להוסיף חדש שכבת התאמה. בחר הרוויה גוון מהתפריט והשתמש במחוון כדי לשנות את צבע טפט. הגדר אותו מסכה שוב על ידי להכות Ctrl + Alt + G. בדרך זו, את שכבת התאמה רק להשפיע על הטפט ולא את הטלפון.

    להלן איך את המראה שכבת צריך להיות.

    שלב 56 - לחצנים ראשיים

    שכפל את הלחצן הראשי על נתיב חדש. הוסף שכבת התאמה צבע מוצק עם צבע # cccfd2.

    לחץ פעמיים על השכבה והפעל זרוק צל ו שפוע ו הבלטה.

    שלב 57

    בואו לצייר דגש וצללים על הכפתור. התהליך דומה מאוד למה שעשינו עם קצה הטלפון בשלב 48 לשלב 51.

    הקישו Ctrl על שכבת הלחצן הראשית כדי לבחור בחירה חדשה על פי צורתה. לחץ על בחר <שינוי <חוזה על ידי 1 px.

    שלב 58

    הפוך שכבה חדשה. צבע הדגיש עדין וצללים על הכפתורים.

    שלב 59

    בחר את שני הלחצנים האחרים ושכפל אותם לנתיב חדש. הוסף שכבת התאמה חדשה צבע מלא בצבע לבן עם צבעו.

    שלב 60

    תביא למטה אטימות ל -20%.

    שלב 61 - יישום סמל

    העתק את בסיסי הסמלים לנתיב חדש. צור שכבת התאמה חדשה בצבע מלא. הגדר את הצבע לכחול.

    שלב 62

    לחץ פעמיים על שכבת ולהוסיף עדין שכבת על.

    שלב 63

    מחק את שלושת הצורות האחרות.

    שלב 64

    חזור על התהליך הקודם עבור שאר הצבעים.

    שלב 65

    סמל כפול יוצר על נתיב חדש. הוסף שכבה חדשה של שכבת התאמה. הגדר את צבעו לבן.

    לחץ פעמיים על סמל השכבה והפעל זוהר חיצוני ו שכבת על.

    שלב 66

    הוסף תווית מתאימה מתחת לכל סמל.

    שלב 67 - תפריט ניווט

    בחר ארבעה מעגלי ניווט קטנים והעתק אותם לנתיב חדש. הוסף שכבת התאמה חדשה עם צבע # 7e899b2d.

    שלב 68

    חזור על אותו תהליך עם גדול "פעיל הכרטיסייה" במרכז, הפעם עם צבע # cbced4.

    שלב 69

    הוסף מספר מעל הכרטיסייה הפעל. בחרתי 3 שלי.

    שלב 70 - לחצני צד

    לחצן צד כפול לנתיב חדש. צור שכבת התאמה חדשה בצבע מלא עם צבע # b0b3b6. מניחים אותו מאחורי הטלפון.

    שלב 71

    הוסף צל פנימי עם זווית 0 תואר ו זוהר פנימי.

    שלב 72

    חזור על התהליך עבור הלחצן השני.

    שלב 73

    לחץ פעמיים על לחצן שכבה כדי לפתוח סגנון שכבות תיבת דיאלוג. הוסף צל פנימי אבל הפעם להשתמש 180 מעלות כדי להוסיף צל על הכפתור. כמו כן, הוסף זוהר פנימי.

    שלב 74 - שורת המצב

    בחר בשורת המצב ושכפל אותה לנתיב חדש. צור שכבת התאמה חדשה בצבע מלא בצבע שחור. הוסף מידע זמן.

    שלב 75

    שכפל את הסוללה לנתיב חדש. הוסף שכבה חדשה של שכבת התאמה. בחר בצבע ירוק.

    הוסף זוהר פנימי עם ההגדרות הבאות.

    שלב 76

    שכפל את סמל האות לנתיב חדש והוסף שכבת התאמת צבע מוצק. עבור הצבע שלה לבחור לבן. לחץ לחיצה כפולה שכבה ולהפעיל שכבת על.

    שלב 77 - רמקול

    שכפל את הרמקול לנתיב חדש. מסרגל האפשרויות, הגדר מצב נתיב מעגל קטן יותר סחיטה מאזור הנתיב. הוסף חדש שכבת התאמת צבע מוצק עם # 6b6f76 כמו צבעו.

    לחץ לחיצה כפולה שכבה והוסף את הפריטים הבאים שכבת סגנונות.

    זו התוצאה.

    שלב 78 - מצלמה

    הפעל את המעגל ושכפל אותו לנתיב חדש. הוסף חדש שכבת התאמה עם הצבע # 272d36. לעשות את אותו הדבר עם הטבעת בתוך המעגל אבל עם צבע # 585a5e.

    להלן המצלמה בהגדלה של 100%.

    שלב 79 - השתקפות

    שכפל את צורת הטלפון הבסיסית על גבי שכבה חדשה. צייר צורת מצולע חיתוך על פני הטלפון ולהגדיר את מצב מצטלבים אזור נתיב. הוסף שכבת התאמה חדשה Solid Color, הגדר את הצבע הלבן שלה.

    לחץ פעמיים על צורת ההשתקפות והוסף עדין שכבת על.

    שלב 80

    הגדר תערובת למצב מסך ולהקטין את שלה אטימות ל 70% ו למלא ל 0%.

    שלב 81

    Ctrl- לחץ על שכבת השתקפות. הפוך שכבה חדשה וצבע יותר להדגיש על השטח העליון שלה.

    שלב 82

    מניחים את שכבות הטלפון בתוך קבוצה על ידי בחירת כל אותם ופגע Ctrl + G. לחץ על סמל העין על רקע כדי להסתיר אותם ולהפוך את הטלפון לשבת על רקע שקוף. לחץ על Ctrl + A, Ctrl + Shift + C, Ctrl + V כדי לשכפל את הטלפון לשכבה חדשה.

    שלב 83

    לחץ על Ctrl + T כדי לשנות את הטלפון. קליק ימני ובחרו תהפכו אנכית. הנח את הטלפון מתחת לטלפון המקורי.

    שלב 84

    הוסף מסיכת שכבה וצבע שיפוע מ לבן לשחור כדי לדעוך את השתקפות.

    שלב 85 - צל

    הפעל את מברשת כלי גדול גודל מברשת קשיות 0%. צור שכבה חדשה וצייר קו שחור מתחת לטלפון. הגדר אטימות ל 10%.

    שלב 86 - רקע

    בואו נעבוד על הרקע. הפוך שכבה חדשה ולהתחיל לצייר באמצעות גוונים שונים של כחול. אין כאן כלל מושלם. לשחרר את היצירתיות שלך.

    שלב 87

    הוסף גאוס לטשטש (מסנן> טשטוש> טשטוש גאוסי). השתמש בגודלי רדיוס גדולים מאוד והקפד להפעיל אפשרויות תצוגה מקדימה כדי שתוכל לראות את התוצאות בזמן אמת.

    שלב 88

    בוא נעשה תבנית פיקסל (או, תוכל לדלג על שלבים אלה ולהשתמש בתבנית פיקסל שכבר בוצעה מ- PSDfreemium). ליצור קובץ חדש עם גודל 6 ד ?? Â ?? ד¢?? ?? 6 פיקסלים.

    שלב 89

    לחץ על Ctrl + 0 כדי למקסם את רמת הגדלת הבד. הפוך שכבה חדשה לצייר קו אלכסוני באמצעות עיפרון כלי 1 px גודל מברשת.

    שלב 90

    להתחבא רקע כללי אז אנחנו רואים רק את הקו אלכסוני. לחץ על ערוך> הגדר תבנית כדי לשמור את התמונה כתבנית.

    שלב 91

    חזור לרקע שלנו, לחץ עליו פעמיים והוסף אותו שכבת על באמצעות דפוס שעשינו זה עתה.

    הנה התוצאה.

    תוצאה סופית

    לבסוף, אנחנו יכולים להחזיר את הטלפון שלנו. כפי שאתה יכול לראות, יש לנו רק בשילוב את הגמישות של ציור וקטור ב Illustrator, ואת הקלות של ציור פיקסל ב Photoshop כדי להשיג תמונה מוצר מציאותי. אני מקווה שאתה נהנה זה הדרכה.

    הורד

    לחץ כאן כדי להוריד את PSD הסופי עבור הדרכה זו.