::درس::فوتوشوب / تصميم واجهة + نقوش + تقطيع..؟؟؟

عضو متقدم نقاط : 0

بسم الله الرحمن الرحيم

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

درس تصميم واجهه ... للأخ ابو فاتن من ترايد نت

............................

1- افتح عمل جديد بالمقاسات التاليه

- ننشئ طبقة جديده كما بالصوره

3- نقوم برسم مستطيل على الطبقه الجديده كما بالصوره

::درس::فوتوشوب / تصميم واجهة + نقوش + تقطيع..؟؟؟ Inter3

4-نقوم بتنعيم حواف المستطيل الذي رسمناه
::درس::فوتوشوب / تصميم واجهة + نقوش + تقطيع..؟؟؟ Inter4

5- قيمة التنعيم

::درس::فوتوشوب / تصميم واجهة + نقوش + تقطيع..؟؟؟ Inter5

6- بيطلع لنا هالشكل ونعبيه باللون الاسود

::درس::فوتوشوب / تصميم واجهة + نقوش + تقطيع..؟؟؟ Inter6

7- الان نقوم بقطع جزء من المستطيل الذي رسمناه عن طريق اداة المستطيل

::درس::فوتوشوب / تصميم واجهة + نقوش + تقطيع..؟؟؟ Inter7

8- الان نقوم بعمل الموثرات عن طريق الذهاب الى حرف f في ادوات الطبقات

9- الان نعمل مؤثر التدرج اللوني كما بالصوره

::درس::فوتوشوب / تصميم واجهة + نقوش + تقطيع..؟؟؟ Inter9

::درس::فوتوشوب / تصميم واجهة + نقوش + تقطيع..؟؟؟ Inter9

وهذه قيم التدرج اللوني
::درس::فوتوشوب / تصميم واجهة + نقوش + تقطيع..؟؟؟ Inter10

في شريط التدرج نضع لونين اللون اليسار رمادي
واللون اليمين ابيض كما بالصوره

::درس::فوتوشوب / تصميم واجهة + نقوش + تقطيع..؟؟؟ Inter11

نتيجة اعداد التدرج اللوني

::درس::فوتوشوب / تصميم واجهة + نقوش + تقطيع..؟؟؟ Inter12

نقوم بعمل مؤثر الحد للمستطيل كما بالصوره
::درس::فوتوشوب / تصميم واجهة + نقوش + تقطيع..؟؟؟ Inter13

الان سوف يظهر هذا الشكل
نقوم فيه بانشاء طبقة جديده ثم نرسم مستطيل كما بالصوره
::درس::فوتوشوب / تصميم واجهة + نقوش + تقطيع..؟؟؟ Inter14

الان نقوم بتعبئة المستطيل الذي رسمناه باللون البرتقالي كما بالصوره

::درس::فوتوشوب / تصميم واجهة + نقوش + تقطيع..؟؟؟ Inter15

الحين نقوم بسحب هذه الطبقة اسفل الطبقة الاولى كما بالصوره
::درس::فوتوشوب / تصميم واجهة + نقوش + تقطيع..؟؟؟ Inter16

بيطلع لك هذا الشكل

::درس::فوتوشوب / تصميم واجهة + نقوش + تقطيع..؟؟؟ Inter17

نقوم الان بعمل المؤثر البروز كما بالصوره
::درس::فوتوشوب / تصميم واجهة + نقوش + تقطيع..؟؟؟ Inter18

وهنا اعدادات مؤثر البروز
::درس::فوتوشوب / تصميم واجهة + نقوش + تقطيع..؟؟؟ Inter19

ثم مؤثر الحدود للمستطيل كما بالصوره

::درس::فوتوشوب / تصميم واجهة + نقوش + تقطيع..؟؟؟ Inter20

سوف يطلع لك هذا الشكل

::درس::فوتوشوب / تصميم واجهة + نقوش + تقطيع..؟؟؟ Inter21

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

::درس::فوتوشوب / تصميم واجهة + نقوش + تقطيع..؟؟؟ Inter22

::درس::فوتوشوب / تصميم واجهة + نقوش + تقطيع..؟؟؟ Inter22

ثم وانت داخل المستطيل تضغط بزر الماوس يمين وتختار كما بالصوره
::درس::فوتوشوب / تصميم واجهة + نقوش + تقطيع..؟؟؟ Inter23

بيطلع لك هالشكل

::درس::فوتوشوب / تصميم واجهة + نقوش + تقطيع..؟؟؟ Inter24

قم بتمييله ناحية اليمن شئ بسيط وانيق او حسب اللي تبي انت
::درس::فوتوشوب / تصميم واجهة + نقوش + تقطيع..؟؟؟ Inter25

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

::درس::فوتوشوب / تصميم واجهة + نقوش + تقطيع..؟؟؟ Inter26

الان تأكد انك على الطبقة الاولى اي المستطيل الرمادي كما بالصوره

::درس::فوتوشوب / تصميم واجهة + نقوش + تقطيع..؟؟؟ Inter27

الان في لوحة المفاتيح ضغطت على زر delete
ثم بالاسهم عديت عشر حركات لليمن طقه طقه ثم ضغطت مره اخرى زر
delete من لوحة المفاتيح
ثم حركت يبالاسهم 11 طقه لليمين ثم زر delete
ثم حركت 12 طقه لليمين ثم ضغطت زر delete
حتى طلعت بهالشكل
::درس::فوتوشوب / تصميم واجهة + نقوش + تقطيع..؟؟؟ Inter288

::درس::فوتوشوب / تصميم واجهة + نقوش + تقطيع..؟؟؟ Inter288

الان وعند اخر شئ عملته والشكل اللي تقطع به محدد اضغط الماوس يمين
واختر كما بالصوره

::درس::فوتوشوب / تصميم واجهة + نقوش + تقطيع..؟؟؟ Inter28

بيطلع لك هالشكل
::درس::فوتوشوب / تصميم واجهة + نقوش + تقطيع..؟؟؟ Inter29

اضغط مره اخرى بالماوس يمين عليه واختر كما بالصوره
::درس::فوتوشوب / تصميم واجهة + نقوش + تقطيع..؟؟؟ Inter30

سوف يطلع لك هالشكل مايل لليسار
اسحبه بالاسهم للجهة اليمنىبالضغط على زر shift مع السحب لليمين بالاسهم
ثم قم بتقطيع الجههة اليمنى كما باليسرى وكما فعلنا سابقاً

::درس::فوتوشوب / تصميم واجهة + نقوش + تقطيع..؟؟؟ Inter31

::درس::فوتوشوب / تصميم واجهة + نقوش + تقطيع..؟؟؟ Inter31

سوف يطكلع لك هالشكل
::درس::فوتوشوب / تصميم واجهة + نقوش + تقطيع..؟؟؟ Inter32

الان انشئ مجلد او مخزن طبقات كما بالصوره
::درس::فوتوشوب / تصميم واجهة + نقوش + تقطيع..؟؟؟ Inter333

فيكون المجلد هكذا

::درس::فوتوشوب / تصميم واجهة + نقوش + تقطيع..؟؟؟ Inter33

الان نقوم بنقل الطبقات بالترتيب داخل المجلد
فيكون هكذا بعد النقل
::درس::فوتوشوب / تصميم واجهة + نقوش + تقطيع..؟؟؟ Inter34

الان نختار اداة المسح ونختار حجمها 5 بيكسل لعمل نقوش اخرى كما بالصوره
::درس::فوتوشوب / تصميم واجهة + نقوش + تقطيع..؟؟؟ Inter36

الان نذهب الى طبقة المستطيل الرمادي
ثم نقوم بالتنقيط والضغط هكذا

::درس::فوتوشوب / تصميم واجهة + نقوش + تقطيع..؟؟؟ Inter37

ونعمل في اليمين كما عملنا في اليسار مع الاهتمام في ترتيب
التنقيط عشان التنساق والترتيب
::درس::فوتوشوب / تصميم واجهة + نقوش + تقطيع..؟؟؟ Inter38

الان نكبر حجم اداة المسح الى 20 بيكسل كما بالصوره
::درس::فوتوشوب / تصميم واجهة + نقوش + تقطيع..؟؟؟ Inter39

ثم نقوم بالمسح هكذا مع الاخذ في الاعتبار الضغط على زر shift
وانت تمسح عشان يكون المسح مستقيم بدون ميول
فيطلع لك هالشكل
::درس::فوتوشوب / تصميم واجهة + نقوش + تقطيع..؟؟؟ Inter41

::درس::فوتوشوب / تصميم واجهة + نقوش + تقطيع..؟؟؟ Inter41

الان نقوم بعمل دبلكيت او نسخه اخرى من المجلد
بكامل طبقاته بالضغط بزر الماوس يمين كما بالصوره
::درس::فوتوشوب / تصميم واجهة + نقوش + تقطيع..؟؟؟ Inter42

ثم ضغط زرين من لوحة المفاتيح ctrl+t
يطلع لك هالشكل
وانت داخل التحديد اضغط زر الماوس يمين واختر كما بالصوره
وهو قلب الشكل
::درس::فوتوشوب / تصميم واجهة + نقوش + تقطيع..؟؟؟ Inter43

::درس::فوتوشوب / تصميم واجهة + نقوش + تقطيع..؟؟؟ Inter43

هنا الشكل بعد القلب
::درس::فوتوشوب / تصميم واجهة + نقوش + تقطيع..؟؟؟ Inter44

اسحبه بالاسهم والضغط على زر shift
الى الاسفل ليكون الذل او الفووتر
كما بالصوره

::درس::فوتوشوب / تصميم واجهة + نقوش + تقطيع..؟؟؟ Inter45

الان ننشئ طبقه جديده بين المجلدين
نرسم مستطيل بين الرأس والذيل كما بالصوره

::درس::فوتوشوب / تصميم واجهة + نقوش + تقطيع..؟؟؟ Inter47

ثم نعبيه باللون البرتقالي كما بالصوره
::درس::فوتوشوب / تصميم واجهة + نقوش + تقطيع..؟؟؟ Inter48

فيطلع لنا هالشكل
::درس::فوتوشوب / تصميم واجهة + نقوش + تقطيع..؟؟؟ Inter49

الان نقوم بعمل حد للمستطيل اللي سويناه

::درس::فوتوشوب / تصميم واجهة + نقوش + تقطيع..؟؟؟ Inter50

بالتوفيق للجميع
دعواتكم
الله يخليكم
ممكن ردودكم
الاحتراف هو هدفنا

المدير العام نقاط : 460

موضوع في غايه الروعه
يسلمووووووووووووووووووووو
تحياتي

المـــــشرف العـــــام نقاط : 151

موضوع جميل
يسلمو
دلوعه

» واجهة من اروع التصاميم ~
» احتراف اى برنامج تصميم لا يجعلك مصمما ً .... !!!!
» ديكورات من تصميم اللبناني كمال برهوم
» |:|واجهة دخول Enter بخطوات بسيطة لك يا لائد