الرئيسيةآلبوآبهس .و .جالمجموعاتبحـثالأعضاءالتسجيلدخول

شاطر | 
 

 كيفية تصميم الاستايل بالفوتوشوب [1]

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
sweet-jojo
× بنوته ×
× بنوته ×
avatar

» םـسـأإهمـأإتـﮯ ● : 31

مُساهمةموضوع: كيفية تصميم الاستايل بالفوتوشوب [1]    السبت ديسمبر 18, 2010 6:34 am

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


أخواني الكرام إليكم أول دروس تصميم الاستايل الخاص بمنتداكم..


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










google_protectAndRun("ads_core.google_render_ad", google_handleError, google_render_ad);




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


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


الان فلنبدأ الدرس


أولاً أفتح برنامج الفوتوشوب


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


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


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


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



بعد فتح الصفحة الجديدة قم بالضغط من لوحة التحكم علي trl+" أو حرف ط


ثم أختر الادارة كما بالصورة


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


أرسم الشكل التالي ولاحظ انه سيكون البنر ويمكنك رسم غيره ولكني أفضل هذا لكي أري التطبيق


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



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


الان نقوم بعمل حد للشكل الذي قمنا به + تعبئة له تابع الصور


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


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


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



أنتهينا من تعبئة الشكل كما نريد.. الان نريد عمل رسم أحترافي عليه بالجوانب أتبع الصورة التالية


أختر إداة الباث .كما بالصورة


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


أرسم الشكل الموضح بالصورة ولاحظ الصور القادمة جيداً..


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


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


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


بعد تحديد النقاط قم بعمل الانحناء كما موضح بالصورة



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


الان طبق الحدود كما شرحناها بأعلي وكذلك التعبئة ولكن هذه المرة ضع التدرج علي 45 درجة


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


الان طبق مثل ما هو موضح بالاشكال التالية


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


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


ليكون الناتج كما بالصورة


الان قم بعمل طبقة أخري من نفس الشكل وطبق عليها ما بالصورة


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


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



الان قم بأستخدام إداة الباث مرة أخري لصنع الشكل الموضح وكذلك لكي تقوم بعمل الانحانائات التي بالشكل


ثم قم بعمل حدود وتعبئة مثل ما ذكرنا بأعلي ثم قم بعمل طبقة أخري ممائلة وأعكسها لاسفل وحركها لحين يكون شكلها كما بالاشكال التالية


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


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



الان أيضاً وبأستخدام إداة الباث قم بعمل الشكل الموضع بالصورة وقم بعمل حدود وتعبئة له كما أشرنا بالاعلي


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


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


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


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


الان من صندوق الادوات قم بأختيار الاداة كما بالصورة


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


ارسم شكل كما بالمثال في الصورة القادمة


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


الان قم بعمل حدود وكذلك التعبئة كما اشرنا بالسابق ثم قم بعمل دوبلكيت لاير وضعه بالاعلي ليصبح الشكل كما بالصورة


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



الان الحمد لله علي اننا أنجزنا عملنا بشكل جيد أنظر البنر بعد أنتهائة


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


بقي لدينا الاجناب والفووتر


والله يوفقنا


أقول أخيراً يجب ان أري تطبيقات لكي نكمل باقي الدروس ونحن نعلم انه يجب التطبيق لنبدأ في الدرس التالي
الرجوع الى أعلى الصفحة اذهب الى الأسفل
هدوء المطر
× بنوته ×
× بنوته ×
avatar

» םـسـأإهمـأإتـﮯ ● : 9

مُساهمةموضوع: رد: كيفية تصميم الاستايل بالفوتوشوب [1]    الأحد أبريل 29, 2012 8:17 am

شكرا
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Miss Banouta
× نائبه ×
× نائبه ×
avatar

» םـسـأإهمـأإتـﮯ ● : 390

مُساهمةموضوع: رد: كيفية تصميم الاستايل بالفوتوشوب [1]    الأحد أبريل 29, 2012 12:36 pm

شكرآ على آلطريقة عسسولةة
وآصلي

الرجوع الى أعلى الصفحة اذهب الى الأسفل
الأنســـة الـــــصـــغيرة
× بنوته ×
× بنوته ×
avatar

» םـسـأإهمـأإتـﮯ ● : 1

مُساهمةموضوع: رد: كيفية تصميم الاستايل بالفوتوشوب [1]    الجمعة مايو 04, 2012 3:45 am

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

» םـسـأإهمـأإتـﮯ ● : 3

مُساهمةموضوع: رد: كيفية تصميم الاستايل بالفوتوشوب [1]    الأحد يوليو 08, 2012 2:14 pm

شكرا
الرجوع الى أعلى الصفحة اذهب الى الأسفل
ŞÅЯőŏЙЋ
× مديره ×
× مديره ×


» םـسـأإهمـأإتـﮯ ● : 1391

مُساهمةموضوع: رد: كيفية تصميم الاستايل بالفوتوشوب [1]    الأربعاء يوليو 11, 2012 12:14 pm

مجهودك واضح حبي
شكراااااااااااا كتيييييييييير يا قممر





آلمصدر: آحلى آلبنوتآت |anmi.banouta.net





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


[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
رمـآديهه
× مراقبه ×
× مراقبه ×
avatar

» םـسـأإهمـأإتـﮯ ● : 270

مُساهمةموضوع: رد: كيفية تصميم الاستايل بالفوتوشوب [1]    الجمعة يوليو 13, 2012 6:29 pm

شكرا بس الصور مو طالعة لذا معرفت اسوي ستايل

ع العموم ثانكيو





آلمصدر: آحلى آلبنوتآت |anmi.banouta.net




ي، لبى قلوبككَم بسَ فديتكم والله
على فكرههَ آنـآ رجعت َ<لآآههَ تصدقين نسينآ
آكيد عشان اذكركم<برآآ

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة][ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]<طيب
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]آنشآء الله تعجبكم تصاميمي
الرجوع الى أعلى الصفحة اذهب الى الأسفل
ÒžHoraaØ
× بنوته ×
× بنوته ×
avatar

» םـسـأإهمـأإتـﮯ ● : 1

مُساهمةموضوع: رد: كيفية تصميم الاستايل بالفوتوشوب [1]    الإثنين يوليو 16, 2012 4:44 pm

مشكورة على المووضع الرائع انتضر جديدك :ق1:
الرجوع الى أعلى الصفحة اذهب الى الأسفل
wهبة اللهw
× مديره ×
× مديره ×
avatar

» םـسـأإهمـأإتـﮯ ● : 473

مُساهمةموضوع: رد: كيفية تصميم الاستايل بالفوتوشوب [1]    الإثنين يوليو 30, 2012 3:24 pm

مشكووووووووووووووورة عالجهد

بس الصوره مو طالعه يمكن فيه خطأ
الرجوع الى أعلى الصفحة اذهب الى الأسفل
رنوم
× نائبه ×
× نائبه ×
avatar

» םـسـأإهمـأإتـﮯ ● : 84

مُساهمةموضوع: رد: كيفية تصميم الاستايل بالفوتوشوب [1]    الثلاثاء يوليو 31, 2012 10:43 am

شكرااااا ع الطريقه ياااااااااقمر وتسلمين





آلمصدر: آحلى آلبنوتآت |anmi.banouta.net




[b]واهـ احبكـ ومجنونهـ فيكـ وربي احبكــ ريمااااااااااااااااااس انتي في قلبي احبكـ احبكـــ احبكـــــــ احبكـــــــــــــــــــــــ[/b]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
رنوم
× نائبه ×
× نائبه ×
avatar

» םـسـأإهمـأإتـﮯ ● : 84

مُساهمةموضوع: رد: كيفية تصميم الاستايل بالفوتوشوب [1]    الثلاثاء يوليو 31, 2012 10:50 am

مشكوووووره





آلمصدر: آحلى آلبنوتآت |anmi.banouta.net




[b]واهـ احبكـ ومجنونهـ فيكـ وربي احبكــ ريمااااااااااااااااااس انتي في قلبي احبكـ احبكـــ احبكـــــــ احبكـــــــــــــــــــــــ[/b]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
✗ ┋ ﺑۆﻣ̝̚ﭠﯾﭠۆۆ ﻟﻟآﺑﮃ ┋ ✗
× مشرفه ×
× مشرفه ×
avatar

» םـسـأإهمـأإتـﮯ ● : 211

مُساهمةموضوع: رد: كيفية تصميم الاستايل بالفوتوشوب [1]    الإثنين أغسطس 20, 2012 5:07 am

ممشكوورة خيتووو
والله مااقصررتي معلوماات جد جدا جميلة ومميزة متلك
دوما متميزة
بموااضيعك وردودك
الرائعه
ننتظر موااضيعك الجديدة ع احرر من الجمر
وودي
>>
بومتيتوو
موطن الاحلام
وتعجب واستفهاام

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





آلمصدر: آحلى آلبنوتآت |anmi.banouta.net




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


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


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

» םـسـأإهمـأإتـﮯ ● : 4

مُساهمةموضوع: رد: كيفية تصميم الاستايل بالفوتوشوب [1]    الثلاثاء أكتوبر 30, 2012 2:57 pm

للأسف الصور مو طالعة
ع العموم شكرا =)
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
كيفية تصميم الاستايل بالفوتوشوب [1]
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
 :: • قًـسِسًمُ اِلًبًنَوِتٍاْتُـ اَلٍتًَّعََْلًَِيمَِّيِ • :: ✗ ┋ مِدُرُسِة أُلًفّۇۈۉتَوِشٌوٌبٌ ✗ ┋ ~-
انتقل الى: