الدرس الثامن :: عمل تصميم بسيط

[D-design]

الثامن , الدرس , تصميم , بسيط

الدرس الثامن :: عمل تصميم بسيط

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

.. سنتعلم اليوم كيفية عمل تصميم متكامل وبسيط ..

.. [ أتمنى من الجميع أن يستخدم في الدرس فرش جديدة يتم تحميلها من النت غير الموجودة مع البرنامج ] ..

.. بسم الله نبدأ ..


.. نفتح عمل جديد بالمقاسات التالية ..



.. نقوم بفتح صورتين بحيث تكونا معبرتين ومتناسقتين ..

.. بإمكانكم استخدام Scrap اللي هي صور مفرغه ..





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

.. وأنا اخترت هذه الخلفية لتصميمي ..



.. والآن نبدأ بالعمل..

.. أولا نضيف الخلفية إلى العمل ..

.. بعدها نضيف الصور ..

.. نرتب الصور بالترتيب الذي يناسب فكرة التصميم..

.. ثم نقوم بدمج الصور بإحدى الطرق التي تعلمناها سابقا كما يناسب التصميم ..

.. حتى تصبح هكذا ..





.. الآن بعد أن عملنا التصميم نضيف عليه بعض التأثيرات كما تعلمنا سابقا ..

.. لكن انا هنا سأعلمكم طريقة جديده للتأثير ..

.. أولا قبل كل شي نعمل دمج للعمل كامل عن طريق ..



.. نفعل لير التصميم ..

.. ثم نفعل كالآتي ..



.. تظهر لنا هذه النافذه ..



.. هنا توضيح للون الازرق .. ( فقط للتوضيح )..



.. يمكنكم عمل التاثير على جميع الالوان الازرق والاخضر والاحمر ..

.. أما RGB فهو يتحكم بتفتيح العمل او تغميقه ..

.. بعد عمل التأثير يصبح التصميم هكذا ..





.. الآن نقوم بعمل تصفيه للتصميم ..

..نكرر اللير وذلك كما يلي ..



.. نفعل اللير الثاني..



.. ونقوم بما يلي ..



.. تظهر لنا نافذة نضبط اعداداتها كما يلي ..



.. نلاحظ أن الصورة اصبحت غير واضحه ..

.. بعد ذلك نغير من مود الصورة ونجعلها Overlay ..



.. نستطيع بعد ذلك من التقليل في opacity . .

.. انا هنا جعلتها كما هي دون التقليل ..

.. اصبح التصميم لدينا هكذا ..



.. الآن نضيف إليه بعض الكلمات التي تناسب التصميم ..

نضغط على .. [ ] .. لأضافة الكلام ..

.. تظهر لنا قائمة بالاعلى هكذا ..



.. طبعا لازم نحدد الكلمة المراد عمل التنسيق عليها ..

هكذا ..



.. بعد ذلك نختار التنسيقات كما ذكرت قبل قليل من الاعلى ..

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

.. ولصقها في مجلد الخطوط الموجود داخل لوحة التحكم ..
ابدأ ____ لوحة التحكم ___ مجلد الخطوط .

.. وبعد ذلك نقوم باعادة تشغيل البرنامج لتظهر لنا الخطوط تلقائيا ضمن قائمة الخطوط الاعتيادية ..



.. يمكننا التحكم بطريقة الكتابه وظهورها على التصميم ..

.. مثلا انا سوف اكتب على التصميم هذه الجملة ..

.. بحط قلبي بين ايدينك هدية ..

.. سوف اكتب كل كلمة على حده حتى استطيع التحكم بالجمله ..

.. مثلا ( بحط ) سوف اجعلها بخط Arial وحجم 12 ..

.. و ( قلبي ) سوف اجعلها بخط مخالف وحجم اكبر بقليل ..

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

.. بامكاني ايضا التحكم باماكنهم في التصميم عندما اجعل كل كلمة او كملتين مثلا من الجمله على حده ..

.. ^_^ ..

.. بعد اضافة الكلام عليه اصبح التصميم هكذا ..



.. الآن أكرر الجمله الاخيره ( بين ايدينك هدية ) .. [ عملية التكرار كما تعلمناها قبل قليل ] ..

.. واحرك الجمله المكرره قليلا الى الاسفل واقلل من opacity ..

.. ثم اعيد تكرار الاخيره واحركها ايضا الى الاسفل قليلا واقلل من opacity .. لتصبح اخف من السابقه ..

.. استطيع التكرار ايضا وذلك حسب ذوق المصمم ..

.. لتصبح الصورة كما يلي ..






.. الآن نأتي الى عمل تنسيق للكلام ..

.. نضغط على الكلمة المراد تنسيقها .. ثم نفعل كالآتي ..



.. تظهر لنا هذه النافذه ..




1- لإظهار الظهل خلف الكلمة .
2- لاظهار الظل داخل الكلمة .
3- لاظهار اضاءة خارج الكلمة .
4- لاظهار اضاءة داخل الكلمة .
5- لون الكلمة .
6- تدرج لوني للكلمة.
7- خلفية pattern للكلمة . ( باترن : بمعنى خامه ).
8- حدود الكلمة .




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



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

.. كما بامكانكم من تغيير مود الخط كما كنتم تفعلون للصور ..

.. التصميم بعد عمل التنسيق عليه ..



.. بامكاننا اضافة فرش كما تعلمنا سابقا .. ولكن افضل ان تكون فرش جديده غير الموجوده ضمن البرنامج حتى ارى ابداعاتكم ^_^ ..



.. الآن نعمل حدود لتصميم ..

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

.. واليوم سوف اعلمكم طريقة جديده وكثير ما ترونها في التواقيع ..

.. الا وهي الحدود المنقطه ..

.. أولا في صندوق styles نضيف ستايلات التنقيط ..

كالآتي ..



.. ستظهر لنا رساله نضغط على append ..

.. تلقائيا سوف تضاف الاستايلات الى الصندوق في الاسفل ..

.. بعد ذلك نقوم بعمل لير جديد فوق جميع الليرات الموجود ه في التصميم ..

.. ونقوم بتعبئته باي لون ..



.. ثم من صندوق الاستايلات نختار أي ستايل منقط من الذي اضفناهم قبل قليل ..

.. ليصبح التصميم هكذا ..



.. وفي الاخير ضعوا حقوقكم كمصممين ..

هكذا : [ تصميم : D-design ... أو Des by : D-design ] ..

.. يفضل ان يكون بخط صغير نوعا ما ويكون في احد الاركان سواء بالاسفل او الاعلى ..

.. التصميم بعد اضافة بعض الفرش والحقوق عليه ..



.. هكذا نكون قد انتهينا من درسنا لهذا اليوم ..

.. الدرس كان شوي طويل .. لكن ابغى اشوف ابداعاتكم فيه ..

.. خذوا وقتكم في التصميم مع مراعاة تناسق الصور مع الكلام اللي رح تضيفونه عليه ..

.. الدرس بيكون لمدة اسبوعين من اليوم ..

.. كل عضو يحط التصميم والصور المستخدمه ..

.. يلا انتظر ابداعاتكم ^_^...



.. ومن لديه أي ملاحظه أو استفسار أو اقتراح بالنسبة للدروس فليتفضل بطرحه هنا ..

.. بالتوفيق للجميع ..

مودتي ،،

المصدر: حارة المهايطية - من قسم: دروس فوتوشوب - Image Ready - سويش ماكس - دورة الفوتوشوب للمبتدئين و الوسائط

---

hg]vs hgehlk :: ulg jwldl fsd' hg]vs jwldl

[الأمـــــل]

يعطيكِ العافية عالدرس الحلو
جآاآري التطبيق..
دمتِ بخير

[D-design]

.. بانتظار تطبيقك أختي ..

بالتوفيق ..

.

[بدور]

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

التطبيق

[D-design]

.. تصميم أكثر من رائع ..

.. يعطيكي العافية أختي ..

.. بس عندي كم ملاحظه صغيييره ..

.. أولا لون الخط المستخدم .. لو خليتيه محدد بأبيض .. كان صار أوضح ..

.. ثانيا الكلام اللي ( جلستك ..... الخ ) تحسيها جايه على اليمين مره .. لو زحفتيها وبعدتيها عن الحدود كان افضل ..

.. طبعا الملاحظات كانت بسيطه جدا .. لا تقل من روعة التصميم ..

مودتي ،،

.

[M!ss B!NoOo]

سلام عليكم..

تسلم يمينك ع الشرح التفصيلي..

وهذي الصور المستخدمة








وهذا تطبيقي واتمنى افادتي اذا فيه شي غلط..



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

تحيااتي..

[D-design]

.. تطبيق ممتاز ..

.. لكن عندي ملاحظه على التنسيق اللي على اسمك ( هدوء انثى ) ..

.. صاير الاسم مو واضح لو تخففين شوي من بعض التنسيقات زي الظل مثلا او الاضاءة الخارجيه .. يمكن رح توضح الاسم أكثر ..

.. طبعا الملاحظه بسيطه جدا رح تفيدك بعدين ..

.. يعطيكي العافية ..

مودتي ،،

.

[~MGNONK!]

[D-design]

المشاركة الأصلية كتبت بواسطة ~mgnonk!

.. تصميم بسيط ..

.. بس وين الفرش المستخدمة ؟! .. ووين التأثيرات ؟! ..

.. وما طبقت التصفية ..

.. تصميمك حلو بس ما طبقت النقاط كلها اللي بالدرس ..

.. يعطيك العافية ..

مودتي ،،

.

[الــرحــال]

وعليـكم الـسلآم والـرحـمـه ..

هذي الصور اللي استخدمتـهـا







وهـذا تطبـيـقـي





ولكـ الشكـر يا مصممتنـا علىآ الـشـرح

رحـآل

[D-design]

.. تصميم رائع ..

.. يعطيك الف عافية اخوي ..

مودتي ،،

.

[الأمـــــل]

::الصور المستخدمة::

::التصميم::

احترآمي..

[~MGNONK!]

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

[(لولي)]

الصور المستخدمة






التصميم

[مـهـآيـطـي ..~]

الصور الاصليه


صورة التصميم