الفريق العربي للبرمجةأرشيف المنتديات · 2000 – 2023
نسخة أرشيفية للقراءة فقط — التسجيل والمشاركة مغلقان، والمحتوى محفوظ كما كان.

درس تصميم arabteam

استطلاع
بدأه بـلـبل في 6 نوفمبر 2010 · 17 رد · 4,146 مشاهدة · في التصميم والفلاش والبرامج الرسومية
مشاركة: واتساب X فيسبوك تيليجرام

استطلاع

8 مشارك في التصويت

?? ????? ??????

0%0 صوت · 0%
20%0 صوت · 0%
40%0 صوت · 0%
60%0 صوت · 0%
80%1 صوت · 13%
100%7 صوت · 88%
#1 صاحب الموضوع

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

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

سأقوم الآن إن شاء الله بشرح درس حول تصميم كلمة وبتأثيرات طبعا متأكد من انه ابسط مما تتخيلون مع العلم أنني لن أتقيد بالتصميم القديم وذلك لسبب أنني بعد تصميم الصورة عملت دمج للطبقات ولم اعلم كيف كانت القيم بكل الأحوال سأقوم بتصميم صورة باسم ال arabteam.com في هذه الدرس

لنبدأ على بركة الله

بداية دعونا إنشاء صورة عالية الدقة

الطول :2048 والعرض :1536 وبدقة 500 بكسل كما هو موضح بالصورة مع انتقاء نمط الالوان RGB وبخلفية شفافة

post-223709-082153500 1288999222_thumb.j

الان لنرسم المنحنيات السفلية

نضغط حرف M ونرسم مستطيل

post-223709-072946300 1288999357_thumb.j

الان نختار اداة التدرج بالضفط على زر G

بالضغط فوق مربع اللون تظر قائمة اختيار الالوان ثم نختار الالوان الامامي

post-223709-092065500 1288999382_thumb.j

نختار لون المقدمة 291700 ولون الخلفية ff9c00

post-223709-082695600 1288999411_thumb.j

بالنقر فوق احد ذلك الشكلين يمكنك تحديد اللون

الان Ctrl+T او من خلال edit -> transform->scal

ومن ثم edit>transform>warp ومن القائمة custom نختار flag نختار bend ب20 او من الشكل التالي

post-223709-069203200 1288999478_thumb.j

وثم ctrl+t نقوم بتدويرها قليلا

post-223709-053871200 1288999540_thumb.j

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

post-223709-047575200 1288999684_thumb.j

حيث يتم ذلك بإضافة طبقة جديدة ورسم مستطيل جديد وتكرار العملية السابقة

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

http://psd.tutsplus....yled-wallpaper/

إما عن الخلفية فهذه هي

post-223709-015759300 1288999890_thumb.j

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

طبعا لنضع الآن خلفية لون فقط لا غير ليكن لون اسود أيضا بطبقة جديدة ولكن يجب أن نكون حذرين لترتيب الطبقات

post-223709-066136600 1288999765_thumb.j

الآن نختار المط screen وبشفافية 50%

post-223709-068408800 1288999822_thumb.j

بعدها نقوم بانتقاء الممحاة بحجم 500 بكسل طبعا يتم ذلك من خلال النقر على الزر E ومن ثم النقر بالزر الأيمن وسط الشاشة

post-223709-029747000 1288999851_thumb.j

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

post-223709-033816200 1288999944_thumb.j

لنقم الآن ببعض التأثيرات على المنحيات الثلاثة السفلية

ننقر على طبقة من طبقات المنحنيات بالزر الأيمن ومنها ننتقي blending option

post-223709-053464800 1288999996_thumb.j

ومن ثم نقوم بعملية نسخ للتنسيق ولصقه لباقي الطبقات

نقوم بالضغط على الطبقة ونختار copy layer style ونقوم بلصقه على الطبقتين الاخريتين

الان نقوم بالكتابة arabteam.com

لكن قبل ذلك يجب تشكيل خلفية جميلة خلف الكتابة حيث نقم بانشاء طبقة جديدة تكون مباشرة بعد طبقة الخلفية ونقوم بتلوينها باستخدام اداة التدرج ونختار لون اسود ولون 6d5822

post-223709-028401300 1289000063_thumb.j

post-223709-089759600 1289000091_thumb.j

نقوم بانشاء طبقة جديدة بترتيب ثالث بعد طبقة الخلفية ونقوم بإعادة الألوان الى ابيض واسود كم في الصورة اعلاه وبعد ذلك نقوم بتطبيق فلتر الغيوم من القائمة filter >render>clouds وبعدها نختار فلتر ال نفر الثلاثي الابعاد

filter>stylize>extrude

يكون لدينا الشكل التالي

post-223709-090414200 1289000128_thumb.j

نقوم الان برسم دائرة ونختار قيمة ال feather 30 وعندها نقوم باختيار العكس select invers ونقوم بحذف الباقي يكون الشكل التالي

post-223709-093963700 1289000221_thumb.j

post-223709-080085400 1289000250_thumb.j

نقوم بتغيير النمط والشفافية الى linear light and 15 opacity

post-223709-061928900 1289000330_thumb.j

بعد ذلك نقوم بمضاعفة طبقة الخلفية عبر النقر بالزر الايمن على الطبقة layer1 ونختار duplicate layer

post-223709-040221700 1289000379_thumb.j

ونختار للطبقة layer 1 copy نمط Color Dodge

الان نبدا بالكلمة نقوم برسم حرف ال A نختار ادوات الرسم من خلال الضغط على الزرP

ونقوم بالرسم

post-223709-001404600 1289000415_thumb.j

نختار لون ابيض وننتقي الفرشاة بحجم 50 وبكثاقة 100%

نختار زر A ونضغط بالزر الأيمن فوق المسار ونختار stroke path

اهم شي عمل اختيار لل simulate pressure حتى يعمل تدرج لحجم الرسم من الصغير الى الكبير وبالعكس ومن ثم نضغط حرف A ونحذف المسار من خلال زر delete

post-223709-052082300 1289000463_thumb.j

post-223709-049252100 1289000506_thumb.j

الرسمة تكون

post-223709-075573600 1289000553_thumb.j

الآن نكتب الكلمة arabteam.com

ونقوم بتطبيق التأثيرات عليها لن اكتبها هنا لأنها كثيرة يمكننا استخدامها من خلال النقر على الطبقة blending option ورؤية التأثيرات

وتطبيق نفس التأثير على حرف A

الآن نريد إضافة تأثير آخر نقوم بإضافة إما فراشي أو صورة جاهزة نحصل عليها من هذا الموقع

http://www.psdbox.co...-textures-pack/

http://www.psdbox.co...toshop-brushes/

وتكون بطبقة جديدة ونختار النمط screen ونقوم بعمل بعض الضبط عليها من خلال Ctrl +t واضافة بعض الاحكام عليها من خلال

edit>transform>warp

فيكون لدينا الشكل التالي

post-223709-054691700 1289069596_thumb.j

حجم ملف الPSD 29 ميغا لذلك نقصت الدقة والحجم فقط ليصبح اصغر

اي استفسار بتمنى وضعو بالموضوع

Untitled-12.rar

الفريق العربي.rar

المرفقات
1.jpg2.jpg3.jpg4.jpg5.jpg6.jpg7.jpg8.jpg9.jpg10.jpgbackground.jpg11.jpg12.jpg13.jpg14.jpg15.jpg16.jpg17.jpg18.jpg19.jpg20.jpg21.jpg22.jpg23.jpgarabteam2000.jpg

تم تعديل هذه المشاركة بواسطة X-File في 6 نوفمبر 2010 في 21:54 — السبب: حذف شعار الشركة المالكة للفرشاة فوق حرف A

2

In bad state

#2

الدرس راااائع ...................... مفيش اكثر من كدة

.Everyone has a dream

.I never thought that I would be the one I am on now

...No Pain No Gain

مشرف قسم السى/سى++ و الاسيمبلى سنة 2015 بأذن الله ...

تعديل: مشرف قسم السى/سى++ من 2012.

#4

شكرا xmasterr و fear

الله يجبر بخاطركم wub.gif

In bad state

#5

ما شاء الله، مبدع !

لا خيــــــــــر في كاتــــــــــم العلــــــــــم

سأل الممكن المستحيل ، قال أين تسكن ، فال أسكن في عقول العاجزين

#7

الله يعطيك العافيه يا صديقي ...

صديقي سأمتنع عن التصويت نظراً إني لا أستطيع المجامله

أولاً أسألكم بالله لا تفهمني خطأ ولا تظن فيه السوء

السؤال الآن موجه لك :: ما مدى رضاك عن هذا التصميم و هل هذه الألوان متناسقه مع بعضها؟؟

أما بالنسبه للشرح شكراً جزيلاً لك الشرح وافي و كافي لأي شخص سواء عنده خبره أو لا يملك الخبره.

−2

welcome to my portfolio:

www.cornerofart.net

Submit you design

here
#8
cornerofart كتب:

الله يعطيك العافيه يا صديقي ...

صديقي سأمتنع عن التصويت نظراً إني لا أستطيع المجامله

أولاً أسألكم بالله لا تفهمني خطأ ولا تظن فيه السوء

السؤال الآن موجه لك :: ما مدى رضاك عن هذا التصميم و هل هذه الألوان متناسقه مع بعضها؟؟

أما بالنسبه للشرح شكراً جزيلاً لك الشرح وافي و كافي لأي شخص سواء عنده خبره أو لا يملك الخبره.

رضائي بحسب مستوايي :)

الفكرة انا قمت بهذا الدرس من مجرد درس كنا قد وعدنا بالايفاء نحن الثلاثة انا وانت و fear ويفترض بكم الايفاء بالوعد ليس الشرط الان ولكن مع الوقت ولكن ان لا تتجاوز المدة بعد راس الشهر هذا

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

شكرا لك :)

In bad state

#9
X-File كتب:

رضائي بحسب مستوايي :)

الفكرة انا قمت بهذا الدرس من مجرد درس كنا قد وعدنا بالايفاء نحن الثلاثة انا وانت و fear ويفترض بكم الايفاء بالوعد ليس الشرط الان ولكن مع الوقت ولكن ان لا تتجاوز المدة بعد راس الشهر هذا

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

شكرا لك :)

شكرا لك على هذا الرد أما بالنسبه لي أنا لم أبدأ بعمل الدرس نظراً فقط لإنشغالي الغير مسبوق بأي تنبيه

سأبدأ به في القريب العاجل جداً.

بالتوفيق يا صديقي.

welcome to my portfolio:

www.cornerofart.net

Submit you design

here
#10
cornerofart كتب:

الله يعطيك العافيه يا صديقي ...

صديقي سأمتنع عن التصويت نظراً إني لا أستطيع المجامله

أولاً أسألكم بالله لا تفهمني خطأ ولا تظن فيه السوء

السؤال الآن موجه لك :: ما مدى رضاك عن هذا التصميم و هل هذه الألوان متناسقه مع بعضها؟؟

أما بالنسبه للشرح شكراً جزيلاً لك الشرح وافي و كافي لأي شخص سواء عنده خبره أو لا يملك الخبره.

-1

الموضوع مو تصميم

الموضوع درس

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

وبالنسبة للتصميم

هذا تصميم فوق الجيد جدا لتصميم من عدّة ألوان فقط

وشكراً

1 −1
#11
Fear.83 كتب:

-1

الموضوع مو تصميم

الموضوع درس

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

وبالنسبة للتصميم

هذا تصميم فوق الجيد جدا لتصميم من عدّة ألوان فقط

وشكراً

ما بعرف ليش حاط -١ مع إنه أنا ما حكيت إشي هذي وجهة نظري ولا إنت بتحترم وجهة نظرك فقط؟ ولو الأمر بيدي أجامل لجاملته بس الموضوع كله إني ما بحكي عن المسابقه أنا الآن مشاهد وقاعد ببدي رأيي بالتصميم و أنا بدوري كمشاهد بحكي (وجهة نظري) زي ما حضرتك حكيت وجهة نظرك.

و أنا بدأت الكلام بمقال كنت أتمنى لو إنك فهمته و بعد هيك رديت عليه بكلام كنت أتمنى لو قرأته.

عموما ما في مشكله التصميم رااااااائع و جميل إذا هذا الكلام برضيكم وبيرضي الأخ الحبيب X و إذا برضيني سأقول الحقيقه مشان البدأ بالطريق السليم سيبقى عليه طول الوقت (( التصميم متواضع و الألوان مزعجة )) و أنا أعلم أن الأخ x لن ولن يتضايق من كلامي لأنه يعلم أنني أعلم بأنه مازال بالبدايه وهو بالأصل مبرمج و أنا بكل تواضع أقدم له كل ما أستطيع من مساعده إذا أراد ذلك.

شكراً لك كثيرا يا صديقي

أتمنى لكم التوفيق.

تم تعديل هذه المشاركة بواسطة cornerofart في 8 نوفمبر 2010 في 03:47

welcome to my portfolio:

www.cornerofart.net

Submit you design

here
#12

تبارك الرحمن .....

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

تعليقي على الألوان أنها متناسقة جدا لان الأسود تقريبا يتماشى مع جميع الألوان :cool: ....

عندما قمت بتنسيق الفلتر لتظهر الغيوم بلون برتقالي متدرج داخل الخلفية السوداء ؛ أضهر ذلك اكثر تناسق بين الخطوط البرتقالية في الأسفل والخلفية ومما زاد إبهار الصورة : (الطلعة النارية ) للحرف الأول من كلمة عرب تيم

جزاك الله خيرا وجعلها الله في ميزان حسناتك وتشكر على المعلومات

اللهم إنك عفو تحب العفو فاعفو عنــــــــــــا

045bxn.jpg

#13
cornerofart كتب:

مع إنه أنا ما حكيت إشي هذي وجهة نظري ولا إنت بتحترم وجهة نظرك فقط؟

لا نتضايق من وجهات النظر أخي

ولا تجعل من المحتم أن يوافقك الجميع

فهذا أيضا وجهة نظري بكلامك

وان كان احترام وجهة نظر الآخرين هي فقط بالـ (+) .. فلماذا وضع الــ (-) ؟؟

لكي كل منا يعطي وجهة نظره

ورأين أن الـ(-) لكتابتك هو الأنسب لأنني (من وجهة نظري) رأيت أن كلامك خاطيء

ولك كل الإحترام بصدق أخي

وليس الخلاف بالوجهات هو عراك :)

1 −1
#14

أخي عندي سؤال بارك الله فيك

حاولت تطبيق الدرس ولكن عندما أردت أن أستخدم خاصية الــ warp لم أجدها في قائمة edit هل الأصدار السابع من الفوتوشوب لا توجد فيه هذه الخاصية ؟

ثانيا اخي كيف عملت حرف الA بهذه المؤثرات هل هناك فرشة معينة استخدمتها وماهي إن أمكن بارك الله فيك لان الشكل عندي طلع مختلف تماما عند التطبيق

سؤال اخير بارك الله فيك عندما ضغطت على الحرف p عشان ترسم بآدات الرسم أي من الأشكال الآتية أخترت :

562411335.png

ملاحظة أخيرة كنت حابة أضيف الصورة اللي طبقتها لاجل التقييم لكنني عرفت مسبقا إن القوم لن يستطيعوا احتمال الموقف :blush:

بارك الله فيك

تم تعديل هذه المشاركة بواسطة أمة الرحمن في 11 نوفمبر 2010 في 11:13

اللهم إنك عفو تحب العفو فاعفو عنــــــــــــا

045bxn.jpg

#15

ماشاء الله، الدرس جميل جدا، ويحتوي على عدة أفكار جميلة يمكن تعلمها و الإستفادة منها.

لكن التصميم النهائي ليس إحترافيا :happy: (طبعا لا تفترض أنني أستطع عمل أفضل منه :P )

مشكور على الدرس :)

1
#16

شكرا لكم جميعا

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

شكرا لكم وجزاكم الله كل خير

In bad state

#17

جزاك الله خيرا

شرح وافى سوف احاول ان اطبقه إن شاء الله

تمنياتى للجميع بالتوفيق

#18

الموضوع مفيد جدا ... بس الاصدار قديم ومش عارف اتعلم انا شغال على اصدار 7 .. ووقفت فى كذا حاجه .. ومتضايق انى مش عارف اكمل

Bg_029.gif051.gif

no-pain-no-gain.jpg

اذا كنت لا تعلم الى اين تذهب... فكــل الطرق تؤدى الى هناك

مواضيع مشابهة