تصميم بنرات زجاجية أنيقة باستخدام الإليستريتور - منتديات هبوب الجنوب






الملاحظات

۩۞۩ هبوب الفتوشوب وملحقات التصميم ۩۞۩ ملحقات الفوتشوب عالم الفوتشوب أدوآت بأنرت تأثيرات متحركة خامات

إضافة رد
#1  
قديم 02-04-2017

الوافي متواجد حالياً
Saudi Arabia     Male
اوسمتي
وسام وسام 
 
 عضويتي » 1
 جيت فيذا » Mar 2009
 آخر حضور » منذ دقيقة واحدة (02:14 AM)
آبدآعاتي » 55,120
 حاليآ في » بمملكتي هنــا.
دولتى الحبيبه » دولتي الحبيبه Saudi Arabia
جنسي  »
آلقسم آلمفضل  »
آلعمر  »
الحآلة آلآجتمآعية  »
 التقييم » الوافي has a reputation beyond reputeالوافي has a reputation beyond reputeالوافي has a reputation beyond reputeالوافي has a reputation beyond reputeالوافي has a reputation beyond reputeالوافي has a reputation beyond reputeالوافي has a reputation beyond reputeالوافي has a reputation beyond reputeالوافي has a reputation beyond reputeالوافي has a reputation beyond reputeالوافي has a reputation beyond repute
اشجع
مَزآجِي  »
sms ~
يقولون من يرفع راسه فوق تنكسر رقبته
وأنا أبي أرفع رآسي فوق وأشوف منهو كفو يكسرهـ
تراني أنتظركـ ..
mms ~
MMS ~
 آوسِمتي »
اوسمتي
وسام وسام   مجموع الاوسمة: 2

 
افتراضي تصميم بنرات زجاجية أنيقة باستخدام الإليستريتور



إن بعض مواقع الإنترنت تُصمّم برسوميات بسيطة مسطّحة والبعض الآخر تكون مصمّمة برسوميات أنيقة عالية الدقة وغير مسطّحة، فأحيانًا تكون الواجهات بسيطة وتفي بالغرض وأحيانًا تكون ذات رسوميات عالية الجودة والأناقة وهو ما يجعل الموقع أجمل وأكثر متعة في التصفح والمتابعة، لذلك سنتعلّم في هذا الدرس كيفية تصميم بنرات لاختيار الخطط لأحد مواقع الاستضافة على سبيل المثال. سيتضمّن هذا الدرس شرحًا لمجموعة من الأدوات والمزايا المهمة والمميزة والتي ستصقل مهاراتكم كمصممين مبدعين.
تصميم بنرات زجاجية أنيقة باستخدام
يمكنكم طبعًا تعديل النصوص بما يتناسب مع موقعكم أو مع حاجة العميل كما يمكنكم التعديل على الألوان والأحجام وعدد المقاطع وغيرها… وسنتعلّم كيفية إنشاء هذه الأشكال بدون اللجوء إلى أداة القلم لمن لم يتمكّن من هذه الأداة بعد، بحيث أننا لن نستخدم هذه الأداة في هذا الدرس، وسنقوم بإنشاء انعكاسات الإضاءة على حواف البنرات بشكل يدوي، وسنتعلّم كيفية إنشاء فرشاة جديدة واستخدامها وكذلك كيفية استخدام خصائص المزج والتلوين بالألوان والتدرجات اللونية وإنشاء نصوص ثلاثية الأبعاد والكثير من التقنيات في الرسم.
تصميم بنرات زجاجية أنيقة باستخدام
افتح برنامج أدوبي إليستريتور ثم أنشئ مستندًا جديدًا بحجم 650×650 بكسل وبما أننا نصمم للويب فيجب أن يكون نظام الألوان هو RGB.
تصميم بنرات زجاجية أنيقة باستخدام
سنقوم الآن بصنع الخلفية عبر إنشاء مربع بحجم المستند نفسه. اختر أداة المستطيلات Rectangle Tool ثم انقر نقرًا مزدوجًا على لوح الرسم لتفتح نافذة إنشاء المستطيلات، أدخل القيم 650×650 ثم ضع هذا المربع ليملأ لوح الرسم بالكامل. يمكنك الاستعانة بالأدلّة الذكية للقيام بوضع المربع في مكانه بسهولة، حيث ستساعدك على القيام بذلك وتعمل هذه الميزة من خلال الاختصار Ctrl+U.
تصميم بنرات زجاجية أنيقة باستخدام
لوّن هذا المربع بتدرج لوني دائري من الأزرق (R:19 – G:94 – B:169) إلى الأزرق الفاتح (R:104 – G:201 – B:134) مع جعل موقع الفاصلة المتوسطة عند 37% تقريبًا لجهة الأزرق الفاتح.
تصميم بنرات زجاجية أنيقة باستخدام
استخدم أداة التدرج اللوني Gradient Tool من خلال الاختصار M لرسم اتجاه وموقع مركز التدرج اللوني كما في الصورة التالية.
تصميم بنرات زجاجية أنيقة باستخدام
افتح لوحة الطبقات من خلال الاختصار F7 ثم اقفل طبقة الخلفية حتى لا تتأثر بالأعمال التالية، وأنشئ طبقة جديدة لنقوم بالعمل عليها.
تصميم بنرات زجاجية أنيقة باستخدام
ارسم مستطيلًا باستخدام أداة رسم المستطيلات بحجم 550×100 وضعه في وسط أعلى لوح الرسم. أزِل الحدود وأبقِ على اللون الأبيض للتعبئة مؤقّتًا.
تصميم بنرات زجاجية أنيقة باستخدام
سنقوم بجعل الزاوية السفلى اليسرى من المستطيل منحنية بدون استخدام أداة القلم لرسم هذا الشكل، ولكن باستخدام أحد التأثيرات. لنتمكّن من ذلك سنقوم بقص المستطيل إلى نصفين، استخدم أداة المقص Scissors Tool لقص المستطيل من النقطة العليا إلى السفلى الموضحة في الصورة.
تصميم بنرات زجاجية أنيقة باستخدام
والآن حدّد المسار النصفي الأيسر واذهب إلى القائمة
Effect > Stylize > Round Corners
ثم أدخل القيمة 60px واضغط OK.
تصميم بنرات زجاجية أنيقة باستخدام
تصميم بنرات زجاجية أنيقة باستخدام
حدّد كلا الشكلين واذهب إلى القائمة
Object > Expand Appearance
تصميم بنرات زجاجية أنيقة باستخدام
حدّد كلا الشكلين مجدّدًا ثم اختر الخيار Unite من لوحة Pathfinder لتوحيد الشكلين في شكل واحد.
تصميم بنرات زجاجية أنيقة باستخدام
لوّن الشكل الجديد بتدرّج لوني دائري من الأسود إلى الأبيض مع وضع اللون الأسود في الموقع 40% تقريبًا وذلك ليطغى اللون الأسود أكثر على التدرج. ثم ضع خيار Aspect Ratio على القيمة 30% ليتم ضغط التدرج شاقوليًّا واستخدم أداة التدرج اللوني لرسم اتجاه وحجم التدرج كما في الصور التالية.
تصميم بنرات زجاجية أنيقة باستخدام
تصميم بنرات زجاجية أنيقة باستخدام
افتح لوحة الشفافية Transparency من خلال الاختصار Shift+Ctrl+F10 ثم اختر الخيار Color Dodge من خصائص المزج.
تصميم بنرات زجاجية أنيقة باستخدام
سنقوم الآن برسم انعكاس زجاجي على كامل مساحة البنر. ارسم مستطيلًا بنفس حجم المستطيل الأساسي ثم ضعه فوق البنر تمامًا.
تصميم بنرات زجاجية أنيقة باستخدام
ارسم شكلًا بيضويًا يغطّي جزءًا كبيرًا من المستطيل ثم دوّره بزاوية مائلة قليلًا كما في الصورة وضعه فوق النصف السفلي من المستطيل.
تصميم بنرات زجاجية أنيقة باستخدام
حدّد كلا هذين الشكلين ثم اختر الخيار Minus Front من لوحة Pathfinder ليتم قص الشكل البيضوي من شكل المستطيل.
تصميم بنرات زجاجية أنيقة باستخدام
استخدم أداة التدرج اللوني بنفس الطريقة كما في الصورة لجعل اللون الأسود في التدرج اللوني طاغيًا على الشكل.
تصميم بنرات زجاجية أنيقة باستخدام
ثم اذهب مجدّدًا إلى لوحة الشفافية وطبّق خصائص المزج Color Dodge على الشكل الأخير.
تصميم بنرات زجاجية أنيقة باستخدام
سنلاحظ بأنه هناك جزء صغير زائد عند الزاوية المنحنية في الجهة السفلية اليسرى من الشكل الأساسي لذلك سنقوم بقصّه من الشكل الجديد وذلك عبر مضاعفة الشكل الأساسي الموجود في الأسفل ثم نحدّد الشكل المضاعف مع الشكل الجديد ونختار الخيار Intersect من لوحة Pathfinder لنحصل على الشكل المطلوب.
تصميم بنرات زجاجية أنيقة باستخدام
هذا هو الشكل الذي حصلنا عليه حتى هذه اللحظة، وهو ما يمثّل البنر الذي سنستخدمه لاحقًا، سنضيف عليه في الخطوات اللاحقة الإضاءات والانعكاسات التي ستضفي عليه المزيد من الحيوية والأناقة والشعور بشفافية المادة الزجاجية ولمعانها وألقها.
تصميم بنرات زجاجية أنيقة باستخدام
ارسم دائرة صغيرة أسفل منتصف البنر باستخدام أداة رسم الأشكال البيضوية مع استعمال مفتاح Shift أثناء الرسم للمحافظة على تساوي الأبعاد والحصول على دائرة مثالية. لوّنها بتدرج لوني دائري من الأسود إلى الأبيض.
تصميم بنرات زجاجية أنيقة باستخدام
غيّر خصائص المزج من لوحة الشفافية إلى Color Dodge.
تصميم بنرات زجاجية أنيقة باستخدام
استخدم أداة التحديد Selection Tool لشد وسحب أطراف الدائرة وجعلها بعرض البنر تقريبًا وبارتفاع ضئيل للحصول على انعكاس إضاءة سفلي مع وضع هذا الانعكاس على حافة البنر السفلية.
تصميم بنرات زجاجية أنيقة باستخدام
ضاعف هذا الشكل واسحبه إلى الحافة العلوية واجعل ارتفاعه أكبر بقليل لنحصل على الإيحاء بأن مصدر الإضاءة المسلطة على البنر الزجاجي من الأعلى.
تصميم بنرات زجاجية أنيقة باستخدام
انسخ هذا الشكل وعدّل بزاويته وحجمه وضعه عند الحافة اليمنى من البنر واجعله أكثر رقة.
تصميم بنرات زجاجية أنيقة باستخدام
سنقوم بتشكيل الانعكاس على الحافة المنحنية. وللقيام بذلك سنقوم بإنشاء فرشاة جديدة تمثّل الانعكاس. ارسم دائرة صغيرة جدًّا سوداء ومن ثم ارسم دائرة بحجم نقطة تقريبًا بيضاء في مركز الدائرة السوداء، حدّد الدائرتين معًا واذهب إلى القائمة
Object > Bend > Make
ثم اذهب إلى القائمة
Object > Bend > Bend Options
واختر الخيار Specified Steps وأدخل القيمة 50 ثم اضغط OK.
تصميم بنرات زجاجية أنيقة باستخدام
لاحظ حجم الدائرة الجديدة بالنسبة لحجم البنر الكلي.
تصميم بنرات زجاجية أنيقة باستخدام
مجدّدًا اجعل خصائص مزج هذه الدائرة Color Dodge.
تصميم بنرات زجاجية أنيقة باستخدام
افتح لوحة الفراشي Brushes ثم اسحب شكل الدائرة إلى داخل قائمة الفراشي لتتم إضافتها إلى هذه القائمة.
تصميم بنرات زجاجية أنيقة باستخدام
اختر Art Brush من القائمة.
تصميم بنرات زجاجية أنيقة باستخدام
اترك الإعدادات كما هي واضغط OK.
تصميم بنرات زجاجية أنيقة باستخدام
وهنا تظهر الفرشاة الجديدة ضمن لوحة الفراشي.
تصميم بنرات زجاجية أنيقة باستخدام
والآن استخدم أداة رسم القوس Arc Tool وارسم قوسًا عند تلك الحافة المنحنية وعدّل بمقابض البيزير حتى يتوازى القوس مع الحافة.
تصميم بنرات زجاجية أنيقة باستخدام
طبّق الفرشاة الجديدة على شكل القوس وخفّف حجم الحدود Stroke إلى 0.25pt.
تصميم بنرات زجاجية أنيقة باستخدام
وبهذا يكون شكل البنر الزجاجي قد أصبح مكتملًا وجاهزًا للاستخدام.
تصميم بنرات زجاجية أنيقة باستخدام
حدّد جميع الأشكال التي يتألف منها البنر ثم انقر بالزر الأيمن فوقها واجمعها في مجموعة واحدة عبر الخيار Group وذلك ليسهل علينا التعامل معها كشكل واحد أثناء نسخها وتحريكها فيما بعد.
تصميم بنرات زجاجية أنيقة باستخدام
اسحب نسخة عن البنر نحو الأسفل بالاستعانة بالأدلة الذكية للمحافظة على ثبات المحور العمودي مع الضغط على مفتاح Alt أثناء السحب باستخدام أداة التحديد Selection Tool.
تصميم بنرات زجاجية أنيقة باستخدام
اضغط على الاختصار Ctrl+D للحصول على نسختين إضافيتين بنفس المسافة بين البنرات ويصبح لدينا أربعة بنرات.
تصميم بنرات زجاجية أنيقة باستخدام
حدّد جميع البنرات ثم اذهب إلى القائمة
Object > Expand Appearance
تصميم بنرات زجاجية أنيقة باستخدام
سنقوم الآن بكتابة المحتوى المطلوب بداخل البنرات، وبما أننا نتحدّث عن موقع للاستضافة فسيكون المحتوى عبارة عن خطط الاستضافة التي يوفرها الموقع لذلك سنضع أرقامًا لهذه الخطط وشرحًا بسيطًا عن الخدمات المُتضمنّة في كل خطة. استخدم أداة النص واكتب الأرقام من واحد إلى أربعة على يمين كل بنر وكبّر حجم الخط لنحو 107 واستخدم خطًّا عريضًا كخط Simplified Arabic.
تصميم بنرات زجاجية أنيقة باستخدام
سنحوّل هذه الأرقام إلى أشكال ليسهل التعامل معها. حدّد الأرقام ثم اذهب إلى القائمة
Type > Create Outlines
أو اضغط على الاختصار Shift+Ctrl+O.
تصميم بنرات زجاجية أنيقة باستخدام
انسخ Ctrl+C وألصق في المقدمة Ctrl+F هذه الأرقام وغيّر لونها مؤقتًا إلى الأصفر مثلًا لتمييزها.
تصميم بنرات زجاجية أنيقة باستخدام
سنحوّل الأرقام الجديدة إلى مسارات مركّبة عبر تحديدها والذهاب إلى القائمة
Object > Compound Path > Make
أو عبر الاختصار Ctrl+8.
تصميم بنرات زجاجية أنيقة باستخدام
تأكّد من تحديد المسارات المركبة ثم استخدم مفاتيح الأسهم لتحريكها نحو الأعلى واليمين قليلًا.
تصميم بنرات زجاجية أنيقة باستخدام
حدّد المسارات المركبة مع شكل الأرقام الصفراء ثم اختر الخيار Minus Front من لوحة Pathfinder.
تصميم بنرات زجاجية أنيقة باستخدام
لقد تمّ قص الأرقام الصفراء وبقي منها ما يشبه الحواف للأرقام الأصلية السوداء وهذا ما يمنحها الشعور بأنها ثلاثية الأبعاد.
تصميم بنرات زجاجية أنيقة باستخدام
لوّن هذه الأرقام السوداء بلون رمادي متوسط ثم غيّر خصائص المزج إلى Multiply.
تصميم بنرات زجاجية أنيقة باستخدام
حدّد أشكال الحواف الصفراء ولوّنها بتدرج لوني من الأبيض إلى الأسود مع جعل زاوية التدرج عند 135 درجة ضمن لوحة التدرجات اللونية.
تصميم بنرات زجاجية أنيقة باستخدام
وبذلك نحصل على أرقام ثلاثية الأبعاد على يمين البنرات.
تصميم بنرات زجاجية أنيقة باستخدام
قم بتغيير خصائص مزج شكل الحواف إلى Color Dodge لتتناسق الألوان مع بقية التصميم وتظهر الأرقام وكأنها زجاجية أيضًا.
تصميم بنرات زجاجية أنيقة باستخدام
املأ البنرات بالمحتوى المناسب باستخدام أداة النص أو عبر برمجة الصفحة ذاتها، الخيار متروك لك لتقوم بالمناسب.
تصميم بنرات زجاجية أنيقة باستخدام

منقول للإستفادة منه ..


كلمات البحث

برامج | سيارات | هاكات | استايلات | أكواد | الوان مجموعات | برمجه | منتديات عامه | العاب





 توقيع : الوافي




رد مع اقتباس
قديم 19-06-2018   #2


الصورة الرمزية انا والقمر

 
 عضويتي » 3169
 جيت فيذا » Oct 2013
 آخر حضور » 10-09-2023 (05:56 PM)
آبدآعاتي » 650
 حاليآ في »
دولتى الحبيبه »
جنسي  »
آلقسم آلمفضل  »
آلعمر  »
الحآلة آلآجتمآعية  »
 التقييم » انا والقمر is on a distinguished road
اشجع
مَزآجِي  »
mms ~
MMS ~
 

انا والقمر غير متواجد حالياً

افتراضي





رووووووعه
سلمت يداك أخى


 توقيع : انا والقمر



رد مع اقتباس
قديم 17-08-2018   #3


الصورة الرمزية غرام الورد

 
 عضويتي » 3912
 جيت فيذا » Oct 2016
 آخر حضور » 22-04-2020 (12:52 PM)
آبدآعاتي » 867
 حاليآ في »
دولتى الحبيبه »
جنسي  »
آلقسم آلمفضل  »
آلعمر  »
الحآلة آلآجتمآعية  »
 التقييم » غرام الورد is on a distinguished road
اشجع
مَزآجِي  »
sms ~
كل من يوقع بأزمه
يطلب الرحمن رحمه
لو تشوف احزان غيرك
تطلب الله بكل نعمه

اصبر وصبرك شعارك
كيف تخرج عن وقارك
دام ربك ابتلاك
 

غرام الورد غير متواجد حالياً

افتراضي



طرح قمه الروعه في والجمال
سلمت اناملك ويعطيك العافيه علي مجهودك
في أنتظار المزيد
من عطائك والمزيد ومواضيعك الرائعة والجميله
ودائما في إبداع مستمر




رد مع اقتباس
إضافة رد

مواقع النشر (المفضلة)

الكلمات الدلالية (Tags)
أنيقة, الإليستريتور, باستخدام, تصميم, بنرات, سياحية

الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)
 
أدوات الموضوع إبحث في الموضوع
إبحث في الموضوع:

البحث المتقدم
انواع عرض الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة

الانتقال السريع


أقسام المنتدى

۩۞۩ أناقـــة بنات ♣ نون النسـوه ۩۞۩ | ۩۞۩ آرشيف المواضيع المكرره والمحذوفات ۩۞۩ | ۩۞۩ هبوب إستقبال الأعضاء الجدد ۩۞۩ | ۩۞۩ التنمية البشريه وتطوير الذات ۩۞۩ | الاقسام العامة | الاقسام الاسلامية | ۩۞۩ الصوتيات والمرئيات الاسلامية ۩۞۩ | مدونات الأعضاء الخاصة | ۩۞۩ هبوب تطوير المواقع والمنتديات ۩۞۩ | ۩۞۩ هبوب الديكور والأثاث المنزلي ۩۞۩ | الأسرة والمجتمع | ۩۞۩ هبوب القرارات الإدارية والتكريم ۩۞۩ | الشيلات والقصائد الصوتيه | ۩۞۩ هبوب الفتوشوب وملحقات التصميم ۩۞۩ | ۩۞۩ الحيوانات والطيور والنبات والطبيعة ۩۞۩ | ۩۞۩ التهانى والاهداءات والمناسبات ۩۞۩ | ۩۞۩ هبوب ذوي الأحتياجات الخاصة ۩۞۩ | ۩۞۩ هبوب فعاليات ومسابقات الأعضاء ۩۞۩ | ركن تواصل الاعضاء | ۩۞۩{ هبوب الكمبيوتر والبرامج }۩۞۩ | ۩۞۩ هبوب عالم الرجل ۩۞۩ | ۩۞۩ هبوب الطب والصحة العامة ۩۞۩ | ۩۞۩ القرآن الكريم وعلومه وأحكامه ۩۞۩ | ۩۞۩ خاص بموقع هبوب الجنوب ۩۞۩ | مطبخ الأعضاء والوصفات التحضيريه | ♔ الأقسام الإدارية ♔ | التصميم والجرافيكس | ۩۞۩ كوفي اعضاء هبوب الجنوب ۩۞۩ | ۩۞۩ هبوب السيارات والدراجات النارية ۩۞۩ | ۩۞۩ تصاميم أعضاء هبوب الحصرية ۩۞۩ | ۩۞۩ مرافئ كتابات الأعـضاء بأقلامهم ۩۞۩ | مجلة هبوب الشهرية | الأقسام التعليميه | ۩۞۩ هبوب التربيه والتعليم واللغات ۩۞۩ | الشباب والرياضة | هبوب طلبات التصاميم | ۩۞۩ هبوب الشكاوي والاقتراحات ۩۞۩ | هبوب الرياضة العربيه | ۩۞۩ فواصل واكسسوارات تزيين المواضيع ۩۞۩ | الأقسام التقنية وتكنولوجيا البرامج | ۩۞۩ هبوب الجوالات بانواعها وتطبيقاتها ۩۞۩ | طلبات الاعضاء وتغيير النكات | الاقسام الأدبية والثقافية | شرح خصائص المنتدى |



Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd. TranZ By Almuhajir
HêĽм √ 3.1 BY: ! ωαнαм ! © 2010
التعليقات المنشورة لا تعبر عن رأي إدارة موقع هبوب الجنوب ولا نتحمل أي مسؤولية قانونية حيال ذلك ( ويتحمل كاتبها مسؤولية النشر )

Security team

This Forum used Arshfny Mod by islam servant