הטמעת לוגו באתר

 

 

המדריך המקיף לבניית אתר - הטמעת לוגו בעמוד האתר שלנו

המדריך המקיף לבניית אתר - מדריך הטמעת לוגו באתר - 1

 

יש תבנית אתר ויש לוגו, צריך עתה רק לחבר בניהם.

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

המדריך המקיף לבניית אתר - מדריך הטמעת לוגו באתר - 2

 

בשלב ראשון נפתח את קובץ הלוגו בפוטושופ.

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

המדריך המקיף לבניית אתר - מדריך הטמעת לוגו באתר - 3

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

המדריך המקיף לבניית אתר - מדריך הטמעת לוגו באתר - 4

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

בעזרת כלי ה 'Magic wans Tool' ברגישות נמוכה יחסית (Tolerance 12) מסמנים בקליק עכבר את הרקע הלבן ומוחקים את הרקע המסומן ע"י לחיצה על מקש Del במקלדת.

המדריך המקיף לבניית אתר - מדריך הטמעת לוגו באתר - 5

בשלב שני נסמן את השטח הנותר בעזרת ה 'Polygonal Lasso Tool' בשמירה על מרחק קטן מהלוגו עצמו ולחיצה על מקש Del במקלדת למחיקת הרקע המסומן.

המדריך המקיף לבניית אתר - מדריך הטמעת לוגו באתר - 6

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

המדריך המקיף לבניית אתר - מדריך הטמעת לוגו באתר - 7

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

דרך תפריט 'Image' נכנס לחלון 'Image Size'.

המדריך המקיף לבניית אתר - מדריך הטמעת לוגו באתר - 8

המשך תהליך הקטנת תמונת הלוגו - בעמוד הבא.

 

להמשך המדריך -

לעמוד הבא במדריך עמוד 1

 

 

המדריך לבניית אתר - העמוד הראשי

 

1. ההכנות לבניית האתר

2. כתיבת תוכן האתר

חזרה למעלה

3. חזרה למדריך עיצוב תבנית האתר

4. המשך תהליך בניית האתר

5. סיום תהליך הקמת האתר

 

 

 

 

responsive_wp_250x250

 

300X250_01 Fiverr.com דיל-אקסטרים - Dealextreme