منتديات دلع
ـ"مرحباآ بكـ"ـ
زائرنا الكريم
انت غير مسجل في هذا المنتدى
ــ~{سجل معنا للتمتع بكافة خدمات وفعاليات المنتدى }~ــ
ــ~{ونرجوا لك تصفح ممتع ومفيد في منتدانا الغالي}~ــ


شرح عمل واجهة موقع إحترافية على الفوتوشوب Copy_o10
منتديات دلع
ـ"مرحباآ بكـ"ـ
زائرنا الكريم
انت غير مسجل في هذا المنتدى
ــ~{سجل معنا للتمتع بكافة خدمات وفعاليات المنتدى }~ــ
ــ~{ونرجوا لك تصفح ممتع ومفيد في منتدانا الغالي}~ــ


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


ڷبُى رۈפـڪَ يًا {زائر} نورتـہ مـُنتديآإت ډڵڠ
 
الرئيسيةأحدث الصورالتسجيلدخول

 

 شرح عمل واجهة موقع إحترافية على الفوتوشوب

اذهب الى الأسفل 
2 مشترك
كاتب الموضوعرسالة
عنبة
{.. مراقبهـ عامهـ •
عنبة


][ عدد المشاركات ][ : 1643
][ الجنٍسَ ][ : انثى

شرح عمل واجهة موقع إحترافية على الفوتوشوب Empty
مُساهمةموضوع: شرح عمل واجهة موقع إحترافية على الفوتوشوب   شرح عمل واجهة موقع إحترافية على الفوتوشوب Icon_minitimeالثلاثاء نوفمبر 17, 2009 5:28 am

بسم الله الرحمن الرحيم
أنا وجدت شرح لعمل واجهة للمحترفين فقررت أن أعمل شرح للمبتدئين بإسم الله أبدأ
السلام عليكم و رحمة الله و بركاته
نقوم بالضعط على قائمة file ونختار new
ونحدد المقاسات واللون كما في الصورة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
لتحري الدقه و ترتيب العمل , سنقوم باضافة grid للعمل

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

نقوم بتحديث ثلاث مربعات نستخدم هذه الأداة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
نحدد ثلاث مربعات من الأسفل كما في الصورة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
نصبغها باللون الأزرق عن طريق الأداة الموضوحة في الصورة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
استخدمنا هذا الكود : 356AC8 (كود اللون الأزرق)
ولمعرفة أين نضع هذا الكود إنظر الصورة التالية
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
بعد ما نصبغ سوف تصبح كما في الصورة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
نضيف
طبقة جديدة ونحدد 9 مربعات من الأعلى وبنفس اللون نعمل لها تدريج بأداة
gradient tool وهي موجودة الرول الذي إستخدمانه قبل قليل ثم نلغي التحديد
لإلغاء التحديد إتظر الصورة التالية

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
وبعدها نضيف طبقة جديدة نحدد مربع ونصف من الأعلى ونصبغها بأداة الرول الذي صبغنا به المربعات في الأسفل
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
نتركها محددة ونعمل لها ظل كما في الصور القادمة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
نختار أداة جديدة كما في الصورة القادمة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
نلغي التحديد ونضغط مكان خط التحديد السفلي إنظر الصورة التالية
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
نضغط على الزر الأيمن للماوس على الخط ونختار stroke كما في الصورة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الأن ضع المؤثرات كما في الصورة
الرجوع الى أعلى الصفحة اذهب الى الأسفل
عنبة
{.. مراقبهـ عامهـ •
عنبة


][ عدد المشاركات ][ : 1643
][ الجنٍسَ ][ : انثى

شرح عمل واجهة موقع إحترافية على الفوتوشوب Empty
مُساهمةموضوع: رد: شرح عمل واجهة موقع إحترافية على الفوتوشوب   شرح عمل واجهة موقع إحترافية على الفوتوشوب Icon_minitimeالثلاثاء نوفمبر 17, 2009 5:29 am

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

نحذف التحديد ونضيف طبقة جديدة ونحدد مربعين ونصف كما في الصورة القادمة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
نغير اللون الأزرق إلى البرتقالي ونعمل له تدرج من الأسفل للأعلى عن طريق أداة gradient tool كما في الصورة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]ثم نضيف له تاثير الظل بهذه الاعدادات المبينه هنا
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]من المفترض ان نحصل في هذه المرحلة على شي كهذا
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]الأن نمسح grid ونضيف طبقة جديدة ونرسم خط مربع صغير بهذه الأداة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
ونصبغه بلون بني عن طريق أداة الرول كما في الصورة ونعمل لهم نسخ ونضيف
طبقة أخرى ونعمل لصق (كل خط في طبقة) ونوزعهم على المنطة الملونة باللون
البرتقالي كما في الصورة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الأن نضيف طبقة جديدة ونختار الأداة الموضحة في الصورة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]نرسم دائرة ونضغط بالزر الأيمن عليها ونختار stroke كما في الصورة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]نعمل لها تأثيرات كما في الصورة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]نمسح نصف الدائرة عن طريق أداة الممحاة إنظر الصورة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
عنبة
{.. مراقبهـ عامهـ •
عنبة


][ عدد المشاركات ][ : 1643
][ الجنٍسَ ][ : انثى

شرح عمل واجهة موقع إحترافية على الفوتوشوب Empty
مُساهمةموضوع: رد: شرح عمل واجهة موقع إحترافية على الفوتوشوب   شرح عمل واجهة موقع إحترافية على الفوتوشوب Icon_minitimeالثلاثاء نوفمبر 17, 2009 5:30 am

ننقل الدائرة عن طريق هذه الأداة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
إلى المنطة الملونة باللون الأزرق الموجود في الأعلى ونضيف طبقة أخرى
ونرسم دائرة ونعمل نفس التأثيرات (كرر الخطوة أكثر من مرة) حتى تصل إلى
هذه الصورة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]الأن نفتح صورة جديدة لنضعها على البنر عن طريق
file ثم open وتختار الصورة التى تريدها من جهازك
ثم تحددها عن طريق أداة التحديد وتعمل لها نسخ وتلصقها في طبقة جديدة
وتحركها في أداة السهم في أي مكان تريدها وهكذا في أسفل الصفحة كما في
الصور القادمة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
نضيف الكتابة عن طريق أدراة المكتوب عيها (T)
جاء الأن دور تقطيع الصورة لحفظها والعمل عليها بالفرونت بيج
لعمل التقطيع يجب ان يكون الرولر ظاهر
ان لم يكن موجودا , نضغط على ctrl+r
ثم من نقوم بتنزيل خطوط زرقاء وهميه من الاعلى و اليمين , نحدد بها المناطق التي تحتاج لتقطيع
كمناطق الكتابة و الازرار
ولتنزيل هذه الخطوط نضفط على المسطرة وننزل إلى أسفل كما في الصورة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]ولتقطيع الصورة نختار أداة slice tool كما في الصورة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
ونضعط على المكان الذي نريد تقطيعه ونسحب (الذي يحتاج إلى تقطيع مثلا كلمة الرئيسية)
كما في الصورة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]لحفظه على هيئة html للعمل عليه في الفرونت بيج
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

كود اللون البرتقالي FD890E
كود اللون البني AA9578

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

الصورة النهائية


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

منقول للفائده
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Đℓ๏๏зάт zмάηч
{.. المديرهـ •
Đℓ๏๏зάт zмάηч


][ عدد المشاركات ][ : 1110
][ الجنٍسَ ][ : انثى

شرح عمل واجهة موقع إحترافية على الفوتوشوب Empty
مُساهمةموضوع: رد: شرح عمل واجهة موقع إحترافية على الفوتوشوب   شرح عمل واجهة موقع إحترافية على الفوتوشوب Icon_minitimeالثلاثاء ديسمبر 01, 2009 10:40 pm

مشكووووره عـ الموضوع الروعه [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
شرح عمل واجهة موقع إحترافية على الفوتوشوب
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» شرح بالفيديو لطريقة تصميم واجهة موقع
» هدية واجهة موقع صوره وملف مفتوح
» ابداعاتي في الفوتوشوب..
» موقع عجيب للنظام الغذائي
» موقع تستطيع أن تتصفح فيه القرآن الكريم وكأنه أمامك

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات دلع :: ะ».[ ډڵــــڠ الـأبدآعيَّـہ ].«ะ :: •▪| بَـدآيَةُ الـإبـْـכآع ‘‘«-™-
انتقل الى: