السلام عليكم ،،
أول درس لي في القسم الخاص بالتصميم و الذي في جعبتي الكثير ما أضع فيه ، أسأل الله تعالى لي و لكم التوفيق و السداد في القول و العمل .
درس اليوم بسيط إن شاء الله ، وهو طريقة إضافة نص عليه تأثير زجاجي + ظل واقعي لهذا العنصر ..
هذه النتيجة المرجوة من الدرس

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

و لنعمل التأثير الزجاجي ، توجد ستايلات جاهزة يمكنك تحميلها و الاعتماد عليها .. لكنني أفضل أن أصنع استايلي الخاص بي الذي يصلح لتصاميم في الألوان و كل شيء ، نختار مستطيل بأداة select و نضع فيه gradient بالون الأبيض – مثلا – - لابد أن يكون على لير جديد – طبقة جديدة -

الآن نذهب لطبقة الكتابة و نختار العمل فقط – يعني الكتابة ، و هذا يتم بالضغط على زر ctrl + الضغط بالماوس على الطبقة المراد اختيار أبعادها ، النتيجة :

نعمل عليها – بالضغط علىالزر الأيمن – inverse select ، حتى نختار المحيط الخارجي للكتابة :

الآن نرجع للير الخاص بال gradient الذي عملنا ، و نمسح الجزء الذي اخترناه ، وهو الجزء الخارجي على الكتابة ، بعدها نغير opacity التابعة له إلى 30% او ما يلائمك ، فتكون النتيجة هكذا :

نعمل الآن نسخة جديدة من نفس العمل الكلي ، و ذلك بعمل duplicate layer ، أو الضغط على ctrl + alt + نجر بالماوس الليرات

نختار اللير و نعدل على حجمه و أبعاد بالضغط على ctrl+t و نقلب اللير

الآن نقوم بتخفيف opacity اللير المقلوب الى ما يلائمنا

الآن نريد ان نمسح من اللير المقلوب من أسفلة ليظهر كأنه واقعي مثل الظل ، الفكرة وهي تحويل الكتابة المقلوبة إلى لير + مسح أسفلها + تغيير opacity الخاصة بها .
- تحويلها الى لير : باختيار أداة الممحاة eraser tool و نضغط في وسط العمل و يعطينا الرسالة التالية :

نضغط ok و يتم تحويل الكتابة الى لير عادي ، بعدها نمسح أسفله بنعومة ،
- تغيير ال opacity شيء عادي ،
الآن انتهينا من التأثير الزجاجي .. و نريد ان نضيف الظل ليظهر النص كأنه ثلاثي الأبعاد .
نعمل بأداة select دائرة ، و نختار أداة gradient و نعمل بداخلها تأثير من النوع الدائري مثل الصورة :

- بعدها نقوم بتعديل على أبعادها بـ الضغط على ctrl + t .. ثم إزاحة الماوس حتى يصير الشكل هكذا :

نضغط ok و بعدها نغير الـ opacity الى قيمة خفيفة،

نعمل خلفية background ناعمة .. بالـ gradient .. شيء سهل اظنه .. لتصبح هكذا :

إلى الآن تصميمنا جيد .. لكننا نريد الزيادة ،،
نعمل duplicat leyer لطبقة الكتابة التي انا عملت فيها Fez-Soft Blog

و نلعب بأبعادها لأننا نريدها كبيرة لتكون خلفية مظببة ، لكن هنا ملاحظة ، هناك خطأ تقريبا الجل يقع فيه ، وهو تغيير الأبعاد يدويا ، وهذا خطأ .. غنما الصحيح أن تغير العرض مثلا يدويا .. ولما تصل للحد الذي تريد ن تاخذ قيمته و تنسخ مثلها في الطول ليتم تغيير الطرف الآخر بنفس النسبة المئوية ، ليكون تصميمك واقعيا : مثال

..
نقوم بتغيير الـ opacity لهذا اللير الذي كبرناه .. مع جعله آخر لير بعد الخلفية .. و تكون النتيجة كما أشرنا أولا:

آمل أن اكون قد وفقت في الشرح .. مع ان الشرح بالصور يأخذ وقتا .. لكن لو حبذ الإخوة أقوم بالشرح بالفيديو فأبشروا المرة المقبلة و اعذروني هذه المرة ..
و السلام عليكم ورحمة الله وبركاته
هذه التدوينة نُشرت
في الثلاثاء, 16 يونيو, 2009 عند 5:02 ص و مصنفة تحت تصنيف Photoshop, Flash, illustrator.
يمكنك متابعة أي تعليقات عبر رابط RSS 2.0.
يمكنك ترك تعليق, أو تعقيب من مدونتك.
الوسوم :opacity, ثلاثي أبعاد, زجاجي
-
لتكون على علم بآخر المواضيع و المقالات المضافة في fez-soft blog يمكنك الاشترك في :
- خلاصات المقالات
- خلاصات التعليقات
- متابعة الكاتب على twitter
- القائمة البريدية : بمجرد أن تضع بريدك الالكتروني و تشترك ، سنصلك قائمة بآخر المواضيع المضافة في المدونة تلقائيا إلى بريدك الالكتروني .












مرحبا ، اسمي محمد شاطر ، Mohammed chater , أعرف تحت مسمى Fez-Soft, طالب و مصمم و مطور تطبيقات ، من فاس المغرب . . يمكنك أن تتعرف علي اكثر من
السلام عليكم مجهود كبير أعانك الله على أعمالك و أنفعنا الله بها لما يحب و يرضاه
السلام عليكم تباركلاه عليك
ادا تعترت*******فلا تقعد****** بل قم وانطلق****** صعودا نحو القمة
صراحة درس مميز و أنا أطبقه بعدة طرق و سوف أجرب هده الطريقة رغم أعتقادي أن طريقتي أسهل و أقل وقتا ….
السلام عليكم ورحمة الله وبركاته
جزاك الله خيرا أخي الغالي على الجهد الذي تبدله وجعله في ميزان حسناتك ونفع به المسلمين.
درس ماشاء الله ، انا أعملها بطريقة أخرى ، لكن جربت طريقتك وهي كذلك رائعة ، وهذا تطبيقي ( طبعا سنعمل تطبيق قبل التعليق ^_^ )
http://i285.photobucket.com/albums/ll63/SARIZON/DesignSoft.jpg
موفق ~
في أمان الله
شكرا لكم ، و ما شاء الله عليك ديزاين سوفت ..
ماشاء الله عليك
درس مفيد.
سيظيف لمسات جميلة على تصاميمي
هذا ما ننتظره منك يا مبدع حفظك الله يا أخي محمد
مشكور
الف شكر حبيبي