Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Icon Design
Design

איך ליצור פוסטר ירקות בסגנון Flat-Style באמצעות תוכנת Affinity Designer

by
Difficulty:IntermediateLength:LongLanguages:

Hebrew (עברית) translation by Velouria (you can also view the original English article)

Final product image
What You'll Be Creating

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

1. ציירו אבוקדו יקר ערך

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

דבר ראשון, פתחו מסמך חדש ב- Affinity Designer. אתם יכולים ליצור אותו בכל גודל שתירצו (למשל, 600x600 פיקסלים), שימו לב שבחרתם באופציית ה- Draw Persona ובואו נתחיל.

שלב 1

התחילו ביצירת עיגול בגודל 180x180 פיקסלים באמצעות כלי האליפסה (M) ומלאו אותו בצבע צהוב חיוור.  עכשיו ליחצו על כפתור Convert to Curves שממוקם ב- context toolbar העליון (זהו סרגל הכלים שנמצא מתחת לכפתורי ה- Persona). ביחרו את הצומת (Node) העליון של העיגול בעזרת ה- (Node Tool (A. מישכו אותו מעט מעלה על מנת להפוך את העיגול לביצתי יותר.

make a base of avocado from ellipse

שלב 2

הוסיפו עוד צורת ביצה מתחת לצורה הראשונה  (Command-C > Command-V), הגדילו אותה מעט, ומלאו אותה בצבע ירוק עשיר.

Add another egg-like shape

שלב 3

הבה נוסיף את החלק הפנימי והגרעין. צרו עיגול קטן יותר בתוך החלק הצהוב ומלאו אותו בצבע ירוק חיוור. ביחרו את הבסיס הצהוב והעיגול וליחצו על כפתור Centre שבאופציית Align Horizontal אשר נמצאת ב- context panel העליון. צרו גרעין חום מעל העיגול הירוק חיוור ושימו מעליו מיבהק (highlight).

add the seed and align the objects

שלב 4

עכשיו, בואו ניצור צל. העתיקו (Command-C > Command-V) את הצורה הירוקה התחתונה ומקמו אותה עליונה ביותר בפנל השכבות. מלאו את הצורה בצבע בז׳ בהיר, בפנל השכבות כוונו את השקיפות שלה ל- 50% ושנו את ה-Blend Mode ל- Multiply.

create a shadow in multiply mode

שלב 5

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

use Vector Crop Tool and cut off the shadow

נהדר! האבוקדו שלנו נראה בדיוק כפי שהוא אמור להראות בסיגנון flat style. בואו נמשיך לירק הבא!

2. צרו גזר מהודר

שלב 1

שוב התחילו מעיגול בגודל 170x170 פיקסלים, מלאו אותו בצבע כתום בוהק. על מנת ליצור את הצורה הבסיסית של הגזר, ליחצו על Convert to Curves, ביחרו את הצומת התחתון באמצעות ה- (Node Tool (A ומישכו אותו מטה.

start forming our carrot from a circle

שלב 2

הבה נוסיף לגזר שלנו חלק עליון ירקרק ותפוח. צרו עיגול ירוק בגודל 85x85 פיקסלים. הוסיפו שני עיגולים קטנים משני צידי העיגול הראשון, צרו משלושתם קבוצה וחברו אותם לבסיס הגזר ע״י ציור שלוש עקומות באמצעות כלי העיפרון (N).  בפנל ה- Stroke עבו את העקומות ע״י שינוי רוחב הקו ל- 15 pt. ניתן לשנות את צבע הקווים לירוק בפנל הצבעים.

form the top of the carrot from circles

שלב 3

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

rearrange the objects in the layers panel

שלב 4

בואו נוסיף צל חצי שקוף לגזר שלנו. היפכו את כל חלקי הגזר לקבוצה (Command-G) ושכפלו אותה (Command-C > Command-V). עכשיו, פרקו (Command-G) את השיכפול חזרה לחלקיו.  ללא הפירוק של הקבוצה פנל ה- Operations לא יפעל.

כעת, כשכל חלקי הקבוצה המפורקת נבחרו, גשו ל- Operations אשר בראש ה- context panel ולחצו על כפתור Add. בדרך זו ניתן לאחד את כל החלקים לצורה אחת וליצור את הצללית של הגזר. 

כוונו את השקיפות של הצללית ל- 50% ואת ה- Blend Mode ל- Multiply כפי שעשיתם קודם. ביחרו את כלי ה- Vector Crop וחיתכו את הצורה כך שתכסה רק את החלק הימני של הגזר.

create a shadow on the carrot

שלב 5

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

add strokes to the carrot

שלב 6

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

hide the unwanted parts into the mask layer

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

add more strokes to the carrot

3. צרו צנון בשל

שלב 1

כפי שעשיתם קודם, התחילו ליצור את הצנון מעיגול בצבע אדום ורדרד בוהק. היפכו את הצורה לעקומות (Convert Curves) ומישכו את הצומת התחתון שלה מטה. כעת, בזמן שהצומת נבחר, גשו ל- context toolbar העליון והיפכו את הצומת לפינה חדה (Sharp corner). ביחרו את הצומת העליון ומעכו את החלק העליון של הצורה ע״י משיכתו מעט מטה.

make a radish base from a circle

שלב 2

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

make a green leaf from circles

שלב 3

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

לבסוף, סיימו את הצנון ע״י יצירת צל.

add the bottom part and the shadow to the radish

4. צרו פלפל מתוק

שלב 1

הפעם השתמשו בכלי המלבן (M) וצרו צורה בגודל 30x55 פיקסלים עבור בסיס הפלפל. עגלו ב- 50% את הפינות של הצורה ע״י שימוש ב- context toolbar העליון.

create the pepper base from rounded rectangle

שלב 2

הפכו את הצורה לעקומות ובואו נצר את החלק התחתון של הצורה. ביחרו את הצומת השמאלי התחתון בעזרת כלי ה- A) Node) והזיזו אותו ימינה באמצעות מקש החץ הימני או השתמשו בפנל ה- Transform והקלידו 2- ליד ערך ציר ה-X האופקי וע״י כך הזיזו את הצומת 2 פיקסלים ימינה.

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

move the lower nodes in the transform panel

שלב 3

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

עכשיו בואו נוסיף את החלק הירוק העליון לפלפל שלנו. צרו אליפסה ירוקה והשתמשו בכלי העיפרון (N) בכדי לצייר גבעול מעוקל מעל. השתמשו בפנל ה- Stroke בכדי להתאים את רוחב הקו (במקרה שלי רוחב הקו הוא 4 pt מכיוון שציירתי את הפלפל קטן יותר אבל אתם יכולים להשתמש באיזה רוחב קו שתרצו בכדי להתאים אותו לצורה שלכם). בתחתית פנל ה- Stroke נמצא חלון ה- Pressure options אשר מאפשר לכוון רוחב שונה לכל חלק של הקו שלכם באופן ידני בעזרת העקומה הגרפית. בדוגמא שלי, החלק העליון של הגבעול רחב יותר מחלקו התחתון.

add more copies to form the bell pepper

שלב 4

צרו את הצורה הסופית של הפלפל ע״י הוספת שתי צורות אדומות מאחור. הבה נוסיף צל מעודן בכדי לסיים את הפלפל. העתיקו את שלוש הצורות הקידמיות ומזגו אותם לצללית יחידה. כוונו את השקיפות ל- 50% ואת ה- Blend Mode ל- Multiply. לבסוף, השתמשו בכלי ה- Vector Crop בכדי ליצור את הצל. הוסיפו צל קטן יותר לחלק הירוק הפנימי של הירק. לגבי החלקים האחוריים, אתם יכולים פשוט להכהות את החלק הימני האחורי - אין צורך למקם צל נוסף שם.

add more details and shadow to the pepper

5. צרו קלח תירס שטוף שמש

שלב 1

התירס מכיל אשכולות של גרעינים צהובים קטנים. צרו קבוצה של עיגולים צהובים בגודל 11x9 פיקסלים ומקמו אותם אחד מתחת לשני בטור. אתם יכולים לשכפל כל עיגול ולהשתמש בפנל ה- Transform בכדי להזיז אותם לאורך הציר האנכי ע״י הקלדת 10+ בשדה ה- Y ובכך הם יזוזו מטה 10 פיקסלים. יצרתי בסיס בצבע צהוב כהה יותר תחת קבוצת הגרעינים על מנת להקל על יצירת הצורה של הקלח.

שלב 2

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

add more corn particles to the cob

שלב 3

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

shape out the maize

שלב 4

כעת ניצור עלה. צרו אליפסה אנכית מעוכה בערך בגודל 40x95 פיקסלים ומלאו אותה בצבע ירוק כהה. השתמשו ב- Convert to Curves והפכו את הפינה העליונה לחדה.

form a leaf from the ellipse

שלב 5

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

attach the leaves to the corn

6. ציירו ברוקלי סבוך

שלב 1

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

form the stem of the broccoli from rectangles

שלב 2

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

form the top of our broccoli from circles

שלב 3

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

add a subtle shadow to the stem and to the top of the broccoli

7. ציירו עלים רעננים ומלפפונים ירוקים

שלב 1

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

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

אל תשכחו להוסיף צל לעלה שלכם.

form a leaf from circle and strokes

שלב 2

כעת בואו ניצור מלפפון מגניב. התחילו ביצירת מלבן צר שפינותיו מעוגלות ב- 50%.

make a cucumber from a rounded rectangle

שלב 3

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

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

make the top part narrower and add details

שלב 4

לסיום, צרו עותק של הבסיס, מקמו אותו בחזית, כוונו את השקיפות ל- 50% ואת ה- Blend Mode ל- Multiply. השתמשו בכלי ה- Vector Crop בכדי ליצור צל רק על חצי מהצורה.

add shadow to the cucumber

8. צרו עגבניה עסיסית

שלב 1

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

form a tomato from a circle

שלב 2

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

form the inner part of tomato from circles

שלב 3

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

make a seed from a circle

שלב 4

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

fill the inner part of the tomato with seeds

שלב 5

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

add more seeds and the top leaves of the tomato

9. בנו את הקומפוזיציה של הפוסטר

שלב 1

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

the set of healthy vegetables

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

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

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

add some smaller particles

שלב 2

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

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

form a bowl from a rounded rectangle

שלב 3

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

Start filling the bowl with veggies

שלב 4

מקמו את הקערה במרכז המסמך וציירו עיגול גדול בצבע ירוק בהיר מאחוריה. הוסיפו Stroke בצבע ירוק כהה לעיגול וכוונו אותו בפנל ה- Stroke לקו בסגנון מקווקו עם הערכים הבאים: 1-3-0-0

add a circle with dash stroke for the background

שלב 5

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

add vegetables from our set along the circle

שלב 6

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

Add smaller particles and leaves to fill the empty spaces

שלב 7

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

add a rectangle background on a new layer

שימרו על רוגע ואיכלו בריא!

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

healthy vegetable poster is finished in affinity designer
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.