- ياسمينه الشاممصطباوى جديد
- رقم العضوية : 890
عدد الرسائل : 4
تاريخ التسجيل : 26/10/2010
درس تصميم لوجو – شعار بالفوتوشوب مع قائمة ومربع بحث لموقعك
الثلاثاء 26 أكتوبر 2010, 14:57
فى هذا الدرس سنقوم بشرح طريقة تصميم لوجو بالفوتوشوب – شعار بالفوتوشوب لموقعك بشكل جميل وباسفله قائمة ومربع بحث وسيكون هذا هو الشكل النهائى ان شاء الله
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
اضغط على الصور ليتم تكبيرها
1- افتح صفحة جديده للعمل بها بمقاس 800px 150px
وارسم الشكل باداة المستطيل
واجعل لون الخلفية 738594
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
2 – اضف مكان للشعار والوصف
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
3 – الان قم باستخدام اداة المستطيل المستدير rounded rectangle tool
لون e3e3e3
ونصف قطر radius 35px
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
4 – قم بفتح خيارات blending options على هذا الشكل وقم بضبط الاعدادات كما فى الصور التاليه
Drop shadow:
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
5. Inner glow:
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
6. Satin:
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
7.Gradient Overlay:
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
8 – الان قم باضافة بعض النصوص الجميله والخطوط الفاصله بين الازرار
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
9 – اضف شكلين اعلى القائمه
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
10 – لنكمل مع مربع البحث
فالنضع شكلين كما هو موضع بالصوره التالية
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
11 – انسخ الاستايل الذى قمت بصنعه للقائمة الى مربع البحث
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
12 – اضف تاثير stroke مع لون 858585 من blending options
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
13 – الان خذ اداة Ellipse tool
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
14 – قم برسم شكل بها ليكون هذا هو زرار GO باللون الابيض
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
15 – قم بلص عليه نفس الاستايل الذى قمت بعمله فى القائمه ومربع البحث
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
16 – هنا سوف نقوم بتغيير اعدادات stroke قليلا
Size:2
Opacity: 19%
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
17 – اضف نصين Search و GO
مثل الصورة التالى
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
18 – الان نضيف قليلا من اللمعان على الشكل
اضف شكل ابيض على الشكل الاول
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
19 – قم باختيار اداة rectangle tool وحدد النصف السفلى من الشكل الابيض الذى قمنا بانشائه فوق الشكل الاول وقم بقصه
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
20 – قم بضبط اعدادات ال layer
opacity: 25%
layer mode : Soft Light
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
21 – يمكنك ان تقوم باسقاط الشكل الجديد الى اسفل ولكن هذا يكفى
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
وبهذا نكون قد انتهينا من هذا الدرس ويكون هذا هو الشكل النهائى
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
اتمنى ان تكون الترجمه مفهومه
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
اضغط على الصور ليتم تكبيرها
1- افتح صفحة جديده للعمل بها بمقاس 800px 150px
وارسم الشكل باداة المستطيل
واجعل لون الخلفية 738594
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
2 – اضف مكان للشعار والوصف
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
3 – الان قم باستخدام اداة المستطيل المستدير rounded rectangle tool
لون e3e3e3
ونصف قطر radius 35px
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
4 – قم بفتح خيارات blending options على هذا الشكل وقم بضبط الاعدادات كما فى الصور التاليه
Drop shadow:
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
5. Inner glow:
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
6. Satin:
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
7.Gradient Overlay:
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
8 – الان قم باضافة بعض النصوص الجميله والخطوط الفاصله بين الازرار
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
9 – اضف شكلين اعلى القائمه
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
10 – لنكمل مع مربع البحث
فالنضع شكلين كما هو موضع بالصوره التالية
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
11 – انسخ الاستايل الذى قمت بصنعه للقائمة الى مربع البحث
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
12 – اضف تاثير stroke مع لون 858585 من blending options
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
13 – الان خذ اداة Ellipse tool
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
14 – قم برسم شكل بها ليكون هذا هو زرار GO باللون الابيض
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
15 – قم بلص عليه نفس الاستايل الذى قمت بعمله فى القائمه ومربع البحث
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
16 – هنا سوف نقوم بتغيير اعدادات stroke قليلا
Size:2
Opacity: 19%
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
17 – اضف نصين Search و GO
مثل الصورة التالى
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
18 – الان نضيف قليلا من اللمعان على الشكل
اضف شكل ابيض على الشكل الاول
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
19 – قم باختيار اداة rectangle tool وحدد النصف السفلى من الشكل الابيض الذى قمنا بانشائه فوق الشكل الاول وقم بقصه
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
20 – قم بضبط اعدادات ال layer
opacity: 25%
layer mode : Soft Light
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
21 – يمكنك ان تقوم باسقاط الشكل الجديد الى اسفل ولكن هذا يكفى
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
وبهذا نكون قد انتهينا من هذا الدرس ويكون هذا هو الشكل النهائى
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]
اتمنى ان تكون الترجمه مفهومه
- درس تصميم شعار بالفوتوشوب – درس تصميم لوجو بالفوتوشوب – لوجو باتمان Batman
- درس تصميم قائمة ازرار افقية غامقة بشكل جميل وبسيط بالفوتوشوب photoshop
- درس تصميم ازرار ملونة بالفوتوشوب – درس تصميم زرار بالفوتوشوب photoshop
- درس تصميم بيض ملون لشم النسيم بالفوتوشوب – درس تصميم جو الربيع
- اصنع لوجو او شعار شخصى رائع جدا
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى