الثلاثاء، 27 ديسمبر 2011

ستائر للتصاميم بالفتوشوب حصريا


نقره لعرض الصورة في صفحة مستقلة



كيفكن اعضاء الميغا بروف

ستائر للتصاميم بالفتوشوب حصريا

عملتلكن ستائر منوعه تقريبا 20 ستاره للفتوشوب

وهي نموذج من الستائر

وبالمجلد الكثير


ان شاء الله يعجبوكن

نقره لعرض الصورة في صفحة مستقلة

نقره لعرض الصورة في صفحة مستقلة


هذا الجزء من المحتوى مخفيhttp://up.megaprof.com/downloadf-megaprof13249925141-rar.html





السبت، 24 ديسمبر 2011

شرح عمل تصميم مميز بالفتوشوب





نقره لعرض الصورة في صفحة مستقلة

نقره لعرض الصورة في صفحة مستقلة
نقره لعرض الصورة في صفحة مستقلة



اليوم معنا شرح تصميم مميز لتوقيع

نقره لعرض الصورة في صفحة مستقلة




نتيجة الدرس
هديه مقدمه من الميغا بروف

للانسه خفوقي عذاب

توقيع

ان شاء الله تنال اعجابها

نقره لعرض الصورة في صفحة مستقلة

وكل عضو بيطبق الدرس

الو 50 مشاركه اضافيه وتقييم

وتوقيع على زوئو





اذا بدكن ارفعلكن الصور الي انا استخدمتا بالدرس
خبروني

والتطبيق على زوئكن

نقره لعرض الصورة في صفحة مستقلة



كما وعدتكن

كل عضو بيطبق الدرس له توقيع على زوئو

وشهوده من الاوائل دائما بالتطبيق

وهي التوقيع

وان شاء الله ينال اعجابك شهوده

نقره لعرض الصورة في صفحة مستقلة






شرح درس عمل علم يرفرف -- فوتوشوب --


نقره لعرض الصورة في صفحة مستقلة

تعريف الأدوات والقوائم بالفتوشوب








نقره لعرض الصورة في صفحة مستقلة
نقره لعرض الصورة في صفحة مستقلة 
 نقره لعرض الصورة في صفحة مستقلة

درس السينماجراف cinemagraphs Tutorial‎ 2012


درس السينماجراف - cinemagraphs Tutorial‎2012 - تعلم فن سينما جراف لتحريك الصور



اخواني / أخواتي , أحب أقدم لكم درس جديد عن السينماجراف
وهو : الحد الفاصل بين الصورة والفيديو

إن مطور هذا الأبتكار هما جيمي بك وكيفين بيرج

أولاً: ماذا تحتاج ؟
نحتاج إلى حامل ثلاثي لتثبيت الكاميرا + تصوير مقطع فيديو قصير لا يتعدى الثواني

سأضع الأن لكم أمثله على هذا الفن الجديد والرائع

نقره لعرض الصورة في صفحة مستقلة

نقره لعرض الصورة في صفحة مستقلة

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

في البداية رفعة فيديو عشان اللي حاب يجرب الدرس هذا ..




نقره لعرض الصورة في صفحة مستقلة

في البداية افتح مقطع الفيديو بالفوتوشوب ولاحظ الشريط السينمائي على اللير , مع العلم أن خاصيه فتح الفيديو من اصدارات الفوتوشوب من CS3 وفوق

نقره لعرض الصورة في صفحة مستقلة

الأن وبكل بساطة قم بتحديد الكل من الأمر ctrl+A , وبعد كذا سو الأمر نسخ ctrl + C وبعدها الأمر لصق ctrl+v
وبتلقى اول فريم من الفيديو نزل لك على لير جديد وصورة عادية

نقره لعرض الصورة في صفحة مستقلة

وبعد كذا من القائمة ويندوز أظهر شريط الأنيميشن زي ماهو موضح معك بالصورة

نقره لعرض الصورة في صفحة مستقلة

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

طبعا فائدة الماسك , انه يعطينا القدرة بالتحكم بالصورة من خلال المسح

نقره لعرض الصورة في صفحة مستقلة

الأن عندنا الرقم ( 1 ) , حدد على الفرشاة واختر الحجم المناسب للمكان اللي راح تظهر الحركة فيه
والرقم ( 2 ) حدد على الماسك , ونلاحظ هنا لون الماسك ابيض , اذا لون الفرشاة لا بد يكون العكس وهو اسود
وعندك مربع الألوان اللي أسفل الأدوات لاحظ اللون الأمامي اسود ..

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

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

نقره لعرض الصورة في صفحة مستقلة

نحن الأن في المرحلة الأخيرة من اخراج السيمناجراف الخاص بنا , من خلال القائمة File < Save for Web

ستظهر لك النافذة هذه ..

الرقم ( 1 ) لا بد أن تكون صيغة الصورة Gif , لأنها هي الصيغة التي تدعم الحركة بالصور ..

الرقم ( 2 ) اختر Forever بدلاً من One , لكي تكون الحركة مستمرة بالصورة

One : حركة وحيدة تظهر عندما تستعرض الصور وستقف ولا تعود إلا بعد فتحها مره أخرى او التحديث
Forever : حركة دائمة للصورة وهي الأفضل ..

وبهذا تكون قد صنعت السينماجراف الخاص بك , ولك أن تطبق عدة طرق تراها مناسبة " الأمر مفتوح "

ملاحظة :
- ابعاد العمل تتأثر في الحجم , كلما قلت ابعاد العمل كلما كان الحجم أقل
- اذا كان الأنترنت ضعيفاً لديك ستشاهد ضعفاً في الحركة التي تراها " احفظها واستمتع "

وهذة تجاربي البسيطة ..

نقره لعرض الصورة في صفحة مستقلة

نقره لعرض الصورة في صفحة مستقلة

نقره لعرض الصورة في صفحة مستقلة

منقووووووووووووووووووووووووووووووووول


تجربتي لفن السينما جراف

نقره لعرض الصورة في صفحة مستقلة

اليوم رح اعرض عليكن تجربتي البسيطه

لفن السينما جراف

هي اول تجربه بس اخدت معي وقت كتير

تفضلوا


نقره لعرض الصورة في صفحة مستقلة


نقره لعرض الصورة في صفحة مستقلة


الثلاثاء، 20 ديسمبر 2011

شرح تصميم فتوشوبي احترافي










كيفكن اعضاء الميغا بروف

بناء على طلب لوليتنا الغاليه لوجين

تصميمي تشتت أنثى

معنا اليوم شرح تصميم تشتت أنثى

وان شاء الله اشوف تطبيقاتكن عليه

ارفقت لكم الخامات المستخدمه والصوره
ولتحميل الملف المفتوح تجده برابط التحميل

نتيجة الشرح






http://up.megaprof.com/downloadf-megaprof13243846532-rar.html


الجزء الاول



[url]http://www.youtube.com/watch?v=n992wdf4oPQ&feature=youtu.be[/url]
الجزء الثاني من الشرح



[url]http://www.youtube.com/watch?v=-4YKGVdRHTI&feature=youtu.be[/url]






أمين حاميم - فيديو كليب - من أنت


الأحد، 18 ديسمبر 2011

الحدود (الزوايا) المنحنية في css

اليوم سنطرح درس بسيط  في css  وهو درس الحدود او الزوايا المنحنية حيث سنستعرض طريقة بسيطة لعمل الحدود المنحنية وفي درس اخر ان شاء الله سنتوسع في شرح الزوايا والحدود المنحنية في css .

سنبدء الدرس بعمل جزء مربع الشكل بعرض 507 بيكسل وبارتفاع 100 بيكسل وبخلفية زرقاء داكنه   لنطبق على هذا الجزء الحدود المنحنية وستكون اكواد هذا الجزء بالشكل التالي :

كود html

<div id="box">   ----"box" قمنا ببتعريف هذا الجزء بالاسم
</div>

كود css
#box {
width:507px;                         هنا قمت بضبط العرض   
height:100px;                                   وهنا الارتفاع
background-color:#4a6da1;            وهنا لون الخلفيه
}

وسينتج لنا الشكل التالي :

ونلاحظ ان الحدود غير منحنية وهنا يبدء درسنا فمن اجل جعل الحدود منحنية يتوجب علينا استخدام الوسم التالي :

border-radius:25px;

حيث نستبدل الرقم 25 بالرقم المناسب وهذا الرقم يمثل قيمة الانحناء ..... لنجرب الوسم السابق على الجزء الذي قمنا بانشاءه في الاعلى حيث سنضيفه الى تنسيق css  بالشكل التالي :
#box {
width:507px;                         هنا قمت بضبط العرض   
height:100px;                                   وهنا الارتفاع
background-color:#4a6da1;            وهنا لون الخلفيه
border-radius:25px;                  هذا هو الجزء الذي اضفناه لعمل انحناء للزوايا
}

بعد اضافة الوسم سيكون الناتج كالتالي :


هل لاحظت انحناء الزوايا ..... اتمنى ان يكون الدرس مفيداً ونلتقي في الدرس المقبل ان شاء الله الذي سنتحدث فيه عن الزوايا والحدود المنحنيه بشكل اوسع .

أدوات مفيدة لتسهيل التصميم بـ css3


بسم الله الرحمن الرحيم نقره لعرض الصورة في صفحة مستقلة .

السلام عليكم ورحمه الله وبركاته نقره لعرض الصورة في صفحة مستقلة .

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

نقره لعرض الصورة في صفحة مستقلة
1- CSS3 Pie

نقره لعرض الصورة في صفحة مستقلة
هل تفاجأت لأن دعم مستعرض الانترنت (IE 6+) شبه معدوم، للأسف قد يصادفك وجود زبون يريد منك أن تصمم موقعه كي يظهر كما في المستعرضات الحديثة، لكنك فكرت أن ذلك لا يمكن في IE, إذاً إليك الحل, موقع CSS3 Pie يخوّلك للقيام بأغلب خواص الإصدار الثالث من CSS على IE.


CSS3 Pie


-----

2- CSS3 Builder

نقره لعرض الصورة في صفحة مستقلة

يستخدم هذا الموقع واجهة تفاعلية تشبه تماما واجهة برنامج الفوتوشوب (PhotoShop) تستطيع من خلاله تصميم مربعات جميلة جداً. أداة تفيد في حفظ الوقت بشكل رهيب.


CSS3 Builder


-----


3- CSS3 Drop shadow generator

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


CSS3 Drop shadow generator


-----

4- Cascader

نقره لعرض الصورة في صفحة مستقلة

هذه الأداة, بالحقيقة, ليست مخصصة لـ CSS3 بشكل خاص، بل CSS بشكل عام، إذا كان لديك ملف HTML مضمن بداخله تعليمات CSS، وأنت تريد فصل الـ CSS عن الكود الأساسي، فهذه الأداة موجهة لفعل ذلك. أداة رائعة فعلاً.


Cascader


------

5- Border Radius.com

نقره لعرض الصورة في صفحة مستقلة

خاصية border-radius واحدة من أهم الخاصيات الجديدة في CSS3، هذه الأداة تجعلك قادر على صنع المربعات بسرعة والحصول على كود الـ CSS3.


Border Radius.com


-----

6- Button Maker

نقره لعرض الصورة في صفحة مستقلة

أداة رائعة وسهلة تستخدم CSS3 لصنع أزرار من الممكن استخدامها حيثما تشاء، فقط قم باختيار الألوان وحدد مقدار انحناء الحواف, واحصل على الكود جاهز لاستخدامه في موقعك.


Button Maker


-------

7- CSS3 Generator

نقره لعرض الصورة في صفحة مستقلة

هذا الموقع لديه أغلب خواص CSS3، كما يظهر لك أن هذه الميزة تعمل على المتصفحات من الإصدار كذا وفوق مثلاً.


CSS3 Generator


------

8- Modernizr




نقره لعرض الصورة في صفحة مستقلة

هو سكربت يكشف إذا كان المتصفح يدعم CSS3، فإذا كان يدعم فإنه يطبق تعليمات CSS المحددة، وإلا فإنه سيطبق تعليمات CSS التي تحددها أنت إذا لم يكن المتصفح يدعم CSS3، أي ببساطة يشبه الشرط (إذا كان فافعل وإلا).


Modernizr


------

9- HTML 5 & CSS3 Support

نقره لعرض الصورة في صفحة مستقلة

هل تريد أن تعرف هل إنترنت إكسبلورر يدعم خاصية text-shadow مثلا؟ فقط ألق نظرة على هذا الموقع الذي يحدد المتصفحات والخواص التي تدعمها.


HTML5 & CSS3 Support


------

10- ورقة غش CSS3

نقره لعرض الصورة في صفحة مستقلة

عندما تقوم بكتابة الأكواد, فورقات الغش تكون مفيدة جداً كي تتذكر بعض الخصائص وبناء الجمل, قامت مجلة Smashing بإصدار هذه الورقة من الغش لـ CSS3، بإمكانك تحميلها وطباعتها، هنا(اضغط الزر اليمين ثم حفظ باسم) .