hits counter
الرئيسيةس .و .جبحـثالتسجيلدخول
دعم شباب الآن: لدينا 8248 موضوع ، و 1991 عضو ، آخر عضو مسجل : نغم سات فمرحباُ به.



درس تقسيم الصورة وادخال روابط عليها بالفوتوشوب
avatar
THE QM
إدارة الموقع
 
المشاركات : 7657
القسم المفضل : تطوير المواقع
سجل في : 13/06/2008
النقاط : 22
موضوع: درس تقسيم الصورة وادخال روابط عليها بالفوتوشوب



درس تقسيم الصورة وادخال روابط عليها بالفوتوشوب ا
افتح الصورة المراد العمل عليها بالفوتوشوب
اختار اداة التقسيم او التقصيص

والآن
بعد اختيارك لهذه الاداه اضغط على التصميم وحدد الاجزاء التي تريد تقسيمها
بالتصميم واسحبها الى اليمين اليسار فوق تحت حسب رغبتك بالتحديد وستحصل
على الشكل التالي بعد تحديد التصميم وتقسيمه

ملحوظه : ان اخطأت في
العمل وتريد الرجوع خوطوه واحده او اكثر ما عليك الا ان تختار نافذة ال
History وتستطيع ارجاع العمل خطوه واحده الى الخلف او اكثر من خطوه .





وطبعا يتغير شكل التصميم بتغييرك اجزاء التحديد والتقسيم للتصميم . والان قم باختيار اداة Slice Select Tool
انظر الصوره التاليه توضح شكل الاداة :


والآن
عزيزي سنقوم بتحويل اجزاء من التصميم الى مكانات فارغه لكي نستطيع ادخال
مانريد بواسطة برامج التصميم مثل الروابط والازرار والبنرات والفلاش
والاخبار وغيره وغيره
والآن بواسطة الاداة اضغط يمين الماوس داخل الجزء المقسّم والمقطع واختار من القائمه Edit Slice Options
الذي حددته بلون احمر للمعلوميه فقط كما بالشكل التالي ولاحظ اننا اخترنا التحديد رقم 16


ومن نافذة خصائص التقطيع اختار No Image
وفي خانة HTML تستطيع كتابة اي شيء تريد او تتركه للفرونت بيج او الدريم ويفر فيما بعد كما بالصوره التاليه




والآن
اخواني واخواتي الاعزاء طبقوا نفس الخطوه السابقه بالمناطق التي تريد حذف
الصور المقطعه منها لتركها فارغه لكي تضيف بالمكان الفارغ اي نص او كتابه
بالفرونت بيج او الدريم ويفر او غيرهما
وبعد الانتهاء من حذف القطع اتجه فورا الى File ثم اختار Save For Web لحفظ العمل بصفحة انترنت
وسوف تاتيك هذه النافذه كما بالصوره التاليه وما عليك الا ان تختار اوكي Ok



ثم سوف تاتيك نافذة خصائص الحفظ اترك اعداداتها تقائيه او غير ما يلزمك وهي اسم الصفحه ونوع

الصفحه وصورها كالصوره التاليه :






اضغط على معها Save لكي تحفظ العمل وسيقوم البرنامج بحفظ الصور بجداول ليسهل التعامل معها
بالبرامج الاخرى مثل الفرونت بيج ودريم ويفر او اي برنامج تحرير لغة HTML
والصور ستكون محفوظه داخل مجلد images
وستلاحظ
ان التصميم فيه مناطق بيضاء وهي التي تم تقسيمها وقصها وجعلها خاليه من
الصور ليسهل علينا الكتابه ووضع الفلاش فيها او الصور او الروابط داخل
الجداول الفارغهوالآن اخوتي فل نفرض اننا لانريد قص الصور بل نحددها ونضع
لها الروابط فقط اتبع التالي
نقوم بنفس خطوات تقسيم التصميم ونضغط يمين
الماوس بداخل المكان المحدد والذي نريد وضع رابط او عنوان له ثم نختار من
القائمه Edit Slice Options وستظهر لك نافذة خصائص التقطيع واتبع التالي
لكي نضع له رابط وعنوان بالشريط السفلي للاكسلورر

اختار من Slice Type هذا الخيار لكي تظهر الصوره Image
Name هو اسم المكان المحدد لاداعي لتغييره لانه تلقائي
URL وانتبه هنا يجب كتابة الرابط كاملا كما بالصوره
Target وهي خصائص فتح صفحة الرابط new نافذه جديده same بنفس النافذه
Message Text وهنا تكتب اي شي تبيه اذا مررت الماوس على الرابط سيظهر هذا الكلام بشريط الاكسبلورر تحت




كن بالقرب :
follow me @HDagash


التعليقات
C.J
avatar

مصمم سابق


المشاركات : 166
القسم المفضل : لم يحدد
سجل في : 22/05/2009
النقاط : 13



 مشكور أخوي كيو ام



 
*software*
avatar
اداري سـابق

المشاركات : 139
القسم المفضل : لم يحدد
سجل في : 08/06/2009
النقاط : 17



 مشكور



THE QM
avatar
إدارة الموقع

المشاركات : 7657
القسم المفضل : تطوير المواقع
سجل في : 13/06/2008
النقاط : 22



 العفو و





كن بالقرب :
follow me @HDagash


shosho
avatar
داعم متفاعل
داعم متفاعل

المشاركات : 55
القسم المفضل : لم يحدد
سجل في : 06/09/2011
النقاط : 10



 مشكور ياغالى
تسلم ايدك على الطرح الممتاز



تفضّل شارك بتعليقك

دعم شباب  :: تطوير المواقع والمنتديات :: منتدى التصميم والجرافكس-