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

היום, נתחיל עם אפקט הטקסט המקסים הזה, וכפי שרוב הקוראים מבקשים, אנו משחררים גם את ה-PSD להורדה תמורת $1 בלבד. ה-PSD מיועד למטרות למידה בלבד; אתה יכול לשלב אותו בפרויקט עבור לקוח, אבל אתה לא יכול למכור ישירות את הקובץ הזה.

די לדבר; בואו נתחיל.

אפקט טקסט מובלט בפוטושופ

פוטושופ אפקט טקסט מובלט - טקסט בולט מעוצב מסוגנן עם זוהר מתכתי
https://loreleiwebdesign.com/wp-content/uploads/2010/01/downloadssuccess1dollar.jpg

שלב 1. הכנת Photoshop Canvas.

צור קובץ Photoshop חדש (Ctrl + N). אנחנו משתמשים כאן בגודל 600*400, אבל כמו תמיד - שלך יכול להיות הרבה יותר גדול אם אתה צריך את זה.

פוטושופ אפקט טקסט מובלט - טקסט בולט מעוצב מסוגנן עם זוהר מתכתי

בעזרת הכלי Paint Bucket, מלאו את הבד בצבע אפור-כחול כהה — #535559.

שלב 2. בחר את הגופן.

אני מעריץ גדול של כל הגופנים שהיו בשימוש ומפורסמים עוד בשנות ה-50, אז הגופן האהוב עליי בכל הזמנים כנראה יהיה "בלו". זה לא בחינם, אבל אתה יכול לרכוש אותו באינטרנט. שים לב שהגופן לא ייכלל אם תרכוש את קובץ ה-PSD מכיוון שאיננו יכולים להפיץ גופנים מסחריים. לכן, אם יש לך גופן Bello, בחר אותו והקלד את המילה שלך באות גדולה. השתמשנו כאן ב-188p.

פוטושופ אפקט טקסט מובלט - טקסט בולט מעוצב מסוגנן עם זוהר מתכתי

שלב 3. הוספת סגנונות שכבה.

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

פוטושופ אפקט טקסט מובלט - טקסט בולט מעוצב מסוגנן עם זוהר מתכתי
פוטושופ אפקט טקסט מובלט - טקסט בולט מעוצב מסוגנן עם זוהר מתכתי

עכשיו מרקם הרקע. אנו נשתמש בתבנית שיצרנו בעצמנו, ואם תרכשו את קובץ ה-PSD, הוא כבר ייכלל בסגנון.

פוטושופ אפקט טקסט מובלט - טקסט בולט מעוצב מסוגנן עם זוהר מתכתי

לבסוף, נוסיף קו של 1 פיקסלים עם שכבת-על שיפוע כדי לתת לטקסט יותר עומק.

דֶגֶל
פוטושופ אפקט טקסט מובלט - טקסט בולט מעוצב מסוגנן עם זוהר מתכתי

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

פוטושופ אפקט טקסט מובלט - טקסט בולט מעוצב מסוגנן עם זוהר מתכתי

שלב 4. הוספת עומק לקנבס.

זה עידן ה-web 2.0, וקנבס שטוח יכול להרוס כל אפקט, לא משנה כמה הוא יפה, כך שאם אנחנו רוצים שהמוצר שלנו יקפוץ, הוא חייב להיות בעל קצת עומק. לכן לא נחזור לקנבס הבסיס (אם הוא נעול, לחץ עליו פעמיים בפלטת השכבות, ולחץ על OK כדי לבטל את הנעילה). לך ל שכבה >> סגנונות שכבה, והחל את ההגדרות הבאות:

פוטושופ אפקט טקסט מובלט - טקסט בולט מעוצב מסוגנן עם זוהר מתכתי
פוטושופ אפקט טקסט מובלט - טקסט בולט מעוצב מסוגנן עם זוהר מתכתי

עבור השיפוע, השתמש בצבעים הבאים:
1. #667c85 בתור התכלת
2. #475e68 בתור הכחול הכהה

הנה מה שיש לנו עד כה…

פוטושופ אפקט טקסט מובלט - טקסט בולט מעוצב מסוגנן עם זוהר מתכתי

שלב 5. הוספת גלוס

לחץ על "Ctrl" ולחץ על שכבת הטקסט בפלטת שכבות הפוטושופ שלך. פעולה זו תטען מבחר טקסט.

פוטושופ אפקט טקסט מובלט - טקסט בולט מעוצב מסוגנן עם זוהר מתכתי

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

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

פוטושופ אפקט טקסט מובלט - טקסט בולט מעוצב מסוגנן עם זוהר מתכתי

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

פוטושופ אפקט טקסט מובלט - טקסט בולט מעוצב מסוגנן עם זוהר מתכתי

כעת, כדי לתת לו מגע נעים וטבעי, הגדר את אטימות השכבה של הברק ל-"Overlay" (נא לראות להלן):

פוטושופ אפקט טקסט מובלט - טקסט בולט מעוצב מסוגנן עם זוהר מתכתי

שלב 6. הוספת נוצצים

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

דֶגֶל

הגדר את אטימות המילוי של הנקודות ל-70%. עבור ממצב "רגיל" למצב "שכבת על".

טיפ: החל רק את הנקודות שבהן קו הטקסט לבן, זה ישפר את אפקט האור.

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

פוטושופ אפקט טקסט מובלט - טקסט בולט מעוצב מסוגנן עם זוהר מתכתי

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

אני מקווה שנהניתם ממדריך הפוטושופ הזה, והקפידו גם לבדוק את מדריכי הפוטושופ האחרים שלנו ולהירשם לעדכון. אם תרצה ללמוד מהר יותר, אנא קנה את קובץ ה-PSD של המדריך תמורת $1.00 בלבד. כשתסיים את התשלום, לחץ על כפתור "חזור לסוחר" - ההורדה תתחיל אוטומטית. אם, מכל סיבה שהיא, ההורדה לא הפנתה אותך, אנא השאר תגובה למטה או שלח לנו דוא"ל, ואנו נשלח לך את הקובץ בהקדם האפשרי. תודה!

אפקט טקסט מובלט פוטושופ - טקסט בולט מעוצב מסוגנן עם זוהר מתכתי - קנה

גרסת טקסט

מדריך משופר: יצירת טקסט בולט עם זוהר מתכתי בפוטושופ

סקירה כללית

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

דרישות

  • Adobe Photoshop (כל גרסה עדכנית תתאים)
  • ידע בסיסי בכלים וממשק פוטושופ

שלב 1: הגדרת המסמך שלך

  1. פתח את Photoshop וליצור מסמך חדש. לשימוש באינטרנט, מספיק גודל של 800×600 פיקסלים ברזולוציית 72 dpi. להדפסה, שקול רזולוציה גבוהה יותר (לפחות 300 dpi).
  2. ממלאים את הרקע עם צבע כהה או שיפוע כדי להבליט את הזוהר המתכתי. כחול עמוק או שחור עובד היטב עבור האפקט הזה.

שלב 2: יצירת הטקסט

  1. בחר בכלי הטקסט (T) והקלד את הטקסט הרצוי. בחר גופן מודגש או עבה לקבלת אפקט הבלטה הטוב ביותר. גופנים כמו Arial Black או Impact הם בחירות טובות.
  2. התאם את גודל הגופן כדי להתאים לעיצוב שלך. עבור הדרכה זו, הבה נשתמש בגודל גופן שממלא חלק ניכר מהקנבס, ומבטיח שהפרטים של הבלטה ואפקטי הזוהר יהיו גלויים.

שלב 3: החלת האפקט המוטבע

  1. כאשר שכבת הטקסט שלך נבחרה, עבור לחלונית Layers ולחץ פעמיים כדי לפתוח את תיבת הדו-שיח Layer Style.
  2. בחר "שיפוע והטבעה" כדי להוסיף עומק לטקסט שלך. השתמש בהגדרות אלה למראה מובלט עדין ומציאותי:
    • סגנון: שפוע פנימי
    • טכניקה: חלק
    • עומק: 100%
    • כיוון: למעלה
    • גודל: 5 פיקסלים (התאם בהתאם לגודל הטקסט שלך)
    • ריכוך: 0 פיקסלים
  3. התאם את ההצללה כדי לשפר את התחושה המתכתית. הגדר את הזווית ל-120° ואת הגובה ל-30°. נסה עם הגדרות ה-Gloss Contour מראש כדי למצוא אחד שמשלים את העיצוב שלך.

שלב 4: הוספת הזוהר המתכתי

  1. עדיין בתיבת הדו-שיח סגנון שכבה, בחר "זוהר פנימי" לברק פנימי עדין. בחרו צבע בהיר המתאים למראה המתכתי הרצוי (כסף, זהב וכו'). הגדר את מצב המיזוג למסך, אטימות ל-75% וגודל ל-20 פיקסלים בערך.
  2. הוסף "זוהר חיצוני" ליצור רושם של אור המשתקף מהמתכת. בחר צבע דומה לזה של Inner Glow, הגדר את מצב המיזוג למסך, אטימות ל-50-75%, והתאם את הגודל כדי להשיג אפקט רך וזוהר סביב הטקסט שלך.

שלב 5: חידוד המרקם המתכתי

  1. לתוספת מרקם וריאליזם, לחץ על "סאטן" בתיבת הדו-שיח סגנון שכבה. זה מוסיף עומק ומורכבות לגימור המתכתי. השתמש בהגדרות הבאות:
    • מצב מיזוג: הכפל
    • אטימות: 20%
    • זווית: 19 °
    • מרחק: 21 פיקסלים
    • גודל: 27 פיקסלים
  2. שחק עם "קווי המתאר" הגדרות תחת Bevel & Emboss עבור ניואנסים מרקם נוספים, שיפור האפקט המוטבע.

שלב 6: התאמות סופיות

  1. כוונן את המראה הכללי על ידי התאמת אטימות המילוי של השכבה ל-0%. זה יהפוך את צבע הטקסט לבלתי נראה, וישאיר רק את סגנונות השכבה גלויים לקבלת אפקט מתכתי ומוטבע יותר בולט.
  2. אם תרצה, הוסף שכבת רקע עם שיפוע או דפוס המשלימים את הטקסט המתכתי שלך להשלמת העיצוב.

סיכום

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

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

דֶגֶל