تتيح لك مواقع الويب ومحرري الصور إنشاء صور جميلة ومذهلة. ومع ذلك ، غالبا ما تكون هناك حاجة لإنشاء خلفية شفافة للصور بحيث تتناسب بسهولة مع تصميم موقع ويب أو مشاريع رسومية أخرى. في هذه المقالة ، سوف ننظر إلى تعليمات خطوة بخطوة حول كيفية القيام بذلك باستخدام قماش هتمل5.
أولا وقبل كل شيء ، للعمل مع قماش هتمل5 ، تحتاج إلى أن يكون فهم أساسي من هتمل وجافا سكريبت. يوفر قماش إمكانيات لإنشاء وتحرير الصور على جانب العميل. وهو مدعوم من قبل جميع المتصفحات الحديثة ويسمح لك باستخدام أدوات وفلاتر مختلفة ، بما في ذلك إنشاء خلفية شفافة للصور.
أولا ، تأكد من تثبيت أحدث إصدار من المتصفح. ثم قم بإنشاء ترميز هتمل الذي سيحتوي على العنصر. قم بتعيين معرف فريد لهذا العنصر بحيث يمكنك الوصول إليه لاحقا عبر جافا سكريبت. بعد ذلك ، في شفرة جافا سكريبت ، قم بإنشاء سياق للرسم على اللوحة القماشية وتحميل صورتك.
- خطوات إنشاء صورة خلفية شفافة في اللوحة القماشية
- اختيار الصورة المطلوبة
- فتح صورة في برنامج تحرير
- اختيار أداة الممحاة وتعيين معلماتها
- إزالة خلفية الصورة باستخدام أداة الممحاة
- حفظ وتصدير الصورة النهائية بخلفية شفافة
- سؤال وجواب
- كيفية جعل خلفية شفافة لصورة في قماش?
- ما رمز يجب أن تستخدم لإنشاء كائن صورة?
- كيف يمكنني تحميل صورة إلى كائن صورة?
- كيفية رسم صورة على قماش?
- كيف يمكنني تحديد شفافية صورة على قماش?
- هل من الممكن استخدام لغات البرمجة الأخرى لإنشاء خلفية شفافة لصورة في قماش?
خطوات إنشاء صورة خلفية شفافة في اللوحة القماشية
يمكنك إنشاء خلفية شفافة لصورة في قماش باتباع خطوات بسيطة:
- الخطوة 3: الحصول على سياق الرسم لعنصر قماش باستخدام طريقة جيتكونتيكست() من كائن قماش. في هذا المثال ، استخدمنا سياق " 2د:
- الخطوة 4: قم بتحميل صورة تحتاج إلى إضافة خلفية شفافة:
- صورة.أدفنتليستينر ('تحميل' ، وظيفة () {
- السياق.دراوماج (صورة ، 0 ، 0);
- كونست بكسل = السياق.جيتيماجيداتا (0 ، 0 ، قماش.العرض ، قماش.الارتفاع);
إلى عن على (دعني = 0 ؛ أنا < بكسل.البيانات.الطول ؛ أنا + = 4) {
- كونست الأحمر = بكسل.البيانات [ط];
كونست الأخضر = بكسل.البيانات [أنا + 1 ] ;
- كونست الأزرق = بكسل.البيانات [أنا + 2];
إذا (أحمر = = 255 & & أخضر = = 255 & & أزرق = = 255) {
بكسل.البيانات [أنا + 3] = 0; // اضبط قيمة ألفا على 0
}
}
- الخطوة 11: قم بتغيير البيانات مرة أخرى إلى عنصر اللوحة القماشية باستخدام قيم بكسل ألفا المحدثة:
- السياق.بوتيماجيداتا (بكسل ، 0 ، 0);
الخطوة 12: يمكنك الآن حفظ الخلفية الشفافة المعدلة على صورة جديدة أو استخدامها لمزيد من العمليات داخل عنصر اللوحة القماشية.
باتباع هذه الخطوات ، يمكنك إنشاء خلفية شفافة للصورة في عنصر اللوحة القماشية واستخدامها لأغراض تطوير الويب المختلفة.
اختيار الصورة المطلوبة
- حدد الصورة التي تريد جعلها شفافة على اللوحة القماشية. ربما سيكون شعارا أو رسما توضيحيا أو صورة. يرجى ملاحظة أنه قد لا تكون جميع الصور مناسبة لهذا الغرض ، حيث لا تدعم جميع تنسيقات الصور الشفافية.
- تأكد من أن الصورة التي حددتها تحتوي على أحد التنسيقات التي يمكن استخدامها لإنشاء خلفية شفافة ، على سبيل المثال: بابوا نيو غينيا أو جيف. لا يدعم تنسيق الحياة السياسية في فرنسا الشفافية. إذا لم يكن لصورتك تنسيق مناسب ، فحاول العثور على صورة أخرى أو تحويلها إلى التنسيق المطلوب باستخدام محرر رسومات.
- تحقق من حجم الصورة المحددة. إذا كانت كبيرة جدا ، فقد تحتاج إلى ضغطها بحيث يسهل تحميلها ومعالجتها في اللوحة القماشية.
- فتح صورة في برنامج تحرير
- قبل البدء في العمل مع صورة وجعل خلفيتها شفافة ، تحتاج إلى فتحه في برنامج تحرير مثل أدوبي فوتوشوب ، جيمب أو برنامج آخر مماثل... في هذا القسم ، ونحن سوف ننظر في الخطوات لفتح صورة في أدوبي فوتوشوب.
- إطلاق برنامج أدوبي فوتوشوب.
على شريط الأدوات ، حدد زر" فتح " أو استخدام اختصار لوحة المفاتيح السيطرة+س (ويندوز) أو القيادة+س (لماك).
في نافذة التنقل التي تظهر ، ابحث عن الصورة المطلوبة وحددها. للقيام بذلك ، يمكنك التمرير عبر المجلدات وتحديد الصور منها أو استخدام البحث عن المجلد.
حدد الصورة وانقر على زر" فتح".
بعد الانتهاء من هذه الخطوات ، سيتم فتح الصورة المحددة في برنامج التحرير. يمكنك الآن متابعة العمل عليها وتغيير الخلفية إلى شفافة وفقا للإرشادات الواردة في الأقسام التالية.
اختيار أداة الممحاة وتعيين معلماتها
بعد فتح الصورة في محرر الرسومات وتحديد الطبقة التي سيتم تنفيذ العمل عليها ، يجب عليك تحديد أداة الممحاة. تتيح لك هذه الأداة إزالة وحدات البكسل من الصورة لإنشاء شفافية.
لتحديد أداة الممحاة ، تحتاج إلى العثور على رمزها في شريط أدوات محرر الرسومات. عادة ، يتم تقديم رمز أداة الممحاة على شكل شريط مطاطي أو فرشاة ممحاة.
بعد تحديد أداة الممحاة ، تحتاج إلى ضبط معلماتها. عادة ، توجد معلمات أداة الممحاة في لوحة الإعدادات الخاصة بمحرر الرسومات أو في قائمة السياق التي يتم استدعاؤها بالنقر بزر الماوس الأيمن على اللوحة القماشية.
في إعدادات أداة الممحاة ، يمكنك ضبط حجمها وشكلها وصلابتها. يحدد حجم الممحاة منطقة عمل الأداة ، ويمكن أن يكون شكل الممحاة مستديرا أو مستطيلا ، وتحدد الصلابة نعومة التحولات عند استخدام الأداة.
يجب تحديد حجم الممحاة اعتمادا على حجم العيب المراد إزالته. إذا كان العيب صغيرا ، فيجب أن يكون حجم الممحاة صغيرا ، وإذا كان العيب كبيرا ، فيجب اختيار حجم أكبر من الممحاة.
يمكن أيضا تحديد شكل الممحاة اعتمادا على شكل العيب. إذا كان للعيب شكل دائري ، فاختر ممحاة مستديرة ، وإذا كان للعيب شكل مستطيل ، فاختر ممحاة مستطيلة.
تتحكم صلابة الممحاة في مدى تغير سطوع ولون البكسل بشكل كبير عند استخدام الأداة. إذا تم ضبط صلابة الممحاة على الحد الأقصى ، فستحدث التغييرات بشكل مفاجئ للغاية ، ومع انخفاض الصلابة ، سيكون التغيير أكثر سلاسة.
من المهم تحديد معلمات الممحاة بطريقة لإزالة العيب وجعل الخلفية شفافة ، مع الحفاظ على المظهر الطبيعي للصورة.
إزالة خلفية الصورة باستخدام