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

[دموع اليآسمين]

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

اقدم لكم درس لتصميم واجهة موقع احترافية و اتمنى ان يعجبكم
و تستفيدون منه و اتمنى عند النقل وضع هذا الرابط فى بداية
او نهاية الموضوع www.albasha.info و اتمنى عدم نزع الحقوق
فلنبدا الشرح:
اولاً نفتح الفوتوشوب ثم نختار المساحة كالتالى:​

​

ثم نضغط على ctrl+shift+n فتظهر لنا

الشاشة التالية و نضغط فيها على زر ok:​

​

ثم نرسم مستطيل دائرى الاطراف باللون الازرق كما بالصورة:​

http://meagasheard.com/showlink.php?link=aHR0cDovL3d3dy5hbGJhc2hhLmluZm8vdXAv​

​

ثم نضغط مرتين متتاليتين فى النقطة الموضحة بالصورة:​

​

ستظهر لنا الشاشة التالية:​

http://meagasheard.com/showlink.php?link=aHR0cDovL3d3dy5hbGJhc2hhLmluZm8vdXAv​

​

فنختار منها كما بالصورة:​

http://meagasheard.com/showlink.php?link=aHR0cDovL3d3dy5hbGJhc2hhLmluZm8vdXAv​

​

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

http://meagasheard.com/showlink.php?link=aHR0cDovL3d3dy5hbGJhc2hhLmluZm8vdXAv​

​

و تظهر النتيجة التالية كما بالصورة:​

http://meagasheard.com/showlink.php?link=aHR0cDovL3d3dy5hbGJhc2hhLmluZm8vdXAv​

​

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

​

.​

​

​

​

فتظهر النتيجة التالية و نختار كما يلى و نضغط على ok:​

http://meagasheard.com/showlink.php?link=aHR0cDovL3d3dy5hbGJhc2hhLmluZm8vdXAv​

​

فتظهر النتيجة التالية :​

http://meagasheard.com/showlink.php?link=aHR0cDovL3d3dy5hbGJhc2hhLmluZm8vdXAv​

​

ثم نحركها بالاداة التالية:​

http://meagasheard.com/showlink.php?link=aHR0cDovL3d3dy5hbGJhc2hhLmluZm8vdXAv​

​

الى ان تصبح على النحو التالى:​

http://meagasheard.com/showlink.php?link=aHR0cDovL3d3dy5hbGJhc2hhLmluZm8vdXAv​

​

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

http://meagasheard.com/showlink.php?link=aHR0cDovL3d3dy5hbGJhc2hhLmluZm8vdXAv​

​

ثم نضغط على ctrl+shift+n فتظهر لنا الشاشة
التالية و نضغط فيها على ok كما بالصورة:​

http://meagasheard.com/showlink.php?link=aHR0cDovL3d3dy5hbGJhc2hhLmluZm8vdXAv​

​

ثم نرسم باداة المستطيل الدائرى الاطراف مستطيل على يسار التصميم و نطبق عليه كل ما فعلناه من قبل فتكون النتيجة كالتالى:​

http://meagasheard.com/showlink.php?link=aHR0cDovL3d3dy5hbGJhc2hhLmluZm8vdXAv​

​

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

http://meagasheard.com/showlink.php?link=aHR0cDovL3d3dy5hbGJhc2hhLmluZm8vdXAv​

​

فتظهر لنا الشاشة التالية و نختار منها كما بالصورة:​

http://meagasheard.com/showlink.php?link=aHR0cDovL3d3dy5hbGJhc2hhLmluZm8vdXAv​

​

فيصبح التصميم على هذا النحو:​

http://meagasheard.com/showlink.php?link=aHR0cDovL3d3dy5hbGJhc2hhLmluZm8vdXAv​

​

ثم نرسم مستطيل دائرى الاطراف و نطبق عليه
ايضاً كل ما طبقناه على المستطيل السابق فتصبح النتيجة كالتالى:​

http://meagasheard.com/showlink.php?link=aHR0cDovL3d3dy5hbGJhc2hhLmluZm8vdXAv​

​

ثم نرسم مستطيل اخر و نطبق عليه كل شىء فعلناه
باستثناء استخدام shear فتظهر لنا النتيجة التالية:​

http://meagasheard.com/showlink.php?link=aHR0cDovL3d3dy5hbGJhc2hhLmluZm8vdXAv​

​

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

http://meagasheard.com/showlink.php?link=aHR0cDovL3d3dy5hbGJhc2hhLmluZm8vdXAv​

​

ثم تكون النتيجة النهائية كالتالى:​

http://meagasheard.com/showlink.php?link=aHR0cDovL3d3dy5hbGJhc2hhLmluZm8vdXAv​

​

ثم نكتب ما نشاء على التصميم
و بهذا ينتهى الدرس و اتمنى ان ارى تطبيقاتكم
منقوووول للفائده​

 

رواتب الإطفاء في الكويت

اسعار هدايا التيك توك

مخالفات المرورالكويت

عدد المتابعين للربح من لايكي

مراسلة الفيس بوك

[GIANT]

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

ولك يسلمووووووووووو

 

[دموع اليآسمين]

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

ولك يسلمووووووووووو

العفووووو
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .