‏إظهار الرسائل ذات التسميات فوتوشوب. إظهار كافة الرسائل
‏إظهار الرسائل ذات التسميات فوتوشوب. إظهار كافة الرسائل

2013-07-24

تطبيقات الفوتوشوب للهواتف الذكية والأندرويد

بسم الله الرحمن الرحيم

السلام عليكم ورحمة الله وبركاته

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

1. تطبيق شركة أدوبى Adope photoshop touch  

أطلقت شركة Adope تطبيق الفوتوشوب للهواتف الذكية التى تعمل بنظام الأندرويد

وهذا التطبيق يتميز بالعديد من الإمكانيات التى يحتاجها المصمم وهى:
1.خاصية الطبقات التى تميز برنامج الفوتوشوب Layer control
2.به أدوات المزج والخط Blending Modes
3. التحكم بالإنحناءات Curves Adjustment
4.إمكانية إستخدام الكاميرا للدمج بين الصور
5.مساحة تخزين سحابية 2G ـ creative storage

هذا التطبيق غير مجانى وسعره 4.99$ ويمكن شراؤه من متجر تطبيقات الاندرويد App store من هــنا

2.تطبيق الفوتوشوب المجانىAdobe Photoshop Express

 تطبيق مجانى يستخدم للتعديل البسيط على الصور للهواتف والأجهزة التى تعمل بنظام الاندرويد

android-psd

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

2013-06-27

تحميل خطوط عربية وانجليزية لمحبى التصاميم روووووووووعة

بسم الله الرحمن الرحيم 

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


fonts-arabic


لتحميل الخطوط الانجليزية اضغط هنا 

fonts-english

2013-06-25

مخطوطات رمضانية بمناسبة شهر رمضان الكريم فى غاية الروعة

بسم الله الرحمن الرحيم 

تنفرد مدونة "الوان الويب" بتقديم مخطوطات رمضانية فى غاية الروعة تستخدم لعدة استخدامات فى تصاميم رمضان ( المجموعة الاولى )




 كل عام وانتم بخير بمناسبة الشهر الكريم ونسال الله تعالى ان يتقبل منا صيامنا

ramadan

ramadan1

ramadan2

ramadan3

ramadan4

ramadan6







عند تحميل المخطوطات يوجد بداخلها اكثر من 70 شكل بطريقة فى غاية الروعة لاصحاب التصاميم


 لتحميل كل المخطوطات اضغط هنا



نسال الله عز وجل ان يكون الموضوع نال اعجابكم وشكرا لمتباعتكم لنا






كيف تصمم شعار او لوجو من الحروف

بسم الله الرحمن الرحيم

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

سوف نستعرض مثال بسيط لشركات كبرى تستخدم الحروف كالوجو خاص بها يميزها .




design-logo


اولا بعد التفكير جيد فى الاسم الذى ترغب فيه عليك ان تختار اسم يتماشى مع الاستخدام . اذا كان محل او شركة او منتج غذائى 


سوف استعرض معكم طريقة بسيطة وسهلة لعمل الحروف على شكل لوجو :-


1- قم بفتح برنامج الفوتوشوب واختار المقاسات كما مبين فى الصورة



design-logo1


2- سوف استعرض معكم طريقة لعمل اسم مدونة "الوان الويب" بطريقتى الخاصة بعد اختيار مقاس الصفحة
اختر font لعمل الاسم الخاص بالمدونة يكون بمظهر مختلف وجذاب اسم المدونة Colors Wep سوف تبداء بحرف C
اذا علينا اختيار font يجعل من حرف C شكل جذاب لقد قمت بكتابة الحرف C لتحمل الفونت من هنا 
بعد تحميل الفونت افتح الكنترول بانل سوف تجد كلمة fonts ضع الفونت بداخلها
سوف يظهر حرف C بهذا الشكل قم بتكبير الحرف




design-logo2



ثم اختار اللون المناسب لك من Gradient
ثم من قائمة Bevel and Emboss هذه القائمة تقوم بوضع تأثير على الاشكال من اطرافها
ثم من قائمة Stroke اختار اللون الاسمر حتى تعطيك اللون الموجود على  اطراف حرف C
بهذا نكون قد انتهينا من حرف C وجعلنا شكلة مناسب





design-logo3


ثم ناتى الى حرف W هذا ثانى حرف من كلمة Colors Wep لابد ان يكون له شكل مختلف باسلوب مختلف
حتى يعطى شكل مناسب لابد من اختيار فونت مختلف للحرف حتى يعطى شكل فية ابداع
ولقد قمت بتغير الفونت لحرف W لتحميل الفونت اضغط هنا


design-logo4


بعد كتابة حرف W اختر لون اخر للحرف وقم بعمل Stroke  لتحديدها بالون الاسود

ناتى الى حرف ep حتى ننتهى من كلمة Wep لقد استخدمت الفونت بتاع حرف C وقمت بنسخ الخصائص التى
فعلتها فى حرف C على حرف ep من خلال copy layer style ثم الذها الى اللير الخاص بكلمة ep ثم ضعها
past layer style
 
design-logo5

وبعد ذلك قمت بتحويل حرف ep الى صورة . اضغط كلك يمين ثم اختار Rasterize type  حتى يمكن التحكم فى تغير اللوان لك حرف بسهولة
ويمكن تغير اللوان لكل حرف على حدا ولكن هذه الطريقة سريعة فى الوقت


design-logo6


ناتى الى باقى كلمة Colors وهى olors لقد قمت بتغير الفونت لباقى هذه الكلمة ولكن لابد من تناسق الخطوط مع بعضها 
حتى تظهر الكلمة بشكل لائق

design-logo6



لقد قمت بكتابة olors فى layer اخر وقمت بعمل stroke اوختيار اللون الاسود للكلمة حتى تظهر من الخارج باللون الاسود
ثم قمت بعمل Bevel and Emboss حتى تعطى تأثير بارز بعض الشى للكلمة


design-logo7



ثم قم بتحويل layer الى صورة حتى تسطيع التحكم فى تغير اللوان الكلمة بسهولة من Rasterize type ثم قم بتحديد كل حرف
تريد تغير لونة كما مبين فى الصورة  بعد فتح لير جديد واختيار اللون قم بتلوين الجزء المحدد هذه الطريقة لتسريع عملية تغير
الالوان 
design-logo8


لابد من تناسق كل فونت مع الاخر حتى يصبح العمل لائق ولابد من تناسق الالوان مع بعضها ختى يظهر فى الشكل
النهائى باسلوب مميز وجذاب
design-logo0
 ولكل منا ذوقة المختلف عن الاخر ولكن لابد من تناسق الالوان وحجم الكتابة حتى تبهر الناظر لها

نسال الله ان نكون قد افدناكم بهذا الدرس

2013-06-15

كيف أبدأ تعلم تصميم موقع على الإنترنت

بسم الله الرحمن الرحيم

السلام عليكم ورحمة الله وبركاته

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

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

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

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

4. تعلم لغات JAVA SCRIPT , Php , ASP "
وهذه لغات برمجة متقدمة تستخدم فى تطبيقات الويب والمواقع المطورة وسوف نتطرق إليها فى الفترة القادمة
 
البرامج المستخدمة فى تصميم المواقع
 1.برنامج الفوتوشوب Adope photoshop
لإستخدامه فى تصميم الشعارات والبنرات والخلفيات

2. إستخدام محرر النصوص++ Notepad
كثير ممن يبدأ تصميم المواقع يبدأ بإستخدام البرامج لتصميم المواقع ولكن  إذا أردت التعلم الصحيح للأكواد كيفية كتابتها والغرض من كل كود فعليك بإستخدام Notepad


notepad++
فيمكن أن تفتح أى صفحة ويب بإستخدام المفكرة الموجودة بالويندوز ومعرفة الأكواد التى تحتويها ولكن بإستخدام++ Notepad
فهو يقوم بتحرير لغات برمجة عديدة وتلوينها وترتيبها .
البرنامج مجانى يمكن تحميل آخر إصدار له من هنا

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

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

2013-06-01

فوتوشوب أون لاين

بسم الله الرحمن الرحيم

السلام عليكم ورحمة الله وبركاته

فوتوشوب أون لاين أداة هامة جدا للمصممين للتحرير السريع للصور دون الحاجة إلى تسطيب برنامج الفوتوشوب .
وهى خدمة مقدمة من موقع pixler