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

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

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

הרבה יותר טוב, נכון? הנה השוואה בין גבולות התמרה הממוצעים שהציעה פוטושופ לבין הגבולות ה"מרומים "שלנו.

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

אתחיל להשתמש בסרגלים (Ctrl + R) כדי להוסיף כמה מדריכים ולסמן את מרכז המסמך המדויק. (למקרה שאינך יודע כיצד לעשות זאת, אולי בדוק כמה מהמדריכי הפוטושופ שלנו?)

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

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

המילה "ספינקס" היא דוגמה מושלמת לאיךשורות בטיפוגרפיה פועלות מכיוון שהיא כוללת אותיות גדולות, עולה (h), יורד (p) ותווים הנמצאים בגובה ה- x (n, x). אך לא כל המילים והביטויים מנצלים את כל גובה הקו. לדוגמה, מילה כמו "זום" או "רץ" ישתמשו רק בגובה ה- x של הקו.
כדי להמחיש את התיאוריה שלי, יצרתי שכבת טקסטעם "ספינקס", סמוק שמאלה. אז השתמשתי בטרנספורמציה חופשית והנחתי מדריכים סביב גבולות תיבת הטרנספורמציה. אף על פי שתיבת הגבול אינה מקפידה לגובה השורה הנוכחי של הגופן הנוכחי, ייתכן שהסיבה לכך היא שלפוטושופ יש גובה מוגדר מראש שנועד לעבוד עם גופנים יותר אקסטראגנטיים ונדירים.

לאחר מכן שכפלתי את השכבה ורק שיניתי את התוכן למילה "רץ" בגובה כל ה- X. לאחר שינוי טרנספורמציה שוב הגבולות היו זהים.

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

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

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

לאחר מכן זה יביא את תיבת הדו-שיח "שכבה חדשה" של פוטושופ. כדי לשמור על דברים מסודרים, קראו לשכבה שלכם במשהו כמו "[Transform Helper]". לחלופין, הוסף צבע כדי להתבלט עוד יותר.

וודא שעוזר ההמרה שלך ממוקם בחלקו העליון או מתחת לשכבת הטקסט שתשנה. עם שכבה אחת שנבחרה Shift + לחץ השנייה להוסיף אותו לבחירה.

ואז, טרנספורמציה חופשית עם Ctrl + T ותבחין מייד בהבדל - גבולות נאותים שמצליחים ישר לקצוות הטקסט שלנו!

לאחר שתרכז את הטקסט, הפעם זה יהיה ממוקד ב 100% על סמך המרחב הפיזי שהטקסט תופס.

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

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

אבל זה לא הכל! המשך אל ל לרמות 05 כדי לגלות מדוע.
Cheat 02 - טרנספורמציה על ידי קיבוץ
אם לא תאהב ליצור שכבה בכל פעם, שיטה שנייה זו עשויה להיות עבורך.
פשוט גרור את שכבת הטקסט שלך לסמל "קבוצה חדשה" (שאני מכנה לעתים קרובות "תיקיה חדשה").

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

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

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

שוב - תיבת הגבלה מושלמת שלא מתחשבת באפקטים שנוספו בנוסף.

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

ללחוץ Ctrl + T לשנות, אה אה! נראה שהאובייקט החכם מנסה לקחת את הזוהר החיצוני המסיבי שלנו בגבולות הטרנספורמציה.

בואו ננסה את זה שוב, אבל רק הפעם עם שלנו אפקטים מושבתים.

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

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

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

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


השאר תגובה