Studio Editor: שינוי הרקע של מקטע | מרכז העזרה

Studio Editor: שינוי הרקע של מקטע

זמן קריאה: 9 דקות

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

עבודה עם נקודות ברייקפוינט:

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

הנושאים בעמוד זה:

טיפ:

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

הוספת צבע לרקע המקטע

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

כדי לשנות את צבע הרקע של מקטע:

בחרו את המקטע הרלוונטי.
הקליקו על האייקון לפתיחת כלי העריכה מימין למעלה ב-Editor.
הקליקו על תיבת הצבעים תחת Design (עיצוב).
בחרו צבע בהתאם להעדפה:
- Theme colors: בחרו אחד מצבעי האתר.
- My colors: בחרו צבע מותאם קיים.
- צבע חדש: הקליקו על + Add כדי להוסיף צבע חדש לפלטת בחירת הצבעים.
(לא חובה) השתמשו בפס ההזזה כדי להגדיל או להקטין את רמת השקיפות של הצבע.

בחירת צבע לרקע המקטע מפלטת בחירת הצבעים בחלונית העריכה ב-Studio Editor

הוספת הדרגתיות לרקע המקטע

Studio Editor מציע סוגים שונים של הדרגתיות לרקע המקטע:

הדרגתיות מעגלית, קווית או בצורת חרוט : בחרו עד 8 צבעים ושלטו ברמת השקיפות של כל צבע בנפרד. אתם יכולים גם לכוונן את הזווית (Linear), נקודת המוקד (Radial) או את שניהם (Conic) כדי להשיג את המראה הרצוי.
הדרגתיות פלואידית : ההדרגתיות הזו מאפשרת ליצור אפקט דמוי רשת, ולשלב בין כמה צבעים שתרצו. אתם יכולים לשלוט בשקיפות, בגודל ובפיזור של כל צבע בהדרגתיות.

כדי להוסיף הדרגתיות לרקע המקטע:

בחרו את המקטע הרלוונטי.
הקליקו על האייקון לפתיחת כלי העריכה מימין למעלה ב-Editor.
הקליקו על תיבת הצבעים תחת Design (עיצוב).
הקליקו על הפעולות הבאות כדי לראות איך ליצור כל אחד מסוגי ההדרגתיות:

הוסיפו הדרגתיות מסוג Linear, Radial או Conic (מעגלי, קווי או חרוט)

הקליקו על אייקון ההדרגתיות בפלטת בחירת הצבעים.
בחרו את סוג ההדרגתיות מהתפריט הנפתח: Linear (קווי), Radial (מעגלי) או Conic (חרוט).
התאימו את ההדרגתיות ואת הצבעים באמצעות הפעולות הבאות:
- שינוי הזווית (קווי וחרוט):
  1. הקליקו על הזווית הנוכחית שמופיעה בתצוגה המקדימה של ההדרגתיות.
  2. הכניסו את הזווית הרצויה.
- שינוי מיקום נקודת המוקד (מעגלי וחרוט):
  1. הקליקו על נקודת המוקד הנוכחית שמופיעה בתצוגה המקדימה של ההדרגתיות.
  2. החזיקו וגררו אותה למיקום הרצוי.
- שינוי צבע קיים:
  1. (בסרגל הצבעים שמתחת לתצוגה המקדימה) הקליקו על נקודת הצבע שאתם רוצים לשנות.
  2. הקליקו על תיבת הצבעים.
  3. בחרו צבע. אתם יכולים לבחור צבע מערכת העיצוב, או כל צבע מותאם שתרצו.
- הוספת צבעים:
  1. (בסרגל הצבעים שמתחת לתצוגה המקדימה) הקליקו על המיקום הרצוי של הצבע החדש.
    טיפ: כשתעברו עם העכבר מעל סרגל הצבעים, תראו שהסמן משתנה לאייקון הזה .
  2. בחרו צבע. אתם יכולים לבחור צבע מערכת העיצוב, או כל צבע מותאם שתרצו.
  3. (לא חובה) גררו את פס ההזזה כדי לשנות את השקיפות של הצבע.
- מחיקת צבע:
  1. (בסרגל הצבעים שמתחת לתצוגה המקדימה) הקליקו על נקודת הצבע שאתם רוצים להסיר.
  2. הקליקו על האייקון של מחיקת צבע .

טיפ: שמרו את ההדרגתיות שעיצבתם כדי להשתמש בה בעתיד. אחרי עיצוב ההדרגתיות, הקליקו על ‎+ Add (הוספה) ליד My color gradients (הדרגתיות הצבעים שלי).

הוסיפו הדרגתיות פלואידית

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

טיפ: שמרו את ההדרגתיות שעיצבתם כדי להשתמש בה בעתיד. אחרי עיצוב ההדרגתיות, הקליקו על + Add (הוספה) ליד My Fluid gradients (ההדרגתיות הפלואידית שלי).

הגדרת הדרגתיות פלואידית לרקע המקטע ב-Studio Editor

הוספת תמונה לרקע המקטע

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

טיפ:

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

כדי להוסיף תמונה לרקע של מקטע בעמוד:

בחרו את המקטע הרלוונטי.
הקליקו על האייקון לפתיחת כלי העריכה מימין למעלה ב-Editor.
הקליקו על ‎+ Add image or video (הוספת תמונה או סרטון) תחת Media (מדיה).
(במנהל המדיה) בחרו מה לעשות הלאה:
- בחרו או העלו תמונה משלכם.
- הקליקו על הטאב Media from Wix / Unsplash כדי להשתמש באחת התמונות החינמיות שלנו.
- הקליקו על הטאב Shutterstock כדי לרכוש תמונה מ-Shutterstock.
הקליקו על Change Background (שינוי רקע).
(לא חובה) ערכו את התמונה שברקע בחלונית העריכה:
- Focal point: הקליקו על האייקון של נקודת המוקד כדי לבחור את החלק בתמונה שתמיד יהיה גלוי, גם כשגודל המסך משתנה.
- Opacity: גררו את פס הזזה כדי לשנות את הנראות של התמונה.
- Fitting options: הקליקו על התפריט הנפתח כדי לבחור איך התמונה תשתלב במקטע.

הוספת תמונה לרקע המקטע מחלונית העריכה ב-Studio Editor

הוספת סרטון לרקע המקטע

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

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

טיפ:

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

כדי להוסיף סרטון לרקע של מקטע בעמוד:

בחרו את המקטע הרלוונטי.
הקליקו על האייקון לפתיחת כלי העריכה מימין למעלה ב-Editor.
הקליקו על ‎+ Add image or video (הוספת תמונה או סרטון) תחת Media (מדיה).
(במנהל המדיה) בחרו מה לעשות הלאה:
- בחרו או העלו סרטון משלכם.
- הקליקו על הטאב Media from Wix/Unsplash כדי להשתמש באחד מהסרטונים החינמיים שלנו.
- הקליקו על הטאב Shutterstock כדי לרכוש סרטון מ-Shutterstock.
הקליקו על Change Background (שינוי רקע).
(לא חובה) ערכו את הסרטון שברקע בחלונית העריכה:
- Focal point: הקליקו על האייקון של נקודת המוקד כדי לבחור את האזור בסרטון שתמיד יהיה גלוי, גם כשגודל המסך משתנה.
- Opacity: גררו את פס ההזזה כדי לשנות את הנראות של הסרטון.
- Playback speed: הקליקו על התפריט הנפתח כדי לבחור את המהירות (לדוגמה, ‏ 0.25x,‏ 1.25).
- Play in a loop: הקליקו על המתג כדי לשנות את אופן ההפעלה של הסרטון:
  - במצב מופעל: הסרטון יפעל בלופ אינסופי ברקע.
  - במצב כבוי: הסרטון יפעל רק פעם אחת, ואז יפסיק.

רוצים לראות את זה בלייב?

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

צפייה מקדימה ברקע סרטון על הקנבס ב-Studio Editor

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

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

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

בחרו את המקטע הרלוונטי.
הקליקו על האייקון לפתיחת כלי העריכה מימין למעלה ב-Editor.
הפעילו את המתג Apply pattern overlay (הפעלת שכבת כיסוי עם דפוס) תחת Background overlay (שכבת כיסוי לרקע).
עברו על הדפוסים הזמינים. הקליקו על דפוס כדי להוסיף אותו כשכבת כיסוי ולראות איך הוא משתלב ברקע שלכם.

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

זה עזר לך?

בעמוד מידע הזה

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