سولاف - نظرة ثاقبة على عالم التصميم » دروس http://www.solaf.cc موقع متخصّص بعالم التصميم يسعى لخدمة المصمّم العربي بطريقة عصرية. Fri, 25 Dec 2009 05:57:19 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 شرح طريقة تصميم زر ويب 2.0 http://www.solaf.cc/2009/03/11/how-to-create-web-2-button/ http://www.solaf.cc/2009/03/11/how-to-create-web-2-button/#comments Wed, 11 Mar 2009 10:57:54 +0000 احمد حمودة http://www.solaf.cc/?p=1405 في الآونة الأخيرة ذاع صيت الويب 2.0 وتطبيقاته و تصاميمه بشكل رهيب كل يوم يظهر موقع جديد غاية في البساطة ولكنه ساطع وملئ بالاشياء المثيرة لذا يقفز لاعلى قائمة المواقع ويتصدر الترتيبات والحمدلله بدأت أرى مواقع عربية في ساحة المنافسة و التميز . مبدئياً لا يوجد معايير في إنشاء أي من عناصر الويب 2.0 في التصميم ولكن يوجد لدينا العديد من المظاهر التقليدية على سبيل المثال الألوان الواضحة الساطعة والتدرجات اللونية الكثيرة بشكل مقبول وجميل واليوم سوف أريكم كيفية تصميم زر ويب 2.0 احترافي ببرنامج الفوتوشوب.

تابع القراءة ..

كتبت بواسطة احمد حمودة في سولاف - نظرة ثاقبة على عالم التصميم - 2009 - رابط مباشر للتدوينة | 24 تعليقات
يمكنك أن تجد تدوينات مشابهة مصنفة تحت دروس

]]> http://www.solaf.cc/2009/03/11/how-to-create-web-2-button/feed/ 24 فيديو : شرح طريقة ثني الخط بالفوتوشوب http://www.solaf.cc/2008/12/19/bending-words-and-types-with-photoshop/ http://www.solaf.cc/2008/12/19/bending-words-and-types-with-photoshop/#comments Fri, 19 Dec 2008 00:35:10 +0000 سولاف (الإدارة) http://www.solaf.cc/?p=1236 يمكنك ثني العبارة التي تكتبها ببرنامج الفوتوشوب بطريقة سهلة. يمكنك أيضاً ثني أي عبارة تكتبها بواسطة برنامج الكلك بنفس الطريقة تقريباً لتظهر لك العبارة بشكل جميل غير الشكل المستقيم التقليدي. لمعرفة الطريقة شاهد مقطع الفيديو التالي (باللغة العربية) وهو من إعداد شبكة منتديات درة العرب, جزاهم الله خيراً.

صورة من الشرح

شرح-طريقة-ثني-الخط-بالفوتوشوب

مشاهدة الفيديو

[See post to watch Flash video]

تحميل الفيديو بدقة عالية


http://rapidshare.com/files/174567223/kelkType_1.rar (6.5 MB)

كتبت بواسطة سولاف (الإدارة) في سولاف - نظرة ثاقبة على عالم التصميم - 2008 - رابط مباشر للتدوينة | 4 تعليقات
يمكنك أن تجد تدوينات مشابهة مصنفة تحت دروس

]]> http://www.solaf.cc/2008/12/19/bending-words-and-types-with-photoshop/feed/ 4 شرح طريقة إبراز الصورة كأنها خارجة من الإطار http://www.solaf.cc/2008/12/10/photohsop-action-out-of-bounds/ http://www.solaf.cc/2008/12/10/photohsop-action-out-of-bounds/#comments Wed, 10 Dec 2008 18:23:22 +0000 سولاف (الإدارة) http://www.solaf.cc/?p=1117 من خلال هذا الدرس يمكنك أن تتعلم كيفية إبراز جزء من الصورة بحيث تظهر لك وكأنها تريد “الخروج” من الإطار. الدرس يعتمد على أكشن خاص للفوتوشوب اسمه OUT OF BOUNDS plus من موقع panosfx وطريقته ليست صعبة. في تكملة الموضوع يمكنك تحميل الأكشن ومشاهدة أمثلة على التطبيق ومتابعة الشرح بالفيديو.

مثال على التطبيق

شرح-إبراز-الصورة-كأنها-خارجة-من-الإطار

مثال آخر

شرح-إبراز-الصورة-كأنها-خارجة-من-الإطار

رابط تحميل الأكشن


http://www.solaf.cc/wp-content/uploads/outofbounds.rar (386 KB)

رابط تحميل آخر


http://rapidshare.com/files/175269301/outofbounds.rar

شرح بالفيديو لطريقة التطبيق

يمكنك مشاهدة الشرح بالفيديو من خلال هذا الرابط. ربما تحتاج برنامج QuickTime حتى يظهر لك الفيديو.

كتبت بواسطة سولاف (الإدارة) في سولاف - نظرة ثاقبة على عالم التصميم - 2008 - رابط مباشر للتدوينة | 11 تعليقات
يمكنك أن تجد تدوينات مشابهة مصنفة تحت دروس

]]> http://www.solaf.cc/2008/12/10/photohsop-action-out-of-bounds/feed/ 11 شرح أدوات الفوتوشوب (للمبتدئين) http://www.solaf.cc/2008/12/10/photoshop-tools/ http://www.solaf.cc/2008/12/10/photoshop-tools/#comments Wed, 10 Dec 2008 08:32:25 +0000 genius http://www.solaf.cc/?p=1097 درس بسيط يشرح طريقة استعمال أدوات الفوتوشوب ويشرح مفاتيح الاختصار. الدرس ملائم للمبتدئين الذي يريدون التعرف على أدوات هذا البرنامج الرائع في بداية طريقهم. يحتوي الدرس على صورتين توضيحيتين. يمكنك مشاهدة الدرس في تكملة الموضوع. أتمنى أن ينال الشرح على رضاكم وتقبلوا تحياتي.

شرح شريط الأدوات ومفاتيح الاختصار

شرح-ادوات-الفوتشووب 

شرح آخر لشريط الأدوات

شرح-ادوات-الفوتشووب

 

كتبت بواسطة genius في سولاف - نظرة ثاقبة على عالم التصميم - 2008 - رابط مباشر للتدوينة | 5 تعليقات
يمكنك أن تجد تدوينات مشابهة مصنفة تحت دروس

]]> http://www.solaf.cc/2008/12/10/photoshop-tools/feed/ 5 شرح دمج الصورة مع Shape بالفوتوشوب http://www.solaf.cc/2008/12/08/tutorila-how-to-merge-pictures-with-shapes-by-photoshop/ http://www.solaf.cc/2008/12/08/tutorila-how-to-merge-pictures-with-shapes-by-photoshop/#comments Mon, 08 Dec 2008 07:21:40 +0000 سولاف (الإدارة) http://www.solaf.cc/?p=1086 هذا درس بسيط يشرح لنا طريقة دمج الصورة مع Shape بالفوتوشوب. الهدف من الدرس هو أن ندمج الصورة مع شكل آخر حتى تظهر لنا بشكل مختلف. عليك فقط أن تختار صورة معينة من عندك تلائم فكرة ال shape حتى يكون الدمج به فكرة معبرّة أيضاً. شاهد الشرح بالصور في تكملة الموضوع.

الصورة الأولى

شرح-دمج-الصورة-مع-Shape-بالفوتوشوب

الصورة الثانية

الصورة الثانية ستكون عبارة عن shape نقوم باختيارها من الفوتوشوب كما هو موضح بالخطوة التالية.
شرح-دمج-الصورة-مع-Shape-بالفوتوشوب

اختيار shape من الفوتوشوب

شرح-دمج-الصورة-مع-Shape-بالفوتوشوب

طريقة الدمج

شرح-دمج-الصورة-مع-Shape-بالفوتوشوب

نتيجة الدمج

يمكننا الآن التحكم بصورة الطير لتظهر في منتصف صورة القلب كما نريد ونشاهد النتيجة في الصورة التالية.
شرح-دمج-الصورة-مع-Shape-بالفوتوشوب

كتبت بواسطة سولاف (الإدارة) في سولاف - نظرة ثاقبة على عالم التصميم - 2008 - رابط مباشر للتدوينة | 7 تعليقات
يمكنك أن تجد تدوينات مشابهة مصنفة تحت دروس

]]> http://www.solaf.cc/2008/12/08/tutorila-how-to-merge-pictures-with-shapes-by-photoshop/feed/ 7 شرح تدوير زوايا الصورة بدون استعمال برامج http://www.solaf.cc/2008/12/08/rounding-pictures-corners/ http://www.solaf.cc/2008/12/08/rounding-pictures-corners/#comments Mon, 08 Dec 2008 06:42:19 +0000 سولاف (الإدارة) http://www.solaf.cc/?p=1071 كثيرا ما نريد أن نتخلص من الزوايا القائمة في الصور وجعلها دائرية وجميلة وقد تكون هذه المهمة ليست باليسيرة للمستخدم العادي الذي لا يستعمل برامج التصميم. في هذا الموضوع سنشرح كيفية تدوير زوايا الصورة بكل سهولة وبدون الاستعانة بأي برنامج تصميم. أكمل قراءة بقية الموضوع للاطلاع على الشرح مع الأمثلة.

موقع ROUNDPIC

شرح-طريقة-تدوير-زوايا-الصورة-بدون-استعمال-برامج

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

شرح-طريقة-تدوير-زوايا-الصورة-بدون-استعمال-برامج

مثال على التطبيق

شرح-طريقة-تدوير-زوايا-الصورة-بدون-استعمال-برامج

كتبت بواسطة سولاف (الإدارة) في سولاف - نظرة ثاقبة على عالم التصميم - 2008 - رابط مباشر للتدوينة | 9 تعليقات
يمكنك أن تجد تدوينات مشابهة مصنفة تحت دروس

]]> http://www.solaf.cc/2008/12/08/rounding-pictures-corners/feed/ 9 شرح طريقة دمج الصور بشكل واقعي بالفوتوشوب http://www.solaf.cc/2008/11/30/how-to-merge-photos-using-photoshop/ http://www.solaf.cc/2008/11/30/how-to-merge-photos-using-photoshop/#comments Sun, 30 Nov 2008 06:05:53 +0000 PalTeknoBlog http://www.solaf.cc/?p=880 في الصفحة الأولى للموقع هنالك ملف فيديو عن إمكانيات الفوتوشوب في دمج الصور بشكل واقعي، أحببت المشاركة في الموضوع بشرح كيفية عمل ذلك، لكن بالطبع – ونظراً لأني أردت أن يخرج الدرس بشكل واضح جداً – فلقد كان حجم الملف كبير نوعا ما ، لذا إعذروني. يمكنكم مشاهدة الفيديو في تكملة الموضوع ولمن يعاني بمشاكل في الاتصال يمكنه تحميل الملف على جهازه من خلال أحد الروابط في تكملة الموضوع. يمكنكم أيضاً الاطلاع على الشرح في موقعي. أتمنى لكم الفائدة !

مشاهدة الفيديو

[See post to watch Flash video]

تحميل الفيديو بدقة عالية

اضغط على الرابط بالزر الأيمن من الفأرة > حفظ باسم


http://www.datalap.no/v/MergeFinal.mp4 (32 MB)

رابط تحميل آخر

اضغط على الرابط بالزر الأيمن من الفأرة > حفظ باسم


 http://rapidshare.com/files/168759248/MergeFinal.mp4 (32 MB)

أمثلة على دمج صور

لمشاهدة الأمثلة قم بزيارة هذا الرابط

كتبت بواسطة PalTeknoBlog في سولاف - نظرة ثاقبة على عالم التصميم - 2008 - رابط مباشر للتدوينة | 24 تعليقات
يمكنك أن تجد تدوينات مشابهة مصنفة تحت دروس

]]> http://www.solaf.cc/2008/11/30/how-to-merge-photos-using-photoshop/feed/ 24 فيديو: الرسم (Tracing) بواسطة الكوريل درو http://www.solaf.cc/2008/09/03/tracing-photos-by-corel-draw/ http://www.solaf.cc/2008/09/03/tracing-photos-by-corel-draw/#comments Thu, 04 Sep 2008 02:48:07 +0000 سولاف (الإدارة) http://www.rasheed-b.com/themia/?p=15 ما هو المقصود بــ ال Trace ؟ القصد من وراء ذالك هو عندما تريد أن ترسم بواسطة برنامج منحنيات صورة أو كلمات معينة موجودة على الورق. على سبيل المثال اذا ذهبت الى خطاط وكتب لك بضع كلمات, حتى تستطيع أن تستعمل هذه الكلمات في تصاميمك بدقة عالية تحتاج أن ترسمها ببرنامج منحنيات. نحتاج الى ماسح ضوئي حتى ننقل العنصر المراد رسمه الى برنامج التصميم. طريقة الرسم لا تتطلب مهارات خاصة سوى اتقان استعمال بعض الأدوات في برنامج الكوريل درو.

مثال تطبيق للشرح

corel-trace

كتبت بواسطة سولاف (الإدارة) في سولاف - نظرة ثاقبة على عالم التصميم - 2008 - رابط مباشر للتدوينة | 3 تعليقات
يمكنك أن تجد تدوينات مشابهة مصنفة تحت دروس

]]> http://www.solaf.cc/2008/09/03/tracing-photos-by-corel-draw/feed/ 3