الويب العربي

الويب العربي (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

واااضح الدرس

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

لاخلا ولاعدم

محمّد نور 08-09-2007 10:50 AM

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

وان شاء الله تستفيد منه والجميع

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

محمّد نور
http://www.dciwww.com

السكربت العربي 08-09-2007 11:37 AM

والله اللي يشوفك اخوي محمد يحس إن اللي تعلمه طوول حياته مايسوى شي:D

يعطيك العافيه يالغالي والله لايحرمنا من جديدك ..

محمّد نور 08-09-2007 10:37 PM

إقتباس:

اقتباس من مشاركة السكربت العربي
والله اللي يشوفك اخوي محمد يحس إن اللي تعلمه طوول حياته مايسوى شي:D

يعطيك العافيه يالغالي والله لايحرمنا من جديدك ..

حقيقى حيرتنى فى الردّ عليك :)

ولكن هذا من ذووقك وكرمك الحاتمى اخى الكريم

ولا حرمنى الله انا من مروركم وتواجدكم واخوّتكم الجميلة جميعاً هنا

اسعدتنى بمصافحة قلمك وتواجدك

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

م.محمد عبدالله 08-09-2007 11:30 PM

ما شاء الله الشباب جالسين يتفننون هنا :)

يالله معكم تطبيقي على شعار الكمبو لكن بطريقة الحفر بالحرق :D


محمّد نور 09-09-2007 10:07 AM

إقتباس:

اقتباس من مشاركة م.محمد عبدالله
ما شاء الله الشباب جالسين يتفننون هنا :)

يالله معكم تطبيقي على شعار الكمبو لكن بطريقة الحفر بالحرق :D




بيقولون

اذا حضر الماء ..... بطل التيمّم

وما نحنُ الاّ مبتدئين نخطو خطواتنا الأولى بجانب رمز من رموز أبعاد الإبداع

فليس لى الحق فى قول ابدعت لأنى لا املك ذلك

ولكن عنجدّ اسعدنى مرورك واهتمامك وتطبيقك بالرغم من معرفتى باستيلاء الكمبو وانفنيتى على وقتك وتفكيرك هذه الأيّام

>>>>>>> لكن ما فى فايدة حتى التطبيق للكمبو ........:eek: ورانا ورانا .....:rolleyes: ..:p

كل شكرى وتقديرى استاذى الكريم على التواجد هنا

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


s4designs 16-09-2007 12:29 AM

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

s4designs 16-09-2007 12:33 AM

هذا لينك موقع البرنامج
Mozilla Firefox
http://www.mozilla.com/en-US/

للتحميل
http://download.mozilla.org/?product...win&lang=en-US

قريبا بتشوفوا الشرح إن شاء الله

ولد_البحرين 17-09-2007 10:40 PM

مشكوووور حبيبي على الحركات الرائعة


ويعطيك ربي الف عافية ونجوف كل جديد

محمّد نور 18-09-2007 03:01 AM

إقتباس:

اقتباس من مشاركة s4designs (المشاركة 373127)
ما شاء الله ...
بس علي فكرة الفايرفوكس من أقوي برامج التصفح لاني مش بتعامل غير معاه
انا حتي لغيت الانترنت اكسبلورر
بس للعلم ... الفايرفوكس فيه بعض الاكواد مش بيقدر يقراها أو يتعامل معاها ... وكمان في بعد التمددات زي اللي بتكون في المنتديات وبعض السكربتات مش بيقدر يظهرها كويس
لكن هو أستاذ في التصفح علي الويب ...
وإن شاء الله انا ممكن أساعد في حملة تعليم الفايرفوكس ;)

اخى الكريم
لم افهم كثيرا ما رميت اليه
ولكن
مشكووور على التواجد والاهتمام والرد


اطيب تحياتى لك
ورمضان كريم

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

إقتباس:

اقتباس من مشاركة ولد_البحرين (المشاركة 373912)
مشكوووور حبيبي على الحركات الرائعة


ويعطيك ربي الف عافية ونجوف كل جديد


ويعطيك ربى الف عافية على تواجدك هنا الذى اسعدنى

وعلى كلماتك وتشجيعك


وتغيّبنا قليلا عن القسم هنا

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

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

شرشور 24-09-2007 04:02 PM

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

محمّد نور 27-09-2007 06:19 AM

ويعطيك الف عافية اخى الكريم

تسلم على المرور والتعليق

ورمضان كريم

at4c 14-10-2007 03:32 PM

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

alrassam.photo 20-10-2007 10:43 PM

تسلم اخي محمد شرح وافي

وفقك الله

bbc_26 21-10-2007 12:40 PM

مشكورررررررررر

محمّد نور 21-10-2007 09:54 PM

at4c

alrassam

bbc_26

كل شكرى وتقديرى لكم على مروركم الجميل واهتمامكم بالرد والمشاركة

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

اطيب أمنياتى لكم بالتوفيق

D e s i g n e r 08-03-2008 11:58 PM

الصور ما تطلع!

رايح 14-03-2008 10:22 AM

أبدآآآآع روقان خالص

موضوع رائع
من رجل رائع
حمل توقيع شركه رائعه

أبومعاذ28 24-03-2008 04:42 PM

شكراً مشرفنا العزيز .

ASeeeR 21-04-2008 12:32 PM

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


جميع الأوقات بتوقيت مكة المكرمة. الساعة الآن » 10:36 AM.

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