جدول المحتويات:

إنشاء أنماط قابلة للإمالة لصورة خلفية الموقع: 8 خطوات
إنشاء أنماط قابلة للإمالة لصورة خلفية الموقع: 8 خطوات

فيديو: إنشاء أنماط قابلة للإمالة لصورة خلفية الموقع: 8 خطوات

فيديو: إنشاء أنماط قابلة للإمالة لصورة خلفية الموقع: 8 خطوات
فيديو: WordPress Buddyboss🔥كيف تنشئ موقع تواصل اجتماعي باستخدام الوورد برس وباديبوس لسنة 2021 (مثل فايسبوك) 2024, شهر نوفمبر
Anonim
إنشاء أنماط Tilable لصورة خلفية موقع الويب
إنشاء أنماط Tilable لصورة خلفية موقع الويب

هذه طريقة مباشرة وبسيطة (على ما أظن) لإنشاء صور يمكن تجانبها دون النظر إلى "شكل الشبكة". يستخدم هذا البرنامج التعليمي Inkscape (www.inkscape.org) ، محرر رسومات متجه مفتوح المصدر. أتخيل أنه يمكن تطبيق هذه الطريقة على برامج الرسومات المتجهة باهظة الثمن مثل Adobe Illustrator أيضًا. مرحبًا ، إنها أموالك.

الخطوة 1: قم بإعداد المستند

قم بإعداد المستند
قم بإعداد المستند
قم بإعداد المستند
قم بإعداد المستند
قم بإعداد المستند
قم بإعداد المستند

بعد فتح Inkscape ، ستحتاج إلى إعداد خصائص المستند. ([File -> Document Properties]) أولاً ، قم بتغيير عرض المستند وارتفاعه إلى رقم يسهل التعامل معه. في هذا البرنامج التعليمي ، قمت بإنشاء صورة مربعة ، لكن أي نسبة ستفعل ، بعد ذلك ، سترغب في إعداد الشبكة. في الإصدارات القديمة من إنكسكيب ، لم يكن هناك سوى شبكة واحدة ممكنة. في الإصدارات الأحدث ، ستحتاج إلى إنشاء شبكة جديدة. قم بتغيير تباعد الشبكة بحيث تنقسم هذه القيم بالتساوي إلى قيم عرض المستند وارتفاعه. بشكل عام ، من الجيد العمل من صورة كبيرة ثم تصغيرها حسب الضرورة. نظرًا لأن هذا فن متجه ، لا يهم الحجم تقنيًا ، ولكن من الناحية العملية ، سيكون الأمر أسهل من الناحية المفاهيمية مع وجود أعداد أكبر. في هذا البرنامج التعليمي ، استخدمت صورة بحجم 500 × 500 بكسل ، وكانت شبكتي بفواصل زمنية تبلغ 10 بكسل. أخيرًا ، تأكد من تحديد خيار "تمكين الالتقاط".

الخطوة 2: أداة المستطيل

اداة المستطيل
اداة المستطيل

استخدم أداة المستطيل لرسم مربع / مستطيل يشغل حجم المستند بالكامل. ستؤدي قيمة تباعد الشبكة الكبيرة (انظر الخطوة السابقة) إلى جعل أداة المستطيل تنجذب بسهولة إلى حدود المستند.

الخطوة 3: استنساخ النموذج

استنساخ النموذج
استنساخ النموذج
استنساخ النموذج
استنساخ النموذج

Group]) "،" top ": 0.38721804511278196،" left ": 0.354،" height ": 0.35902255639097747 ،" width ": 0.372}]">

استنساخ النموذج
استنساخ النموذج

أضف الصورة التي تريدها في نمطك. إذا كانت صورتك عبارة عن ملف SVG ، فيمكنك عادةً سحبها وإفلاتها في المستند المفتوح ، وإنشاء نسخة من هذه الصورة. ([Edit -> Clone -> Create clone] أو يمكنك الضغط على Alt + D) حرّك الصورة الأصلية بعيدًا عن الطريق بحيث لا تتداخل مع مساحة عملك. انقل الصورة المستنسخة إلى المربع ، وأنشئ بضع نسخ من الاستنساخ. سيتضح سبب استخدام النسخ بدلاً من النسخ الأصلية لاحقًا ، وإليك طريقة سهلة لعمل نسخ في inkspace: اسحب الكائن المراد نسخه ، واضغط على مفتاح المسافة لإسقاط نسخة في تلك البقعة (استمر في الضغط على زر الماوس) بشكل عام ، ربما لا تحتاج إلى أكثر من نسختين أو ثلاث نسخ لإنشاء النمط. كما ترى ، كان لدي 3 نسخ من الصورة ولكن انتهى بي الأمر بحذف واحدة لاحقًا. بمجرد أن تعتقد أن لديك ما يكفي ، قم بتجميع هذه العناصر معًا.

الخطوة 4: المزيد من الاستنساخ

المزيد من الاستنساخ
المزيد من الاستنساخ
المزيد من الاستنساخ
المزيد من الاستنساخ

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

الخطوة 5: المحركون الخبراء

المحركون الخبراء
المحركون الخبراء
المحركون الخبراء
المحركون الخبراء

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

الخطوة 6: حول استخدام الصور المستنسخة

لقد ذكرت في الخطوة 3 أنه يجب عليك استخدام النسخ بدلاً من نسخ الصور عند إنشاء المربع الأوسط ("الأصلي"). والسبب هو أنه إذا كانت صورتك هي نفسها مجموعة من الكائنات ، فإن طريقة الضغط على مفتاح التحكم لتحديد العناصر المجمعة ستحدد كائنات الصورة الفردية. لا يمكن تحرير النسخ نفسها (باستثناء الحجم واللون) ، وبالتالي فإن طريقة الضغط على مفتاح التحكم ستؤدي إلى تحديد كائن الاستنساخ بأكمله بغض النظر عن عدد الكائنات التي تتكون منها الصورة الأصلية.

الخطوة 7: اللمسات الأخيرة

اللمسات الأخيرة
اللمسات الأخيرة
اللمسات الأخيرة
اللمسات الأخيرة

كخطوة اختيارية ، حدد مربع الخلفية (انقر مع الضغط على مفتاح Ctrl) واضبط لون التعبئة على لا شيء (أي شفاف) أو أي لون تريد أن يكون للخلفية. ([كائن -> تعبئة وحد]) قمت أيضًا بتقليل عتامة المجموعة ككل (حدد عن طريق النقر العادي) بحيث يمكن أن يكون النمط في الخلفية وألا يكون تدخليًا. أخيرًا ، الخطوة المهمة للتصدير. افتح نافذة التصدير ([File -> Export bitmap]). انقر فوق الزر "الصفحة". سيؤدي هذا إلى تصدير أجزاء المستند التي تقع داخل حدود الصفحة فقط - أي داخل مربع "الأصلي". قم بتغيير حجم الصورة النقطية التي تم تصديرها إذا كنت تريد ذلك ، ثم انقر فوق "تصدير".

الخطوة 8: المنتج النهائي

المنتج النهائي!
المنتج النهائي!
المنتج النهائي!
المنتج النهائي!

لقد انتهيت! ضعه على سطح المكتب ، استخدمه لموقعك على الويب ، أو اطبعه وقم ببيعه كورق حائط! استمتع.

موصى به: