الويب العربي

الويب العربي (http://www.arabwebtalk.com/index.php)
-   تبادل خبرات التصميم (http://www.arabwebtalk.com/forumdisplay.php?f=58)
-   -   حركات x حركات ..بالفوتوشوب -حصريّاً للويب العربى (http://www.arabwebtalk.com/showthread.php?t=63597)

محمّد نور 27-08-2007 06:46 PM

حركات x حركات ..بالفوتوشوب -حصريّاً للويب العربى
 


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


************************************************** ********

وبهذا الموضوع سادرج اول حركة هنا ;)

وهى كيفيّة حفر شعار او اسم موقعك على الحجر او الصخر


واليكم الخطوات بالتفصيل ان شاء الله فى المداخلات القادمة لتخرج النتيجة مثل شعار شركة ابعاد هذا






اتمنّى تكون الفكرة تستحق

واتمنى نجد تفاعل( ليس بالضرورةعلى هذه الصفحة وانما بالقسم عامة ويمكن وضع روابطها هنا ) من المصممين



اطيب تحياتى للجميع
محمد نور
أبعاد المعلومات لخدمات الويب المتكاملة

http://www.dciwww.com/



محمّد نور 27-08-2007 07:20 PM

الخطوة 1

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





قم بفتح شعار الموقع بشرط يكون مفرّغ وعلى خلفيّة شفافة
او قم بكتابة اسم موقعك بخط سميك وعلى خلفيّة شفافة ايضا

ثم باداة التحريك بالفوتوشوب قم بجلب الشعار داخل الصورة كما يتضح هنا




ثم من خلال القوائم نختار قائمة edit ثمّ free transform

ثم نبدأ فى تحريك المقابض حتى تستقرّ الصورة فى المكان المناسب



الخطوة 2

فى نافذة الليرات layers palette قم بنسخ الطبقة المحتوية على الصورة بواسطة كلكة يمين
ثمّ اختار من القائمة duplicate layer
ثمّ قم بتنشيط النسخة بالوقوف عليها فى نافذى الليرات
واضغط مفاتيح shift+ctrl + u لإزالة الألوان منها كما يظهر هنا






الخطوة 3

من قائمة filter اختر blur ومنها اختار gaussin blur ثم اختر قيمة الـ radius=1
واضغط ok





الخطوة 4





فى نافذة الطبقات سنقوم بما يلى

اظهار طبقة الخلفية
اخفاء النسخة التى ازلنا منها الألوان بازالة علامة العين فى الخانة المشار اليها بالسهم رقم 2
وذلك بالنقر فوقها

تنشيط الطبقة الثالثة الخاصة بالشعار
ومن القائمة المشار اليها بالسهم 1 سنختار overlay

ونلاحظ التغيير فى الشعار المشار اليه بالسهم رقم 3



يتبع

Maxes-Adv 27-08-2007 07:26 PM

جزاك الله كل خير فعلا مبدع اخي الغالي

تقبل تحياتي
Dr.RedTiger

محمّد نور 27-08-2007 07:42 PM

الخطوة 5

قم بتنشيط الطبقة التى تحتوى على الشعار فى نافذة الطبقات
ثمّ اختار من القائمة image خيار brightness/contrast





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




لاحظ شكل الشعار فى الصورة قبل السابقة
ولاحظ الصورة السابقة هنا بعد ضبط كلا الاشراق والتباين




الخطوة رقم 6 والأخيرة

انقر نقرا مزدوجاً فوق الطبقة التى تحتوى على شكل الحفر فى نافذة الطبقات ليظهر المربع الحوارى الخاص باضافة تأثير الى الطبقة
او من قائمة layer اختر layer style

ثم فى كلتا الحالتين اختار من القائمة bevel & emboss

واضبط كل الخيارات بالتفصيل كما فى هذه الصورة




الخطوة رقم 7

بنفس الطريقة قم بفتح نافذة الاستايل الخاصة باللير مرة اخرى
وهذه المرة اختر منها inner shadow
واضبط الخيارات ايضا تفصيلاً كما فى هذه الصورة






الآن مباااااارك عليك فقد وصلت للنهاية وحصلت على شكل الحفر المطلوب

ويمكنك الآن اضافة اى كلمة مناسبة اسفل الشعار المحفور
او رابط الموقع
بالطبع اخترتها هنا

infinity ;) :p

لتصبح فى هذا المثال هكذا







أتمنى يكون الشرح واضح وبسيط
اعتبرت انه يوجد لدى المتابع له فكرة عن الفوتوشوب جيدة لأنها افكار "فيما بعد مرحلة التعليم"
اتمنّى ارى اسماء مواقعكم وشعاراتها محفورة هنا كتجربة وتطبيق
واسعد باى استفسار





تقبلوا اطيب تحية
محمد نور
أبعاد المعلومات لخدمات الويب المتكاملة

http://www.dciwww.com/

أحمد بولاد 27-08-2007 11:10 PM

مساء الخير

آلم ــبدع , محمد نور ,

أبدع ــت ,, وأجدت ع ــلم ,, التفكــيرٍ وم ــحاكــآة الوٍاق ــع

يع ــطيك آلـف عــآفــيـهـ ,, على ما قدمت لنــآ من مفــ؛ــيد

وهــذا تطبيقي على آلـصـــوٍرهـ ,,




ولي ع ــوٍدة إن شــآء الله

لك من الوٍروٍد أجمله

.

.

تحيتي

محمّد نور 28-08-2007 12:24 AM

إقتباس:

اقتباس من مشاركة RedTigerCo.com
جزاك الله كل خير فعلا مبدع اخي الغالي

تقبل تحياتي
Dr.RedTiger


التواجد وسط المبدعين اكبر دافع للابداع اخى الكريم

اشكرك على رايك ومرورك

ومشاركاتك الرائعة لا تخفى عن الجميع ;)

اطيب تحياتى لك

محمّد نور 28-08-2007 12:31 AM

إقتباس:

اقتباس من مشاركة أحمد بولاد
مساء الخير


آلم ــبدع , محمد نور ,

أبدع ــت ,, وأجدت ع ــلم ,, التفكــيرٍ وم ــحاكــآة الوٍاق ــع

يع ــطيك آلـف عــآفــيـهـ ,, على ما قدمت لنــآ من مفــ؛ــيد

وهــذا تطبيقي على آلـصـــوٍرهـ ,,




ولي ع ــوٍدة إن شــآء الله

لك من الوٍروٍد أجمله

.

.


تحيتي




مساء الورد اخى الكريم

ويسعدنى دائما الالتقاء بك هنا

مرورك اضفى الألق على الموضوع فلا حرمنى الله منه

وتطبيقك اكثر من جميل واسعدنى كثيــــــراً





>>>>>> ملاحظة بسيطة فقط
عند خيارات bevel &emboss
تأكّد فقط انك اخترت outerbevel
فى اول خيار


احلى الأمانى لك :)

3elmdgn 28-08-2007 03:45 AM

رائع جدا وهي مفيده وللاسف كثير يتجاهلونها

لاكن راح اطبقة على فايروركس وهو احد تاثيرات المتاحة مع برنامج رائع حقا

شكر لك اخي محمد نور

تحياتي

محمّد نور 29-08-2007 01:03 AM

مشكووور مشرفنا القدير على مرورك الجميل والمشجّع

واراك مغرم بالفايرووركس لدرجة نقلت الىّ الفضول للتعامل معه

ان شاء الله بتعرّف عليه عن قريب واذا كان فى دروس خاصة بشرحه والتعامل معه فى الويب اتمنى تدلنى عليها ان شاء الله

أطيب تحياتى لك
http://www.dciwww.com/

ravena 29-08-2007 07:56 PM

وعليكم السلام والرحمه

الله يعطيك العافيه درس رائع جدا وفيه ابدااااااع

محمّد نور 29-08-2007 09:39 PM

ويعطيك الف عافية يالغالى على مرورك الجميل
وكلماتك العطِرة

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


أطيب تحياتى لك

3elmdgn 29-08-2007 10:49 PM

إقتباس:

اقتباس من مشاركة محمّد نور
مشكووور مشرفنا القدير على مرورك الجميل والمشجّع

واراك مغرم بالفايرووركس لدرجة نقلت الىّ الفضول للتعامل معه

ان شاء الله بتعرّف عليه عن قريب واذا كان فى دروس خاصة بشرحه والتعامل معه فى الويب اتمنى تدلنى عليها ان شاء الله

أطيب تحياتى لك
http://www.dciwww.com/

هلا فيك يالغالي

والله الفايروركس مفضل لدي وكل شغل عليه في تصميم وهو مسهل علي العمل في تصدير والاخراج الاعمال

بنسبة لشروحات الخاصه بالويب سبق ونزلتها في تصميم واجهات احترافية

وروابط الشروحات:
::+::شرح تصميم واجهة موقع إحترافية ((الجزء الاول))::+::
http://www.arabwebtalk.com/showthread.php?t=53184
::+::شرح تصميم واجهة موقع إحترافية ((الجزء الثاني))::+::
http://www.arabwebtalk.com/showthread.php?t=55503
::+::شرح تصميم واجهة موقع إحترافية ((الجزءالثالث))::+::
http://www.arabwebtalk.com/showthread.php?t=58082

وابحث في معرف حقي تجد دروسي على برنامج الفايروركس ودريم ويفر

ايضا فايروركس يدعم الجافا وCSS و MXML
ان شاء الله ستكمل باقي شروحات البرنامج

تحياتي

star services 29-08-2007 10:53 PM

إقتباس:

حركات x حركات
يا حركاتك :D :D

أبدعت تقبل تحياتي

:D

محمّد نور 30-08-2007 02:16 AM

إقتباس:

اقتباس من مشاركة 3elmdgn
هلا فيك يالغالي

والله الفايروركس مفضل لدي وكل شغل عليه في تصميم وهو مسهل علي العمل في تصدير والاخراج الاعمال

بنسبة لشروحات الخاصه بالويب سبق ونزلتها في تصميم واجهات احترافية

وروابط الشروحات:
::+::شرح تصميم واجهة موقع إحترافية ((الجزء الاول))::+::
http://www.arabwebtalk.com/showthread.php?t=53184
::+::شرح تصميم واجهة موقع إحترافية ((الجزء الثاني))::+::
http://www.arabwebtalk.com/showthread.php?t=55503
::+::شرح تصميم واجهة موقع إحترافية ((الجزءالثالث))::+::
http://www.arabwebtalk.com/showthread.php?t=58082

وابحث في معرف حقي تجد دروسي على برنامج الفايروركس ودريم ويفر

ايضا فايروركس يدعم الجافا وCSS و MXML
ان شاء الله ستكمل باقي شروحات البرنامج

تحياتي

مشكووووووور والله بارك الله فيك

المشكلة نصارع الوقت
لكن اكيد لى رجعة فى اى وقت فراغ للتعرّف عليه ان شاء الله

أطيب تحية

محمّد نور 30-08-2007 02:18 AM

إقتباس:

اقتباس من مشاركة star services
يا حركاتك :D :D

أبدعت تقبل تحياتي

:D


الابداع للمبدعين اخى ;)

مشكوووور والله على مرورك الجميل
لا حرمنا الله منه

احلى الأمانى لك:)
http://www.dciwww.com/

3f-7f.com 07-09-2007 12:46 PM

كفووو و الله
يعطيك العافية

masa7a.com 07-09-2007 05:31 PM

ابدعت اخي العزيز وموفق في استعمال الفوتوشوب

ان شاالله نشوف المزيد من ابداعاتك

تحياتي لك

محمّد نور 08-09-2007 02:59 AM

إقتباس:

اقتباس من مشاركة ebda3na.com
كفووو و الله
يعطيك العافية

ويعطيك الف عافية على التواجد والمرور والدعوة الجميلة

احلى الأمانى لك:)

محمّد نور 08-09-2007 03:04 AM

إقتباس:

اقتباس من مشاركة masa7a.com
ابدعت اخي العزيز وموفق في استعمال الفوتوشوب

ان شاالله نشوف المزيد من ابداعاتك

تحياتي لك

مشكوووووور اخى الكريم على مرورك وتعليقك وتشجيعك :p

نزّلت موضوع تانى وان شاء الله بتستمر السلسلة حسب اوقات الفراغ

لا حرمنى الله متابعتك ومرورك

احلى الأمانى لك

اسكادا 08-09-2007 05:06 AM

واااضح الدرس

يعطيك العافيه

لاخلا ولاعدم


جميع الأوقات بتوقيت مكة المكرمة. الساعة الآن » 11:04 PM.

Powered by vBulletin
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Copyright © ArabWebTalk.Com 2004-2012