أيقونة الصفحة الرئيسية
لرؤية الأشكال التي نرسمها بوضوح، سأستخدم تعبئة سوداء. لذلك باستخدام الأداة أداة القلم(ك) ارسم قاعدة أيقونة الصفحة الرئيسية.
التالي لإعطاء اللون المطلوبوينتقل المخطط التفصيلي إلى القائمة Layer > Layer Style > eae6c9للون com.cbcfba
ومن ثم، لكي يصبح الشكل متباينًا في المستقبل، سنخصص مخططًا تفصيليًا لهذا الشكل. للقيام بذلك، انتقل إلى القائمة Layer > Layer Style > Stroke... وارسم خطًا بسمك 1 بكسل وبلون 868686
وهذا ما يجب أن نحصل عليه
الآن باستخدام نفس أداة القلم (K) نرسم قاعدة السقف
الآن دعنا نمنحه اللون المطلوب - انتقل إلى القائمة Layer > Layer Style > Gradient Overlay... وقم بعمل تعبئة متدرجة من اللون b06a00للون 8c4d00.
نحصل على هذه النتيجة
حسنًا، لدينا بالفعل بعض الخطوط العريضة، والآن سنكمل شكلنا بالتفاصيل - باستخدام أداة المستطيل (U) نرسم أنبوبًا
قم بتعيين تعبئة متدرجة بناءً على اللون للأنبوب eae6c9للون com.cbcfba، هذه المرة فقط نقوم بتوجيه التدرج أفقيًا
كما كان من قبل، أضف مخططًا بسماكة 1 بكسل مع اللون 868686
نحن نحصل...
الآن نخفي الأنبوب في الخلفية، وباستخدام أداة المستطيل (U) نرسم عنصر سقف آخر
تعيين التدرج على أساس اللون CE9128للون b06a00…
... وأضف مخططًا بسمك 1 بكسل وبلون a86600
دعنا نرى...
نقوم بإخفاء العنصر النهائي بنفس طريقة إخفاء الأنبوب في الخلفية، ومرة أخرى باستخدام أداة المستطيل (U) نرسم الباب
ونقوم بتنفيذ العملية المألوفة بالفعل باستخدام التدرج اللوني b06a00للون cd9128
...ولا تنسى الخط...السمك 1 بيكسل، اللون a75700
دعونا نرى النتيجة...
اتضح أنه منزل جميل جدًا، لكننا سنستمر في ملء الأيقونة الخاصة بنا بالتفاصيل - اضغط على أداة المستطيل (U) وارسم نافذة علية
حسنًا، ومرة أخرى، التدرج من اللون 2e8ce0للون 7cc6fd
اضبط المخطط التفصيلي ليكون بسمك 1 بكسل واللون 4381ج8
ونقيم النتيجة...
منزلنا جاهز تقريبًا، لكنه يبدو مسطحًا جدًا - سنضيف حجمًا بمساعدة الإضاءة.
نخلق طبقة جديدةوباستخدام أداة القلم الرصاص (B) ارسم خطين
انتقل إلى القائمة طبقة > نمط الطبقة > تراكب متدرج... وقم بإجراء تعبئة متدرجة من اللون 000000
للون ffffff. انتبه إلى معلمة Blend Mode - لقد قمت بتعيين القيمة شاشة
يجب أن تحصل على النتيجة التالية
من أجل تحقيق التأثير الذي نحتاجه، نحتاج إلى تطبيق المعالجات التالية على الطبقة:
ونتيجة لذلك، نحصل على هذا التأثير
الآن دعونا ننشئ تسليط الضوء تحت السقف. قم بإنشاء طبقة جديدة، وباستخدام نفس أداة القلم الرصاص (B) ارسم ما يلي
نظرًا لأن التدرج الذي لدينا على هذا الكائن سيكون تمامًا كما هو الحال في التدرج السابق، فمن المنطقي توفير الوقت ونسخ النمط من الطبقة التي أنشأناها من قبل. لنسخ النمط، انقر فوق انقر على اليمينضع الماوس على الطبقة ذات الإبرازات الأولى وحدد نسخ نمط الطبقة من القائمة المنسدلة. الآن انقر بزر الماوس الأيمن على الطبقة ذات التمييز أسفل السقف، وحدد "لصق نمط الطبقة" من القائمة. وهكذا، قمنا بنسخ النمط بتدرج أبيض وأسود - كل ما تبقى هو معالجة الطبقة نفسها
وستكون النتيجة على النحو التالي
نواصل إضافة النقاط البارزة. أود أن أشير إلى أن كل تسليط الضوء يجب أن يكون قيد التشغيل طبقة منفصلةسيكون من الأسهل التعامل مع الأنماط... ارسم أربعة أجزاء بارزة أخرى - كل منها في طبقة منفصلة
أقترح توفير الوقت عن طريق نسخ النمط من الطبقة التي قمنا بإبرازها لأول مرة. بعد ذلك، قم بتعيين النمط المنسوخ لكل طبقة من الطبقات الأربع الأخيرة. نقوم أيضًا بإجراء عمليات المعالجة المناسبة لكل طبقة.
ونتيجة لذلك، يجب أن نحصل على ما يلي
في هذه المرحلة، يبدو المنزل مكتملاً، لكنني سأظل أسمح لنفسي بوضع اللمسات الأخيرة، مع التركيز على الأساس. للقيام بذلك، استخدم أداة القلم الرصاص (B)، واختيار اللون f3f3ea، ارسم ما يلي
يكاد ينتهي. أدناه سنضيف سطرًا آخر باللون فقط b5b8a3.
كل ما تبقى هو إضافة الظل إلى منزلنا. للقيام بذلك، حدد كل الطبقات وقم بتجميعها في مجموعة واحدة - سيكون هذا مصدرنا. بعد ذلك، قم بعمل نسخة من المجموعة، وفي هذه النسخة نقوم بضغط جميع الطبقات في طبقة واحدة - انتقل إلى القائمة Layers > Merge Layers (Ctrl + E). ستكون هذه هي الطبقة التي سنطبق عليها الظل، وسنجعل مصدرنا غير مرئي
بعد ذلك، انتقل إلى القائمة Layer > Layer Style > Drop Shadow... وقم بتعيين ظل باستخدام المعلمات التالية
ونتيجة لذلك، نحصل على أيقونة جاهزة للاستخدام!
آمل أن يكون درسي مفيدًا لك.
درجة الماجستير "إنشاء الشعارات للفرق في PowerPoint2010"
مؤلفروستوفا ناتاليا سيرجيفنا، مدرس الفئة الأولى، MBDOU " روضة أطفالرقم 155"، نيجني نوفغورود.تقدم الخلق:
افتح PowerPoint 2010 وقم بإنشاء شريحة فارغة.
سيكون الشعار مستديرًا، لذلك على علامة التبويب إدراج، حدد الأشكال - البيضاوي.
يجب أن يكون النقش الموجود في الشعار موجودًا في دائرة، لذا حدد علامة التبويب إدراج التعليق. ثم انقر على الشكل وحدد علامة التبويب ادوات الرسم - تأثيرات النص- تحويل - مسار الحركة - قوس لأعلى.
لا يأخذ العديد من الأشخاص برامج تحرير الأيقونات عبر الإنترنت على محمل الجد، ولكن في الواقع، تعمل هذه الأدوات على تسهيل سير العمل بشكل كبير. بضع نقرات فقط يمكن أن توفر عليك ساعات من البحث أو التصفح أو تطوير نفسك. بالإضافة إلى ذلك، ليس هناك أي معنى في استخدام كاملة عندما تكون متاحة خدمات خاصةمع وظائف مخصصة لهذه المهام المحددة.
تعتبر مواقع محرر الأيقونات مثل هذه فعالة للغاية. أنها تسمح لك:
في هذه المقالة، اخترنا أفضل خمسة برامج تحرير أيقونات مجانية عبر الإنترنت، وللمقارنة، حاولنا إنشاء مجموعة في كل منها.
IconsFlow.com - أيقونات متجهة + محرر يسمح لك بإنشاء مجموعات مخصصة وتصديرها إليها جودة جيدة(SVG، ICO، PNG). الميزة الرئيسية للخدمة هي وجود محررين:
إذا قمت بالفعل بإنشاء أيقونات في Illustrator، فما عليك سوى تنزيل ملفات SVG وتجربتها خلفيات مختلفة. لدى IconsFlow قيود معينة عندما الاستخدام المجاني، لذا تأكد من التعرف عليها قبل البدء. هناك دروس وقسم مساعدة للمستخدمين المبتدئين، ومن الممكن أيضًا العمل في محرر الأيقونات باللغة الروسية.
عرض محرر ناقل IconsFlow:
أمثلة العمل:
باستخدام FlatIcons.net، يمكنك إنشاء أيقونة مسطحة خاصة بك (نمط مسطح) بناءً على قوالب جاهزة. اضبط الأبعاد، واختر النمط والخلفية الرئيسية (الدوائر، والخواتم، والمستطيلات)، وقم بتغيير اللون. محرر الأيقونات هذا مجاني، لكن له عيبان:
على الرغم من أن ذروة الشعبية قد مرت بالفعل، إلا أن الكثير من الناس يستخدمونها في تصميماتهم. على سبيل المثال، يسمح لك المطورون بالتنزيل مجموعة مجانيةأيقونات مسطحة اجتماعية نتيجة العمل في محرر FlatIcons:
مشروع Launcher Icon Generator مجاني ونعتقد أنه أكثر ملاءمة للمستخدمين المتقدمين. يتيح لك محرر الأيقونات عبر الإنترنت تحميل الصور/القصاصات الفنية وإضافة نص. يمكنك تنزيل أيقونة واحدة في كل مرة بخمسة أحجام (48 × 48؛ 72 × 72؛ 96 × 96؛ 144 × 144؛ 192 × 192).
يتم استخدام مجموعة من الرسومات في النمط كقصاصة فنية أساسية تصميم الموادمن جيثب. تحتوي الخدمة على إعدادات مثل: الحشو، الشكل، لون الخلفية أو الشفافية، التحجيم + تأثيرات إضافية. نتيجة:
يعد Android Material Icon Generator أداة أخرى لإنشاء أيقونات مسطحة. أهم ما يميز الخدمة هو بالتأكيد التأثير على شكل ظل طويل. اذا احتجت حلول مماثلة- سيكون محرر الأيقونات هذا خيارًا مثاليًا.
ابدأ باختيار صورة من المعرض، ثم حدد اللون والشكل خلفية(دائرة أو مربع)، وطول الظل، والتشبع، والتوهين - وأيقونتك جاهزة. كل شيء بسيط للغاية. ل استخدام شخصيالموقع مجاني تماما.
بعد التنزيل، ستجد 6 صور PNG في ملف الأرشيف مقاسات مختلفةوناقلات ملف SVG. ستكون أيقونة SVG غير واضحة في Illustrator، ولكنها لحسن الحظ تبدو جيدة في المتصفح. النتيجة النهائية هي شيء مثل:
موقع Simunity هو منشئ HTML5 حيث يمكنك إنشاء أيقونة ثم نسخ الكود لعرضه في مشاريع الويب الخاصة بك. تُستخدم الأيقونات من Font Awesome كمواد مصدرية معلمات مختلفة: اللون والإطار والحجم ونمط الظلال.
تعد هذه الخدمة مفيدة إذا كنت بحاجة إلى إنشاء أيقونات بسيطة وأصلية لموقعك على الويب بسرعة. نتيجة استخدام Simunity:
المجموع. نوقش أعلاه المحررين على الانترنتأيقونات – أدوات عظيمةلتحسين عمل المصممين. لا فائدة من تنزيل أي برامج عندما يكون من الممكن القيام بكل شيء بسهولة وسرعة عبر الإنترنت. من هذا التحديد، ربما يمكن تمييز IconsFlow. أنه يحتوي على الحد الأقصى رقم ضخمالميزات: معرض الأيقونات، تنزيل SVG، كود التضمين، معاينة, إنشاء القوالب الخاصة بك , تصدير بابوا نيو غينياو ICO و SVG وتغيير الحجم وأنماط الموضة والمضمنة محرر ناقلات. وإلى جانب هذا هو الوحيد محرر مجانيالرموز باللغة الروسية، إذا كان هذا مهمًا بالنسبة لك.
إذا كنت تعرف المزيد خدمات مماثلة، أرسل خياراتك في التعليقات.
يمكن للرجال ذوي الخبرة تجنب الرسم على الإطلاق، لكنهم يصنعون لأنفسهم قائمة من الصور ويعملون على الفور مع الاختلافات.
إذا قمت برسم أيقونات حسب الطلب، فارسم رسومات تخطيطية، وبهذه الطريقة ستتجنب ذلك عمل اضافيعند الرسم، بعد عرض صورك للعميل مسبقًا.
هذا هو الشيء الأكثر أهمية بشكل عام: اتخاذ قرار بشأن الحد الأدنى للحجم.
لما هذا؟ إذا كنت تريد أن تكون أيقوناتك حادة الحواف، ومثالية للبكسل، ومقياسها بشكل صحيح، فأنت بحاجة إلى تحديد حجم وسمك الكائنات نفسها. حجم صغير(×1). أوصي باستخدام أحجام الرموز حتى.
إنشاء مستند بالقيم
حيث Spacing هي المسافة بين ألواح الرسم.
العرض والارتفاع — ارتفاع وعرض لوح الرسم.
التأثيرات النقطية — الدقة (نقطة في البوصة) مناسبة للأيقونات 72
محاذاة الكائنات الجديدة... - مربع الاختيار هذا مسؤول عن ربط النقاط بشبكة البكسل. أنصحك بتشغيله، لكن أثناء العمل يمكنك دائمًا إيقاف تشغيله.
Graphicriver.net عبارة عن منصة مجانية لتداول أي محتوى رقمي.
Creativemarket.com - لإنشاء حساب هنا، سيُطلب منك إظهار الحسابات في المتاجر الأخرى ومحفظتك.
thenonproject.com — من المحتمل أن يحتوي الموقع على أكبر قاعدة بيانات للأيقونات، فهو يوفر خيارًا: إما مجانًا أو مقابل دفعة واحدة، وهناك أيضًا وظيفة اشتراك شهري، لكنني لن أراهن على هذه الخدمة إذا كنت تريد كسب المال .
Icons8.com - لا أعرف شيئًا عن هذا المتجر، إذا كان أي شخص لديه خبرة، يشاركه في التعليقات.
وهذا ما يجب أن نحصل عليه:
الرموز هي جزء مهمالتفاعلية وتصميم الويب. على الرغم من أن الأيقونات صغيرة الحجم، إلا أنه قد يكون من الصعب جدًا إنشاؤها. سنشرح في درس اليوم كيفية إنشاء أيقونة مجلد باستخدام أشكال مختلفةوردود الفعل في برنامج فوتوشوب. لنبدأ!
الخطوة 1 - ملف جديد/ تقنية الريشة
افتح Photoshop وقم بإنشاء مستند جديد(السيطرة + ن). يستخدم الإعدادات التالية:
القرار: 72 ديسيبل متوحد الخواص
وضع اللون: لون آر جي بي
الأبعاد: 600 × 600 بكسل
أنشئ الشكل التالي باستخدام الأداة قلمأداة(ع) (ريشة). اللون: #3da1e2
الخطوة 2 – إنشاء الأشكال باستخدام القلم
يرسم خلفالمجلدات باستخدام أداة القلم(القلم) باستخدام نفس تقنية الرسم. ثم ارسم شريطًا كما هو موضح في الصورة.
اللون: #003658 #3da1e2 #08517e
الخطوة 3 - إنهاء الشكل
بمجرد الانتهاء من رسم المجلد، تحتاج إلى إضافة قطعة من الورق وسهم كما هو موضح في الصورة. يجب أن يكون لديك الآن 5 طبقات. سيكون كل شكل على طبقة منفصلة. أعط كل طبقة اسمًا.
اللون: #ffffff #32e732
الخطوة 4 - الإضافة تأثيرات اللون
أضف أنماط الطبقة التالية إلى مقدمة المجلد. خفض التعتيم إلى 90٪.
أضف أنماط الطبقة التالية للورق. خفض عتامة الطبقة إلى حوالي 90-95٪.
أضف أنماط الطبقة التالية للشريط.
أضف أنماط الطبقة التالية إلى الجزء الخلفي من المجلد.
أضف أنماط الطبقة التالية للسهم.
الآن يبدو الرمز الخاص بك مثل هذا.
الخطوة 5 - إضافة ردود الفعل
يضيف مجموعة جديدةتسمى "ردود الفعل". يستخدم أداة القلم(القلم) لرسم الانعكاس كما هو موضح في الصورة. تأكد من رسم المخطط التفصيلي فقط وليس الشكل. بمجرد إغلاق المسار، انقر بزر الماوس الأيمن على مساحة العمل وحدد قم بالاختيار(إنشاء تحديد) (ريشة 0). يأخذ فرشاة كبيرة(قطر حوالي 470، صلابة 0) والطلاء الجانب الأيمنالتحديد، كما في الصورة، لإنشاء انعكاس أبيض. تغيير وضع المزج إلى تراكب(تراكب) وقلل التعتيم إلى 63%.
الخطوة 6 - الحواف
قم بإنشاء مجموعة جديدة تسمى "Edges"، وقم بإنشاء طبقة جديدة فيها (Ctrl + Shift + N أو انقر فوق أيقونة إنشاء طبقة جديدة). تؤدي إضافة الإبرازات إلى الحواف إلى إعطاء الأيقونة تأثيرًا ثلاثي الأبعاد. يستخدم أداة القلم(القلم) لإنشاء خطوط حدود حول الزوايا وجميع هوامش المجلد والورقة والأسهم. ثم انقر بزر الماوس الأيمن على مساحة العمل وحدد مسار السكتة الدماغية(سكتة دماغية) - فرشاة(فرشاة). يجب تغيير إعدادات الفرشاة مسبقًا، القطر الرئيسي 8 بكسل والصلابة 0.
خطوة7 - الظلال
أنشئ طبقة جديدة (Ctrl + Shift + N) للظلال وضعها في مجموعة جديدة (Ctrl + G). قم بالاختيار كما فعلت في الخطوة 5 لإنشاء الانعكاسات. املأ التحديد باللون الأسود ثم قم بطمس الهوامش باستخدام الأداة أداة طمس(طمس). إذا كانت الظلال تبدو داكنة جدًا، فقم بتخفيض عتامة الطبقة إلى 40%.
الخطوة 8 - إضافة نص
أضف نصًا باستخدام أي خط تريده. اخترت "وكالة FB". حجم الخط: 40، عتامة الطبقة: 75%.
الخطوة 9 – الإضافة النهائية للانعكاسات والظلال
أضف المزيد من الانعكاسات إلى الورقة باستخدام نفس الطرق كما في الخطوة 5.
إضافة الظل باستخدام أداة القطع الناقص(هـ) (القطع الناقص). ارسم شكلًا بيضاويًا كما هو موضح في الصورة وأضف بعضًا منه منقي -طمس-ضبابية الحركة(مرشح - طمس - طمس الحركة). تقليل التعتيم حسب رغبتك.
المشاهدة النهائية
وآمل أن يتمتع هذا البرنامج التعليمي. أضفت بعض رموز اضافية، والتي قمت بإنشائها باستخدام نفس الأساليب.