مجموعه ابداعي التطويريه » التصميم http://www.abda3y.com معاً ... حتي الاحتراف في التطوير Sun, 25 Oct 2009 15:21:40 +0000 http://wordpress.org/?v=2.8.4 en hourly 1 صناعة تأثير (جيل – Gel effect) علي النص بشكل سهل (الجزء الأول) http://www.abda3y.com/blog/2009/09/%d8%b5%d9%86%d8%a7%d8%b9%d8%a9-%d8%aa%d8%a3%d8%ab%d9%8a%d8%b1-%d8%ac%d9%8a%d9%84-gel-effect-%d8%b9%d9%84%d9%8a-%d8%a7%d9%84%d9%86%d8%b5-%d8%a8%d8%b4%d9%83%d9%84-%d8%b3%d9%87%d9%84-%d8%a7%d9%84/ http://www.abda3y.com/blog/2009/09/%d8%b5%d9%86%d8%a7%d8%b9%d8%a9-%d8%aa%d8%a3%d8%ab%d9%8a%d8%b1-%d8%ac%d9%8a%d9%84-gel-effect-%d8%b9%d9%84%d9%8a-%d8%a7%d9%84%d9%86%d8%b5-%d8%a8%d8%b4%d9%83%d9%84-%d8%b3%d9%87%d9%84-%d8%a7%d9%84/#comments Thu, 10 Sep 2009 21:24:11 +0000 ابراهيم هنداوي http://2fs.info/?p=138

بسم الله الرحمن الرحيم

احبابي الكرام ومع درس جديد يتم ترجمته للوصول مع بعض لدروس اكثر واسهل في التعامل لاحترافية التصميم وتعلم برنامجنا الكبير (الفوتوشوب) …. وأعذروني لقلة دخولي وادراج دروس جديدة لانشغالي في هذه الايام المباركة (شهر رمضان الكريم)

ومع مثال تم التطبيق الدرس عليه ….. وتم إدراج الدرس علي (جزئين) ….. ويسرني ان اري تطبيقاتكم بالتعليقات

وارجو من حضراتكم اعطائي الرأي في عمل الدروس المترجمة والخاصة بموقعي في (كتاب الكتروني) سهل التحميل والاحتفاظ علي جهازك فهل توافقوني علي هذا ؟

وهذه هي النتيجة النهائية لدرسنا

Adobe Photoshop Text Effects: The 'Gel effect' style is instantly applied to the new text.

نفتح عمل جديد مع بعض ونقول بسم الله الرحمن الرحيم

نجعل مقاس العمل وليكن مثلا وهو المتبع بالدرس 640 * 480 بكسل

Adobe Photoshop Text Effects: Creating a new document in Photoshop

نختار اداه الكتابة

Adobe Photoshop Text Effects: Selecting the Type tool from Photoshop's Tools palette

ومن خلال وظائف الكتابة وكما هو ظاهر بالصورة نختار اللون ونضغط علي المربع الاسود وسوف تظهر معنا اداه الالوان

Adobe Photoshop Text Effects: Clicking on the text color swatch in the Options Bar

ومن خلال وظيفة Color Picker نبدأ باختيار الالوان

Adobe Photoshop Text Effects: Photoshop's Color Picker

ثم الضغط علي OK بعد الاختيار حسب ذوقك

ثم اختار الخط المناسب علي ذوقك وأبدء بالكتابة والكلمة التي تحب تعمل عليها التأثير

Adobe Photoshop Text Effects: Typing the word 'photo' into the Document Window.

ولتكبير حجم الكلمة يمكنك الضغط علي Ctrl+T لعمل Free Transform وتقدر تكبر الحجم علي ذوقك

Adobe Photoshop Text Effects: Using Photoshop's Free Transform command to enlarge the text.

نبدأ بعمل التأثير التظليل علي الكلمة

نضغط علي Layer Style icon بالاسفل كما هو معلم

Adobe Photoshop Text Effects: Clicking the Layer Style icon at the bottom of Photoshop's Layers palette.

ومع اول خانة وكما هو ظاهر Drop Shadow: نضغط عليها

Adobe Photoshop Text Effects: Selecting Drop Shadow from the list of Layer Styles.

Adobe Photoshop Text Effects: The Drop Shadow options in Photoshop's Layer Style dialog box.

نختار مع بعض اللون للتظليل Drop Shadow color swatch:

Adobe Photoshop Text Effects: Choosing a color for the drop shadow

ومع اداه Eyedropper كما بالصورة نحدد ونقف علي اللون المقارب للكلمة

Adobe Photoshop Text Effects: Sampling the text color with the Eyedropper

نختار من اداه Color Picker اللون الاغمق ونضغط علي ok

Adobe Photoshop Text Effects: Choosing a darker shade of the sampled color to use for the drop shadow

وتكون النتيجة كما بالصورة

Adobe Photoshop Text Effects: The drop shadow now appears using the color you selected.

لا تضغط علي الـ ok لوظيفة Layer Style icon علشان نخلص كما التأثيرات قبل النهاية

ومع اداه توهج النص Inner Shadow

ونتعامل معها كما تم بالتظليل وكما هو موضح بالصور

Adobe Photoshop Text Effects: Choose 'Inner Shadow' from the list of Layer Styles on the left

Adobe Photoshop Text Effects: Clicking on the color swatch for the Inner Shadow layer style

Adobe Photoshop Text Effects: Sampling the text color once again

وطبعا لا تنسي اختيار اللون الاغمق

Adobe Photoshop Text Effects: Choosing a darker shade of the sampled color to use for the inner shadow

وهكذا تكون النتيجة للتأثير

Adobe Photoshop Text Effects: The inner shadow now appears using the color you selected.

ونختار كما بالصورة حجم التوهج وليكن 16 بكسل

Adobe Photoshop Text Effects: Increasing the size of the Inner Shadow effect.

وتكون النتيجة …….

Adobe Photoshop Text Effects: The effect after increasing the Inner Shadow size.

ومع اداه التوهج الخارجي للنص Outer Glow

ونتعامل معها كما تم مثل الخطوات للتأثيرات السابقة وكما هو موضح بالصور

Adobe Photoshop Text Effects: Choose 'Outer Glow' from the list of Layer Styles on the left

Adobe Photoshop Text Effects: Clicking on the color swatch for the Outer Glow layer style

وفي هذه الحالة سوف نختار اللون (الافتح وليس الاغمق)

Adobe Photoshop Text Effects: Choosing a lighter shade of the text color to use for the Outer Glow.

ومع بعض التأثيرات في اداه Outer Glow ونتبع كما بالصورة

Adobe Photoshop Text Effects: Making changes to the Outer Glow options.

وهكذا نلاحظ انفتاح اللون في اطراف النص

Adobe Photoshop Text Effects: The effect so far after applying the Outer Glow layer style.

ومع اداه التوهج الداخلي للنص Inner Glow

ونتعامل معها كما تم مثل الخطوات للتأثيرات السابقة وكما هو موضح بالصور

Adobe Photoshop Text Effects: Choose 'Inner Glow' from the list of Layer Styles on the left

Adobe Photoshop Text Effects: Clicking on the color swatch for the Inner Glow layer style

Adobe Photoshop Text Effects: Click on a darker area in the text to use that color for the Inner Glow.

ومع بعض التظبيطات للاداه كما هو موضح بالصورة

Adobe Photoshop Text Effects: Change the Blend Mode of the Inner Glow to 'Multiply'.

وكذلك نضيف هذه التأثيرات من الاداه

Adobe Photoshop Text Effects: Changing the Inner Glow options.

ووصلنا للشكل هكذا ……….

Adobe Photoshop Text Effects: The effect after applying the Inner Glow layer style.

وهكذا نكون انتهيت من الجزء الأول لدرسنا …. يتبع

استفيد واشترك بخلاصات الموقع وتابع اضغط علي الصورة

مع تحياتي

تامر التركي

أبو حبيبة جرافيك

نختار مع بعض اللون للتظليل Drop Shadow color swatch:

Adobe Photoshop Text Effects: Choosing a color for the drop shadow


ومع اداه Eyedropper كما بالصورة نحدد ونقف علي اللون المقارب للكلمة

Adobe Photoshop Text Effects: Sampling the text color with the Eyedropper

]]> http://www.abda3y.com/blog/2009/09/%d8%b5%d9%86%d8%a7%d8%b9%d8%a9-%d8%aa%d8%a3%d8%ab%d9%8a%d8%b1-%d8%ac%d9%8a%d9%84-gel-effect-%d8%b9%d9%84%d9%8a-%d8%a7%d9%84%d9%86%d8%b5-%d8%a8%d8%b4%d9%83%d9%84-%d8%b3%d9%87%d9%84-%d8%a7%d9%84/feed/ 1 فرش النار والورق والانفجارات http://www.abda3y.com/blog/2009/09/%d9%81%d8%b1%d8%b4-%d8%a7%d9%84%d9%86%d8%a7%d8%b1-%d9%88%d8%a7%d9%84%d9%88%d8%b1%d9%82-%d9%88%d8%a7%d9%84%d8%a7%d9%86%d9%81%d8%ac%d8%a7%d8%b1%d8%a7%d8%aa/ http://www.abda3y.com/blog/2009/09/%d9%81%d8%b1%d8%b4-%d8%a7%d9%84%d9%86%d8%a7%d8%b1-%d9%88%d8%a7%d9%84%d9%88%d8%b1%d9%82-%d9%88%d8%a7%d9%84%d8%a7%d9%86%d9%81%d8%ac%d8%a7%d8%b1%d8%a7%d8%aa/#comments Sun, 06 Sep 2009 22:02:51 +0000 ابراهيم هنداوي http://2fs.info/?p=111 بسم الله الرحمن الرحيم

مع مجموعة فرش جديدة ورائعة الاستخدام ومش هطول عليكم نشوف الامثلة مع بعض وأضغط علي المثال للتحميل

Volcanic Brush Set

3D Halftone

Raging Dawn

Spiral Brush Set

Bottles

Flower Brushes

Grunge Brushes

Doodle Garden

Stamp brushes

Ink Splatters

مع تحياتي

]]> http://www.abda3y.com/blog/2009/09/%d9%81%d8%b1%d8%b4-%d8%a7%d9%84%d9%86%d8%a7%d8%b1-%d9%88%d8%a7%d9%84%d9%88%d8%b1%d9%82-%d9%88%d8%a7%d9%84%d8%a7%d9%86%d9%81%d8%ac%d8%a7%d8%b1%d8%a7%d8%aa/feed/ 0 اغرب اشكال الفيكتور واكيد هتعجبك http://www.abda3y.com/blog/2009/08/%d8%a7%d8%ba%d8%b1%d8%a8-%d8%a7%d8%b4%d9%83%d8%a7%d9%84-%d8%a7%d9%84%d9%81%d9%8a%d9%83%d8%aa%d9%88%d8%b1-%d9%88%d8%a7%d9%83%d9%8a%d8%af-%d9%87%d8%aa%d8%b9%d8%ac%d8%a8%d9%83/ http://www.abda3y.com/blog/2009/08/%d8%a7%d8%ba%d8%b1%d8%a8-%d8%a7%d8%b4%d9%83%d8%a7%d9%84-%d8%a7%d9%84%d9%81%d9%8a%d9%83%d8%aa%d9%88%d8%b1-%d9%88%d8%a7%d9%83%d9%8a%d8%af-%d9%87%d8%aa%d8%b9%d8%ac%d8%a8%d9%83/#comments Wed, 19 Aug 2009 12:24:55 +0000 ابراهيم هنداوي http://2fs.info/?p=83 بسم الله الرحمن الرحيم

احبابي الكرام

مع مجموعة جديدة وغريبة جدا لصور الفيكتور واول ما شوفتها قلت لازم تشاركوني الغرابة في شكلها وتضحكوا معي عليها واكيد هنحملها ونستعملها في امور اغرب منها

ايه الكلام الكثير اللي بقوله ده وغرابة وغريبة المهم بلاش اطول عليكم وندخل علي التحميل مباشرة لمجرد الضغط علي الصورة

free vectors graphics - Blackman monster


free vectors graphics - Green Eco Icon Collection


free vectors graphics - Web Icon Collection

free vectors graphics - Discount Tags

free vectors graphics - Forget me not pattern

free vectors graphics - Man & woman sign pictograms

free vectors graphics - Free Eiko Pack

free vectors graphics - Hand Vector Pack

مع تحياتي

المصدر

]]> http://www.abda3y.com/blog/2009/08/%d8%a7%d8%ba%d8%b1%d8%a8-%d8%a7%d8%b4%d9%83%d8%a7%d9%84-%d8%a7%d9%84%d9%81%d9%8a%d9%83%d8%aa%d9%88%d8%b1-%d9%88%d8%a7%d9%83%d9%8a%d8%af-%d9%87%d8%aa%d8%b9%d8%ac%d8%a8%d9%83/feed/ 2 مجموعة فرش عالية الجودة ورائعة التصميم http://www.abda3y.com/blog/2009/08/%d9%85%d8%ac%d9%85%d9%88%d8%b9%d8%a9-%d9%81%d8%b1%d8%b4-%d8%b9%d8%a7%d9%84%d9%8a%d8%a9-%d8%a7%d9%84%d8%ac%d9%88%d8%af%d8%a9-%d9%88%d8%b1%d8%a7%d8%a6%d8%b9%d8%a9-%d8%a7%d9%84%d8%aa%d8%b5%d9%85%d9%8a/ http://www.abda3y.com/blog/2009/08/%d9%85%d8%ac%d9%85%d9%88%d8%b9%d8%a9-%d9%81%d8%b1%d8%b4-%d8%b9%d8%a7%d9%84%d9%8a%d8%a9-%d8%a7%d9%84%d8%ac%d9%88%d8%af%d8%a9-%d9%88%d8%b1%d8%a7%d8%a6%d8%b9%d8%a9-%d8%a7%d9%84%d8%aa%d8%b5%d9%85%d9%8a/#comments Wed, 19 Aug 2009 12:23:39 +0000 ابراهيم هنداوي http://2fs.info/?p=81 بسم الله الرحمن الرحيم

احبابي وزواري الكرام لعالم أبو حبيبة جرافيك

مع مجموعة فرش جديدة ورائعة الاستخدام لتجمل عملك يا بطل ومش هطول عليك نشوف الامثلة مع بعض وأضغط علي المثال للتحميل

Spiral & Halftone

Halftone Brushes

مع تحياتي

المصدر

]]> http://www.abda3y.com/blog/2009/08/%d9%85%d8%ac%d9%85%d9%88%d8%b9%d8%a9-%d9%81%d8%b1%d8%b4-%d8%b9%d8%a7%d9%84%d9%8a%d8%a9-%d8%a7%d9%84%d8%ac%d9%88%d8%af%d8%a9-%d9%88%d8%b1%d8%a7%d8%a6%d8%b9%d8%a9-%d8%a7%d9%84%d8%aa%d8%b5%d9%85%d9%8a/feed/ 0 مصدري لاكون مصمم محترف http://www.abda3y.com/blog/2009/08/%d9%85%d8%b5%d8%af%d8%b1%d9%8a-%d9%84%d8%a7%d9%83%d9%88%d9%86-%d9%85%d8%b5%d9%85%d9%85-%d9%85%d8%ad%d8%aa%d8%b1%d9%81/ http://www.abda3y.com/blog/2009/08/%d9%85%d8%b5%d8%af%d8%b1%d9%8a-%d9%84%d8%a7%d9%83%d9%88%d9%86-%d9%85%d8%b5%d9%85%d9%85-%d9%85%d8%ad%d8%aa%d8%b1%d9%81/#comments Mon, 17 Aug 2009 09:12:56 +0000 ابراهيم هنداوي http://2fs.info/?p=78 بسم الله الرحمن الرحيم

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

ramadan_14

كل واحد فينا نفسه يكون مصمم محترف ولعلمك اليومين دول تدخل علي اي موقع وتشوف تصميم يقولك ايه (تصميم احترافي) ويا سيدي علي التصميم ما تعملوش بنتي حبيبة اللي عمرها لا يتجاوز 5 سنوات

علشان كده قلت ما اجئ احاول اساعد زواري واحبابي الكرام ببعض المواقع والمصادر اللي حاسس من كلام الخبراء اللي ارشدوني إليها انها بالفعل المصدر الرائع في المعلومة والاستفادة منها مع العلم يا صاحبي ان المصادر نوعين (عربي – انجليزي) يعني في ايديك تعمل تصميم بكل احترافية وعلي الوجهين يا سيدي

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

المصادر العربية

سوالف سوفت (عمنا الكبير ويارب تنفك مشكلة الدومين اللي محيرانا من اسبوع)

http://www.swalif.net/softs/swalif1

ترايدنت

http://www.traidnt.net/vb

الويب العربي

http://www.arabwebtalk.com

قلعة الفوتوشوب

http://www.gl3a.com/vb

تصميم .كوم (لاخي بو صالح وهو معروف في عالم التصميم)

http://www.tsmim.com/vb

ومع المصادر الاجنبية

http://www.pixel2life.com/

http://www.good-tutorials.com/

www.myinkblog.com/

http://www.pslover.com/

ومن اكبر المواقع الاجنبية تصنيفا للخطوط الاجنبية

http://www.dafont.com/

http://www.tutorialized.com

وان شاء الله تكون المصادر عجبتكم وتقدروا تستفيدو منها ولا تنسو طبعا موقع اخوكم ابو حبيبة جرافيك ولا تنسي يا صاحبي تعليقك علي التدوينة ورأيك بها ولو تقدر تشاركنا بموقع يكون مصدر مهم نكون شاكرين لك يا بطل

تحياتي للجميع

المصدر

]]> http://www.abda3y.com/blog/2009/08/%d9%85%d8%b5%d8%af%d8%b1%d9%8a-%d9%84%d8%a7%d9%83%d9%88%d9%86-%d9%85%d8%b5%d9%85%d9%85-%d9%85%d8%ad%d8%aa%d8%b1%d9%81/feed/ 0 (درس مترجم) تأثير نص بازر من الصخرة http://www.abda3y.com/blog/2009/08/%d8%af%d8%b1%d8%b3-%d9%85%d8%aa%d8%b1%d8%ac%d9%85-%d8%aa%d8%a3%d8%ab%d9%8a%d8%b1-%d9%86%d8%b5-%d8%a8%d8%a7%d8%b2%d8%b1-%d9%85%d9%86-%d8%a7%d9%84%d8%b5%d8%ae%d8%b1%d8%a9/ http://www.abda3y.com/blog/2009/08/%d8%af%d8%b1%d8%b3-%d9%85%d8%aa%d8%b1%d8%ac%d9%85-%d8%aa%d8%a3%d8%ab%d9%8a%d8%b1-%d9%86%d8%b5-%d8%a8%d8%a7%d8%b2%d8%b1-%d9%85%d9%86-%d8%a7%d9%84%d8%b5%d8%ae%d8%b1%d8%a9/#comments Sat, 15 Aug 2009 10:49:01 +0000 ابراهيم هنداوي http://2fs.info/?p=75

بسم الله الرحمن الرحيم

اخواني واحبابي

مع درس جديد والتعامل منقول من موقع أبو حبيبة جرافيك

كيفية التعامل مع الخامات لعمل افضل شغل وتصميم ببرنامجنا الرائع والمحب لقلبي شخصيا (فوتوشوب) وسوف نتعامل مع الخامات ونعمل نص بمؤثرات في أقل من 10 خطوات واترككم مع الدرس والصور التوضيحية

(تم اضافة بعض الصور التوضيحية التي لم تكن بالمصدر الاساسي للدرس)

مثال للنتيجة النهائية مطبق علي اسم موقعي (والمفاجأة يمكنك تحميل ملف PSD هدية مني للتطبيق الخاص بأسمي أضغط هنا للتحميل)

الدرس بالكامل مترجم علي الشرح المنقول من المصدر للدرس

نبدء الدرس وسوف نحتاج إلي هذه الخامات /صور الثلاثة للدرس
%photoshop Create a Deep Grunge Text Effect%photoshop Create a Deep Grunge Text Effect%photoshop Create a Deep Grunge Text Effect

نفتح عمل جديد بمساحة 600 × 450 بيكسل

اضف texture 1 في الخلفية للير

نعمل لير جديدة

ونختار اداة الكتابة المنقطة كما موضح بالصورة وتم الكتابة بخط Arial Black أو بأي خط تختار علي ذوقك وحجم الخط 100 نقطة

%photoshop Create a Deep Grunge Text Effect

ونفتح الصورة الثانية أو Texture 2 ونضيفها إلي العمل فوق الكتابة ثم نختار اده الماسك كما هو موضح

وسوف تظهر النتيجة كالأتي الكلمة بداخلها الصورة

%photoshop Create a Deep Grunge Text Effect

نضيف بعض المؤثرات والشغل الحلو علي النص كما هو موضح لاعطاءه الاحياء بالبعد الثلاثي للكلمة

%photoshop Create a Deep Grunge Text Effect
%photoshop Create a Deep Grunge Text Effect
بتكون النتيجة كالأتي.
%photoshop Create a Deep Grunge Text Effect
نختار الصورة الثالثة والاخيرة Texture3

ونضيفها في أعلي الليرات ونختار من اعدادات اللير بدل من normal نختار overlay وبدرجة تفتيح 80% وبتظهر النتيجة كالأتي

%photoshop Create a Deep Grunge Text Effect
وبتقدر تضيف مثل التأثيرات السابقة لكلمات اخري مضافة للكلمة السابقة وبتكون النتيجة النهائية كالأتي

%photoshop Create a Deep Grunge Text Effect

المصدر للدرس

مع تحياتي

]]> http://www.abda3y.com/blog/2009/08/%d8%af%d8%b1%d8%b3-%d9%85%d8%aa%d8%b1%d8%ac%d9%85-%d8%aa%d8%a3%d8%ab%d9%8a%d8%b1-%d9%86%d8%b5-%d8%a8%d8%a7%d8%b2%d8%b1-%d9%85%d9%86-%d8%a7%d9%84%d8%b5%d8%ae%d8%b1%d8%a9/feed/ 0 تصميم زر احمر احترافي “درس مترجم” http://www.abda3y.com/blog/2009/08/%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%b2%d8%b1-%d8%a7%d8%ad%d9%85%d8%b1-%d8%a7%d8%ad%d8%aa%d8%b1%d8%a7%d9%81%d9%8a-%d8%af%d8%b1%d8%b3-%d9%85%d8%aa%d8%b1%d8%ac%d9%85/ http://www.abda3y.com/blog/2009/08/%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%b2%d8%b1-%d8%a7%d8%ad%d9%85%d8%b1-%d8%a7%d8%ad%d8%aa%d8%b1%d8%a7%d9%81%d9%8a-%d8%af%d8%b1%d8%b3-%d9%85%d8%aa%d8%b1%d8%ac%d9%85/#comments Wed, 12 Aug 2009 13:37:20 +0000 ابراهيم هنداوي http://2fs.info/?p=54 اخواني الافاضل

درس جديد مع أبو حبيبة جرافيك وهو درس بسيط جدا وهو عمل زر احمر احترافي رائع حتي يكون موقعك بشكل جمال

اختر أداة المستطيل مدور وخلق شكل كما هو مبين على الصورة بالأسفل

نطبق مع بعض الاختيارات التالية علي الشكل

Drop shadow (الظل)


Inner glow (توهج) وبتكون بنفس الاحداثيات المذكورة في الشكل

Gradient overlay (التدريجات) وبتكون بنفس الاحداثيات المذكورة في الشكل

Stroke (الحواف) وبتكون بنفس الاحداثيات المذكورة في الشكل

الزر الخاص بنا وصل للشكل التالي:

نخنار مع بضع اداه التحديد بشكل المستطيل

ثم نحدد مع بعض مثل ما موضح بالصورة في الجهة اليسرى له.

ثم نملئ الشكل بنفس الاحداثيات للون #E1CA57

نطبق مع بعض الاختيارات التالية علي الشكل

Inner glow (توهج) وبتكون بنفس الاحداثيات المذكورة في الشكل

Gradient overlay (التدريجات) وبتكون بنفس الاحداثيات المذكورة في الشكل

نحدد مع بعض المستطيل الذي تم عمله ونكبر الصورة إلي زوم كبير قووي يصل إلي 1600% ثم نختاج أداه “القلم” ونعمل شكل بيكسل بنفس ما هو موضح بالصورة


ثم تكون النتيجة مثل ما هو واضح بالصورة

ثم نكتب النص اللي تحب ان يوظف به الزر مع بعض الامكانيات للحواف يكون الشكل كالتالي


وهكذا نكون انتهينا من تصميم زر احترافي بمعني الكلمة

مع تحياتي

اخوكم في الله

تامر التركي

ابو حبيبة جرافيك

“ارجو عند نقل الدرس ذكر مصدر المترجم له والمصدر الاساسي للدرس لحفظ الحقوق”

المصدر الاساسي للدرس

]]> http://www.abda3y.com/blog/2009/08/%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%b2%d8%b1-%d8%a7%d8%ad%d9%85%d8%b1-%d8%a7%d8%ad%d8%aa%d8%b1%d8%a7%d9%81%d9%8a-%d8%af%d8%b1%d8%b3-%d9%85%d8%aa%d8%b1%d8%ac%d9%85/feed/ 0 تصميم مبتكر تصميم غير عادي “ودرس أيضا غير عادي” http://www.abda3y.com/blog/2009/08/%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d9%85%d8%a8%d8%aa%d9%83%d8%b1-%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%ba%d9%8a%d8%b1-%d8%b9%d8%a7%d8%af%d9%8a-%d9%88%d8%af%d8%b1%d8%b3-%d8%a3%d9%8a%d8%b6%d8%a7-%d8%ba/ http://www.abda3y.com/blog/2009/08/%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d9%85%d8%a8%d8%aa%d9%83%d8%b1-%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%ba%d9%8a%d8%b1-%d8%b9%d8%a7%d8%af%d9%8a-%d9%88%d8%af%d8%b1%d8%b3-%d8%a3%d9%8a%d8%b6%d8%a7-%d8%ba/#comments Wed, 12 Aug 2009 13:34:36 +0000 ابراهيم هنداوي http://2fs.info/?p=52 السلام عليكم ورحمة الله وبركاته

اخواني الافاضل

مع درس جديد من أبو حبيبة جرافيك وفي هذا التصميم الجديد سوف أوضح لك كيف تلعب بالأشكال البسيطة ، للحصول على التصميم الرائع.

كما رأيتم نحاول أن نعمل تصميمات غير عادية حتي تثبت لنفسك أنه من الممكن أيضا تصميم نوع آخر من تصميمات (غير المعتادة منها).

262

نفتح عمل جديد بمقاس 900 × 960 بكسل ولون الخلفية #5c7a02 ونختار اداه المستطيل بنفس الاعدادات المذكورة بالصورة

112

ثم نضغط علي CTRL+T وتدوير الشكل المستطيل ليكون مثل اللي في الصورة

212

الآن لا يهم لون ما كنت ستختار. سأستخدم بألوان مختلفة لكل شكل لاني محتاج اري ماذ سأفعل بالاشكال

311

ثم يتم تغيير اللون إلي #3c3427 ويكون بهذا الشكل

410

ثم يتم اضافة شكل متسطيل اخر وطبعا بهذا اللون حتي نعرف الفرق ويتم اللصق ويكون بهذا الشكل

52

يتم الان تغيير اللون إلي # 3c3427 ويكون بهذا الشكل

62

ثم نضيف عدد (2) مستطيل بحجمين مختلفين كما هو واضح بالشكل

72

ومن المؤكد أن لديك اختيار كل من طبقات طبقة الخاصة بك في اللوحة ثم نضغط علي CTRL+T ثم بالماوس نحاول تدوير الشكل إلي اليسار ونضع المستطيل الاخر فوقه ويكون باللون الاخضر كما هو واضح بالشكل

82

ويتم عمل طبقة جديدة ونستخدم الفرشاه ونختار اللون الابيض لعمل الضوء الواضح بالصورة

92

ونحول صيغة الطبقة إلي overlay كما واضح بالصورة

102

وتكون النتيجة كما هو واضح بالشكل

113

والان مع اداه الكتابة ونكتب بعض النصوص كما هو واضح بالشكل

122

الآن أضيف بعض الصور من آخر الدروس فى الجزء الاوسط

132

على رأس الموقع أضيف شكل آخر مستطيل دائري لاقسام الموقع (المستطيل الابيض الدائري)

142

وبأداه الخط وبسمك (1 بكسل) واصنع الشكل الواضح بالصورة تحت الاسماء

152

ثم يتم عمل الخط لكل خط طبقة منفصلة تحت الاسماء ثم نضغط علي CTRL+E لدمجهم في طبقة واحدة ثم اختيار اداه الممحاه ونجئ في اطراف الخط بعد اختيار سمك الممحاه (200 إلي 300 بكسل)

162

ثم تكون النتيجة هكذا

173

وكما هو وارد أعلاه أضيف بعض الخطوط ايضا على أجزاء أخرى من التصميم ويمكنك تغيير طريقة التدرج للطبقات

181

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

192

اختيار اداه التحديد المستطيل كما هو واضح بالصورة

202

والان نختار اداه التدرج من الاسود إلي الابيض وبالطبع بيكون الاختيار علي اللون الابيض ونعمل التدرج من الاعلي إلي الاسفل بمنتصف الشكل ثم نضغط علي CTRL+I وسوف يكون التصميم بهذا الشكل

213

ثم يتم الضغط علي CTRL+D لازالة التحديد ونختار لخصائص الطبعة كما هو موضح بالصورة Overlay وتكون قيمة التعتيم مقدارها 40 %

222

وهكذا يكون شكل الطبقة

232

ثم يتم عمل اسهم في كل من الجانب الايمن والايسر للاشكال كما هو مؤشر بالاسهم بالصورة

242

في منتصف التصميم يتم عمل دائرة

252

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

262

المصدر الاساسي للدرس الانجليزي

اخوكم في الله

المصدر

]]> http://www.abda3y.com/blog/2009/08/%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d9%85%d8%a8%d8%aa%d9%83%d8%b1-%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d8%ba%d9%8a%d8%b1-%d8%b9%d8%a7%d8%af%d9%8a-%d9%88%d8%af%d8%b1%d8%b3-%d8%a3%d9%8a%d8%b6%d8%a7-%d8%ba/feed/ 1 فيكتور علي مزاجك ولتصميمك http://www.abda3y.com/blog/2009/08/%d9%81%d9%8a%d9%83%d8%aa%d9%88%d8%b1-%d8%b9%d9%84%d9%8a-%d9%85%d8%b2%d8%a7%d8%ac%d9%83-%d9%88%d9%84%d8%aa%d8%b5%d9%85%d9%8a%d9%85%d9%83/ http://www.abda3y.com/blog/2009/08/%d9%81%d9%8a%d9%83%d8%aa%d9%88%d8%b1-%d8%b9%d9%84%d9%8a-%d9%85%d8%b2%d8%a7%d8%ac%d9%83-%d9%88%d9%84%d8%aa%d8%b5%d9%85%d9%8a%d9%85%d9%83/#comments Wed, 12 Aug 2009 13:31:53 +0000 ابراهيم هنداوي http://2fs.info/?p=50 بسم الله الرحمن الرحيم

اخواني الافاضل

مرفق لكم اجمل الفيكتور من موقع أبو حبيبة جرافيك ومثال للفيكتور

فيكتور
فيكتور

أضغط لتحميل الملف الروابط للفيكتور

كلمة السر للملف (abohabeba.com)

مع تحياتي

المصدر

]]> http://www.abda3y.com/blog/2009/08/%d9%81%d9%8a%d9%83%d8%aa%d9%88%d8%b1-%d8%b9%d9%84%d9%8a-%d9%85%d8%b2%d8%a7%d8%ac%d9%83-%d9%88%d9%84%d8%aa%d8%b5%d9%85%d9%8a%d9%85%d9%83/feed/ 0 10 فرش لخرائط الكرة الارضية http://www.abda3y.com/blog/2009/08/10-%d9%81%d8%b1%d8%b4-%d9%84%d8%ae%d8%b1%d8%a7%d8%a6%d8%b7-%d8%a7%d9%84%d9%83%d8%b1%d8%a9-%d8%a7%d9%84%d8%a7%d8%b1%d8%b6%d9%8a%d8%a9/ http://www.abda3y.com/blog/2009/08/10-%d9%81%d8%b1%d8%b4-%d9%84%d8%ae%d8%b1%d8%a7%d8%a6%d8%b7-%d8%a7%d9%84%d9%83%d8%b1%d8%a9-%d8%a7%d9%84%d8%a7%d8%b1%d8%b6%d9%8a%d8%a9/#comments Wed, 12 Aug 2009 13:17:43 +0000 ابراهيم هنداوي http://2fs.info/?p=48 بسم الله الرحمن الرحيم

احبابي الكرام

مع فرش جديدة وعلي شكل خرائط الكرة الارضية من موقع أبو حبيبة جرافيك

box

مع مزيد من الامثلة ومع رابط التحميل في اخر الموضوع

preview1

preview2

preview3

preview4

preview5

preview6

preview7

preview8

preview9

preview10

download

تحياتي الغالية للجميع

المصدر

]]> http://www.abda3y.com/blog/2009/08/10-%d9%81%d8%b1%d8%b4-%d9%84%d8%ae%d8%b1%d8%a7%d8%a6%d8%b7-%d8%a7%d9%84%d9%83%d8%b1%d8%a9-%d8%a7%d9%84%d8%a7%d8%b1%d8%b6%d9%8a%d8%a9/feed/ 1