اذهب إلى المحتوى

البحث في الموقع

المحتوى عن 'قطب'.

  • ابحث بالكلمات المفتاحية

    أضف وسومًا وافصل بينها بفواصل ","
  • ابحث باسم الكاتب

نوع المحتوى


التصنيفات

  • الإدارة والقيادة
  • التخطيط وسير العمل
  • التمويل
  • فريق العمل
  • دراسة حالات
  • التعامل مع العملاء
  • التعهيد الخارجي
  • السلوك التنظيمي في المؤسسات
  • عالم الأعمال
  • التجارة والتجارة الإلكترونية
  • نصائح وإرشادات
  • مقالات ريادة أعمال عامة

التصنيفات

  • مقالات برمجة عامة
  • مقالات برمجة متقدمة
  • PHP
    • Laravel
    • ووردبريس
  • جافاسكربت
    • لغة TypeScript
    • Node.js
    • React
    • Vue.js
    • Angular
    • jQuery
    • Cordova
  • HTML
  • CSS
    • Sass
    • إطار عمل Bootstrap
  • SQL
  • لغة C#‎
    • ‎.NET
    • منصة Xamarin
  • لغة C++‎
  • لغة C
  • بايثون
    • Flask
    • Django
  • لغة روبي
    • إطار العمل Ruby on Rails
  • لغة Go
  • لغة جافا
  • لغة Kotlin
  • لغة Rust
  • برمجة أندرويد
  • لغة R
  • الذكاء الاصطناعي
  • صناعة الألعاب
  • سير العمل
    • Git
  • الأنظمة والأنظمة المدمجة

التصنيفات

  • تصميم تجربة المستخدم UX
  • تصميم واجهة المستخدم UI
  • الرسوميات
    • إنكسكيب
    • أدوبي إليستريتور
  • التصميم الجرافيكي
    • أدوبي فوتوشوب
    • أدوبي إن ديزاين
    • جيمب GIMP
    • كريتا Krita
  • التصميم ثلاثي الأبعاد
    • 3Ds Max
    • Blender
  • نصائح وإرشادات
  • مقالات تصميم عامة

التصنيفات

  • مقالات DevOps عامة
  • خوادم
    • الويب HTTP
    • البريد الإلكتروني
    • قواعد البيانات
    • DNS
    • Samba
  • الحوسبة السحابية
    • Docker
  • إدارة الإعدادات والنشر
    • Chef
    • Puppet
    • Ansible
  • لينكس
    • ريدهات (Red Hat)
  • خواديم ويندوز
  • FreeBSD
  • حماية
    • الجدران النارية
    • VPN
    • SSH
  • شبكات
    • سيسكو (Cisco)

التصنيفات

  • التسويق بالأداء
    • أدوات تحليل الزوار
  • تهيئة محركات البحث SEO
  • الشبكات الاجتماعية
  • التسويق بالبريد الالكتروني
  • التسويق الضمني
  • استسراع النمو
  • المبيعات
  • تجارب ونصائح
  • مبادئ علم التسويق

التصنيفات

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

التصنيفات

  • الإنتاجية وسير العمل
    • مايكروسوفت أوفيس
    • ليبر أوفيس
    • جوجل درايف
    • شيربوينت
    • Evernote
    • Trello
  • تطبيقات الويب
    • ووردبريس
    • ماجنتو
    • بريستاشوب
    • أوبن كارت
    • دروبال
  • الترجمة بمساعدة الحاسوب
    • omegaT
    • memoQ
    • Trados
    • Memsource
  • برامج تخطيط موارد المؤسسات ERP
    • تطبيقات أودو odoo
  • أنظمة تشغيل الحواسيب والهواتف
    • ويندوز
    • لينكس
  • مقالات عامة

التصنيفات

  • آخر التحديثات

أسئلة وأجوبة

  • الأقسام
    • أسئلة البرمجة
    • أسئلة ريادة الأعمال
    • أسئلة العمل الحر
    • أسئلة التسويق والمبيعات
    • أسئلة التصميم
    • أسئلة DevOps
    • أسئلة البرامج والتطبيقات

التصنيفات

  • كتب ريادة الأعمال
  • كتب العمل الحر
  • كتب تسويق ومبيعات
  • كتب برمجة
  • كتب تصميم
  • كتب DevOps

ابحث في

ابحث عن


تاريخ الإنشاء

  • بداية

    نهاية


آخر تحديث

  • بداية

    نهاية


رشح النتائج حسب

تاريخ الانضمام

  • بداية

    نهاية


المجموعة


النبذة الشخصية

تم العثور على 1 نتيجة

  1. سنتعلّم كيفيّة تصميم أيقونات تواصل اجتماعيّ جميلة بواسطة فوتوشوب، وسنغطّي الخاصّية الجديدة في إعدادات أداة الشكل Shape Tool ألا وهي الحدود الخارجية للشّكل Stroke وبواسطة هذه الأداة يمكن وبكلّ سهولة إضافة تأثير قُطَب الخياطة وتعديله حسب الرّغبة. ما سنحتاجه هو بعض أيقونات التواصل الاجتماعي بقياس 32px*32px. وهذا ما سنقوم بصنعه: الخطوة الأولى: تهيئة ملف العملننشئ ملفًّا جديدًا في الفوتوشوب بالأبعاد: 570px*470px، ونختار اللّون 333236# للخلفيّة. نطبّق المؤثر: Filter > Noise > Add Noise على طبقة الخلفيّة Background. سنعمل الآن على إضافة بعض الإضاءة في وسط الخلفيّة، وذلك باستخدام أداة الفرشاة (Brush Tool(B ورسم الإضاءة في منتصف الخلفيّة. نغيّر نمط الطّبقة إلى Soft Light والشّفّافيّة إلى 50%. الخطوة 2:هذا هو الشّكل الأساسيّ والذي نراه في الصّورة أدناه، وهو عبارة عن مستطيل مدوّر الأطراف بمقدار 5px وأبعاده 120px*80px، ولونه #b59973. تمّ تعديل المستطيل بواسطة أداة التّحديد المباشر (Direct Selection Tool(A وأداة القلم Pen Tool وذلك بجعل الأطراف العلوية مستقيمة، وإضافة نقطة إرساء anchor point في منتصف الضّلع السّفلي ثم سحب هذه النقطة إلى الأسفل بواسطة أداة التّحديد المباشر (U). نطبّق الآن إعدادات المزج التالية: التّدرّج اللّونيّ: والنتيجة هي: الخطوة 3: إضافة النقشننشئ ملفًّا جديدًا في الفوتوشوب بالأبعاد 5px*5px، ونجعل الخلفيّة شفّافة باختيار Transparent من قائمة Background Contents. نكبّر الصّورة باستخدام أداة التكبير (Zoom Tool(Z أو بالضغط على المفاتيح Ctrl++ في لوحة المفاتيح، ثم نرسم خطًّا بواسطة أداة قلم الرّصاص (Pencil Tool(B كما في الصّورة أدناه: نحفظ الملفّ على هيئة نقش Pattern عن طريق الأمر: Edit < Define Pattern ويمكن اختيار أي اسم لهذا النّقش. نطبّق هذا النّقش بعد حفظه على الشّكل الأساسيّ كما في الصّورة أدناه. الخطوة 4: إضافة الإضاءةسنحتاج إلى إضفاء بعض النّكهة إلى الشكل الأساسيّ بإضافة بعض الإضاءة. سننشئ طبقة جديدة فوق الشّكل ونربطها به بواسطة الضغط على مفتاح Alt في لوحة المفاتيح مع الضّغط بزرّ الفأرة الأيسر على الخطّ الذي يفصل بين الطّبقتين، كما هو موضّح أدناه: نرسم على الجزء السفليّ من الشّكل باستخدام أداة الفرشاة (Soft Brush Tool(B ونختار نمط Soft Light من أنماط الطّبقة، ونعطي للشفافيّة القيمة 80%. نضيف طبقة أخرى، ونختار أداة التدرّج (Gradient Tool(G ونضغط على خَيَار التدرّج المنعكس Reflected Gradient، وباللّون #fff نضيف التدرّج بالقرب من الجزء العلويّ للشّكل. نختار نمط الطّبقة Soft Light ونخفّض الشّفافيّة إلى 50%. نضيف طبقة أخرى، ولكن هذه المرّة سنضيف بعض الظّلال إلى الشّكل. باستخدام التدرّج المنعكس واللّون #000 نضيف التدرّج إلى الجزء العلويّ من الشّكل، ونختار نمط الطّبقة Multiply ونخفّض الشفافيّة إلى 50%. الخطوة 5: إضافة القطبإضافة القُطَب في برنامج الفوتوشوب CS6 سهل جدًّا، فقد طوّرت شركة Adobe أداة الأشكال وأضافت إليها بعض الإعدادات الإضافيّة الخاصة بالحدود الخارجيّة والأشكال. لوحة إعدادت تعبئة اللّون: لوحة إعدادات الحدود الخارجيّة: لإضافة القُطب، نرسم الشّكل أوّلًا وبنفس الطّريقة المتّبعة في رسم الشّكل الأساسيّ، ولكن بتغيير قيمة العرض إلى 70px. يجب تعديل الحدّ الخارجيّ بواسطة النّقر على الخيارات الإضافيّة More Options وتغيير قيمة Dash إلى 5 و Gap إلى 6. نغيّر لون الحدّ الخارجيّ إلى #a4b1cf، ثمّ نلغي لون التّعبئة ليظهر الحدّ الخارجيّ فقط. يمكن الحصول على نفس الشّكل في نسخة CS5 من الفوتوشوب باستخدام أداة الخطّ (Line Tool (U بتعيين 5px لكلّ خطّ و 6px للمسافة الفاصلة بين خطّ وآخر. نحذف القُطَب العلويّة وذلك بالضّغط بالزرّ الأيمن للفأرة على اسم الشّكل الثّاني واختيار Rasterize Layer، ثمّ نمسح القُطَب العلويّة بواسطة أداة الممحاة Eraser Tool ثمّ نضيف الظلّ إلى القُطَب كما يلي: لنحصل على هذا الشّكل: الخطوة 6: إضافة الأيقوناتيمكن استخدام الأيقونات الموجودة في الملف المرفق مع الدّرس، سنقوم بإضافة الأيقونات وضبط مواضعها وسط الشّكل الأساسيّ. ثم نطبّق إعدادات المزج التّالية: الحدّ الخارجيّ: التدرّج اللونيّ: الظلّ: نضيف اسم الأيقونة بواسطة أداة النصّ (Text Tool (T. نضاعف طبقة النصّ، ونغيّر اللّون إلى #b406a2 ونحرّكها إلى الأعلى بالضّغط مرّة واحدة على مفتاح الاتّجاه إلى الأعلى في لوحة المفاتيح. الخطوة 7: إضافة الظلالنضاعف طبقة الشّكل الأساسيّ، ونختار لون التّعبئة #000000، نضع هذه الطّبقة تحت طبقة الشّكل الأساسيّ ثم نذهب إلى: Filter > Blur > Gaussian Blur نضيف قناعًا Mask إلى الطّبقة، ونغطّي المناطق الّتي لا نرغب في ظهورها، كما في الصّورة أدناه: نضيف ظلًّا كما في الصّورة أدناه، باستخدام أداة التدرّج اللونيّ واختيار التدرّج الخطّيّ Linear Gradient باستخدام اللّون #000000. نضيف خطّاً فوق الظلّ العلويّ بواسطة أداة الخطّ بقياس 1px وباللّون #515005. وأخيرًا، نغطّي طرفي الخطّ والظلّ العلويّين بواسطة قناع لجعلهما يختفيان بصورة متدرّجة. يمكن تحميل ملف PSD المرفق والذي يحتوي على 4 أيقونات تواصل اجتماعيّ أخرى، وبألوان مختلفة. ترجمة -وبتصرّف- للمقال Learn How to Quickly Create Tasty Social Icons using Photoshop لصاحبه Dainis Graveris.
×
×
  • أضف...