פנו אליי וביקשו שאסביר איך עושים את זה.זה מדריך די בסיסי ופשוט שמסביר איך ניתן ליצור אפקט של פינות מעוגלים על תמונות שגודלן ידוע מראש (!).
בוא נניח שאנחנו מנהלים אתר חדשות כמו NRG.
לכל ידיעה נעלה תמונה.
נצטרך לטפל קודם לכן בתמונות בעזרת GD כדי לשנות אותן לגודל שמוגדר מראש,
גם כדי לשמור על פורמט אתר קבוע וגם כדי להשתמש בעיגול תמונות שבמדריך.
נניח והעלנו תמונה,
הנה היא:
http://rotter.name/User_files/nor/473cb2ec2c5d7fa5.jpg
נקרא לה bg.png
כל מה שנצטרך לעשות זה להלביש על התמונה את המסגרת הבאה:
http://rotter.name/User_files/nor/473cb3572e8558f3.png
נקרא לה overlay.png
תעשו CTRL A ושימו לב איך התמונה בנוייה, (שימרו אותה!).
PNG - המרכז שקוף - בצדדים "חצאי עיגולים" לבנים.
הלבשה של שתי התמונות האלו אחת על השנייה תוביל ליצירת אפקט של פינות מעוגלים.
בוא נתחיל:
$background = imagecreatefromjpeg('bbg.jpg'); $overlay = imagecreatefrompng('overlay.png');
|
נגדיר את background בתור תמונה מתוך JPEG (זוהי התמונה המקורית שלנו),
ואת overlay כתמונה מ PNG - זוהי תמונת השכבה השנייה שלנו.
imagealphablending($background, true);
|
כדי למנוע תקלות לא רצויות, ניתן לתמונות הרקע
ALPHABLENDING -
(http://il.php.net/manual/en/function.imagealphablending.php)
כעת נאחד את שתי התמונות לאחת,
נשתמש בפונקציה הבאה:
imagecopy($background, $overlay,0, 0, 0, 0,309, 164);
|
כאן בעצם "איחדנו" את הרקע יחד עם שכבת ה overlay ושמרנו את השינויים בחזרה על המשתנה background.
שימו לב לרוחב ולאורך של התמונה כחלק מהנתונים בסוף המחרוזת.
כעת כל מה שנותר לעשות זה לשמור את התמונה ולמחוק עקבות בשרת.
imagejpeg($background, "newimage.jpg"); imagedestroy($background); imagedestroy($overlay);
|
את התוצאה יהיה ניתן לראות בשרת תחת הקובץ newimage.jpg.
אני מאמין שתצליחו "לגלות" לבד איך משנים את השם או איך מציגים את הקובץ ישר בתור תמונה.
http://rotter.name/User_files/nor/473cb6953dfc6e28.jpg
שיהיה בכיף
רוצים גם אתם חתימת פז"ם ? https://.net/