دروس تعليم فوتوشوب بالصور

شرح تصميم المواقع بالفوتوشوب شرح تصميم المواقع بالفوتوشوب شرح تصميم المواقع بالفوتوشوب شرح تصميم المواقع بالفوتوشوب شرح تصميم المواقع بالفوتوشوب شرح تصميم المواقع بالفوتوشوب شرح تصميم المواقع بالفوتوشوب شرح تصميم المواقع بالفوتوشوب شرح تصميم المواقع بالفوتوشوب

=السلام عليكم و رحمة الله و بركاته
و اعتذر اذا لم يكن الموضوع فى القسم المناسب
اليكم درس تصميم واجهة موقع احترافية

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

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

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

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

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذه الصورة]

وياليت اكون افدتكم Smile