Tumblr משלב דגש על יצירתיות חזותית עם אורך פוסט שנמצא בין קיצור הטוויטר לאורכו הפתוח של ערך בלוג מסורתי. כשאתה משתמש בנושא Tumblr מותאם אישית שמאריך את מראה הזהות שלך במצב לא מקוון ולא מקוון, טמבלוג נכנס לאסטרטגיה הכוללת מדיה מקוונת וחברתית אחרת. מעצבי אתרים מתחילים לעיתים קרובות לפתח ערכות נושא מותאמות אישית ב- Adobe Photoshop, תוך שימוש בפורמט קובץ ה- PSD השכבתי של התוכנית כמרחב העבודה החזותי שלהם.
קביעת מידות
מדריכי הסרגל של אדובי פוטושופ ויכולות השכבה מפשטים את משימת יצירת הבסיס לנושא Tumblr, עם רשת פריסה המגדירה את הממדים של אזורי תוכן. אם אתה מגדיר קבוצות שכבות לכל היבט בעיצוב שלך, כולל אזור התוכן העיקרי שלו וסרגל הצד, אתה יכול למקם את כל המדריכים עבור כל אלמנט על שכבה אחת בתוך כל קבוצה. סידור זה מאפשר לך להפוך את המדריכים שלך לגלויים באופן סלקטיבי, במקום פשוט להציג ולהסתיר את כולם באמצעות קיצור מקשים של Photoshop או פריט בתפריט, ושומר על אלמנטים מדריכים קשורים זה בזה. תן שם לקבוצות ולשכבות שלך כדי לזהות את הפונקציה של כל חלק בעיצוב שלך. הרגעים שאתה משקיע במשימות שמות מצטברות משתלמים בזמן שאתה לא צריך להשקיע בהפעלה וכיבוי של שכבות כדי לקבוע מה הם מכילים. כדי למצוא את הממדים של רכיב פריסה כלשהו במהירות, לחץ על "F8" כדי לפתוח את חלונית המידע ואז "לחץ Ctrl" על התמונה הממוזערת של החלונית Layers כדי לטעון בחירה המבוססת על הפיקסלים בשכבה זו.
בחירת צבעים
בין אם תשתמשו בבוחר הצבעים שנבדק בזמן לבחירת גוונים לנושא שלכם, טעינת אפשרויות מספריית צבעים שתתאים ליצירה מודפסת או לוגו, או להסתמך על הכלי טפטפת כדי לדגום גוונים מקובץ או גרפיקה אחרת, Adobe Photoshop מציע מגוון דרכים לבחירת צבעי נושא. כאשר אתה ממלא שכבה בצבע אחיד כדי לדמות את צבע הרקע של נושא Tumblr או אלמנטים אחרים בעיצוב שלך, אתה יכול להעתיק את נוסחת הצבע כטקסט מתוך קריאת ה- hex של בורר הצבעים ולהדביק את זיהוי הצבעים בשם השכבה. להתייחסות מהירה. שש התווים האלפאנומריים בצבע הקס מופיעים בקוד Tumblr וכן בעיצוב אתרים לבלוגים ופורמטים מקוונים אחרים.
יצירת גרפיקה
הכותרת שמזהה טומבלוג יכולה להשתמש בגרפיקה ממופה סיבית כגרפיקה נושאית. אתה יכול ליצור אלמנט קריטי זה באמצעות שילוב של טקסט ואלמנטים מבוססי פיקסל או וקטור בתוך קובץ ה- PSD שלך. אם הגרפיקה כוללת אלמנטים הניתנים להתאמה אישית שהגדרת בפוטושופ, השאר אותם כסוג חי בתוך קובץ הנושא מבוסס PSD שלך והעביר אותם לרסטר רק בעותקים של הקובץ שאתה מספק לאנשים אחרים שאין להם רישיון לקבצי הגופן הנדרשים. בנושא שלך. כאשר אתה משתמש בכלים וקטוריים לציור ב- Photoshop, כולל כלי העט והצורה, צייר באמצעות כללי מדריך המתאימים לרזולוציה הבסיסית של קובץ התבנית שלך. טכניקה זו עוזרת לשמור על הגרפיקה שלך חדה ככל האפשר כאשר אתה שומר או מייצא גרסאות רסטר של זה.
הצעדים הבאים
אם אתה יודע לקודד HTML ו- CSS, ומבין את המשתנים המיוחדים ש- Tumblr משתמש בהם במבנה הקוד שלו, אתה יכול לתרגם את הממדים, מפרטי הצבעים והגרפיקה שאתה בונה ב- PSD לנושא Tumblr מותאם אישית. אם קידוד האינטרנט נופל מחוץ למיומנויות שלך, אתה יכול לספק את ה- PSD שלך למתכנת כדי לייצר את הנושא עבורך. לצד טיפול חזותי, נושא Tumblr חייב לכלול משתנים וחסימות. משתנים מקבלים ערכים דינמיים ליצירת אלמנטים חזותיים מסוג Tumblr. חסימות יוצרות נתחי קוד המשלבים משתנים עם HTML. בלוקים מקימים פוסטים ואת הקישורים המגיעים אליהם, קישורים הנעים בין גושי חומר מסודר כרונולוגית ואלמנטים המתאימים לאנשים שאוהבים או עוקבים אחר כניסה אישית.
מידע על הגרסה
המידע במאמר זה חל על Adobe Photoshop CC ו- Adobe Photoshop CS6. זה עשוי להיות שונה מעט או באופן משמעותי ביחס לגרסאות או מוצרים אחרים.
