منتديات أحلى استايل
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.


منتدى عام وتقنى ودعم
 
دخولدخول  التسجيلالتسجيل  الرئيسيةالرئيسية  
 

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

اذهب الى الأسفل 
4 مشترك
كاتب الموضوعرسالة
S7ERIF
Member
Member
S7ERIF


سجل فى : 28/08/2008

المساهمات : 1404
العمر : 32
التقييم : 0
ذكر

درس تقسيم الصورة وادخال روابط عليها بالفوتوشوب Empty
مُساهمةموضوع: درس تقسيم الصورة وادخال روابط عليها بالفوتوشوب   درس تقسيم الصورة وادخال روابط عليها بالفوتوشوب I_icon_minitimeالإثنين 06 أكتوبر 2008, 1:54 pm

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

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

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

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

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

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


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

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


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

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




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

اختار من Slice Type هذا الخيار لكي تظهر الصوره Image
Name هو اسم المكان المحدد لاداعي لتغييره لانه تلقائي
URL وانتبه هنا يجب كتابة الرابط كاملا كما بالصوره
Target وهي خصائص فتح صفحة الرابط new نافذه جديده same بنفس النافذه
Message Text وهنا تكتب اي شي تبيه اذا مررت الماوس على الرابط سيظهر هذا الكلام بشريط الاكسبلورر تحت
درس تقسيم الصورة وادخال روابط عليها بالفوتوشوب 009
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://WWW.ELMOBD3IN.COM
abdoadel
Member
Member
abdoadel


سجل فى : 29/04/2008

المساهمات : 1523
العمر : 35
التقييم : 1
من ..
ذكر
اعمل ..
احب ..

درس تقسيم الصورة وادخال روابط عليها بالفوتوشوب Empty
مُساهمةموضوع: رد: درس تقسيم الصورة وادخال روابط عليها بالفوتوشوب   درس تقسيم الصورة وادخال روابط عليها بالفوتوشوب I_icon_minitimeالإثنين 06 أكتوبر 2008, 4:37 pm

تسلم ايدك يازوق
الله ينور عليك ياشريف
ممتاز شرح مبسط

ربنا يباركلك وينجحك
قادر ياكريم

دعاء الام اهو
ههههههههههههههههههههههههههههههه

ترجعلنا بالسلامه ياصاحبى
:41819:
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.shababrwesh.net/forum.htm
M@Y12
Member
Member
M@Y12


سجل فى : 28/08/2008

المساهمات : 1138
العمر : 34
التقييم : 10
من ..
انثى
اعمل ..
احب ..

درس تقسيم الصورة وادخال روابط عليها بالفوتوشوب Empty
مُساهمةموضوع: رد: درس تقسيم الصورة وادخال روابط عليها بالفوتوشوب   درس تقسيم الصورة وادخال روابط عليها بالفوتوشوب I_icon_minitimeالإثنين 06 أكتوبر 2008, 5:14 pm

شرح متكامل..... ومفيد
شكرا لك Smile
الرجوع الى أعلى الصفحة اذهب الى الأسفل
زائر
زائر
Anonymous



درس تقسيم الصورة وادخال روابط عليها بالفوتوشوب Empty
مُساهمةموضوع: رد: درس تقسيم الصورة وادخال روابط عليها بالفوتوشوب   درس تقسيم الصورة وادخال روابط عليها بالفوتوشوب I_icon_minitimeالإثنين 06 أكتوبر 2008, 5:19 pm

شرح رائع جدا شكرا لك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Dawn birth
Member
Member
Dawn birth


سجل فى : 01/10/2007

المساهمات : 2338
العمر : 35
التقييم : 3
من ..
ذكر
اعمل ..
احب ..

درس تقسيم الصورة وادخال روابط عليها بالفوتوشوب Empty
مُساهمةموضوع: رد: درس تقسيم الصورة وادخال روابط عليها بالفوتوشوب   درس تقسيم الصورة وادخال روابط عليها بالفوتوشوب I_icon_minitimeالثلاثاء 07 أكتوبر 2008, 2:42 pm

شكرا لك اخ شريف
وآسف على تكرار الموضوع مو كنت عارف والله Crying or Very sad
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.bbcolors.com/
 
درس تقسيم الصورة وادخال روابط عليها بالفوتوشوب
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» شرح كيفية تقسيم صورة ووضع روابط عليها بالفوتوشوب
» كود جعل كل روابط الرئيسيه عند المرور عليها يتغير الوان الرابط
» بنرات بملف مفتوح Psd للتعديل عليها بالفوتوشوب!
» اريد مثل هذة الصورة مكتوب عليها الاتى
» تقسيم المهام بأقسام الطلبات

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات أحلى استايل :: ادوات المصمم وملحقات التصميم :: دروس وشروحات برنامج الفوتوشوب | Photoshop Learn Lessons-
انتقل الى:  
جميع الحقوق محفوظه لاكاديميه  احلى ستايل©ahlastylDigit@lالاعلى |الرئيسيه |قوانين المنتدى | احصائيات | احلى منتدى