KINETIC IMPULSE BLOCK

טיפוגרפיה קינטית בתנועה

Kinetic typography is text that moves: a headline with a designed entrance instead of a flat line. Instinctor builds animated text right in the page editor, with no After Effects and no code. Choose an animation, set the color and pace, and publish. The words arrive, they do not just appear.

למה טקסט קינטי

כותרת סטטית היא פעימה מבוזבזת

A reader gives the top of a page about a second before deciding whether to stay. A static headline spends that second sitting there. A headline that moves spends it earning attention: the eye is pulled to motion before it reads a word, so the first thing your visitor does is watch your most important line. Kinetic is the difference between a headline that is seen and one that is skimmed.

שזה ינחת

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

טקסט מונפש שנכנס בהדרגה

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

אותיות שעפות פנימה בקשת

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

אפקט טקסט בסגנון מכתב כופר

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

אנימציית טקסט בהבהוב ניאון

אנימציית טקסט בהבהוב ניאון עם שוליים של גליץ' כרומטי, לאווירה של חיי לילה, ארקייד או רטרו. ברוב הכלים זו תבנית טקסט מונפש שמורידים, או אפקט טקסט ב-CSS שמעתיקים מ-codepen ומתחזקים ביד. בבונה העמודים של Instinctor זה סגנון כותרת שמפעילים: הטקסט המונפש מוצג בזמן אמת, בלי CSS לתחזק, בלי פרויקט After Effects ובלי תוסף. שנה את המילים, הצבע והקצב מתי שתרצה, והאנימציה מתחילה מחדש.

טקסט על קובייה 3D מסתובבת

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

טקסט שנכרך לספירלה

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

טקסט מונפש שפועם

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

טקסט מונפש במעבר צבע

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

כותרת ארוכה מונפשת בתנועה

טקסט מונפש הוא לא רק לכותרות של שתי מילים. כותרת מונפשת מלאה בכמה שורות יכולה לרוץ כתנועה מתוכננת אחת, כך שגם כותרת ארוכה בטיפוגרפיה קינטית מגיעה מעוצבת ולא כערימה של אנימציות CSS נפרדות. במקום שבו אפקט שנבנה ביד נעשה שביר על פני כמה שורות, Instinctor מתייחס לכל הכותרת כאנימציה אחת. היא נשארת טקסט חי שמנועי חיפוש סורקים, מוגדרת מהעורך בלי keyframes ובלי After Effects, והיא מסתדרת ומונפשת מחדש כשאתה משנה את המילים.

ערבב את המשקלים ואת הצבע

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

צבע ושליטה

הצבע שלך הקצב שלך

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

תנועה אחת

מעוצב, לא מתוסרט

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

התנועה היא המילה הראשונה

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

מהי טיפוגרפיה קינטית?

ראה מה עוד זה עושה

טקסט קינטי הוא אחד מארבעים בלוקים ב-Impulse, וכל אחד מהם בנוי לזוז.