1. Design & Illustration
  2. Graphic Design
  3. Icon Design

كيفية قياس أيقونات بشكل صحيح في Adobe Illustrator 

Scroll to top
Read Time: 16 min

() translation by (you can also view the original English article)

The Scale ToolThe Scale ToolThe Scale Tool

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

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

الآن ، قبل أن ندخل في العملية الفعلية ، سأستغرق بضع لحظات ، وأتحدث عن بعض الأفكار المتعلقة بالرموز التي يجب أخذها في الاعتبار عندما يتعلق الأمر بتغيير حجم أيقوناتنا الثمينة .

سواء كنت تقوم بتطوير أيقوناتك الخاصة أو أيقوناتك المشتراة من Envato Market ، يجب أن تكون العملية سهلة الفهم والاستخدام بعد قراءة هذا البرنامج التعليمي السريع.

1. ابدأ باختيار حجم قاعدة للون الخاص بك

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

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

ومع ذلك ، هناك بعض الأشياء التي يجب عليك القيام بها من أجل الحصول على حجم القاعدة الصحيح  .

1.1. فكر للامام   

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

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

deciding on the needed size variationsdeciding on the needed size variationsdeciding on the needed size variations

1.2. انتقل  قليلا

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

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

2.  الانتباه إلى قيم رقم الرمز الخاص بك

تُعد قيم العرض والارتفاع لرموزك مهمة حقًا نظرًا لأنها متصلة بشكل مباشر بالطريقة التي تتصرف بها رموزك بمجرد بدء تغيير حجمها   . هناك بعض الأشياء التي يجب أن تأخذها في الاعتبار عند بدء عملية البناء الفعلية  .

2.1. استخدم دائمًا قيم الجولة   المستديرة

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

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

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

لنفترض أن لدينا شبكة قاعدة 32 x 32 بكسل ، والتي أنشأنا مستطيلًا 29.49 × 29.45 بكسل (مظلل باللون الأحمر) بسحبها ببساطة باستخدام أداة المستطيل ، التي ستكون الجزء الأول من رمز نظري. كما قد يكون البعض منكم قد خمّن بالفعل ، فإن الشكل نفسه لا يشغل البيكسلات بالكامل من الشبكة الأساسية ، مما يعني أنه إذا قمنا بتغيير حجمه ، فإن الأمور سوف تسير  .

example of incorrect use of width and height valuesexample of incorrect use of width and height valuesexample of incorrect use of width and height values

لا تصدقني؟ حسنًا ، لنقم بتحديد الشكل وتغيير حجمه باستخدام أداة Scale عن طريق مضاعفة سطحه باستخدام قيمة زيادة بنسبة 200٪.

example of incorrect use of width and height values enlargedexample of incorrect use of width and height values enlargedexample of incorrect use of width and height values enlarged

كما ترى ، يحتوي الشكل الناتج الآن على عرض 58.98 × 58.9 بكسل مما يعني أن على Illustrator تطبيق تأثير الحواف من أجل إضافة قنوات ألفا إلى وحدات البكسل التي لا يتم احتلالها بالكامل بواسطة سطح المستطيل ، النهاية سوف تأخذ بعيدا عن حدة الشكل.

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

الحل بسيط للغاية: يجب عليك فقط اختيار الشكل ثم إجباره على الانطباق بشكل صحيح على شبكة البيكسل من خلال تمكين خيار Align to Pixel Grid الموجود أسفل لوحة Transform

fixing the incorrect width and height values of a shapefixing the incorrect width and height values of a shapefixing the incorrect width and height values of a shape

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

2.2. استخدم حتى أرقام كما في كثير من الأحيان ما تستطيع  

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

من خلال القيام بذلك ، سوف تتأكد دائمًا من أن رموزك "صحيحة تشريحياً" ، نظرًا لأن عملك الفني سوف يتغير بشكل صحيح دون التعرض لأي تشوهات   .

example of icon built using as many odd number values as possibleexample of icon built using as many odd number values as possibleexample of icon built using as many odd number values as possible

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

example of icon built using as many odd number values as possible cut in halfexample of icon built using as many odd number values as possible cut in halfexample of icon built using as many odd number values as possible cut in half

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

3  . عملية تغيير الحجم الفعلية  

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

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

3.1. كيف لا لتغيير حجم  الأيقونات الخاصة بك باستخدام طريقة تحديد واسحب

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

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

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

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

example of icon built using a 48x48 px base gridexample of icon built using a 48x48 px base gridexample of icon built using a 48x48 px base grid

 الآن ، لنقم بتشغيل وضع معاينة Pixel (View> Pixel Preview أو Alt-Control-Y) ودعنا نختار الزاوية السفلية اليمنى من مربع الرمز الخاص بالآي ، واسحبه مائلًا إلى الخارج بمقدار 2 بكسل.

example of icon resized using the drag methodexample of icon resized using the drag methodexample of icon resized using the drag method

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

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

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

example of icon resized using drag method without pixel preview mode onexample of icon resized using drag method without pixel preview mode onexample of icon resized using drag method without pixel preview mode on

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

3.2. كيفية قياس رمز باستخدام الأسلوب أداة المقياس بشكل صحيح

 لذلك تغيير حجم الرموز الخاصة بك التي تريد ، Jedi الشباب.  بعد الانتهاء من قراءة هذا القسم الصغير ، ستكون رائدًا في ذلك.

فهم الأداة

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

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

 إذا لم تستخدم هذه الأداة مطلقًا من قبل ، فلا داعي للقلق عندما يتعلق الأمر باستخدام أداة القياس ، فالأشياء بسيطة جدًا.

 يجب أولاً تحديد الكائن أو مجموعة الكائنات التي نريد تغيير حجمها ، ثم النقر بزر الماوس الأيمن وانتقل إلى Transform> Scale.

locating the scale toollocating the scale toollocating the scale tool

 سوف يضع Illustrator نافذة صغيرة مع مجموعة من الخيارات.

default scale tool optionsdefault scale tool optionsdefault scale tool options

 كما ترون من المثال أعلاه ، يتم استقبالنا بطريقتين مختلفتين للتحجيم. .

أولهما هو الزي الموحد ، كما يوحي الاسم ، سيحدد أشكالك سواء أفقيًا أو رأسيًا ، مما يعني أنه سيضيف بكسل لكل من العرض والارتفاع من اختيارك.

 والثاني هو Non-Uniform ، والذي يتيح لك قياس عرض الكائن وارتفاعه بشكل فردي باستخدام قيم مختلفة ، أو حتى قياس واحد فقط من الاثنين.  الآن ، لن أستخدم هذا الخيار المعين عند تغيير حجم الرمز ، ولكن قد يكون مفيدًا في المواقف عندما تريد ضبط العرض أو ارتفاع الكائن بسرعة باستخدام نسب بسيطة.

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

 اختيار قيم النسبة الصحيحة

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

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

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

.3 كما تعلمون جميعًا ، 100٪ هو 100 مقسومًا على 100 والذي يعطينا 1. يستخدم Illustrator هذه القيمة ويضاعفها مع قيم Width و Height لكل شكل محدد.  الآن ، إذا قمت بضرب رقم 1 بأي شيء (ولكن 0) ، فإنك لا تزال تحصل على نفس الرقم ، فهذا ليس أفضل مثال.

 ولكن إذا ألقيت نظرة على قيمة مثل 200٪ أي 200 مقسومة على 100 ، نحصل على مضاعف 2x ، والذي سيضاعف عدد البكسل لأي كائن محدد.

 من ناحية أخرى ، إذا قمنا بتغيير حجم أيقونة باستخدام قيمة 50٪ ، وهي 50 مقسومة على 100 ، لذا فإن مضاعف 0.5x سيؤدي إلى قطع أبعاد الكائن المحدد إلى النصف.

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

 إذا كان لدينا رمز تم إنشاؤه باستخدام أرقام زوجية فقط ، فيمكنك تطبيق أي نسب مئوية طالما كانت الزيادات 100٪ من القيمة الافتراضية 100٪.  لذلك مضاعفات مثل 200 ٪ ، 300 ٪ ، 400 ٪ ¸ 500 ٪ ، 600 ٪ ... تحصل على هذه النقطة. وذلك لأن الأرقام الزوجية (2 ، 4 ، 6 ، 8) تعمل دائمًا على تحويل هذه الخطوات المضاعفة إلى قيم زوجية (2 × 2 = 4 ، 2 × 3 = 6 ، 2 × 4 = 8 ، 2 × 5 = 10 ، 2 × 6 = 12 ، وما إلى ذلك).

 يمكنك أيضًا استخدام مضاعفات مثل 150٪ ، و 250٪ ¸ 350٪ ، و 450٪ ، وما إلى ذلك ، ولكن يجب أن تحد من استخدامها لمرة واحدة فقط ، وإلا فإن هذه القيم ستحول رقم زوجي إلى واحد غريب.

 لفهم السبب ، لنفترض أن لدينا مربعًا بحجم 20 × 20 بكسل.

20x20 px square example20x20 px square example20x20 px square example

 نريد توسيع نطاقه باستخدام مُضاعف 150٪.

إذا استخدمناها مرة ، فسوف نحصل على شكل 30 × 30 بيكسل.

20x20 px square resized using 15020x20 px square resized using 15020x20 px square resized using 150

 استخدمها مرتين ثم ستنتهي بـ 45 × 45 بكسل.

20x20 px shape resized twice using 15020x20 px shape resized twice using 15020x20 px shape resized twice using 150

 إذا أردنا استخدام مضاعف 300٪ بدلاً من ذلك ، فسيكون الشكل الناتج 60 × 60 بكسل.

 إذا كنت تتساءل عن السبب ، فذلك لأن 20 × 1.5 = 30 التي تتضاعف مرة أخرى مع 150٪ (1.5) هي 45. . بينما 150٪ + 150٪ = 300٪ ¸ نتائج استخدام نفس المضاعف مرتين مقارنة بالقيمة المضافة الخاصة بها مختلفة تمامًا ، حيث 20 × 3 = 60.

20x20px shape resized using 30020x20px shape resized using 30020x20px shape resized using 300

هناك أمر آخر يجب أخذه في الاعتبار هو أن بعض الأرقام الزوجية تتحول إلى أرقام فردية حتى إذا قمت بتطبيق المضاعف مرة واحدة فقط ، على سبيل المثال. 2 × 1.5 = 3 ؛ 6 × 1.5 = 9 ؛ 2 × 2.5 = 5 ؛ 6 × 2.5 = 15 ؛ في حين أن 4 × 1.5 = 6 ؛ 8 × 1.5 = 12 ؛ 4 × 2.5 = 10 ؛ 8 × 2.5 = 20 ؛ إلخ

اعتمادًا على مدى تعقيد رموزك ، قد ترغب في تجربة هذا النوع من المضاعفات ، ولكن يجب عليك دائمًا التحقق من ما إذا كانت الأشياء تتغير كما تريدها.

الآن ، عندما يتعلق الأمر بالرموز التي تحتوي على قيمتي العرض والارتفاع الزوجية والفردة ، يجب عليك دائمًا استخدام زيادات بمقدار 200٪ ، وبالتالي فإن القيم مثل 200٪ و 400٪ و 600٪ و 800٪ وما إلى ذلك ، نظرًا لأن هذه الطريقة سيتم تغيير حجم الرموز تمامًا كما تريدها.

لا تستخدم مُضاعِف 50٪ مطلقًا ، نظرًا لأن ذلك سيؤدي إلى كسر أي رمز مثالي للبكسل ، لأن قطع الأرقام الفردية إلى النصف سيؤدي إلى قيم عشرية ، والتي ستنطلق من شبكة البيكسل.

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

العملية 

لذلك لدينا نفس الأيقونة التي استخدمناها كمثال منذ بضع دقائق ، والتي كما تعلمون لديها قيم فردية أو زوجية في جميع أشكال التأليف . وهذا يعني أنه يمكننا استخدام زيادات بمقدار 200٪ فقط عند اتخاذ قرار بشأن القيمة المضاعفة ، ولكن هذا جيد تمامًا لأننا في هذا المثال ، سنضاعف حجم أصولنا من 48 × 48 بكسل إلى 96 × 96 بكسل.

للقيام بذلك ، سأقوم ببساطة بتحديد الرمز الخاص بي ، ثم انقر بزر الماوس الأيمن وانتقل إلى Transform> Scale. في غضون ثوانٍ ، استقبلت النافذة المنبثقة لأداة Scale الصغيرة حيث اخترت استخدام Uniform وأدخل 200 في حقل القيمة ، والذي تم تعيينه افتراضيًا على 100٪.

example of resizing the window icon using a 200example of resizing the window icon using a 200example of resizing the window icon using a 200

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

إنها بهذه السهولة .

نصيحة سريعة: على الرغم من أن Illustrator عادةً ما يتم تحديد خيارات Scale Rectangle Corners و Scale Strokes & Effects ، فيجب عليك دائمًا مضاعفة التحقق منها للتأكد من أن الأمور تسير على ما يرام.

viewing the resized icon inside of the pixel preview modeviewing the resized icon inside of the pixel preview modeviewing the resized icon inside of the pixel preview mode

3.3. حدود استخدام طريقة أداة القياس

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

ولكن ، هناك قيود طفيفة عندما يتعلق الأمر بإنشاء اختلافات الحجم التي يجب أن تكون على دراية بها ، خاصةً إذا كنت تريد إنشاء رموز بزيادات صغيرة الحجم (مثل 16 × 16 بكسل ؛ 24 × 24 بكسل ؛ 32 × 32 بكسل ؛ 48 × 48 بكسل ؛ 64 × 64 بكسل ؛ 72 × 72 بكسل ؛ 96 × 96 بكسل ؛ 128 × 128 بكسل ؛ وما إلى ذلك).

الشيء هو ، من أجل الحصول على هذا التباين الصغير في حجم الحجم (على سبيل المثال 24 × 24 بكسل ؛ 48 × 48 بكسل ؛ 72 × 72 بكسل ؛ 96 × 96 بكسل) ، سيكون عليك استخدام مضاعف 150٪ (منذ 16 x 1.5 = 24؛ 32 x 1.5 = 48؛ 48 x 1.5 = 72؛ 64 x 1.5 = 96؛ إلخ) ، والتي قد تتسبب في حدوث مشكلات ، خاصة عندما يكون لديك قيم عدد فردية في جميع أشكال إنشاء الرمز.

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

من الطرق الجيدة للقيام بذلك هي إنشاء أول رمز زيادة حجم 150٪ (على سبيل المثال ، 24 × 24 بكسل) ، وتعديله عند الحاجة ، ثم استخدام 200٪ من الخطوات للحصول على الباقي عندما تستطيع (48 × 48 بيكسل) ؛ 96 × 96 بكسل).

اعتمادًا على احتياجات مشروعك ، قد تحتاج إلى التلاعب برموزك والبحث عن الحل المناسب لك ، ولكن ليس هذا ما يفعله المصمم في المقام الأول ، حل المشكلات؟

الاستنتاج

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

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription. Unlimited Downloads.
Get unlimited downloads