صمم صفحة موقعك بالفوتو شوب.. وربعه...

[غزلان]

السلام عليكم....

هذا الدرس شفته في احد المنتديات وحبيت اسرقه الكم اقصد انقله الكم ;) ( حليلي حراميه شريفه اقول اني سارقتنه ) :D

درس مترجم من موقع فوتوشوب كافي الانجليزي ...

===============================
اغلب الناس عندهم خلفيات ششاشاتهم 800*600 فعليك ان تفعل هكذا ..
http://www.photoshopcafe.com/tutorials/super%20tutorial%202/super-two001.gif

===============================
اممم الحين نقسم التصميم حسب .. رغبتك .. guides
هذه الخطوط الزرقاء تقدر تحطها .. عن طريق
guides < view
http://www.photoshopcafe.com/tutorials/super%20tutorial%202/super-two002.gif

===============================
الآن انشأ layers جديد ..
http://www.photoshopcafe.com/tutorials/super%20tutorial%202/super-two003.gif

================================
الان .. انشأ اي تدرج تحبه انت او مثل ما هو محطوط ..
http://www.photoshopcafe.com/tutorials/super%20tutorial%202/super-two004.gif

===============================
الان .. امسك ال Shift ونزل لي تحت بالماوس علشان يصير التدرج معاك مثل هذا ..
http://www.photoshopcafe.com/tutorials/super%20tutorial%202/super-two005.jpg

================================
الحين .. حط اي صورة....
http://www.photoshopcafe.com/tutorials/super%20tutorial%202/super-two006.jpg

================================
طبعا الحين راح نحط ماسك على الصورة والماسك هو ثاني ختيار من اليسار من الي تحت الي يمه حرف الـ F ..
http://www.photoshopcafe.com/tutorials/super%20tutorial%202/super-two007.gif

[غزلان]

الحين .. راح نسوي فرشه حجمها 100 وتكون حوافها ناعمة .. مثل هذي ..
http://www.photoshopcafe.com/tutorials/super%20tutorial%202/super-two008.gif

===================================
الحين شيء سهل انك تزيل الحواف للصورة بهذه الاداة .. طبعا اتكون مأشر على الماسك الي سويناه .. واختار اللون الاسود .. وامسج واذا اخطأت اختار الابيض ورد ..
http://www.photoshopcafe.com/tutorials/super%20tutorial%202/super-two009.jpg

===================================
راح يصير معانا هذا الشكل ..
http://www.photoshopcafe.com/tutorials/super%20tutorial%202/super-two010.jpg

===================================
الحين قلل القيمه الى 46% اذا تبي .. اكثر اقل حسب نظرتك ..
http://www.photoshopcafe.com/tutorials/super%20tutorial%202/super-two011.gif

===================================
الشكل النهائي ..
http://www.photoshopcafe.com/tutorials/super%20tutorial%202/super-two012.jpg

غزلان(h)

[غزلان]

الدرس الثاني وهو لشرح الاضافات .....

==========
اول شيء تحتاج الى اسم الموقع او شعارك او اي شيء تبيه يكون امامك .. طبعا عقب ما تكتب ضعه بالمكان لمخصص له كما سوف ترى .. عن طريق ضغط Ctrl + t وتحريكه وتضبيطه .. بفضل اختيرا خط نظيف ..

http://www.photoshopcafe.com/tutorials/super%20tutorial%202/super-two013.jpg
الآن .. ضع شعارك الذي يمكنك عمله بكل سهولة ..
سو مربع عادي .. وقطع اطرافه .. بالطريقه الي تريحك .. وبعدين حط داخله حرف او شعار بعدين حرك المربع ليكون بالشكل هذا يعني 45درجه بس مو اكثر .. لوضعه بالشكل المطلوب وسوف تكتشفه بعدين .. شايف الجايد الي حطيناهم قبل .. حطه عليهل بالشكل هذا ..

http://www.photoshopcafe.com/tutorials/super%20tutorial%202/super-two014.gif

=========
الحين انشأ لير جديد سمه lines ...
http://www.photoshopcafe.com/tutorials/super%20tutorial%202/super-two015.gif

========
الحين اختار اداة التحديد العامودية ..
http://www.photoshopcafe.com/tutorials/super%20tutorial%202/super-two016.gif

==========
حدد على يمين ويسار الكلمة الي حطيناها .. بالشكل هذا ..
http://www.photoshopcafe.com/tutorials/super%20tutorial%202/super-two017.gif

==========
الحين امسح الخطوط الي راحت صوب الشعار بالشكل هذا ..
http://www.photoshopcafe.com/tutorials/super%20tutorial%202/super-two018.gif

[غزلان]

لتكون بهذا الشكل ..
http://www.photoshopcafe.com/tutorials/super%20tutorial%202/super-two019.gif

=========
الحين بالاستعانه بالجايدز الي حطيناهم اول خطوات .. حدد المساحه المستطيله الي صارت بالوسط .. ولونها باللون الي تبيه ..
http://www.photoshopcafe.com/tutorials/super%20tutorial%202/super-two020.gif

=========
الحين .. اكتب فيها بأشكال متباعده الي تبي تسوي له وصلات .. طبعا مو تكتب تحته فقط اكتب فوقه وفيه نفس الشكل التالي ..
http://www.photoshopcafe.com/tutorials/super%20tutorial%202/super-two021.gif

==========
الحين اخفي الجايدز . عن طريق ضغط Crtl + '
للعلم هذا (( ' )) موجود مكان حرف الطاء بالعربي
ليتكون لنا هذا الشكل ..
http://www.photoshopcafe.com/tutorials/super%20tutorial%202/super-two023.jpg

(hi)

[غزلان]

الدرس الثالث سهل وما يبي له شيء اصلا .. لانك راح تضيف اشكال لتميز الوصلات

=====
هذه القائمة اختار منها اي واحد ..
http://www.photoshopcafe.com/tutorials/super%20tutorial%202/super-two024.gif

====
شكل التايل الي تبيه انت بنفسك .. ترى سهله ..
http://www.photoshopcafe.com/tutorials/super%20tutorial%202/super-two025.gif

=====
طبعا هذاالشكل راح يطلع لنا لما نحط الماوس على الكلمه ..
http://www.photoshopcafe.com/tutorials/super%20tutorial%202/super-two026.jpg

=====
الحين ننسخ هذا الستايل عن طريق الضغط بالماوس يمين .. وفعل هذه الفعله
http://www.photoshopcafe.com/tutorials/super%20tutorial%202/super-two028.gif

=====
الحين روح على الثانيين .. وسو هالحركه .. بالماوس يمين بعدين اختار .
http://www.photoshopcafe.com/tutorials/super%20tutorial%202/super-two029.gif

====
هذا الشكل الي المفروض يتكون لديك ..
http://www.photoshopcafe.com/tutorials/super%20tutorial%202/super-two030.gif

=======
بس اقولك شغلة طف الحركة مالت الستايل لاننا الحين راح نروح الايميج ردي ونسوي حركة الماوس الممرر ..
http://www.photoshopcafe.com/tutorials/super%20tutorial%202/super-two031.gif

(أضربك)

[غزلان]

الحين راح نتحول للإيميج ردي من الفوتوشوب اي نعم من الفوتوشوب وهي سهلة ..
http://www.photoshopcafe.com/tutorials/rollovers/switch-to-imageready.gif

========
الحين راح يرد ال guides بروحه .. او احنا نرده بكل سهوله .
ونروح الى optimization
http://www.photoshopcafe.com/tutorials/super%20tutorial%202/super-two033.gif

========
الحين شوف القائمة هذي فوق واختار نفس الخيارات ...
http://www.photoshopcafe.com/tutorials/super%20tutorial%202/super-two034.gif

الحين نختار اداة التقطيع ..
ادري بتقولون ليش ما قطعنا بالفوتوشوب اقولكم اننا نحتاج للوقت .. وافهموا
http://www.photoshopcafe.com/tutorials/super%20tutorial%202/super-two035.gif

========
الحين نقطع الاماكن مثل الاسم و اماكن الازرار .. وهالسوالف .. طبعا بالزاوية راح نشوف ارقام هذي ارقام القطع .. وكلما الصورة قطعت كان افضل لنزولها على النت ..
http://www.photoshopcafe.com/tutorials/super%20tutorial%202/super-two036.jpg

طبعا بتقول ليش حسين قاعد يقولنا قطعوا وسووا هالسالفه ..
1- نقدر نسوي حركة بالمكان الي قطعناه ..
2- سرعة التنزيل والكثير ...

=========
الحين اقعد قصص مكان الازرار ..
http://www.photoshopcafe.com/tutorials/super%20tutorial%202/super-two037.gif

=========
احم احم .. هذا الشكل الي يطلع لك ..
http://www.photoshopcafe.com/tutorials/super%20tutorial%202/super-two038.jpg

انتهى درس التشريح .. 3

[غزلان]

وللموضوع بقيه ان شاء الله بحطلكم اياها باجر :D

[عــيـ دبـي ــون]

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

وننتظر الدروس الباجية..(hi)

[فارس القلوب]

درس جميل ومفيد . وننتظر التكملة .

والاعتراف بالذنب فضيلة .

[زهـرة الـوادي]

موضوع جميل جدا أختي غزلان
و يفيد وااايد
يعطيج الف عافيه أختي

[شوق]

يعطيج العافيه اختي غزلان على الموضوع الجميل ..

[+*^^*ماريه*^^*+]

يعطيج الف عافيه غزلان على هذا الدرس المفيد :)

ماريه

[دبي]

وفعلا درس حلو شيق واتمنى منج التواصل بمثل هذي الدروس المفيده



مع تحياتي
(h) دبي(h)

[غزلان]

عيون دبي .... تسلم اخويه على المتابعه..


فارس القلوب .... تسلم اخويه على التواصل :)


زهـرة الـوادي .. انتي الاجمل :D


شوق .. الله يعافيج اختي..


+*^^*ماريه*^^*+ ... تسلمين اختي


دبي .. ان شاء الله اخويه ما بتشوفون مني غير كل شي مفيد :D


تحياتي لكم
غزلان(h)

[مدهش]

ياسلام عليج

هذا زين حتى نسوي تواقيع

كشخه والله