مستطيل ذو زوايا مستديرة. كيفية تقريب الزوايا في الصورة في برنامج فوتوشوب؟ كيفية عمل زوايا مستديرة في CSS


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

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

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

إذا قمنا بالنقر عليه، وبالتالي تعطيل هذا الخيار، فلن تكون قيم نصف القطر مرتبطة ببعضها البعض، ويمكنني الحصول على هذا، على سبيل المثال:

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

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

أدخل قيمة 200 بيكسل للعرض والارتفاع، وأغير وحدات عرض الحد إلى بيكسلات وأدخل القيمة 5. ثم أدخل قيمة نصف قطر الزوايا الثلاث التي تساوي الصفر، وأضبط قيمة الباقي الزاوية يدويًا باستخدام شريط التمرير (الصيغة المعتادة لحساب طول القوس L = πRα/360°لن يعمل هنا بسبب خصوصيات إنشاء منحنيات بيزيير). نتيجة:

لذلك، حصلت على قطاع دائرة من مستطيل:

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

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

هذا هو نمط SCC لهذا الشكل الذي أعطاني إياه Photoshop:

1 2 3 4 5 6 7 8 9 10 11 12 . مستطيل_1 (عرض الحد: 5 بكسل؛ لون الحد: rgb( 0 , 0 , 255 ) ؛ نمط الحدود: صلب؛ لون الخلفية: rgb( 255 , 0 , 0 ) ؛ الموضع: مطلق؛ اليسار: 15 بكسل؛ الأعلى: 25 بكسل؛ العرض: 190 بكسل؛ مؤشر z: 2)؛

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

لذلك، أوصي بتأجيل تصدير Photoshop CSS الأصلي في الوقت الحالي، ومن الأفضل استخدام مكون إضافي مجاني CSS3Ps، يتم وصف تثبيت هذا البرنامج المساعد واستخدامه بالتفصيل، ومن الأفضل أن تقوم بنحت الأنماط بنفسك.

كيفية إعادة فتح نافذة خصائص الشكل إذا قمت بإغلاقها عن طريق الخطأ

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

المجموعة 1 (تظهر نافذة خصائص الأداة عند النقر فوق منطقة الإجراء، أي حيث يجب أن يبدأ البناء).

1. المستطيل.

رسم مستطيل عن طريق سحب المؤشر.

لرسم مربع أو دائرة، اضغط مع الاستمرار على مفتاح Shift واسحب المؤشر قطريًا حتى تحصل على مربع بالحجم المطلوب.

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

2. مستطيل ذو زوايا مستديرة (مستطيل مدور).

يتم تحديد نصف قطر الزاوية من خلال تقريب زوايا المستطيل.

يتم تعيين نصف قطر التقريب الافتراضي في نافذة الإعدادات: تحرير>التفضيلات>عام. مجال نصف قطر الزاوية.

قم بتغيير نصف قطر الشرائح بشكل تفاعلي (عند العمل باستخدام أداة Rounded Rectangle):

    في نافذة المستطيل المستدير (التي تظهر عند النقر في منطقة العمل)؛

    عند سحب الأداة، اضغط على مفتاحي "سهم لأعلى" أو "سهم لأسفل" (زيادة أو تقليل نصف قطر التقريب)، و"السهم الأيسر" (الحصول على زوايا قائمة)، و"السهم الأيمن" (الحصول على الزوايا ذات الحد الأقصى للتقريب).

3.القطع الناقص.

يرسم شكلًا بيضاويًا عن طريق سحب المؤشر.

4.المضلع.

يرسم مضلعًا عن طريق سحب المؤشر قطريًا أو على شكل قوس، مع تدوير الشكل.

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

لإضافة جوانب مضلع أو إزالتها، اضغط على مفتاحي السهم لأعلى والسهم لأسفل.

6. نجمة (نجمة) .

انظر المضلع.

خصائص النجم: نصف القطر 1 – المسافة من مركز النجم إلى النقاط الأقرب إليه؛ نصف القطر 2 – المسافة من مركز النجم إلى أبعد النقاط عنه؛ النقاط – عدد نقاط النجمة.

المجموعة 2 (تظهر نافذة خصائص الأداة عند النقر فوق منطقة الإجراء، أي المكان الذي يجب أن يبدأ فيه الإنشاء، أو عند النقر المزدوج فوق الأداة)

1. القطعة المستقيمة (خطشريحة) .

في نافذة خيارات أداة مقطع الخط، يتم تحديد المعلمات التالية: طول الخط، وزاوية الميل، وخط التعبئة.

2. قوس (قوس) .

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

خصائص القوس:

    طول X- محور(طول المحور السيني) –سمك القوس.

    طول ي- محور(طول المحور ص) –ارتفاع القوس.

    يكتب(يكتب) -نوع محيط الكائن: مفتوح أو مغلق.

    قاعدة على امتداد(على امتداد) -اتجاه القوس على طول المحاور (X أو Y).

    ميل(يميل).اتجاه ميل القوس: قوس مقعر – قيمة سلبية؛ قوس منحني – قيمة إيجابية؛ خط مستقيم - القيمة صفر.

    يملأ قوس(لون القوس بلون التعبئة).

3. دوامة (حلزوني) .

في النافذة "الحلزونية"، تتم الإشارة إلى خصائص اللولب:

    نصف القطر(نصف القطر)- المسافة من المركز إلى أبعد نقطة في اللولب.

    فساد(ارتفاع)- المقدار الذي ستنخفض به كل دورة من اللولب مقارنة بالدورة السابقة.

    شرائح(عدد القطاعات)- عدد الأجزاء في اللولب؛ تتكون كل دورة كاملة للدوامة من أربعة أجزاء.

    قديمة(أسلوب)- اتجاه الحلزوني .

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

تقريب الزوايا في برنامج فوتوشوب

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

  1. افتح الصورة في Photoshop التي ستقوم بتحريرها.

  2. ثم قم بإنشاء نسخة من طبقة الشلال تسمى "خلفية". لتوفير الوقت، استخدم مفاتيح التشغيل السريع CTRL+J. يتم إنشاء النسخة من أجل ترك الصورة الأصلية سليمة. إذا حدث خطأ ما (فجأة)، يمكنك حذف الطبقات الفاشلة والبدء من جديد.

  3. تفضل. وبعد ذلك نحتاج إلى أداة "مستطيل ذو زوايا مستديرة".

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

  4. بعد ذلك، ارسم مستطيلًا بأي حجم على القماش (سنقوم بقياسه لاحقًا).

  5. أنت الآن بحاجة إلى تمديد الشكل الناتج عبر اللوحة القماشية بأكملها. استدعاء الدالة "التحويل الحر"مفاتيح الاختصار CTRL+T. سيظهر إطار على الشكل، يمكنك استخدامه لتحريك الكائن وتدويره وتغيير حجمه.

  6. نحن مهتمون بالتحجيم. قم بتمديد الشكل باستخدام العلامات الموضحة في لقطة الشاشة. بعد اكتمال القياس، انقر فوق يدخل.

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

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

  8. كما ترون، تم تشكيل التحديد حول الشكل. انتقل الآن إلى طبقة النسخ، وقم بإزالة الرؤية من الطبقة ذات الشكل (انظر لقطة الشاشة).

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

سوف تحتاج

  • صورة فوتوغرافية أو صورة أخرى بتنسيق رقمي؛
  • جهاز كمبيوتر مثبت عليه برنامج Corel Draw المرخص.

تعليمات

دعونا نفكر في طريقة تحتاج فيها إلى تقريب زاوية واحدة أو أكثر من زاوية مستطيلة بطرق مختلفة.
افتح واحدة جديدة في Corel Draw باستخدام CTRL+N، أو حدد وظيفة "إنشاء" في القائمة المنسدلة من القائمة "ملف". بعد ذلك، من نفس القائمة، حدد عملية "استيراد" أو اتصل بها باستخدام مجموعة المفاتيح CTRL + I. بعد ذلك، حدد المسار إلى ملف الصورة في مربع الحوار وانقر فوق الزر "استيراد". سوف تظهر لك على هذه الورقة.

في شريط الأدوات، ابحث عن إصدار "Node Editor" وحدد أداة "Shape". يمكن أيضًا استدعاء هذه الأداة بالضغط على المفتاح F10.

على يمين الزاوية، تحتاج إلى التقريب، وانقر بزر الماوس الأيسر على حدود الصورة. ستظهر عقدة جديدة في الصورة، بالإضافة إلى العقد الأربعة. بعد ذلك، حدد خيار Convert Line To Curve في لوحة Node Editor. ستظهر العلامات المستديرة على يسار العقدة التي تم إنشاؤها حديثًا.

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

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

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

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

المذكرة

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

يتم رسم الخطوط العريضة للمستطيل بنفس فرشاة الخطوط وبنفس الخصائص. افتراضيًا، يتم تعيين الفرشاة على لا شيء (الحد: لا شيء) ولا يتم رسم مخطط تفصيلي. بعض الأمثلة:

النتيجة "مباشرة" أو أنظر إلى الصورة:

المذكرة

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

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

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

لرسم مستطيل بزوايا مستديرة، تحتاج إلى تحديد نصف قطر الزاوية على طول المحورين x (rx) وy (ry). الحد الأقصى لعدد rx هو نصف عرض المستطيل. الحد الأقصى لقيمة الري هو نصف الارتفاع. إذا قمت بتحديد واحد فقط من rx أو ry، فسيكون غير المحدد مساويًا للواحد المحدد.