للتسجيل اضغط هـنـا


العودة   منتديات العرب-هيلب العرب > منتديات التصميم-جرافيكس-فلاش-فوتوشوب > أدوات الفوتوشوب - photoshop tools > دروس فوتوشوب- photoshop

دروس فوتوشوب- photoshop دروس فوتوشوب, دروس الفوتوشوب, درس فوتوشوب, دروس فوتو شوب, دروس في الفوتوشوب, دروس للفوتوشوب, دروس فوتوشب, دروس فوتوشوب للمبتدئين, تحميل دروس فوتوشوب, دروس فوتوشوب 7, مكتبة دروس فوتوشوب, فوتوشوب 7, فوتوشوب 8, فوتوشوب تحميل, برنامج فوتوشوب


شرح تصميم واجهة موقع احترافيه-بالصور

دروس فوتوشوب- photoshop


إضافة رد
 
أدوات الموضوع انواع عرض الموضوع
قديم منذ /03-03-2010, 07:50 PM   #1

 
الصورة الرمزية سلمان الجوفي

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

 رقم العضوية : 1
 تاريخ التسجيل : Feb 2010
 المشاركات : 4,704
 النقاط : سلمان الجوفي تم تعطيل التقييم
 تقييم المستوى : 20

B17 شرح تصميم واجهة موقع احترافيه-بالصور

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


اليكم درس تصميم واجهة موقع احترافية

اولاً نقوم بتشغيل برنامج الفوتوشوب بمقاس 800 * 600 بيكسل

ثم نقوم بانشاء طبقة جديدة بالضغط على ctrl + shift + n كما بالصورة:



ثم نختار اداة rectangle tool كما بالصورة:



ثم نضغط على السهم الصغير الموجود بلوحة الاستايلات كما بالصورة:




ثم نضغط على buttons كما بالصورة:



ثمستظهر لنا نافذة و نضغط فيها على append كما بالصورة:



ثم ستظهر لنا استايلات جديدة فى لوحة الاستايلات و نحتار منها الاستايل الاحمر الذى سيمى ب red gil كما بالصورة:



ثم نقوم بانشاء طبقة جديدة بنفس الطريقة المذكورة فى بداية الشرح و نرسم باداة rectangle tool مستطيل كما بالصورة:



و نجعل لونه بالاستايل bright red bevel كما بالصورة:



ثم نضغط على filter و نختار من القائمة التى ستظهر لنا distort و من القائمة التى ستظهر بعد ذلك نختار ripple كما بالصورة:



و بعد ذلك نضغط على قائمة filter و نختار من القائمة التى ستظهر لنا distort ثم نخ تار من القائمة الاخرى التى ستظهر لنا wave كما بالصورة:



ثم نقوم بعمل طبقة جديدة بنفس الطريقة المذكورة فى اول الشرح و نرسم باداة rectangle tool مستطيل اخر بنفس الطريقة المذكورة فى اول الشرح و بعد ذلك نضغط على قائمة edit و نختار منه transform و نختار من القائمة الاخرى التى ستظهر لنا warp كما بالصورة:



ثم نغير شكلها بتحريك الدائرة الصغيرة الثانية من اليمين بالطريقة المطلوبة ليصبح الشكل كما ترى فى الصورة:






و نرسم مستطيل اخر بالطريقة المذكورة فى البداية و نقوم بعمل نفس التاثير warp على المستطيل
ثم نقوم بانشاء طبقة جديدة و نرسم مستطيل فى المنتصف و يوازى المستطيلان الموجودان على اليميمن و اليسار و نقوم بعمل التاثير warp عليه ثم نرسم مستطيل اخر بالاسفل تحت كل ما تم تصميمه
و نقوم بعمل التاثير ripple الموجود فى قائمة distort الموجودة بقائمة filter و ستكون النتيجة كالتالى:



ثم نقوم برسم الزرار التى تريدها كما تشاء باستخدام اداة rectangle tool و قم بالتعديل عليها و تلوينها كما تحب و بعد ذلك قم بكتابة الكلمات التى تريدها على تلك الازرار و عمل التاثيرات التى تريدها عليها

و صورة للناتج النهائى قبل وضع الازرار و التاثيرات المطلوبة:





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

واريد ان ارى تطبيقاتكم








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

الناجحون يبحثون دائما عن الفرص لمساعدة الآخرين .
.
بينما غيرهم يسأل أولا : ما الذي سأستفيده من تقديم يد المساعدة

هكذا أعيش وهذا ماأفعله

سلمان الجوفي




  رد مع اقتباس
قديم منذ /03-04-2010, 12:34 AM   #2

 
الصورة الرمزية ملاك الروح

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

 رقم العضوية : 2
 تاريخ التسجيل : Feb 2010
 المشاركات : 14,258
 النقاط : ملاك الروح is a jewel in the roughملاك الروح is a jewel in the roughملاك الروح is a jewel in the rough
 تقييم المستوى : 20

افتراضي رد: شرح تصميم واجهة موقع احترافيه-بالصور

يعطيك الف عافية ع الموضوع الرائع تقبل مروري
اتمنا الكل يستفيد








التوقيع
мαℓαк αℓяσσ7


  رد مع اقتباس
قديم منذ /03-06-2010, 12:59 PM   #3

GîяĻDяεặms غير متواجد حالياً

 رقم العضوية : 3
 تاريخ التسجيل : Feb 2010
 المشاركات : 2,214
 النقاط : GîяĻDяεặms is on a distinguished road
 تقييم المستوى : 11

افتراضي رد: شرح تصميم واجهة موقع احترافيه-بالصور

الله يعطيك عافية
,ة أخوي سلمان
على الشرح الوافي
دمت ودام تميزك
/
\









التوقيع
[flash=http://www.alraidiah.org/up/up/26709375920100225.swf]WIDTH=450 HEIGHT=300[/flash]






ٻــِڛْ ڦـِۈِّۄْڸَ .. ٱٻــِـڠً ـِآإْ

أڼْ ـآإْ أڨـِۈِـؤِۈِڷ ζــِآإضـِـٌرِْ
  رد مع اقتباس
قديم منذ /03-23-2010, 01:49 PM   #4

 
الصورة الرمزية سلمان الجوفي

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

 رقم العضوية : 1
 تاريخ التسجيل : Feb 2010
 المشاركات : 4,704
 النقاط : سلمان الجوفي تم تعطيل التقييم
 تقييم المستوى : 20

افتراضي رد: شرح تصميم واجهة موقع احترافيه-بالصور

الله يعافيكم ومشكورين ع المرور والرد ع الموضوع

واتمنى اكون افدتكم

بالتوفيق








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

الناجحون يبحثون دائما عن الفرص لمساعدة الآخرين .
.
بينما غيرهم يسأل أولا : ما الذي سأستفيده من تقديم يد المساعدة

هكذا أعيش وهذا ماأفعله

سلمان الجوفي




  رد مع اقتباس
قديم منذ /04-20-2010, 04:03 PM   #5

 
الصورة الرمزية яo7e t7βk

яo7e t7βk غير متواجد حالياً

 رقم العضوية : 225
 تاريخ التسجيل : Apr 2010
 المشاركات : 37
 النقاط : яo7e t7βk is an unknown quantity at this point
 تقييم المستوى : 0

افتراضي رد: شرح تصميم واجهة موقع احترافيه-بالصور

مشكووور

وما تقصر اخوي سلمان

بالتوفيق يارب

تقبل مروري








التوقيع




أشرب من الوسڪـﮯ علـﮯ بالـﮯ انساڪ

أسڪر وأشوفڪ داخل الڪاس موجود


هنا <~ لمن يريد مراسلتي:)
  رد مع اقتباس
قديم منذ /04-23-2010, 07:03 PM   #6

 
الصورة الرمزية سلمان الجوفي

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

 رقم العضوية : 1
 تاريخ التسجيل : Feb 2010
 المشاركات : 4,704
 النقاط : سلمان الجوفي تم تعطيل التقييم
 تقييم المستوى : 20

افتراضي رد: شرح تصميم واجهة موقع احترافيه-بالصور

العفو اختي ومشكوره ع المرور والرد ع الموضوع
وحياك الله في صفحتي
تحياتي لك








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

الناجحون يبحثون دائما عن الفرص لمساعدة الآخرين .
.
بينما غيرهم يسأل أولا : ما الذي سأستفيده من تقديم يد المساعدة

هكذا أعيش وهذا ماأفعله

سلمان الجوفي




  رد مع اقتباس
قديم منذ /09-18-2010, 06:57 PM   #7

 
الصورة الرمزية ΜžŽżĄĢỹ

ΜžŽżĄĢỹ غير متواجد حالياً

 رقم العضوية : 1025
 تاريخ التسجيل : Sep 2010
 المشاركات : 87
 النقاط : ΜžŽżĄĢỹ is an unknown quantity at this point
 تقييم المستوى : 0

افتراضي رد: شرح تصميم واجهة موقع احترافيه-بالصور

الله يعطيك العافي
ومشكور وماتقصر ع الموضوع الرئع والجميل








  رد مع اقتباس
قديم منذ /09-26-2010, 10:01 PM   #8

 
الصورة الرمزية سلمان الجوفي

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

 رقم العضوية : 1
 تاريخ التسجيل : Feb 2010
 المشاركات : 4,704
 النقاط : سلمان الجوفي تم تعطيل التقييم
 تقييم المستوى : 20

افتراضي رد: شرح تصميم واجهة موقع احترافيه-بالصور

الله يعافيك اخوي

واتمنى تكون استفدت من الموضوع

بالتوفيق لك








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

الناجحون يبحثون دائما عن الفرص لمساعدة الآخرين .
.
بينما غيرهم يسأل أولا : ما الذي سأستفيده من تقديم يد المساعدة

هكذا أعيش وهذا ماأفعله

سلمان الجوفي




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

مواقع النشر (المفضلة)
الكلمات الدلالية (Tags)
موقع, واجهة, احترافيهبالصور, تصميم, شرح

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

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

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

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

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
علي بقنة : يعتبر تصميم مطار جدة امرأة متهيئة للجنس ملاك الروح اخبار و قضايا سعوديه 0 05-29-2011 11:27 AM
وعدتني .../ تصميم GîяĻDяεặms تصاميم الاعضاء وأعمالهم 12 01-28-2011 03:39 AM
فتاوى تصميم مواقع وغرف الدردشة سلمان الجوفي طريق الأسلام-Arab Muslims 3 08-31-2010 10:48 PM
طريقة تصميم أثاث وفرش لبيتك!! ملاك الروح الديكور المنزلي 2 03-22-2010 08:22 PM

RSS RSS 2.0 XML MAP HTML

^-^ جميع آلمشآركآت آلمكتوبهـ تعبّر عن وجهة نظر صآحبهآ ,, ولا تعبّر بأي شكلـ من آلأشكآل عن وجهة نظر إدآرة آلمنتدى ~


الساعة الآن 11:12 AM.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.

ترقية وحماية الأفضل فور يـو لخدمات الويب المتكاملةManager

X vBulletin 3.8.7 Debug Information
  • Page Generation 0.06622 seconds
  • Memory Usage 3,448KB
  • Queries Executed 20 (?)
More Information
Template Usage:
  • (1)SHOWTHREAD
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (1)ad_showthread_beforeqr
  • (1)ad_showthread_firstpost
  • (1)ad_showthread_firstpost_sig
  • (1)ad_showthread_firstpost_start
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (8)iplus2h_ftg
  • (1)navbar
  • (4)navbar_link
  • (91)option
  • (8)postbit_legacy
  • (8)postbit_onlinestatus
  • (10)postbit_reputation
  • (8)postbit_wrapper
  • (6)showthread_bookmarksite
  • (4)showthread_similarthreadbit
  • (1)showthread_similarthreads
  • (1)spacer_close
  • (1)spacer_open
  • (5)tagbit
  • (1)tagbit_wrapper
  • (1)ugc_footer
  • (1)ugc_header
  • (1)ugc_headinclude 

Phrase Groups Available:
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files:
  • ./showthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php 

Hooks Called:
  • init_startup
  • cache_permissions
  • fetch_postinfo_query
  • fetch_postinfo
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • showthread_start
  • showthread_getinfo
  • forumjump
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • fetch_musername
  • reputation_power
  • reputation_image
  • bbcode_parse_start
  • postbit_imicons
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • tag_fetchbit
  • tag_fetchbit_complete
  • showthread_similarthread_query
  • showthread_similarthreadbit
  • forumrules
  • showthread_bookmarkbit
  • navbits
  • navbits_complete
  • showthread_complete
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82