و أخيرا انتهم المتحانات يوم الثلاثاء و بدأ بشرح و عمل كل الطلبات الي طلبت مني و جهزت كلها و راح أنزلها بتقطع عشان ما كل موضوع ياخذ حقة و الدرس الي بعد هذا بيكون سلسلة دروس كيف تصميم موقع حسب ما طلب و لكن كنت مشوش في الرح فقسمته اقسام يعني اطار الموقع و من ثم كيف تصمم الصناديق الي يكون فيها محتوى الموقع الخ
و اليوم درسنا عجيب و هو موجود تطبيقة على هذا الرابط
بداية الدرس
درس الصورة الخفية درس تطبيقة رائع بحيث تظر عندك صورة لو شفتها تشوف صورة عادية و لو ظللتها طلعت لك صورة ثانية
قبل كل شي تحتاج شغلتين 1- الصورة العلوية و ما تسمى بال OverLay و الي بتكون كطبقة رئيسية و انا استخدمت هالصورة يمكنك استخدام ما تحب 2- الصورة المخفية و الي راح تظهر مع تظليل الصورة.
ملاحظة : 1- لازم تكون الصورة الأولى و الثانية نفس ال Dimension او نفس البعد و إلا فلن تحصل على نتيجه جيده. 2- حاول يكونوا الصورتين قريبات من بعض في الألوان مش واحده اخضر و وحده احمر.
الدرس:
الخطوة 1: قم بفتح الصورة التي تريد و التي ستظهر مع التظليل.
الخطوة 2: غير اسم الطبقة عشان نمشي مع بعض لو كانت جاهزة اضغط عليها مرتبن راح يصير اسمها Layer 0 او اعد تسميتها بهذا الاسم.
الخطوة 3: قم بعمل نسخ للطبقة عن طريق الضغط على CTRL+J او بيمين الماوس على الطبقة و اختر Duplicate راي يصير عندك طبقتين متشابهتين وحده اسمها Layer 0 و الثانية Layer 0 Copy
الخطوة 4: اذهب للطبقة الرئيسية Layer 0 و اخترها و اضغط CTRL+I
الخطو 5: قم بفتح عمل جديد بحجم 2×2 لعمل pattern جديد و قم بتكبير العمل الى اقصى حد (1600%)
الخطوة 6: اختر اداة Pincil بالضغط على B او هذا هو شكلها الخطوة 7: اضبط حجم الفرشاه الى 1px و قم بعمل ما هو موضح بالصورة. - لاحظ شفافية مربعين و مربعين باللون السود تعبيهم.
الخطوة 8: الآن عين العمل كباترن عن طريق الذهاب الى Edit>Define Pattern و اختر اي اسم تحب و احفظه و اغلق العمل (الي فيه المربعات)
الخطوة 9: ارجع للعمل الأولي الي فيه طبقتين قم بعمل طبقة جديده فوق الطبقة التي تحمل اسم Layer 0 عن طريق CTRL+Shift+N و خلي اسمها افتراضي و هو Layer 1
الخطوة 10: و اذهب الى Edit>Fill أو اضغط Shift+Backspace و قم بعمل كما هو موضح بالصورة واخترن الباترن الي سويناه من شوية.
الخطوة 11: هذي الخطوة لازم تركز معي أضغط على CTRL و خليك ضاغط و أضغط على الطبقة التي تحمل الاسم Layer 1 سوف تلاحظ تحديد ظهر خلي التحديد ظاهر و اختر الطبقة Layer 0 copy بالماوس عادي دون ضغط CTRL معاها و اضغط Delete و من ثم الغي التحديد عن طريق الضغط على CTRL+D.
الخطوة 12: قم بإطفاء او اخفاء الطبقة المسماه Layer 1 و ذلك بإزاله اشارة العين من جانبها كما في الصورة .
الخطوة 13: افتح الطبقة التي تريدها ان تظهر الرئيسية يعني الي انا حطيت وصلتها فوق او اختر ما تريد مع مراعاة اللاحظة الي قبل الدرس بعد فتحها اضغط على CTRL+A و بعدها اضغط CTRL+C و اغلق الصورة. ارجع للعمل الأصلي و قم بعمل طبقة جديده فوق الطبقة Layer 0 Copy و خلي اسمها كالأفتراضي Layer 2 و أختر الطبقة و اضغط على CTRL+V راح تظر الصورة الي راح تكون في الواجه
الخطوة 14: غير خيار opacity للطبقة Layer 2 الى 50% كما في الصورة. و ادمج الطبقة بالضغط على CTRL+E
الخطوة 15: اذهب للطبقة Layer 0 و اضغط عليها بالماوس مرة و اذهب الى Image>Adjustments>Brightness/Contrast
الخطوة 16: مبروووووك عليك الصورة السحرية الجديدة و لكن لم اضع الصورة الي شرحت عليها الدرس لأنها كبيرة الحجم فهيه خلفية للويندوز اكس بي و طبقت الشرح عليها و حجمها كبير جدا و لكن لا داعي لمثال فالمثال موجود في الأعلى.
ملاحظة ثانية: إذا فشل تطبيقك يكون لأحد السببين اختيارك للصورتين غير متناسق الألوان أو انهم مش نفس الدقة و للعلم لو كان في كتابة بالموضوع على الأغلب راح تظهر على الطبقتين حسب الطبقة الي في الواجهه
اتمنى لكل من استفاد من الدرس الدعاء لي بالشفاء و الدعاء لوالدي في ظهر غيب .
أخوي Photoshop هو مش من اختراعي شفته زمان في منتدى اجنبي كان التصميم الأخير مرفق و الشرح او صور الشرح مش ظاهرة ظليت احاول و اجرب مع ان الشرح ما كان باين منه إلا جمله وحده اول الدرس مكتوب ان الدرس يعتمد على عمل مربعات مخالفة لمربعات التظليل في المتصفح ظليت كل اسبوع حاول مرة او مرتين و بالأخير ظبط و نزلته درس و الحمد لله و هو تطبيق خطوات ما فيه صعوبه ان شاء الله
معلش يا أخوان الدرس يبي له تعب عشان يظبط و هو فيه بعض الصعوبه و لكن كرر الحاولة و طبق الدرس بحذافيره و راح احاول على قد وقتي اني اشرحه فيديو و لكن عيب الفيديو لا يوضح يمين و يسار الماوس و هو ما سيعيق التصميم الرجاء المحاولة اكثر من مرة