Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Affinity Designer
Design

كيفية إنشاء أنماط في مصمم تقارب

by
Difficulty:BeginnerLength:LongLanguages:

Arabic (العربية/عربي) translation by Muhammad Hakim Almadani (you can also view the original English article)

Final product image
What You'll Be Creating

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

أيضا، لا ننسى يمكنك دائماً توسيع مكتبة النمط الخاص بك بعنوان Envato Element، حيث ستجد مجموعة كبيرة من vector patterns.

أن يقال، الاستيلاء على كوب جديدة أن عصير الفول الساخنة، ودعونا نبدأ!

1-كيفية إعداد ملف مشروع جديد

كما مع أي مشروع جديد، نحن في طريقنا للبدء بإعداد "New Document" بعنوان File>New (أو باستخدام اختصار لوحة المفاتيح Control-N)، التي سوف نعدل على النحو التالي:

  • النوع: ويب
  • الوثيقة الوحدات: بكسل
  • إنشاء لوح: التحقق
  • عرض الصفحة: 514 px
  • ارتفاع الصفحة: 514 px
  • DPI : 72
setting up a new document

2-كيفية إنشاء تكرار نمط الجزء الرئيسي

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

الخطوة 1

قم بإنشاء الشكل الرئيسي للخلفية باستخدام 514x 514 مقصف مربعة، التي سنقوم باللون باستخدام 1F2433 # وثم مركز محاذاة إلى الصفحة Arrange باستخدام خيارات لوحة ترتيب محاذاة إلى الوسط، ومحاذاة إلى الوسط.

creating and positioning the background

الخطوة 2

بدء العمل في القسم الداخلي من مركز الدائرة المزخرفة بإنشاء دائرة مقصف 6 × 6 مع 2pt سميكة "Stroke الدماغية" (F72F2F#)، التي نحن سيتم توسيط محاذاة إلى الصفحة كما فعلنا مع الخلفية.

creating the main shape for the inner section of the larger decorative circle

الخطوة 3

إنشاء خمسة 2 pt سميكة دوائر متحدة المركز (F72F2F#)، مع التأكد من الحفاظ على 2 px فجوة (وهو سمك الدوائر الفعلية) بينهما، كما هو موضح في الصورة المرجعية. وبمجرد الانتهاء من ذلك، تحديد وتجميع كل ستة منهم معا باستخدام اختصار لوحة المفاتيح Control-G.

adding the remaining circles to the inner section of the larger decorative circle

الخطوة 4

بعد ذلك، نحن ذاهبون إلى الحاجة لإنشاء قناع القطع لارباع أعلى اليسار الدوائر، استخدام مربع مقصف 24 × 24 (أبرزت مع الأخضر) التي نحن سيتم محاذاة الحواف اليسرى والعليا في الدائرة الخارجية.

creating the mask for the circles of the inner section

الخطوة 5

مرة واحدة لدينا القناع في المكان، كل ما علينا القيام به هو فتح layer الطبقات واسحب الدوائر المجمعة إلى الشكل (المربع الأخضر)، الذي سوف يؤدي إلى النتيجة التالية.

example of masking the circles of the inner section

الخطوة 6

نظراً لأننا نريد القناع لتكون الشفافة تماما، نحن ذاهبون إلى تحديده أولاً في layer الطبقات، ثم قم fill تعبئته من لوحة Color.

removing the clipping masks fill

الخطوة 7

إنشاء نسخة (Control-C > Control-V) قسم أننا فقط لقد ملثمين، وثم وضعه كما هو موضح في الصورة المرجعية، مع التأكد من ضبطه بالتقليب أفقياً وعمودياً (Transform > Flip Horizontal & Flip Vertical).

creating the bottom-right quarters

الخطوة 8

بعد ذلك، نحن ذاهبون إلى انتزاع أداة القلم (P) واستخدامه لرسم مجموعتين (Control-G) ستة px24 pt 2 واسعة سميكة السكتة الدماغية الأفقية خطوط (#F72F2F)، الذي سوف نقوم عمودياً المكدس 2px من بعضها البعض ومن ثم موقف الجانبين من الدائرة أرباع ذلك أنهم overla ف، كما رأينا في الصورة المرجعية.

adding the horizontal lines to the inner section of the larger circle

الخطوة 9

قناع الخطوط الأفقية التي قمنا بإنشائها فقط استخدام دائرة مقصف 48 × 48، بفتح Layers الطبقات وسحبها ببساطة على الشكل الأكبر. مرة كنت فعلت، حدد وقناع كل من يؤلف المقطع الحالي الأشكال باستخدام اختصار لوحة المفاتيح Control-G، مع التأكد من إعطاء الناتج عن تجميع تسمية وصفية بحيث يمكن التعرف عليه بسهولة في وقت لاحق.

masking the horizontal lines of the inner section

الخطوة 10

بدء العمل على القسم دائرة زخرفية الخارجي، عن طريق إنشاء أرباع أسفل اليسار استخدام 24 2 pt سميكة دوائر متحدة المركز (#F72F2F)، بدءاً 70x70 مقصف واحد والصعود وصولاً إلى 254 × 254 مقصف واحد. وبمجرد الانتهاء من كافة الأشكال، مجموعة (Control-G) ومن ثم مركز محاذاتهم للصفحة، مع التأكد من قناع لهم باستخدام مربع 128 × 128 بيكسل.

creating the lower-left quarters of the outer section

الخطوة 11

إنشاء في الربع العلوي الأيمن باستخدام نسخة (Control-C > Control-V) من تلك التي نحن لقد ملثمين فقط، التي سوف نعدل بالتقليب أفقياً وعمودياً (right click > Transform > Flip Horizontal & Flip Vertical) ووضعه كما رأينا في الصورة المرجعية.

adding the top-right quarters to the outer section

الخطوة 12

أضافه خطوط التفاصيل الافقيه باستخدام مجموعتين (Control-G) من 32 128 px واسعه 2 pt خطوط السكتة Stroke سميكه (#F72F2F) ، والتي سوف مكدس عموديا 2px من بعضها البعض ، والتاكد من وضعها علي مدي أرباع بحيث تتداخل.

adding the horizontal detail lines to the outer section

الخطوة 13

إنشاء قناع القطع لخطوط أفقية باستخدام دائرة مقصف 256 × 256 (أبرزت مع الأخضر) التي نحن سوف مركز محاذاة إلى الصفحة ثم قم بضبط بالاستغناء عن أصغر دائرة مقصف 68x68 (الضوء باللون الأحمر) من مركز استخدام عملية Subtract الشكل .

creating the clipping mask for the outer section

الخطوة 14

بمجرد قيامك بإنشاء القناع، تفتح لوحة الطبقات ثم ببساطة حدد واسحب المجموعتين من خطوط أفقية على رأس شكله، مع التأكد من إزالة تعبئته بعد ذلك من داخل لوحة اللون. وبمجرد الانتهاء من ذلك، تحديد وتجميع جميع الأقسام يؤلف دائرة زخرفية الحالية باستخدام اختصار لوحة المفاتيح Control-G.

adjusting the clipping mask for the larger outer section

الخطوة 15

إنشاء أربع نسخ (Control-C > Control-V أربع مرات) من الأشكال نحن لقد جمعت فقط وثم وضعها في مركز زوايا الصفحة، كما هو موضح في الصورة المرجعية.

adding the remaining larger decorative circles

الخطوة 16

بدء العمل علي الدائرة الزخرفية أصغر من خلال إنشاء ثلاث دوائر مركزيه: واحد 6 × 6 بكسل دائره مع 2 pt السكتة Stroke سميكه (#FFEBD9) ، تليها 14 × 14 بكسل واحد (#FFEBD9) واخر أكبر قليلا 22 × 22 بكسل واحد (#FFEBD9). ثم حدد وتجميع كل ثلاثه منهم معا باستخدام اختصار لوحه المفاتيح Control-G.

creating the main shapes for the inner section of the smaller decorative circle

الخطوة 17

قناع الدوائر أعلى يسار أرباع استخدام ساحة مقصف 12 × 12، مع التأكد من إضافة تلك الجهة السفلي-اليمنى باستخدام نسخة (Control-C > Control-V) من قناع الناتجة، والتي سوف نعدل بالتقليب أفقياً وعمودياً (right click > Transform > Flip Horizontal & Flip Vertical) وثم وضعه كما هو موضح في الصورة المرجعية.

masking the quarters of the smaller inner section

الخطوة 18

أضافه خطوط التفاصيل الافقيه باستخدام مجموعتين من 3 12x12 بكسل السكتات الدماغية (#FFEBD9) مع 2 pt العرض ، مكدسه عموديا 2 بكسل من بعضها البعض ، والتي سوف تتداخل مع الأرباع العلوي والسفلي ، والتاكد من ان قناع لهم بعد ذلك باستخدام 24 × 24 px دائره وبمجرد الانتهاء من ذلك، تحديد وتجميع كافة الأشكال يؤلف المقطع الحالي باستخدام اختصار لوحة المفاتيح Control-G.

adding the horizontal detail lines to the smaller inner section

الخطوة 19

Create four groups of four concentric circles with a 2 pt thick Stroke (#FFEBD9): one 30 x 30 px, followed by a 38 x 38 px one, a 46 x 46 px one and a larger 54 x 54 px one. ثم وضعها حول المقطع السابق ، كما راينا في الصورة المرجعية.

adding the circle groups to the smaller inner section

الخطوة 20

يستغرق بضع لحظات، وقناع الأشكال التي قمنا بإنشائها فقط استخدام دائرة مقصف 60 × 60، عن طريق سحبها ببساطة على الشكل أكبر من داخل لوحة الطبقات.

masking the circle groups of the smaller inner section

خطوة 21

إضافة الحلقات الخارجي باستخدام مجموعة من ثلاث دوائر متحدة المركز مع بط 2 "السكتة الدماغية" سميكة (#FFEBD9): واحدة صغيرة 66 × 66 مقصف واحد، يليه 74 x 74 مقصف واحد وأكبر قليلاً من 82 × 82 مقصف واحد. ثم محاذاة مركز لها بالأشكال التي نحن لقد ملثمين فقط.

adding the middle rings to the smaller inner section

خطوة 22

إنشاء خطوط أفقية من التفصيل باستخدام مجموعتين من أربعة 104 px مقصف pt 2 واسعة strokes سميكة (#FFEBD9) عمودياً مكدسة 2 px من الآخر، تليها تلك الرأسية باستخدام مجموعتين من 104 مقصف 2 pt طويل القامة strokes سميكة (#FFEBD9) أفقياً متباعدة 2 px من أحد آخر، ونحن سوف وضع بحيث تتراكب المسارات الدوائر ملثمين.

adding the horizontal and vertical lines to the smaller inner section

الخطوة 23

قناع الأشكال الناتجة باستخدام دائرة px 96 × 96، التي سوف نعدل عن طريق خفض أصل px 88 x 88 أصغر شكل مقصف واحد باستخدام Subtract العملية.

masking the horizontal and vertical detail lines

الخطوة 24

إضافة الحلقات الخارجي باستخدام ثلاث دوائر متحدة المركز مع "pt 2 "Stroke سميكة (#FFEBD9): واحد 96 × 96 px واحد، يليه آخر 104x104 px واحد وأكبر قليلاً من 112x112 px واحد. ثم ضع عليها كما هو موضح في الصورة المرجعية. بمجرد الانتهاء من ذلك، تأكد من تحديد وتجميع جميع الأقسام يؤلف دائرة زخرفية باستخدام اختصار لوحة المفاتيح Control-G.

adding the outer rings to the smaller inner section

خطوة 25

الإجهاز على الجزء المتعلق بنمط بإضافة ثلاث نسخ (Control-C > Control-V ثلاث مرات) الأشكال التي نحن لقد جمعت فقط، الذي نحن سيتم وضع في وسط الصفحة تبقى الحواف.

adding the remaining smaller decorative circles

الخطوة 26

الآن أن علينا الانتهاء من تجميع جميع أقسام مختلفة لدينا نمط قليلاً، نحن جميعا نرغب في تحديد وتجميع (Control-G) معا، مع التأكد من أن يحجب عنها بعد ذلك باستخدام ساحة px 514 x 514.

masking the repeating pattern segment

3-كيفية إنشاء نمط استخدام أسلوب النسخ واللصق

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

الخطوة 1

أنت تريد أن تبدأ بإنشاء "New Document" بعنوان File > New (أو باستخدام اختصار لوحة المفاتيح Control-N) وقم بإدخال قيم Width و Height المطلوب (ذهبت مع px 1600 × 1600 مربعة).

setting up a larger document

الخطوة 2

إنشاء نسخة (Control-C) من الجزء النمط الذي نحن لقد ملثمين فقط، ومن ثم لصقه (Control-V) داخل المستند الجديد، الذي يجب أن بشكل افتراضي محاذاته إلى الزاوية اليسرى العليا للصفحة.

pasting the pattern segment onto the larger document

الخطوة 3

وبعد ذلك، نحن ذاهبون إلى ملء الصفحة مع بضع نسخ الأفقي والرأسي. عادة، وأود أن استخدام الأسلوب انقر واسحب حيث تقوم بإنشاء النسخة بتحديد الشكل الذي تريد تكرار ثم الضغط باستمرار على المفتاح Alt (لإنشاء النسخة) والمفتاح Shift أثناء السحب باستخدام الماوس (لكي اسحب خط مستقيم).

والمشكلة هي أنه عند القيام بذلك، البرنامج لن بشكل صحيح المفاجئة النسخة إلى حواف الجزء الأصلي، وما نريد القيام به. لحل هذه المشكلة، عليك إنشاء نسخة باستخدام عنصر Control-C > Control-V اختصارات لوحة المفاتيح، ومن ثم حدد واسحبه حتى يستقر في مكانة.

أيضا، لا تقلق بشأن النمط الذي يجري في كل المكان، نظراً لأننا سنقوم بإصلاح ذلك في الخطوة التالية.

populating the larger document using the copy and paste method

الخطوة 4

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

center aligning the copy and paste pattern

الخطوة 5

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

الأسلوب التالي يتغلب على هذه المشكلة باستخدام حل بسيط، كما سنرى في اللحظات التالية.

adjusting the color of a composing shape of the copy and paste pattern

4-كيفية إنشاء نمط استخدام أسلوب الرموز

إذا كنت تخطط لتعديل النمط في وقت لاحق، ينبغي أن تثبت هذه الطريقة الثانية أن يكون خياراً أفضل حيث أنه يسمح لك بالقيام بذلك بطريقة بسيطة للغاية.

الخطوة 1

تبدأ بإنشاء مستند px 1600 x 1600، على أننا سوف لصق (Control-V) نسخة من الجزء المتعلق بنمط مكرر.

pasting the repeating pattern onto the larger artboard for the symbols method

الخطوة 2

بدلاً من البدء فورا ملء الصفحة التي تحتوي على نسخ الجزء المتعلق بنمط كما فعلنا قبل لحظات قليلة، نحن ذاهبون لتحويلها إلى رمز التي سوف تسمح لنا بالقيام بأي تعديل المطلوب على المستوى عالمي. للقيام بهذا، عليك أولاً تمكين لوحة symbols، بعنوان View > Studio حيث سوف تحتاج إلى انقر فوق symbols.

الآن بعد أن الفريق مرئياً، سوف تحتاج إلى تحديد الجزء المتعلق بنمط وثم ببساطة انقر فوق Create، التي ينبغي أن تتحول إلى رمز. وسترد هذه في layer الطبقات.

example of turning a pattern segment into a symbol

الخطوة 3

مجرد أننا لقد تحولت لدينا الجزء نمط رمزاً، نحن يمكن أن تأخذ من الوقت لملء الصفحة باستخدام اثنين من نسخ الأفقي والرأسي (Control-C > Control-V) كما فعلنا مع الأسلوب السابق، مع التأكد من المجموعة (Control-G) وثم مركز محاذاة نمط الناتجة باستخدام ترتيب الفريق Align Horizontal وVertically الخيارات.

center aligning the pattern for the symbols method

الخطوة 4

إذا كنت بحاجة إلى إجراء تعديلات على نمط الناتجة من أي وقت مضى، يمكنك بسهولة القيام بذلك عن طريق تعديل أحد أجزائه المكونة، والبرنامج سيتم الاضطلاع بها عبر كل منها الأخرى.

adjusting the color of a composing shape for the symbols method

5-كيفية إنشاء نمط استخدام أسلوب السلطة مكررة

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

الخطوة 1

كما فعلنا مع جميع الأساليب السابقة، تبدأ بإنشاء مستند 1600 × 1600 px وثم لصق (Control-v) نسخة من الجزء المكرر على ذلك.

pasting the repeating pattern for the power duplicate method

الخطوة 2

تتحول بسرعة الجزء المتعلق بنمط إلى رمزاً، حيث أنه يمكنك إجراء تعديلات في وقت لاحق، عندما وإذا كنت بحاجة إلى.

turning a pattern segment into a symbol for the power duplicate method

الخطوة 3

مع الجزء النمط المحدد استخدام اختصار لوحة المفاتيح Control-J لإنشاء نسخة duplicate، ونحن سوف ثم ضع على الجانب الأيمن للنص الأصلي، بالنقر والسحب أثناء الضغط باستمرار مفتاح Alt والضغط على المفتاحين Shift.

creating the first pattern segment copy using the duplicate function

الخطوة 4

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

creating the first row of copies using the power duplicate method

الخطوة 5

وبمجرد الانتهاء من الصف الأول، إنشاء تكرار بعد ذلك باستخدام اختصار لوحة المفاتيح Control-J، ثم اسحب وموضع النسخ أسفل الصف الأصلي، ملء الصفحة بالضغط على اختصار ي Control-J مرتين.

ثم، ببساطة مجموعة (Control-G) ومركز محاذاة النمط الناتج إلى الصفحة الأساسية.

center aligning the pattern for the power duplicate method

عمل عظيم!

كما هو الحال دائماً، وآمل كان لديك متعة العاملين في المشروع وتمكنت من تعلم أشياء جديدة ومفيدة على طول الطريق.

ومع ذلك، إذا كان لديك أي أسئلة، لا تتردد في وظيفة لهم داخل قسم التعليقات، وسأعود إليكم بأسرع ما يمكن!

finished pattern segment preview

هل تريد توسيع مهارات المصمم الخاص تقارب؟!

هل أنت بدأت للتو باستخدام "مصمم تقارب"، ولكن لم نصل تماما تعليق منه؟ حسنا، إذا كان هذا هو الحال، لليوم أيامك نظراً لأننا اختارهم عدد قليل من الدروس التي ينبغي أن تحصل على وتشغيلها في أي وقت من الأوقات!

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.