הבית למעצבים בישראל!
מדריך איך להיות מעצב מ-א' עד ת'.
סרטוני הדרכה, מדריכים בכתב, פורום(בקרוב), שאלות ותשובות, טיפים ועוד לתוכנות פטושופ, אילוסטרייטור ואפטר אפקטס.

יום ראשון, 16 באוקטובר 2016

מדריך להשתקפות טקסט בפוטושופ

7:34:00

איך לעשות השתקפות לטקסט בפוטושופ באמצעות כלי ה-Layer Mask וכלי ה-Gradient.




ברוכים הבאים לPhotoshop-IL!
במדריך של היום נלמד איך לעשות השתקפות טקסט עם צל בתוכנת הפוטושופ.

מדריכים שמומלץ לראות לפני ההתחלה:

מדריך לכלי הצורות (היכרות עם התוכנה - סרגל כלים #3)
מדריך למסיכת שכבה (מסיכות - Layer Masks)

נתחיל ברקע:
קודם נפתח חלון חדש בגודל של 700x510 פיקסלים.
עכשיו נעבור לכלי ה-Gradient וניצור אחד כשהצבע בצד שמאל הוא #87234d והצבע בצד ימין הוא #ffe3bc.

המעבר שיצרנו.
עכשיו כדי שהכלי יעבוד בצורה עגולה, נעביר את המצב של המעבר שלנו ל-Radial.

Radial Gradient
עכשיו ניצור מעבר מהאמצע עד לסוף המסך וככה נוצר הרקע שלנו.

הרקע.
אחרי שהרקע מוכן, ניצור את הטקסט:
עכשיו ניצור שכבת טקסט חדשה ונכתוב בה מה שאנחנו רוצים. אני השתמשתי פה בפונט Bebas בגודל 50pt ובצבע #5b5b5b.

הטקסט.
עכשיו כדי לעשות את זה מעניין נוסיף כמה אפקטים בעזרת חלון מיזוג האפשרויות (Blending Options) שלנו. (מדריך בקרוב) קליק ימני על שכבת הטקסט ואז על Blending Options (הכי עליון)
נוסיף B&E, Inner Glow, Gradient Overlay ו-Drop Shadow:






עכשיו בחלון הכי עליון איפה שכתוב Blending Options מסומן האיזור שכתוב בו Layer Mask Hide Effects כדי שבהשתקפות המסיכה לא תשפיע על האפקטים:


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

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

התחלה של הצל.
עכשיו נפתח את חלון ה-Properties שלנו (למי שהחלון לא מופיע שילך לתפריט הראשי ⇠ Window ⇠ ;ומשם ל-Properties) ונוודא שאנחנו על מצב המסיכה למעלה. לאחר מכן נשנה את ה-Feather ל-2.6px ונוריד את האטימות (Opacity) ל-70%. (מדריך על הצורות ועל חלון ה-Properties)

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

נשכפל את שכבת הטקסט על ידי לחיצה על Ctrl+J (חשוב לוודא שרק שכבת הטקסט מסומנת) ונגרור אותה אל מתחת לטקסט המקורי ולצל.
עכשיו נהפוך אותה דרך התפריט הראשי Transform⇠ ועל Flip Vertical.

Flip Vertical מהתפריט הראשי.
עכשיו בעזרת כלי ההזזה (V) נגרור את השכבת למטה תוך כדי לחיצה על Shift כדי להשאיר אותה על ציר ה-Y עד שהיא תיגע בתחתית השכבה המקורית:

התחלת ההשתקפות.
עכשיו נלך לחלון השכבות וניצור מסיכת שכבה. (מדריך)
עכשיו שבוחרים את המסיכה נעבור לכלי ה-Gradient וניצור מעבר צבעים כשהצבע השמאלי הוא שחור מוחלט (#000) והצבע הימני הוא לבן מוחלט. (#fff)
עכשיו נעשה מעבר שמתחיל קצת מעל הקצה התחתון של ההשתקפות ומגיע בערך עד לאמצע שכבת הטקסט המקורית שלנו.
לאחר מכן נוריד את האטימות (Opacity) של ההשתקפות ל-70%.




אם אתם רוצים אפשר להוסיף גם קצת טשטוש דרך התפריט הראשי ⇠ Filter ⇠ Blur ⇠ Gaussian Blur ולבחור בהתאם למידת הצורך. (פה הייתי שם על ⇠ 0.5px)

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

מי שעשה את המדריך יותר ממוזמן להעלות בתגובות את התוצאות, בהצלחה בהמשך! 
קרא עוד
0
פורסם על ידי ב- 7:34:00 אין תגובות:

יום חמישי, 13 באוקטובר 2016

היכרות עם התוכנה - סרגל כלים #3

3:45:00

הכירות עם הממשק הבסיסי של תוכנת הפוטושופ  כלי הצורות וכלי העט (Pen Tool)




עכשיו, אחרי שאנחנו הבנו איך עובדות השכבות ושיש כמה סוגים של שכבות ולא רק שכבה רגילה, הגיע הזמן לפגוש את כלי הצורה!כלי הצורה יוצר שכבת צורה שמורכבת ממספר צלעות ויוצרת צורה. (על שכבות צורה נסביר בהמשך במדריך אחר)
לכלי יש 6 אפשרויות: מלבן (Rectangle), מלבן מעוגל (Rounded Rectangle), עיגול (Circle), מצולע (Polygon), קו (Line) ומותאמת. (Custom)
למרות שלכל צורה יש את הייחודיות שלה ואת הצורה שלה הרעיון של הצורות ממש דומה ואני בטוח שתבינו אותו ממש מהר. רק חוק אחד - אי אפשר למחוק / לצבוע עם מברשת וכל הדברים האלה על שכבה. אם תעשו את זה הפוטושופ יגיד לכם שזה לא אפשרי וישאל אתכם אם להפוך את השכבה לשכבה רגילה (שהיא תראה אותו דבר, אבל לא תהיה אפשרות לערוך את הצורה).

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

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

עכשיו אמור להיות לכם ריבוע שהצבע שלו זהה לצבע העליון בשני הצבעים. (Foreground)
במקרה שלי הצבע היה אפור כהה.
עכשיו כמו בשאר הכלים נעבור על התפריט העליון ונראה מה יש לו להציע לנו:


ראשון מצד שמאל: כמו תמיד פריסטים מוכנים.
שני: בוחר מה בעצם אנחנו "נצייר" עם הכלי שלנו: פיקסלים (שכבה רגילה), צורה (שכבת צורה) או נתיב עבודה (Work Path - רק קו שניתן לעבוד איתו). כרגע נשאר על האופציה Shape ואם זה לא מסומן אצלכם תחליפו לשייפ.
מיד אחר כך בא המילוי. אם נפתח את זה יפתח לנו חלון עם Color Swatches שאנחנו יכולים לבחור או שאם אנחנו מעדיפים, יש לנו אפשרות לבחור צבע שאנחנו רוצים בריבוע הצבעוני הימני העליון.


שימו לב שיש מין ארבעה כפתורים כאלה שהם לא קשורים לצבע, או שכן - הם קשורים למילוי.
הראשון משמאל גורם לזה שלא יהיה מילוי בכלל, השני גורם למילוי של צבע אחיד, (Solid Color) השלישי גורם למעבר צבעים (Gradient) והרביעי גורם למילוי של פאטרן. (Pattern)

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

לאחריו בא מה שבעצם מסגנן לנו את הקו ונותן לנו את השליטה בו. תפתחו אותו ואז תלחצו על More Options... וזאת התמונה שאתם אמורים לקבל:


שימו לב שחלון הראשון שנפתח לכם(הכהה) יש את הפריסטים של הסטרוקים (קווים) שיש כבר וכשלוחצים על More Options... נפתח חלון עם אותם כפתורים ואותם אפשרויות רק שהוסיפו 2 דברים - אז בואו נעבור על זה אחד אחד.

הכפתור למעלה - Save: אתה יכול לשמור פריסט לאחר שאתה עושה שינויים בסטרוק.

ירדנו שורה

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

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

כפתור ימני - Corners: פה אתה מחליט איך יהיה הקצוות של הצורה שלך: קפיצים, עגולים או קטועים.

אתם מוזמנים לבדוק את התוכנה ולהבין על מה אני מדבר לפי הצורות. עכשיו האפשרות שהוסיפו פה - הקיוקוו. (Dashed Line) מה שזה בעצם עושה זה שהסטרוק שלנו יהיה מקוטע ואתה יכול להחליט באיזה גודל. Dash זה הגודל של הקו ו-Gap זה הגודל של המרווח בינו לבין הקו הבא. זאת אומרת שאם תשים 3px ב-Dash ו-10px ב-Gap יהיה לך מלא קווים קטנים באורך 3 פיקסלים עם מרווח של 10 פיקסלים בין כל אחד.

עכשיו אחרי שהבנו את הסטרוק ואיך הוא עובד נמשיך לרוחב (W = Width) ולגובה. (H = Height)
אם תלחצו על השרשרת הזאת ותשנו רק את הרוחב / רק את הגבוה אז כל המלבן ישתנה וישאר בפרופורציות.

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



עכשיו נעבור לצורה הבאה, למלבן המעוגל. (Rounded Rectangle)

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


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

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

הצורה הבאה שלנו היא המצולע (Polygonal) שהיא גם אותו דבר, רק עם משתנה אחד - הצלעות.
אפשר לעשות את זה מצולע עם 3 צלעות, מתומן עם 8 צלעות וגם עם 20 צלעות אם באלכם, הכל בתפריט למעלה ליד Sides, פשוט תכתבו כמה צדדים (צלעות) אתם רוצים וזה מה שיהיה.

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

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

ועד פה נגמרו הצורות!


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

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

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

עכשיו דבר אחרון שיש לנו בכלי הפן-טול זה ה-Freeform Pen Tool. בעיקרון מה שהכלי הזה עושה הוא מעין מברשת של פן-טול, אתם מציירים והוא עושה קווי פן-טול לפי הציור שלכם וככה יותר נתיב עבודה.

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

שימוש בכלים האלה ניתן למצוא במדריך על מסיכות במסיכות הוקטור.
קרא עוד
0
פורסם על ידי ב- 3:45:00 אין תגובות:
תוויות: , , , ,

היכרות עם התוכנה - סרגל כלים #2

3:45:00

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




ברוכים הבאים לPhotoshop-IL!
עכשיו אחרי שסיימנו עם המברשות, כלי הבחירה, וכלי ההזזה, הגיע הזמן לכלי המחק. (Eraser Tool)


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

עכשיו נעבור לאפשרות השניה של המחק, ה-Background Eraser Tool.
כל הקטע שלו זה שאתה מעביר אותו על אוביקט והוא פשוט מוחק לו את הרקע. לדוגמא אם תקחו את התמונה שהעליתי פה למעלה ותשתמשו בכלי על האייקון העליון של המחק, זה ימחק רק את הרקע שלו ולא אותו.
אבל כדי שזה יעבוד צריך להתאים את הכלי לתמונה שעליה אנחנו רוצים להשתמש, ובשביל זה גם פה יש לכם את ה-Limits שנועדו כדי להגביל את המחק לפי מה שמגדירים לו ויש גם את ה-Tolerance שזה "רמת המחיקה שלו".

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

אז גם פה אני אוסיף סיכום וטיפים:

  • אם יש לכם רקע בצבע אחיד עדיף לכם להשתמש ב-Magic Eraser Tool.
  • ניתן לשחק באטימות של המחק כדי לשלוט טוב יותר על המחיקה ולמחוק בצורה עדינה.
  • גרירה של המחק תוך כדי לחיצה על מקש Shift תגרום למחוק בקו ישר, או אלכסון מדויק (○45)
  • לפעמים כדאי וצריך לשנות את רכות המחק לפי מה שרוצים למחוק.





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



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

האייקונים הכחולים:

האייקון הראשון - הפח:
איתו מוחקים שכבות. או שגוררים שכבה אליו או שבוחרים את השכבות שרוצים למחוק ולוחצים עליו. אפשר גם ללחוץ פשוט על Delete ולא חייבים להשתמש בפח.

האייקון האמצעי - דף מקופל:
האייקון הזה בעצם יוצר לנו שכבה חדשה שבה נוכל לעבוד. ניתן במקום זה ללחוץ על Ctrl+Shift+N, אבל זה מסובך יותר לזכור (ובעיקר עם כל המידע שאתם מקבלים עכשיו)

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

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

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




מעולה! עכשיו אנחנו יודעים איך שכבות עובדות והסיבה שרציתי שתדעו את זה היא שיש כמה סוגים של שכבות.
עד עכשיו עבדנו עם שכבות רגילות ועכשיו אנחנו עומדים לעבוד עם שכבות של צורות (Shape Layers) ולא רציתי שתתבלבלו ולא תבינו על מה אני מדבר. אם אתם עדיין לא מבינים אתם יותר ממוזמנים לכתוב לי כאן ואענה לכם על השאלה.

עכשיו הכלי שאני רציתי להראות לכם הוא כלי הצורה! (Shape Tool)
קרא עוד
0
פורסם על ידי ב- 3:45:00 אין תגובות:
תוויות: , , , , ,

היכרות עם התוכנה - סרגל כלים #1

3:44:00

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



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


כלי ראשון מלמעלה - כלי ההזזה! (Move Tool)
עם הכלי הזה מזיזים אובייקטים בפרויקט שלנו, אך כדי שאוכל להדגים לכם ושתוכלו לנסות בעצמכם אתם צריכים קודם לפתוח פרויקט חדש.
תלחצו על Ctrl+N וזה יפתח לכם חלון של פתיחת חלון חדש שאמור להיראות ככה:


לא ארחיב יותר מידי על החלון, רק כמו שאתם רואים שמתי את הרוחב (Width) על 750 פיקסלים ואת הגובה (Height) על 600 פיקסלים.
עכשיו לאחר שפתחנו פרויקט חדש אנחנו נראה קנבס לבן ריק בגודל 750px/600px. (שימו ♥: px = פיקסלים)

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


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



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


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


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

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

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

כרגע סיימנו את ההסבר על הכלי הזה, לא תצטרכו יותר מזה להתחלה. סיכום וטיפים:
  • על ידי לחיצה על תיבת הסימון ליד "Show Transform Controls" ניתן להראות ולהסתיר את מסגרת העריכה.
  • גם כאשר המסגרת מוסתרת או שאנחנו על כלי אחר ניתן להכנס למצב העריכה ע"י לחיצה על Ctrl+T.
  • כשמזיזים את המסגרת ועורכים את התמונה נכנסים למצב עריכה. כדי לצאת ממנו חייבם ללחוץ על Enter.
  • אם אתם לא מרוצים מהעריכה שלכם, ניתן לבטל עם Esc.
  • אם בטעות בכל זאת אישרתם את השינוי, לחיצה על Ctrl+Z תחזיר את המצב לקדמותו.
  • ניתן להגיע לכלי ההזזה על ידי לחיצה על V במקלדת.

ועכשיו אחרי שאתם יודעים את זה, נעבור לכלי הבא!




כלי שני - כלי הבחירה! (Maequee Tool)
בכלי הזה משתמשים כדי לערוך רק חלק מסוים מהקנבס שלנו.
אם תלצו לחיצה ארוכה יפתח לכם חלון כזה עם 4 אפשרויות:



תבחרו באפשרות הראשונה עם האייקון של הריבוע.
עכשיו על ידי לחיצה וגרירה תסמנו חלק מהריבוע הלבן שנשאר לנו. שימו לב שיש מין קיוקווים כאלה מסביב לבחירה שלכם - כרגע הפוטושופ על מצב בחירה.
זה אומר שכל דבר, אבל כל דבר שתעשו, יעשה רק בתוך הבחירה, ואין לו השפעה על כל מה שמחוץ לבחירה.
כדי להתנסות בזה בעצמכם תחזרו לכלי ההזזה (Move Tool) ופשוט תגררו את החלק שבחרתם. אם פעלתם נכון עד עכשיו רק החלק שבחרתם אמור לזוז ואיתו גם הקווים של הבחירה. כדי לחזור למצב הקודם לחצו על Ctrl+Z.
שימו לב שגם בכלי הזה כמו בעריכה שהשתמשנו בה מקודם כל עוד אתם לא יוצאים ממצב הבחירה זה ישאר ככה ולא תוכלו לבצע שינויים באיזור שמחוץ לבחירה.
בכדי לצאת ממצב הבחירה צריך ללכת לתפריט העליון - Select - Deslect / לחיצה על Ctrl+D במקלדת.

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

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

מקש ה-Shift ילווה אותנו לאורך כל העיצוב כדי לשמור על פרופורציות ולבצע תהליכים מדויקים יותר, תזכרו את זה!

עכשיו בואו נעשו ניסוי נוסף!
תעשו בחירה איפה שבא לכם ולאחר מכן תוך כדי לחיצה על (איך אפשר בלי) Shift ותבצעו בחירה נוספת. שימו לב שהבחירה התווספה לבחירה שלנו, לעומת לחיצה בלי Shift שתחסיר מהבחירה שלנו.
עכשיו אתם יכולים לצאת ממצב הבחירה (ממליץ ע"י Ctrl+D)

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



רק בשביל ההתנסות בואו ננסה להכניס 10px ב-Feather ולבחור על הריבוע הלבן שלנו איזה עיגול. (שוב מזכיר שאם זה לא עובד צריך ללחוץ על השכבה בחלון השכבות)
עכשיו לאחר שבחרנו פשוט נמחק את הבחירה בעזרת לחיצה על המקש Backspace / Delete.
שימו לב שהמחיקה לא חדה כמו בפעם הקודמת. שוב לחצו על Ctrl+Z כדי לחזור למצב הקודם ועל Ctrl+D כדי לצאת ממצב הבחירה.

עכשיו סיכום וטיפים:
  • ע"י לחיצה ארוכה על האייקון של כלי הבחירה ניתן לשנות את הצורה שלו.
  • כשלוחצים על Shift זה מוסיף לבחירה - לעומת Alt שמחסיר מהבחירה הנוכחית.
  • ניתן להגיע לכלי הבחיה על ידי לחיצה על M במקלדת.
  • כשנכנסים למצב בחירה ניתן לבצע שינויים רק בתוך הבחירה! כדי לצאת ממצב הבחירה לוחצים על Ctrl+D.
  • לחיצה על Ctrl+Shift+I כשיש בחירה על הקנבס תהפוך את הבחירה.
  • לחיצה על Shift תוך כדי שבוחרים גורמת לבחירה מדויקת.
  • ניתן להשתמש באפשרות ה-Feather כדי לרכך את הבחירה שלנו.
  • לחיצה על מקש ה-Backspace / Delete כשיש בחירה על הקנבס, כל מה שבבחירה שבתוך השכבה שלנו ימחק.

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




עכשיו נדלג על כמה מהכלים ונגיע לכלי המברשת (Brush tool)
אל תדאגו אני מדלג על הכלים בכוונה כדי שהסדר יהיה נוח בראש ולפי נושאים, נחזור לכלים האחרים.)

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


תבחרו באפשרות הראשונה בצורה של המברשת בשם Brush Tool.
הכלי הזה הוא פשוט מברשת שאפשרת לצבוע איתה על הקנבס בצורה חופשית. תלחצו על כל המברשת ותוודאו שהאפשרות הראשונה של ה-Brush Tool לחוצה ופשוט תתחילו לצייר על הקנבס שלנו, אבל רק לחיצה אחת ארוכה ואז Ctrl+Z, כדי להשאיר את הריבוע הלבן שלנו.

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


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

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

עכשיו נתמקד באפשרויות שיש לנו במברשת: (אל תשכחו ללחוץ כדי להגדיל)


יש לנו כאן כמה אפשרויות, לא נתעמק בכולם אבל אסביר עכשיו מה האפשרויות עושות בגדול:
אייקון ראשון מימין - המברשת: בלחיצה על האייקון הזה נפתח חלון עם פריסטים(Preset) של מברשות שמכינים מראש, כרגע לא נגיע בזה.
כפתור שני - בחירת סוג מברשת, שינוי גודל, רכות כיוון ועוד. נרחיב על זה עכשיו.
אייקון של תקייה עם מברשות - בשביל לשנות את ההגדרות היותר מתקדמות של המברשת כמו מרחק, צבע, לחץ וכו'.
כפתור רביעי - הבלנד מוד(Blend Mode) של המברשת, גם בזה לא נגע ופשוט נשאיר על נורמל לבינתיים.
Opacity - אטימות מ-0% שלא רואים בכלל עד - 100% שרואים הכל.
Flow - כמו האופסיטי, ניתן לשלב ביניהם לקבלת אטימות רצויה, גם בזה לא נתעסק בינתיים.

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


כאן נמצאות המברשות שלנו. כמו שאתם רואים יש כאן כמה אלמנטים שאפשר לשנות ונעבור עליהם עכשיו:

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

Size - הקוטר של המברשת שלנו בפיקסלים, כאן ניתן לשנות את גודל המברשת.

Hardness - "קשיחות" כמה המברשת רכה או חדה (כמו בהדגמה שלנו בכלי הבחירה) כש-100% מראה על מברשת קשה עם קצוות קשים ו-0% מראה על מברשת עם קצוות רכים מאוד.

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

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

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

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

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

עכשיו הכלי השלישי שאת האמת גיליתי לא מזמן - Color Replacement Tool:
מה שהכלי הזה עושה הוא בעצם משנה את הצבע של מה שאתם צובעים, עם פונקציה די מגניבה בתוכו.
נעבור מהר על התפריט כי זה לא באמת חשוב אבל אני לא מעדיף שלא לדלג על זה כדי לא לבלבל אתכם שלא תפתחו את הכלי של המברשת ולא תדעו מה אתם עושים.
אייקון מצד ימין - כמו במברשת, פריסטים מוכנים מראש. אחרי זה זה החלון של ההגדרת שזה גם דומה למברשות רק שכאן זו רק מברשת עגולה ונוספה אפשרות של Spacing(מרווח). יש גם את ה-Mode שזה משנה את המצב של הצביעה, מומלץ לעשות על Color או Hue בהתאם לתמונה (כשצובעים תמונה בשחור לבן עדיף על Color)
עכשיו ב-Limits זה איפה המברשת לא תשפיע, ויש כאן אפשרות ממש מגניבה שמזהה קצוות - Find Edges.
רק אם תשתמשו בכלי הזה שימו לב שאתם על השכבה הנכונה בחלון השכבות.

כלי מברשת רביעי ואחרון - Mixer Brush Tool.
הכלי הזה בעצם מורח את הצבע העליון שיש לכם בסרגל הכלים השמאלי (Foreground Color) בתור השכבה שאתם נמצאים בה. שוב, מוזמנים לנסות.



קרא עוד
0
פורסם על ידי ב- 3:44:00 אין תגובות:
תוויות: , , , , ,

יום חמישי, 6 באוקטובר 2016

מסיכות (Layer Masks)

5:43:00

איך להשתמש במסיכות בתוכנה הפוטושופ. 3 סוגי מסיכות.

ברוכים הבאים לPhotoshop-IL!
היום במדריך נלמד מהם בעצם המסיכות ואיזה סוגי מסיכות יש.

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

סוגי המסיכות הן: מסיכת שכבה (Layer Mask), מסיכה נדבקת (Clipping Mask) ומסיכת וקטור (Vector Mask)

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

#1 - מסיכת השכבה (Layer Mask):


ניצור שכבה חדשה בחלון השכבות (Ctrl+N) ונצייר משהו עם כלי המברשת שלנו (B).
בשביל הדוגמא עשיתי קובץ חדש בגודל של 750x750 פיקסלים וציירתי עיגול עם מברשת בגודל 310px שה-Hardness שלה על 80% ואני ממליץ גם לכם: (קצוות לא רכים)
עיגול כחול בקוטר של 310 פיקסלים.
עכשיו נבחר את השכבה בחלון השכבות שלנו ונלחץ על כפתור למטה שנראה כמו מלבן עם חור עגול באמצע (כמו בדוגמא של השבלונה)

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

עיגול עם מסיכת שכבה

וזה מה שנראה בחלון השכבות:


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

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

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


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

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

בואו נתקדם קצת יותר מזה. תצבעו את כל המסיכה בלבן שיראו את כל העיגול. עכשיו תעברו לכלי הבחירה. תבחרו ריבוע או עיגול, (לא כל כך משנה) וודאו שהצבע הנבחר הוא שחור ועל ידי לחיצה על Clt+Backspace (המחיקה שמעל ה-Enter) נמלא את כל הבחירה בצבע שנבחר בסרגל הכלים (כרגע זה שחור, אם תבחרו לבן זה ימלא את הבחירה בלבן)

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

טיפים:
#1 - כשאין בחירה בכלל והצבע הנבחר הוא לבן, ניתן להשתמש ב-Clt+Backspace כדי לנקות את המסיכה לגמרי. כשהצבע הנבחר הוא שחור המסיכה "תמחק" את התמונה לגמרי עד שתבצעו עליה בלבן.

 #2 - בלחיצה על Shift ועל המסיכה ניתן לבטל את המסיכה ולראות את השכבה במלואה. לחיצה על Shift ועל השכבה שוב תחזיר את המסיכה.

 #3 - שימוש ב-Gradient יכול לגרום למעבר רך ואחיד במסיכה וניתן לשימוש בדברים כמו השתקפות והברקות.

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

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

קישור למדריך המלא להשתקפות טקסט כאן.


נצא מהחלון הפתוח ונפתח חלון חדש בגודל של 525x450 פיקסלים. עכשיו נעבור לכלי ה-Gradient (מדריך) ונקח Gradient על Radial כשהצבע בצד ימין הוא לבן מוחלט (#ffffff) והצבע בצד שמאל הוא #fffbed: 

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

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

Photoshop-IL גודל 75px פונט Bebas Neue צבע #161616.
עכשיו נעתיק את הטקסט על ידי בחירה שלו בחלון השכבות ולחיצה על Ctrl+J:

הטקסט המשוכפל בחלון השכבות.
עכשיו אנחנו צריכים להפוך את הטקסט. בשביל זה נלך לתפריט הראשי ל-Edit, משם ל-Transform ואז ל-Flip Vertical.

Flip Vertical בתפריט הראשי
מה שצריך לעשות עכשיו זה להוריד את הטקסט שיהיה בדיוק מתחת לשכבה הראשונה, נעבור לכלי ההזזה (V) ונוריד את הטקסט ללמטה תוך כדי לחיצה על Shift כדי שהוא לא יזוז לצדדים.

הטקסט ההפוך
עכשיו ניצור מסיכה מהפתור שלמדנו בחלון השכבות וניצור Gradient שחור לבן כשצד ימין לבן וצד שמאל שחור כשהמצב הוא על Linear ונצייר בערך מתחתית הטקסט ועד לסוף הטקסט העליון (ניתן לשנות לפי התוצאה שאתם רוצים)

הקו של ה-Gradient

עכשיו נוריד את האטימות(Opacity) של ההשתקפות ל-65% (כל מקרה לפי מה שיתאים ומה שנראה לכם בעין) והנה התוצאה:

התוצאה הסופית

עכשיו אחרי התוצאה נעבור למסיכה הבאה!

#2 - ה-Clipping Mask

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

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

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

עכשיו אחרי שעשינו את זה ניצור עוד שכבה חדשה, נבחר צכע (אני בחרתי ב-#a4a483) ונצבע שיהיה גם על השכבה הראשונה וגם בחוץ.

השכבה העליונה

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

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

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

שכבה עם 2 שכבות שדבוקות אליה.

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

איפה אנחנו משתמשים בזה בתכלס?
אם לדוגמא יש לכם עבודה של אתר או משהו כזה, עשיתם כפתור בצבע מסוים ואתם רוצים לראות איך זה יראה בצבע אחר. אתם עושים מעל השכבה/קבוצה של הכפתור שכבת התאמה חדשה מסוג Hue/Saturation ועושים Clipping Mask כדי לשנות רק את הצבע של הכפתור וככה אתם יכולים לשנות את הצבע שלו מבלי לגעת בשכבות המקוריות ולראות איך זה יראה.

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

ועכשיו למסיכה השלישית והאחרונה שלנו:

#3 - מסיכת וקטור (Vector Mask):


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

הדרך ליצור מסיכת וקטור היא ממש פשוטה.
נפתח חלון חדש בגודל של 515x385 פיקסלים, נעשה שכבה חדשה ונצבע את כל הקנבס באיזה צבע שבא לנו. (אני בחרתי ב-#825537)
עכשיו נעבר לכלי הצורה (מדריך מפורט) נבחר בתפריט העליון Path במקום Shape וניצור צורה.

אפשרות ה-Path בתפריט העליון של כלי הצורה. (עיגול)
אני עשיתי עיגול בגודל 250x250 פיקסלים במרכז המסך, ועכשיו מה שאמורים לראות זה שכבה מלאה בצבע ונתיב עבודה (Work Path) של עיגול באמצע בלי שום מילוי או סטרוק:

נתיב העבודה שיצרנו על רקע השכבה הצבועה.

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

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

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

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

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


התמונה בצד ימין - חלון ה-Properties כשהוא מוקטן. צד שמאל - חלון ה-Properties שמסיכת הוקטור נבחרה.
לפני שנתחיל קודם אסביר בקצרה:

  • Density - אפשר לומר שזה סוג של ה-"Opacity" של המסיכה שלנו.
  • Feather - זה הרכות של הקצוות, נראה בקרוב.
  • Refine - נועד למסיכות רגילות - כפתור ראשון נועד כדי לשנות את הקצוות, השני כדי לעשות בחירת צבע והשלישי כדי להפוך. (מדריך פה)
  • אייקון של פח - מחיקה של המסיכה.
  • אייקון של עין - כשהוא לחוץ - רואים את המסיכה וכשלא רואים את השכבה כמו שהיא.
  • אייקון של חץ למטה - מחבר את המסיכה והשכבה ויוצר שכבה רגילה ומשוט מוחק את כל מה שהיה שחור במסיכה.
  • עיגול מקווקו - יוצר בחירה של המסיכה.
עכשיו בואו ננסה קצת לשחק עם ה-Feather וה-Density.
שימו את ה-Feather על 3.2px ואת ה-Denisty על 90%.

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


הקצוות עכשיו יותר רכים ורואים קצת חום ברקע.
עם זה אתם יכולים לשחק איך שבאלכם וכדי להחזיר את זה למצב הרגיל פשוט תחזירו את הערכים ל-100% ול-0.0px.

עכשיו נעשה את הדבר האחרון ומה שבאמת מיוחד במסיכת הוקטור - הצורות.
גם לאחר ששמנו את המסיכה אנחנו עדיין יכולים לשנות את הצורה ואת נתיב העבודה שלנו.
על ידי לחיצה על A (Direct Selection Tool) נבחר אחד מנקודות העוגן (Anchor Point) ופשוט נזיז אותה. (מדריך מפורט יותר על צורות ופן-טול פה) אני בחרתי לגרור את התחתונה וזה מה שיצא:

שינוי של הצורה במסיכת הוקטור

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

דוגמאות ומדריכים לשימושים במסיכות פה: (בקרוב)
מסיכת שכבה (Layer Mask)
Clipping Mask
מסיכת וקטור (Vector Mask)
קרא עוד
0
פורסם על ידי ב- 5:43:00 אין תגובות:

עלינו

אחרונים

recentposts

רנדומלי

randomposts