عدد مرات النقر : 74
عدد  مرات الظهور : 10,290,197
عدد مرات النقر : 86
عدد  مرات الظهور : 10,290,197
عدد مرات النقر : 184
عدد  مرات الظهور : 10,290,197
عدد مرات النقر : 59
عدد  مرات الظهور : 10,290,197

عدد مرات النقر : 134
عدد  مرات الظهور : 10,290,197
عدد مرات النقر : 116
عدد  مرات الظهور : 10,290,197
عدد مرات النقر : 22
عدد  مرات الظهور : 10,290,197

عدد مرات النقر : 216
عدد  مرات الظهور : 18,345,581 
عدد مرات النقر : 287
عدد  مرات الظهور : 19,445,324

عدد مرات النقر : 36
عدد  مرات الظهور : 2,434,929 
عدد مرات النقر : 404
عدد  مرات الظهور : 29,809,172

عدد مرات النقر : 369
عدد  مرات الظهور : 33,331,667 
عدد مرات النقر : 420
عدد  مرات الظهور : 33,331,667
فعاليات متجدده وممتعه عبر صفحات منتدانا الغالي
مطبخ تليد   طابور التميز   فعالية لعيون الاعضاء  جدد نشاطك  تميز وكون انت الأول   الفياتكم هداياكم  مين صاحب الصورة   شباب وبنات في ورطه  عضو كلبشناه  صوره وتعليق  مثل وصورة  

- دروس ودورات آلفوتوشـوب طريقك الى الاحتراف في الفوتوشوب وبرامج التصاميم .. مع احدث واجمل الدروس

إنشاء موضوع جديد إضافة رد
 
أدوات الموضوع انواع عرض الموضوع
#1  
قديم 01-30-2015
سوكراَ غير متواجد حالياً
لوني المفضل Cadetblue
 عضويتي » 1679
 جيت فيذا » Jan 2015
 آخر حضور » 05-21-2018 (09:31 PM)
مواضيعي » 59
آبدآعاتي » 71
تقييمآتي » 5000
الاعجابات المتلقاة » 0
الاعجابات المُرسلة » 0
دولتي الحبيبه » دولتي الحبيبه
جنسي  »  انثى
آلعمر  »
الحآلة آلآجتمآعية  »
 التقييم » سوكراَ الاعضاءسوكراَ الاعضاءسوكراَ الاعضاءسوكراَ الاعضاءسوكراَ الاعضاءسوكراَ الاعضاءسوكراَ الاعضاءسوكراَ الاعضاءسوكراَ الاعضاءسوكراَ الاعضاءسوكراَ الاعضاء
بيانات اضافيه [ + ]
افتراضي درس تصميم موبايل بالفوتوشوب , تصميم 2015



نقره لعرض الصورة في صفحة مستقلة
1- نبدأ بفتح صفحة بمقاس مناسب 700*700 كمجرد مثال .


2- إستخدم آداة Rounded Rectangle Toot , إجعل قيمة radius كما بالشكل (25) واللون 030303 وارسم مثل هذا الشكل .

نقره لعرض الصورة في صفحة مستقلة
3- أضف الإعدادات التالية

نقره لعرض الصورة في صفحة مستقلة
ليكون الشكل كالتالي


نقره لعرض الصورة في صفحة مستقلة4

– نفتح لاير جديد ونستخدم التدرج الآتي
نقره لعرض الصورة في صفحة مستقلة ونبدأ بعمل لمعة علي الزاوية العلوية بدرجة لون 414040 ثم نضغط حرف V ونحرك اللاير 2 بكسل لليمين و2 بكسل للاسفل .
5- نكرر نفس الخطوة السابقة علي الزاوية المقابلة بدرجة لون 383838 ثم نحرك اللاير 2 بكسل لليسار و 2 بكسل لأعلى .
اذا واجهت اختلاف في الالوان قم بتغيير القيمة العددية لخاصية ( opacity) الموجودة في أعلى صندوق اللايرات .
سيكون نتيجة العمل كالآتي

نقره لعرض الصورة في صفحة مستقلة6


- نرسم مستطيل آخر بإستخدم آداة Rounded Rectangle Toot , إجعل قيمة radius كما بالشكل (25) وارسم مستطيل أصغر حجما ولكن لاحظ الابعاد بين المستطيلين بنسب متساوية .. ليكون الشكل كالآتي

نقره لعرض الصورة في صفحة مستقلة
7- اتبع الإعدادات التالية

نقره لعرض الصورة في صفحة مستقلة
ليكون النتيجة كالآتي:

نقره لعرض الصورة في صفحة مستقلة
8- نقوم بتكرار اللاير السابق ونقص الجزء العلوي ليكون الشكل كالآتي:



نقره لعرض الصورة في صفحة مستقلة9

- نقوم بعمل تدرج علي اللاير بالاعدادات التالية

نقره لعرض الصورة في صفحة مستقلة
10- نضغط Ctrl+u ونجعل الالوان من ابيض واسود ثم نضغط اوك .
11- نضيف للاير الإعدادات التالية : مع عمل strock بقيمة 1 بكسل ودرجة لون 242323 وعمل ال strock داخلي

نقره لعرض الصورة في صفحة مستقلة
سيكون الشكل كالتالي

نقره لعرض الصورة في صفحة مستقلة12

- سنبدأ بعمل تدرج شفاف بدرجة لون 6d6d6c الشكل التالي سيوضح ( لاحظ مكان البداية من الأعلى ثم النهاية في الاسفل ) ثم نضغط حرف v ونحرك اللاير 4 بكسل للاسفل و 4 بكسل لليمين .
نقره لعرض الصورة في صفحة مستقلة
نقره لعرض الصورة في صفحة مستقلة
13- نمسح بعض الأجزاء من التدرج بآداة pen tool ولا تنسى أن تكون مفعل خيار ( paths) ثم عمل selection ونمسح الاجزاء المتبقية الصورة القادمة ستوضح ..

نقره لعرض الصورة في صفحة مستقلة
سيكون الشكل النهائي :

نقره لعرض الصورة في صفحة مستقلة14

– نضيف بعض الزراير الجانبية البسيطة أسفل جميع اللايرات لتكون بهذا الشكل :

نقره لعرض الصورة في صفحة مستقلة
وهكذا انتهينا من رسم الهيكل العام للهاتف ..أعلم أن الدرس طويل ولكني أرى فيه إفادة :) .. والآن فقد أنجزنا 70% من الدرس فصبر جميل :)
15 – نبدأ برسم الشاشة .. نختار خلفية مناسبة ( أنا أرفقت خلفية هاتفي الحالية :)

نقره لعرض الصورة في صفحة مستقلة16

- نضع الخلفية في الشاشة لتكون بهذا الشكل

نقره لعرض الصورة في صفحة مستقلة
17- نرسم مستطيلين علي صورة السيارة ونملأهم باللون الأسود ونقلل شفافيتهم حتي يصبحو بهذا الشكل :

نقره لعرض الصورة في صفحة مستقلة18

- نضيف لشريطين بعض الايقونات والكلمات ليصبح بهذا الشكل والايقونات مرفقة في ال psd سيتم ارفاقه في آخر الدرس ..

نقره لعرض الصورة في صفحة مستقلة19

- نضيف شعار سامسونج ولكني بحثت عن الخط المستخدم في كتابة الشعار ولم اجده , فقمت بكتابة كلمة SAMSUNG بخط Arial ونمسح الخط الأفقى في حرف “A “ .. مجرد حل بديل ..
ونضيف كلمة WIFI اسفل الشاشة لانها مكتوبة عالجهاز بالفعل ..
ليكون الشكل كالآتي :

نقره لعرض الصورة في صفحة مستقلة
باقي رسم السماعة وال 3 أزرار ..
20- إستخدم آداة Rounded Rectangle Toot , إجعل قيمة radius كما بالشكل (8) وارسم مثل هذا الشكل .

نقره لعرض الصورة في صفحة مستقلة21

– اتبع الخطوات التالية :

نقره لعرض الصورة في صفحة مستقلة
21- نضيف بعض النقاط السوداء بفرشاة حجم 1 بكسل واللون الرمادي وتكرارها بجانب بعضها حتي تصبح مثل الشكل الآتي:

نقره لعرض الصورة في صفحة مستقلة22- باقي الأزرار السفلية ولكني أطلت في الدرس كثيرا ولا أرى فيها أي صعوبة..
فسأرفقها جاهزة مع الأيقونات والخطوط في PSD اختصاراً لوقتي ووقتكم ..
سيكون الناتح للازرار والهاتف كالآتي:

نقره لعرض الصورة في صفحة مستقلة
وفي النهاية نضع التصميم علي خلفية مع عمل انعكاس مائي مع بعض اللمسات الجمالية ..
تطبيقي المتواضع



نقره لعرض الصورة في صفحة مستقلة
لتحميل أيقونات الدرس والازرار والشعار اضغط علي تحميل
باسورد فك الضغط www.alwank.com




 توقيع : سوكراَ

*
اﻻوفياء اناس ثابتون على مبدا الحق وهم كالجبال مهما طال الزمان بهم لا يتغيرون " نقره لعرض الصورة في صفحة مستقلة

رد مع اقتباس
قديم 01-30-2015   #2



الصورة الرمزية ابو فواز

 عضويتي » 1
 جيت فيذا » Dec 2008
 آخر حضور » منذ 3 أسابيع (06:37 PM)
مواضيعي » 2496
آبدآعاتي » 13,453
تقييمآتي » 5161
الاعجابات المتلقاة » 193
الاعجابات المُرسلة » 196
دولتي الحبيبه » دولتي الحبيبه Saudi Arabia
جنسي  »  ذكر
آلعمر  » 17 سنه
الحآلة آلآجتمآعية  » مرتبط ♡
 التقييم » ابو فواز الاعضاءابو فواز الاعضاءابو فواز الاعضاءابو فواز الاعضاءابو فواز الاعضاءابو فواز الاعضاءابو فواز الاعضاءابو فواز الاعضاءابو فواز الاعضاءابو فواز الاعضاءابو فواز الاعضاء
مشروبك  »مشروبك   pepsi
قناتك  » قناتك
ناديك  » اشجع ithad
мч ѕмѕ ~
فـي لـحـظـة تـشـعُـر أنـك شـخـصٌ فـي هـذا الـعـالـم
بـيـنـمـا يـوجـد شـخـص فـي الـعـالـم يـشـعُـر
أنـك الـعـالـم بـأسـره
мч ммѕ ~
MMS ~
 آوسِمتي »

ابو فواز غير متواجد حالياً

افتراضي رد: درس تصميم موبايل بالفوتوشوب , تصميم 2015



ما شاء الله تبارك الله روعة روعة روعة
شرح رائع وعمل مرتب جدا
الله لايحرمنا جديدك الراقي
شكرا اختي الكريمة


 توقيع : ابو فواز

نقره لعرض الصورة في صفحة مستقلة


رد مع اقتباس
إنشاء موضوع جديد إضافة رد

مواقع النشر (المفضلة)

الكلمات الدلالية (Tags)
2015, موبايل, بالفوتوشوب, تصميم


(عرض الكل الاعضاء اللذين قامو بقراءة الموضوع : 3
, ,

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

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

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

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
درس تصميم توقيع احترافي بالفوتوشوب والسويتش ماكس وطريقة عمل تاثير فلاشي ميروديزاين 2014- 2015 rahaf♪♪ الفــFlash ـلاش و السـSwishMax ـويتش ماكس 3 07-31-2019 04:38 PM
الفرق بين لكزس nx 2016 و nx 2015 نسيم الجنوب - مــنــتدى عــــالــــم الــســــيارات والمحركات 3 12-06-2015 11:54 AM
ستايل الفراشة 2015 بتقنية css تصميم : محمد الحاج محمد الحاج - منتدى أعمال المصمم محمد الحاج 18 11-07-2015 02:22 PM
تصميم صور بالفوتوشوب من تصميمي يارب تعجبكم أمـــــــــــــيـــــرة ღ معرض التصاميم والأعمال الخاصة بأعضاء آل تليد ღ 13 04-24-2013 05:40 PM
تصميم بسيط بالفوتوشوب..من أيديا.. غيثارة المساء ღ معرض التصاميم والأعمال الخاصة بأعضاء آل تليد ღ 7 05-28-2011 09:14 PM


الساعة الآن

Powered by vBulletin® Version 3.8.11
Copyright ©2000 - 2024, vBulletin Solutions Inc.
new notificatio by 9adq_ala7sas
Ads Organizer 3.0.3 by Analytics - Distance Education
استضافة ودعم وتطوير وحماية من استضافة تعاون