Smore logo
remove_red_eye 135
page background

ב. עיצוב גרפי וגרפיקה בתנועה

מקצוע א - מערכות חוזי ט

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

חשיבות הנושא

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

תת-הנושאים

ב.1 הקדמה.

ב.2 מה עושה מעצב גרפי.

ב.3 עיצוב תנועה.

ב.4 מעצבים גרפיים בסרטים.

ב.5 עיצוב תנועה בראשית הדרך.

ב.6 עיצוב תנועה כיום.

ב.7 עיצוב גרפי לפני עיצוב תנועה.

ב.8 תרגיל מעשי.

מטרות אופרטיביות

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

ב.1 הקדמה

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

ב.2 מה עושה מעצב גרפי

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

The Rolling Stones - Start Me Up

The Rolling Stones – Start Me Up

אורך הקליפ: 5:26

From 2001: Milton Glaser's designing mind

From 2001: Milton Glaser's designing mind

אורך הסרטון: 7:45

How Saul Bass Created The Art Of Movie Title Design

How Saul Bass Created The Art Of Movie Title Design

אורך הסרטון: 6:47

Saul Bass's Movie Posters

Saul Bass's Movie Posters

אורך הסרטון: 8:05

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

ב.3 עיצוב תנועה

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

How Your Money Works

How Your Money Works

אורך הסרטון: 3:52

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

100 Years - Armenian Genocide

100 Years – Armenian Genocide

אורך הסרטון: 3:36

Zombie Survival Guide

אורך הסרטון 1:51

Zombie Survival Guide

History of Royal Enfield

אורך הסרטון: 4:19

History of Royal Enfield

The Economy of Coca-Cola

אורך הסרטון: 1:30

The Economy of Coca-Cola

BAUER RADIO

אורך הסרטון: 1:06

BAUER RADIO

ב.4 מעצבים גרפיים בסרטים

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

ב.5 עיצוב תנועה בראשית הדרך

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

כיום ניתן ליצור גרפיקה בתנועה בעזרת תוכנות כמו Flash, After Effects, Cinema4D.

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

Viewpaint: ILM's secret weapon on Jurassic Park

Viewpaint: ILM's secret weapon on Jurassic Park

Viewpaint: ILM's secret weapon on Jurassic Park By Ian Failes "All of a sudden, it's close-ups! The T. rex head is in your face and filling the frame, and eating a raptor or fighting. So then we thought, 'Oh, shit.' - John Schlag, computer graphics artist, Jurassic Park Most people will have heard about the...

launch vfxblog.com

Viewpaint: ILM’s secret weapon on Jurassic Park

The True Story of Jurassic Park's T. Rex Animatronic | cosmavoid

The True Story of Jurassic Park's T. Rex Animatronic

אורך הסרט: 3:39

ב.6 עיצוב תנועה כיום

ביקור קצר בארבעה אולפנים.

What do Motion Designers do?

What do Motion Designers do?

אורך הסרטון: 7:53

ב.7 עיצוב גרפי לפני עיצוב גרפיקה בתנועה

ללא עיצוב גרפי, גרפיקה בתנועה לא יכולה להתקיים.

מהם המרכיבים המובילים בעיצוב הגרפי?

Beginning Graphic Design: Branding & Identity

Beginning Graphic Design: Branding & Identity

אורך הסרטון: 6:25

Beginning Graphic Design: Images

Beginning Graphic Design: Images

אורך הסרטון: 5:46

Beginning Graphic Design: Typography

אורך הסרטון: 6:23

Beginning Graphic Design: Layout & Composition

Layout and Composition

אורך הסרטון: 5:14

ב.8 תרגיל מעשי

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

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


העבודה תוגש בארבעה דפים בגודל A4 לפי המרכיבים הבאים:

1. דף ראשון – שם מלא של המכללה המתחרה (דמיוני בלבד). שמות חברי הצוות מאחורי הצעת העיצוב.

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

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

4. דף רביעי – דף שיכלול סקיצה של פריסת מרכיבי הפרסום לפי מיקום, גודל ותוכן (פריסה כפי שתופיע על כרזת הפרסום המקורית).

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


הערה: ראו דף פריסה לדוגמה, ודף Story Board בנספח לתוכנית הלימוד.

https://draftss.com/design-and-cinema-graphic-designing-in-films/*

*https://stadamedia.co.uk/what-is-the-difference-between-motion-graphics-and-animation/

https://explain.ninja/blog/motion-graphics-vs-animation-whats-the-difference/*

https://www.columnfivemedia.com/best-100-motion-graphic-examples/*

*https://www.itsnicethat.com/features/tina-charad-once-upon-a-time-in-hollywood-graphic-design-film-110822

*https://www.google.com/search?q=motion+graphics+animated+films&oq=motion+graphic+in+films&aqs=chrome.2.69i57j0i22i30j0i10i15i22i30j0i15i22i30j0i22i30l4j0i10i15i22i30.48478j0j7&client=ms-android-lge-rev1&sourceid=chrome-mobile&ie=UTF-8#fpstate=ive&vld=cid:a6c41f91,vid:dN2spxe2X6k,st:0

Motion Graphic Animated Film

*https://www.printmag.com/editors-picks/19-art-and-design-movies-to-watch-in-quarantine/

Design Movies to Watch

*https://www.quora.com/Why-is-there-a-huge-demand-for-graphic-designers-in-the-film-industry

Graphic Design Demands

*https://masterbundles.com/graphic-design-movies/

Graphic Design Movies

*https://draftss.com/design-and-cinema-graphic-designing-in-films/

*https://motiongraphics.london/

*https://stadamedia.co.uk/what-is-the-difference-between-motion-graphics-and-animation/

*https://explain.ninja/blog/motion-graphics-vs-animation-whats-the-difference/

*https://www.columnfivemedia.com/best-100-motion-graphic-examples/

Loading indicator

close

Created with

Communicate quickly and effectively with interactive newsletters.

Smore empowers educators to connect with their community, streamline school communications,
and increase engagement.

Create a newsletter