$el.classList.remove('shaking'), 820))"
x-transition:enter="ease-out duration-300"
x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100"
x-transition:leave="ease-in duration-200"
x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100"
x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
x-bind:class="modalWidth"
class="inline-block w-full align-bottom bg-white dark:bg-neutral-900 rounded-lg text-right overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:w-full"
id="modal-container"
>
السلام عليكم و رحمة الله و بركاته
أولا للتوضيح لست مصممة و لا محترفة تصميم و لكنني هاوية فقط,,,,,
الخطوط التي تظهر على الصورة تعمل بما يسمى بالباترن ...
و سأوضح طرقية عمل باترن الخطوط المائلة أولا ....لأن بدونه لن نستطيع ان نعمل التأثير على الصورة
نتوكل على الله
و نفتح ملف جديد في الفوتوشوب بمقاس 4 على 4 بخلفية شفافة
سيكون الملف صغير جدااا...و لنستطيع العمل عليه نكبره بواسطة اداة المكبرإلى اكبر شي
و بأداه قلم الرصاص نرسم المربعات مثل ما هو في الصورة
يجب ان يكون مقاس القلم 1 بيكسل لا اكثر
و يجب ان يكون اللون الامامي من قائمة الالوان هو الاسود
عندما ننتهي من عمل المربعات
هنا انا عملت 3 باترن للتوضيح
انت عليك ان تعملي واحد و تشتغلي به !
الصورة
نذهب إلى
edit --define patern--
تظهر لنا نافدة لحفظه نسميه ان شئنا و نحفظه .....
انتهى عمل الباترن
الان جاء دور الصورة اللي راح نطبق عليها
نفتح الصورة
و نذهب الى
edit -fill
يظهر لنا المربع التالي
نختار الباترن اللي عملناه سابقا
و نتحكم بدرجة الوضوح و نظغط اوكي و انتهى تركيب الخطوط المائلة على الصورة
ملاحظة انا اعطيتك الففرة الرئيسية و انت و ابداعك اذا اردت عمل الخطوط مائلة من اليسار الى اليمين ما عليك الا ان ترسمي المربعات في الباترن بالشكل الموضح في الصور السابقة
اذا اردت الخطوط عمودية ارسمي المربعات في وسط الباترن
و هكذا ,,,,,,
بالنسبة للخطوط او التشققات اللي في جوانب الصورة هذا موضوع اخر ان اردت فسرته لك فيما بعد
تطبيق سريع
اتمنى اني اكون قد وفقت بالشرح .....