موضوع: فيديو : شرح اداة Slice للتقسيم بالفوتوشوب و التصدير html

ردود: 20 | زيارات: 2931
  1. #1

    فيديو : شرح اداة Slice للتقسيم بالفوتوشوب و التصدير html

    السلام عليكم ورحمة الله وبركاته


    سأقوم بشرح اي اداة بالفوتوشوب يطلبها الاعضاء و حسب طلب عضو شرح اداة Slice قمت بشرحها بفيديو

    انتظر تحميل الفيديو
    http://vimeo.com/8682582

    ومع تحياتي للجميع اخوكم عمر الدعجة

    لمشاهدة الفيديو بجودة أفضل انقر على vimeo , وشكراً


  2. #2
    عضو نشيط
    صور رمزية tr1985
    تاريخ التسجيل
    Jul 2009
    المنطقة
    الاردن
    العمر
    32
    ردود
    564
    يسلمو ايديك عالموضوع بس لو ما فيها غلبة احكيلي شو اسم البرنامج الي عملت فيه الفيديو
    لا اله الا انت سبحانك اني كنت من الظالمين
    ان دعتك قدرتك على ظلم الناس فتذكر قدرة الله عليك

    موقعي الالكتروني
    http://www.atgroup-solutions.com


  3. #3
    اقتباس الموضوع الأصلي كتب بواسطة tr1985 معاينة الرد
    يسلمو ايديك عالموضوع بس لو ما فيها غلبة احكيلي شو اسم البرنامج الي عملت فيه الفيديو
    هلا خلدون ....
    بدك اسم البرنامج ؟؟؟ ...و الا اقولك خليها بنفسك
    --------------------
    اسم البرنامج : camtasia

  4. #4
    عضو متميز
    صور رمزية Inass
    تاريخ التسجيل
    Nov 2008
    المنطقة
    طرابلس-ليبيا
    ردود
    1,643
    شكرا جزيلا أخي الكريم .. و بارك الله فيك على مجهودك الطيب ..

    بس أريد أن أسأل سؤال ... ما الفرق بين Dream waver و الفوتوشوب في تصميم المواقع .

    أنا لا أعرف إن كان الفوتوشوب يستخدم فقط لتصميم الواجهات أم يمكن عمل موقع كامل به ..

    سبحان الله و بحمده ...
    سبحان الله العظيم




    My Albums
    inass82.deviantart.com


  5. #5
    عضو نشيط
    صور رمزية tr1985
    تاريخ التسجيل
    Jul 2009
    المنطقة
    الاردن
    العمر
    32
    ردود
    564
    اقتباس الموضوع الأصلي كتب بواسطة inass معاينة الرد
    شكرا جزيلا أخي الكريم .. و بارك الله فيك على مجهودك الطيب ..

    بس أريد أن أسأل سؤال ... ما الفرق بين dream waver و الفوتوشوب في تصميم المواقع .

    أنا لا أعرف إن كان الفوتوشوب يستخدم فقط لتصميم الواجهات أم يمكن عمل موقع كامل به ..
    بتقدري تصممي موقع كامل بالفوتوشوب لكن لوحده ما بكمل الشغل فبتحتاجي للدريم ويفر او اي برمجية اخرى
    لا اله الا انت سبحانك اني كنت من الظالمين
    ان دعتك قدرتك على ظلم الناس فتذكر قدرة الله عليك

    موقعي الالكتروني
    http://www.atgroup-solutions.com


  6. #6
    اقتباس الموضوع الأصلي كتب بواسطة Inass معاينة الرد
    شكرا جزيلا أخي الكريم .. و بارك الله فيك على مجهودك الطيب ..

    بس أريد أن أسأل سؤال ... ما الفرق بين Dream waver و الفوتوشوب في تصميم المواقع .

    أنا لا أعرف إن كان الفوتوشوب يستخدم فقط لتصميم الواجهات أم يمكن عمل موقع كامل به ..
    اخت ايناس
    الفوتوشوب للتصميم فقط ( يعني تصميم الواجهة والصور... ) و لايمكن عمل موقع كامل عليه لأنه غير متخصص بالبرمجة و عند اصدار العمل html بالفوتشوب يظهؤ صور فقط لكي تساعد المبرمج اثناء عملية البرمجة .
    الدريم و يفر لبرمجة الموقع مثله مثل برنامج الفرونت بيج و غيرها من البرامج
    لكني أفضل برنامج الـ DreamWaver للبرمجة ويمكن من خلاله انشاء اللينكات و الارتباطات و التحكم بالاستايل الذي عملناه بالفوتوشوب و هكذا وهذا لا يمكن بالفوتوشوب ....

    باختصار الفوتوشوب ليس علاقة بالبرمجة .... فقط تصميم و اصدار مجموعة من الصور و هي الواجهة
    ولايمكن تصميم موقع كامل او نص موقع على الفوتوشوب .. لكن يمكن تصميم و اجهة و اصدارها html فقط

    اتمنى ان تكون الفكرة وضحت

  7. #7
    عضو متميز
    صور رمزية Inass
    تاريخ التسجيل
    Nov 2008
    المنطقة
    طرابلس-ليبيا
    ردود
    1,643
    اقتباس الموضوع الأصلي كتب بواسطة Troublemaker معاينة الرد
    اخت ايناس
    الفوتوشوب للتصميم فقط ( يعني تصميم الواجهة والصور... ) و لايمكن عمل موقع كامل عليه لأنه غير متخصص بالبرمجة و عند اصدار العمل html بالفوتشوب يظهؤ صور فقط لكي تساعد المبرمج اثناء عملية البرمجة .
    الدريم و يفر لبرمجة الموقع مثله مثل برنامج الفرونت بيج و غيرها من البرامج
    لكني أفضل برنامج الـ DreamWaver للبرمجة ويمكن من خلاله انشاء اللينكات و الارتباطات و التحكم بالاستايل الذي عملناه بالفوتوشوب و هكذا وهذا لا يمكن بالفوتوشوب ....

    باختصار الفوتوشوب ليس علاقة بالبرمجة .... فقط تصميم و اصدار مجموعة من الصور و هي الواجهة
    ولايمكن تصميم موقع كامل او نص موقع على الفوتوشوب .. لكن يمكن تصميم و اجهة و اصدارها html فقط

    اتمنى ان تكون الفكرة وضحت


    شكرا جزيلا أخي الكريم على هذا التوضيح و الفكرة واضحة تماما .. كنت أظن أننا نستطيع إضافة لينكات على الصور بعد تقطيعها من خلال الفوتوشوب .. مثل الوورد .. hyper link ..

    و من خلال كلام الأخ الكريم tr1985 فهمت إني ممكن أصمم موقع كامل بالفوتوشوب .. بس رح احتاج لبرنامج dream waver مثلا لعمل الروابط بين الصفحات ... أو شوية برمجة html عند تصديري للموقع من الفوتوشوب للربط بين الصفحات في أبسط الأحوال.

    طبعا أكيد برمجة المواقع و معالجة بيانات معينة و التعامل مع الداتا بيس مثلا ليس له علاقة بالفوتوشوب .. لكن كنت أظن فقط أن مثلا موقع يعرض معلومات ثابثة و صور فقط بدو أن يقدم أي خدمات أو أي اتصال مع المتصفح أو يبعث و يستقبل أي بيانات يمكن عمله بالفوتوشوب فقط .. يعني مجموعة صفحات ترتبط مع بعضها و ترفع على النت.

    شكرا جزيلا أخي الكريم مرة أخرى .. بالتوفيق

    سبحان الله و بحمده ...
    سبحان الله العظيم




    My Albums
    inass82.deviantart.com


  8. #8
    عضو متميز
    صور رمزية منبر الخير
    تاريخ التسجيل
    Jul 2009
    المنطقة
    الفضاء
    ردود
    9,650
    جزيل الشكر نزلت الفيديو

    ان شاء الله احاول اتعلم منه شي

    لو ما عرفت ان شاء اسأل في الموضوع

    وشكرا
    اللَّهُمَّ إنِّي أعُوذُ بِكَ أنْ أُشْرِكَ بِكَ وأنَا أعْلَمُ، وأسْتَغْفِرُكَ لِـمَا لا أعْلَمُ


    ربي اغفر لى ولوالدى وللمؤمنين والمؤمنات والمسلمين والمسلمات الاحياء منهم والاموات

  9. #9
    اقتباس الموضوع الأصلي كتب بواسطة inass معاينة الرد


    شكرا جزيلا أخي الكريم على هذا التوضيح و الفكرة واضحة تماما .. كنت أظن أننا نستطيع إضافة لينكات على الصور بعد تقطيعها من خلال الفوتوشوب .. مثل الوورد .. Hyper link ..

    و من خلال كلام الأخ الكريم tr1985 فهمت إني ممكن أصمم موقع كامل بالفوتوشوب .. بس رح احتاج لبرنامج dream waver مثلا لعمل الروابط بين الصفحات ... أو شوية برمجة html عند تصديري للموقع من الفوتوشوب للربط بين الصفحات في أبسط الأحوال.

    طبعا أكيد برمجة المواقع و معالجة بيانات معينة و التعامل مع الداتا بيس مثلا ليس له علاقة بالفوتوشوب .. لكن كنت أظن فقط أن مثلا موقع يعرض معلومات ثابثة و صور فقط بدو أن يقدم أي خدمات أو أي اتصال مع المتصفح أو يبعث و يستقبل أي بيانات يمكن عمله بالفوتوشوب فقط .. يعني مجموعة صفحات ترتبط مع بعضها و ترفع على النت.

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

    اقتباس الموضوع الأصلي كتب بواسطة منبر الخير معاينة الرد
    جزيل الشكر نزلت الفيديو

    ان شاء الله احاول اتعلم منه شي

    لو ما عرفت ان شاء اسأل في الموضوع

    وشكرا
    العفو منبر الخير
    طيب ليش التحميل ؟؟؟
    بتقدر تشاهد الفيديو مباشرة و مدة الفيديو قليلة ما تتعدى 3 دقائق و الشرح بسيط
    ان شاء الله تتم الافادة

  10. #10
    عضو نشيط
    صور رمزية tr1985
    تاريخ التسجيل
    Jul 2009
    المنطقة
    الاردن
    العمر
    32
    ردود
    564
    اقتباس الموضوع الأصلي كتب بواسطة Troublemaker معاينة الرد
    هلا خلدون ....
    بدك اسم البرنامج ؟؟؟ ...و الا اقولك خليها بنفسك
    --------------------
    اسم البرنامج : camtasia
    حجي عندك سيريال للبرنامج ؟؟ نزلت من النت camtasia 6.0.3 وبدو سيريال
    لا اله الا انت سبحانك اني كنت من الظالمين
    ان دعتك قدرتك على ظلم الناس فتذكر قدرة الله عليك

    موقعي الالكتروني
    http://www.atgroup-solutions.com


  11. #11
    اقتباس الموضوع الأصلي كتب بواسطة tr1985 معاينة الرد
    حجي عندك سيريال للبرنامج ؟؟ نزلت من النت camtasia 6.0.3 وبدو سيريال
    و الله نفسي اساعدك ... لكن ممنوع تبادل المواد المقرصنة داخل المنتدى
    و الكراك و السيريال و الكيجين كلها مواد مقرصنة
    راجع شروط المنتدى

  12. #12
    عضو نشيط
    صور رمزية legend 1
    تاريخ التسجيل
    Mar 2008
    المنطقة
    سورية & قطر
    ردود
    453
    كنت محتاج شرحك كتير والله
    واخيرا سهلت علي الامر...
    من فترة طلب مني المدير تصميم واجهة الموقع...واكثر من 3 ايام وانا اصمم ولا اعرف الحجم او الدقة
    لكن تقريبا وصلت للنهاية بعد بحث وتعديل
    والحمد الله بعد الموضوع تقريبا وصلني كل المعلومات وخاص ان الدقة تكفي 72 ووو...الحجم.....
    ووواهم شيئ التفكير قبل التصمصم................ووو...
    يعطيك الف الف عافية
    جزاك الله كل خير

  13. #13
    مشرف عام
    صور رمزية aktoom
    تاريخ التسجيل
    Dec 2005
    المنطقة
    بلاد العرب أوطاني
    العمر
    52
    ردود
    17,805
    بارك الله بك أخي عمر

    فيديو مهم ومفيد ...
    سبحان الله وبحمده .. سبحان الله العظيم

    لاريب أنّ الألم هو سائق انفعالاتي الفظّ ، وأنّ الأمل هو وسيلتي الدائمة لترويضه . لكن .. هل أكون بهذا قد لخّصت لك عملية الإبداع ؟

    FACEBOOK

  14. #14
    اقتباس الموضوع الأصلي كتب بواسطة legend 1 معاينة الرد
    كنت محتاج شرحك كتير والله
    واخيرا سهلت علي الامر...
    من فترة طلب مني المدير تصميم واجهة الموقع...واكثر من 3 ايام وانا اصمم ولا اعرف الحجم او الدقة
    لكن تقريبا وصلت للنهاية بعد بحث وتعديل
    والحمد الله بعد الموضوع تقريبا وصلني كل المعلومات وخاص ان الدقة تكفي 72 ووو...الحجم.....
    ووواهم شيئ التفكير قبل التصمصم................ووو...
    يعطيك الف الف عافية
    جزاك الله كل خير
    الحمدلله اخي ان المواضيع افادتك !
    و اذا وجدت بها أي خطأ فانا احتاج للمعلومات لكي نصنع اكبر دليل عربي للمصممين
    بالنسبة للتقسيم .. و الله هذه الاداة موجودة من زمان لكن لم ينتبه لها الكثير فأحببت ان اضع شرح لها هنا لكي يظهر التصميم دقيق و يوفر و قت و جهد للمصمم العربي .
    و شكراً لمرورك اخي

    اقتباس الموضوع الأصلي كتب بواسطة aktoom معاينة الرد
    بارك الله بك أخي عمر

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

  15. #15
    عضو نشيط
    صور رمزية legend 1
    تاريخ التسجيل
    Mar 2008
    المنطقة
    سورية & قطر
    ردود
    453
    انا قرأت مواضيعك كلها تقريبا عن تصميم المواقع
    كان ردي الاول على الموضوع طريقك لتصبح مصمم واجهات مواقع يبدء من هنا
    وكنت رح اضيف رد وشكر لك ع شرح اداة slice وتفاجأت بردي الاول انه في هذا الموضوع
    هههههه سوري
    يعطيك الف عافية ع الشرح
    كان سؤالي لماذا التقسم هل لجعل كل قسم من الصفحة له لينك خاص عند الضغط عليه
    وشكرا

  16. #16
    اقتباس الموضوع الأصلي كتب بواسطة legend 1 معاينة الرد
    انا قرأت مواضيعك كلها تقريبا عن تصميم المواقع
    كان ردي الاول على الموضوع طريقك لتصبح مصمم واجهات مواقع يبدء من هنا
    وكنت رح اضيف رد وشكر لك ع شرح اداة slice وتفاجأت بردي الاول انه في هذا الموضوع
    هههههه سوري
    يعطيك الف عافية ع الشرح
    كان سؤالي لماذا التقسم هل لجعل كل قسم من الصفحة له لينك خاص عند الضغط عليه
    وشكرا
    هههههه ... بسيطة بتصير
    و انا رديت هون و هناك

  17. #17
    اقتباس الموضوع الأصلي كتب بواسطة legend 1 معاينة الرد
    كان سؤالي لماذا التقسم هل لجعل كل قسم من الصفحة له لينك خاص عند الضغط عليه
    وشكرا
    التصميم على الفوتوشوب يكون على واجهة واحدة فتحتاج للتقسيم
    و عند بدء البرمجة يجب ان تفصل كل صورة لكي تقوم بوضع اللينكات و تقسم العمل ببرنامج البرمجة من حيز عمل و شريط جانبي و غيره من لينكات
    فمن المستحيل البرمجة على صورة واحدة بحجم كبيرة فتحتاج للتقسيم
    بالماضي كان المصمم يصمم كل صورة لوحدها
    اتمنى ان تكون الفكرة وصلت ...

  18. #18
    عضو نشيط
    صور رمزية legend 1
    تاريخ التسجيل
    Mar 2008
    المنطقة
    سورية & قطر
    ردود
    453
    اممممم الحين عرفت كان المدير يطلب مني الهيدر وكل جزء لحال...وهو الي قام بتقطيع العمل...المرة الجاي رح اكون انا
    وهو سوف يقوم ببرمجة كل جزء ووضع لينكات.. كل جزء على حدا
    مشكوررررررر وماقصرت
    جزاك الله كل خير

  19. #19
    أعْشَـقُ بَعْثَــرَةَ .. الألْـوَانِ
    صور رمزية dr.adobe
    تاريخ التسجيل
    Aug 2008
    المنطقة
    السعودية
    العمر
    21
    ردود
    2,584
    كنت أظن أننا نستطيع إضافة لينكات على الصور بعد تقطيعها من خلال الفوتوشوب .. مثل الوورد .. hyper link ..
    اضغط ضغطتين بإستخدام أداة Slice على الجزء المراد عمل له ارتباط .. أ, بنفس الأداء كليك يمين Edit Slice Option ..

    طبعًا طريقة بدائية ..


    (قريبا درس Wall Of Light بالسينما و الأفتر)
    "ترى يشبه حق اخونا أندرو كرامر"

    -----

    http://www.videocopilot.net
    http://www.digitaltutors.com/11/index.php
    http://www.cineversity.com
    http://greyscalegorilla.com/
    -----


  20. #20
    اقتباس الموضوع الأصلي كتب بواسطة dr.adobe معاينة الرد
    اضغط ضغطتين بإستخدام أداة slice على الجزء المراد عمل له ارتباط .. أ, بنفس الأداء كليك يمين edit slice option ..

    طبعًا طريقة بدائية ..
    مشكور اخي على هذا الدخول المفيد و المميز

Bookmarks

قوانين الموضوعات

  • لا يمكنك اضافة موضوع جديد
  • لا يمكنك اضافة ردود
  • لا يمكنك اضافة مرفقات
  • لا يمكنك تعديل مشاركاتك
  •  
  • كود BB مفعّل
  • رموز الحالة مفعّل
  • كود [IMG] مفعّل
  • [VIDEO] code is مفعّل
  • كود HTML معطل