יום שלישי, 24 בפברואר 2009

עיצוב באנר לבלוג


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

בשפה האינטרנטית אנו קוראים לכותרת כזו באנר.

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

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

שימו לב שבאנר הוא בדרך כלל רחב וקצר.

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

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

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



הנה דרך קלה להכנת באנר יפה:





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

פתחו מסמך חדש בפוטושופ והעתיקו אליו את התמונה.

אני בחרתי בתמונה זו:






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

לאחר סימון קווי החיתוך לחצו Enter.








וזאת התוצאה:



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

ב- etsy הבאנר הוא ברוחב 760 פיקסלים ובגובה 100 פיקסלים. לבלוגים אפשרי באנרים גדולים יותר.

בסרגל הכלים העליון נפתח את הלשונית Image < Image Size, נשנה את הרוחב ל-760 פיקסלים ונאשר.






כאמור, הגובה לבאנר זה יהיה 100 פיקסלים לכן שוב נפתח את הלשונית Image והפעם נשתמש

ב- Canvas Size נשנה את הגובה ל-100 פיקסלים ונאשר.




כך נראית התמונה בשלב זה:





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

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

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




נוכל להוסיף לטקסט שלנו אפקטים שונים:

נדגיש את שכבת הטקסט ובתחתית "מגש" השכבות נפתח את ה- Blending Options על ידי לחיצה על הסימן fx.




גם לחיצה כפולה על השכבה הרצויה תפתח את חלון ה-Blending Options…

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

אני בחרתי בטקסט בורוד ובאפקט של Bevel and Emboss ושיניתי את צבע הצללים לבורדו.

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



וכך זה נראה:




כדי להפוך את הרקע לאפור מבלי לפגוע בצבע הפרחים והעלים אני בוחרת בכלי

ה- Magic Wand מסרגל הכלים שמשמאל





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

אחרי שסימנו את כל החלקים הרצויים לי, במקרה שלי הפרחים והעלים, אני לוחצת על עכבר ימני ובוחרת באפשרות Select Inverse עכשיו בעצם בחרנו את כל השאר. נלחץ בסרגל העליון על ImageHue/Saturation ונשנה רק את ה-Saturation ל 100- (מינוס 100).

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

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


בהצלחה!






אגב אפשר לחתוך תמונה ולהתאים את הגודל לבאנר רצוי גם בתוכנות אחרות לעריכת תמונות כמו Picasa של google , או ACDSee

אין תגובות:

הוסף רשומת תגובה