المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : درس بسيط و حلو و النتيجة رائعة !!



مجد
18-12-2006, 10:28 AM
السلام عليكم و رحمة الله :smile2:

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

بخطوات بسيطة و سريعة ستتعلم كيف
كيف تعمل مثل هذا

http://www.photoshopforce.com/tutorials/professional-logo-design/images/final.jpg

باسم الله نبدأ

--------------------------------------------------

1- افتح ملف جديد بالمقاس التالي 440 عرض و 312 في الطول (بيكسل)
خلفية بيضاء


2- قم باختيار الأداة Shape Tool http://www.photoshopforce.com/tutorials/professional-logo-design/images/50.jpg
واختر الشكل الذي يشبه العشب كما في الصورة

http://www.photoshopforce.com/tutorials/professional-logo-design/images/51.jpg

3-أنشإ لير (layer) جديد وقم باختيار اللون الأسود (لا تملأ الخلفية بهذا اللون)
و ارسم شكل العشب الذي اخترته في الخطوة السابقة

http://www.photoshopforce.com/tutorials/professional-logo-design/images/52.jpg

قم باختيار pen tool http://www.photoshopforce.com/tutorials/professional-logo-design/images/55.jpg واضغط بالزر الأيمن للماوس على الشكل (العشب) و قم باختيار "make selection" كما في الصورة
http://www.photoshopforce.com/tutorials/professional-logo-design/images/53.jpg
ستظهر لك هذه الصفحة اضغط على ok
http://www.photoshopforce.com/tutorials/professional-logo-design/images/56.jpg

الآن إملأ التحديد باللون الأسود
http://www.photoshopforce.com/tutorials/professional-logo-design/images/57.jpg


4- اضغط على CTRL + J لتنسخ اللير ثم قم ب "Edit ثم->Transform->ثمFlip Horizontally"
الآن حرك أحد الشكلين لتحصل على النتيجة التالية
http://www.photoshopforce.com/tutorials/professional-logo-design/images/60.jpg

5-سنضيف النص للتصميم
اختر اللون #B4B4B4
و اختار على text tool
استعمل نوع الخط الذي يعجبك ( في هذا المثال الخط المستعمل هو DreamScar)
اكتب حرفا أو الكلمة التي تريد :
http://www.photoshopforce.com/tutorials/professional-logo-design/images/61.jpg

اضغط مرتين على اللير و قم بالتعديلات التالية
Drop Shadow:

http://www.photoshopforce.com/tutorials/professional-logo-design/images/62.jpg

Bevel & Emboss:
http://www.photoshopforce.com/tutorials/professional-logo-design/images/63.jpg

Satin:
http://www.photoshopforce.com/tutorials/professional-logo-design/images/64.jpg

Gradient Overlay:
http://www.photoshopforce.com/tutorials/professional-logo-design/images/65.jpg

http://www.photoshopforce.com/tutorials/professional-logo-design/images/66.jpg


Stroke:
http://www.photoshopforce.com/tutorials/professional-logo-design/images/67.jpg

النتيجة
http://www.photoshopforce.com/tutorials/professional-logo-design/images/68.jpg


الآن أبدع كما تشاء أضف أشكالا أخرى بنفس الطريقة التي أضفنا بها العشب
و قم بلمساتك الفنية , قم مثلا باختيار شكل آخر و طبق عليه inner shadow
-----------------------------------------------------------

نماذج تطبيقية

http://www.photoshopforce.com/tutorials/professional-logo-design/images/final.jpg

تطبيق بسيط باسمي


تطبيق أجمل


و في النهاية أحب أن أقول

"شكرا لا تسمن و لا تغني من جوع"
"ممنوع المشاركة بدون تطبيق أو استفسار :wink2:"


ملاحظة : تم وضع الفونت اللازم في المشاركة الرابعة

في أمان الله :smug2:

فتاة اليابان
18-12-2006, 12:33 PM
مشكور أخوي ع الشرح .........................تصلح تكون مدرس

خخخخخخخخخخخخخخخخخخخخخخخخخخخخخخخ

بس أخوي أريد أسأل

انته ألحين في هالتصميم مستخدم برنامج الفوتوشوب

إذا كان جوابك .........نعم

انزين

أنا من وين أقدر أحمل هالبرنامج

مجد
18-12-2006, 03:04 PM
سلام أختي :smile2:
نعم أنا أستعمل الفوتوشوب
و يمكنكي تحميله من هذا الموضوع
****************************************************?t=1557&highlight=%CA%CD%E3%ED%E1+%C7%E1%DD%E6%CA%E6%D4%E6 %C8
إن شاء الله نشوف تطبيقك في القريب العاجل :wink2:

مجد
18-12-2006, 03:10 PM
نسيت أن أضع Fonts :tongue2:
في هذا الدرس تم استخدام DreamScar
يمكنكم تحميله من هـــــنــــــــا (http://optimist.prophp.org/dreamscar.rar)
( تحميل مباشر بس لاتسكروا لي السيرفر :p )

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

http://www.*************/up/uploads/03694ec2f3.png


أن shape باللون الأحمر غير موجود في القائمة لديكم , ذلك لأنه ليس shape بل Font !
كيف ذلك ؟
حملوا هذه المجموعة و ستفهمون

http://www.*************/up/uploads/a9d385f2db.jpg (http://optimist.prophp.org/Ornaments.rar)


اضغطوا على الصورة أو من هـــنـــــا (http://optimist.prophp.org/Ornaments.rar)


في أمان الله :smug2:

ichigo
18-12-2006, 05:14 PM
..°.. السلام عليكم و رحمة الله و بركاته ..°..


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

http://www.imagemule.com/uploads/ichbatQM8n.jpg

دمتم سالمين :)

مجد
18-12-2006, 10:19 PM
..°.. السلام عليكم و رحمة الله و بركاته ..°..


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

http://www.imagemule.com/uploads/ichbatQM8n.jpg

دمتم سالمين :)


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

في أمان الله :smug2:

R A N O
18-12-2006, 10:22 PM
مشكور أخي مجد ... على الدرس الجميل
أنا حملت الـ Fonts ... بس ما عرفت أثبته في البرنامج .. أو أنسخه فيه ... :hmmm3:


أن shape باللون الأحمر غير موجود في القائمة لديكم , ذلك لأنه ليس shape بل Font !
كيف ذلك ؟
حملوا هذه المجموعة و ستفهمون



ما فهمت ... أو بمعنى آخر ما عرفت أثبت المجموعة ... :tongue2:
و آسفين على الازعاج ... :smug2:

مجد
18-12-2006, 11:17 PM
مشكور أخي مجد ... على الدرس الجميل
أنا حملت الـ Fonts ... بس ما عرفت أثبته في البرنامج .. أو أنسخه فيه ... :hmmm3:

ما فهمت ... أو بمعنى آخر ما عرفت أثبت المجموعة ... :tongue2:
و آسفين على الازعاج ... :smug2:


ياهلا أختي :smile2:

ماكنت أقصده أن هذه المجموعة هي عبارة عن خطوط (مثل Arial , Times New roman....)
و عندما تحاولين أن تكتبي حرفا بواسطة لوحة المفاتيح يرسم لك شكلا أو زخرفة

بعد تحميل هذه المجموعة عليكي أن تقومي بوضعها في المجلد
c:\windows\fonts

أتمنى أن أكون قد شرحت جيدا ( أعرف أني أستاذ سيء :p )

وافيني بجديدك :smile2:

مجد
19-12-2006, 12:01 AM
هاهي صورة توضح ماقلته
http://www.*************/up/uploads/fa09e0e92f.jpg




بعد هذا اضغطي على اللير الذي يوجد فيه النص (الزخرفة) بالزر الأيمن للماوس و اختاري Rasterize layer




و الآن اعملي التعديلات التي تحلو لكي

في أمان الله :smug2:

R A N O
19-12-2006, 12:45 AM
أتمنى أن أكون قد شرحت جيدا ( أعرف أني أستاذ سيء :p )
أبدا .. أبدا ... فهمت المطلوب ... :yes2:

بعد تحميل هذه المجموعة عليكي أن تقومي بوضعها في المجلد
c:\windows\fonts
كانت المشكلة هنا ... وانحلت ... :smug2:

و الآن مع التصميم ... :wub2:

هو تصميم على السريع على فكره ...

http://www.*************/up/uploads/f59fa92ada.jpg

وفي النهاية أشكرك كثييييييييييرا ... على الخطوط الرائعة ...

@QUEEN_MOON@
19-12-2006, 08:25 AM
تشكر أخوي مجد على الدرس الرائع والمتميز من عضو متميز دوما

ونتظر دروسك على أحر من الجمر

أختك كوين مون

مجد
19-12-2006, 03:59 PM
و الآن مع التصميم ... :wub2:

هو تصميم على السريع على فكره ...

http://www.*************/up/uploads/f59fa92ada.jpg





جميل جميل أختي
و يمكن أن يصبح تصميمك أجمل مع بعض التأثيرات
و ربما من الأفضل أن تكون الخلفية شفافة و تحفظي الصورة بصيغة png


وفي النهاية أشكرك كثييييييييييرا ... على الخطوط الرائعة ...

الحمد لله أنني استطعت المساعدة :smug2:

مجد
19-12-2006, 04:00 PM
تشكر أخوي مجد على الدرس الرائع والمتميز من عضو متميز دوما

ونتظر دروسك على أحر من الجمر

أختك كوين مون

العفو و الحمد لله أن الدرس أعجبك
لكن
التطبيق أمر ضروري :yes2:
إن شاء الله نشوف تطبيقك في القريب العاجل :wink2:

kudo_kun
19-12-2006, 09:37 PM
السلام عليكم

مشكوور اخوي مجد عالدرس الحلو ^^

يالله مع السلامه







لحظه ..

هي انت تعال !! وين التطبيق ؟؟

- انا .. التط.. التطبيق ... ن.. نسيته استاذ << اولاً هاي مب مدرسة , ثانياً جذاب ما نسيته خخ

يلا بسرعه ييبه باشوف البلاوي السود اللي سويتهن ..

ح..حا..حاضر استاذ .. ب..بس دقيقة ..

ي,, يلا س..سويته

http://www.7aar.com/up-pic/uploads/0d312326ea.png


ه..ها ا..استاذ زين

مجد
20-12-2006, 04:16 PM
أهلا أخي kudo_kun (http://www.msoms-anime.net/forum/member.php?u=185)
هههه أنت تلميذ مجتهد ( أو كل ما في الأمر أنني أستاذ جيد :p )
تطبيقك جيد , و ممكن بصبح أفضل باضافة بعض التأثيرات على الشكل الأحمر
مثل inner shadow

بالنسبة للخط , طبعا اختره على ذوقك , أنا أفضل A Charming Font

نقطة الإختبار 8/10 :p

في أمان الله :smug2:

مجد
21-12-2006, 03:16 PM
ياحرام عليكم
قلت لكم لا تسكروا لي الموقع :angry3:
كان عزيز علي :hmmm3:

هاهي روابط جديدة
Dreamscar (http://www.esnips.com/nsdoc/95eb8509-65d0-47bc-af3b-c2f761bad0a2)

Ornaments (http://www.esnips.com/nsdoc/6a5e0832-f49b-4ccf-867f-e0fd29f984fb)

في أمان الله :smug2:

Rinku
22-12-2006, 10:29 AM
شكراً لك أخوي على الدرس ^^

Rinku

ميتسو
28-12-2006, 11:55 PM
مشكور:biggrin3:
هذا تطبيقي .......

http://www.4img.com/ar/up/06/12/28/8e50baf642bd6685e593bf238aa27051.jpg

الصراحه طلع عن الدرس شوي....:D

Demor
29-12-2006, 02:01 AM
راااااااااائع جدا اخي مجد

اتمنى ان يعجبك تطبيقي الذي اجده متواضعا ً ^^

تفضل:
http://www.qtruni.com/upload/upload/wh_345108975.jpg

وشكرا جزيـــــــــــــــــــــــــــــــــــــــــــــــ ـــــــــلا

سلام

مجد
2-1-2007, 02:51 AM
مشكور:biggrin3:
هذا تطبيقي .......

http://www.4img.com/ar/up/06/12/28/8e50baf642bd6685e593bf238aa27051.jpg

الصراحه طلع عن الدرس شوي....:D


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

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

(طبعا لأنني أستاذ خارق :p
و بكل تواضغ :p)
حسنا النقطة 8/10 :smile2:

( لن أعطيك 10/10 , إذا فعلت ذلك فلن تدخلي لدروسي مرة ثانية يعني أصبحتي محترفة :laugh8kb:)

مجد
2-1-2007, 02:55 AM
راااااااااائع جدا اخي مجد

اتمنى ان يعجبك تطبيقي الذي اجده متواضعا ً ^^

تفضل:
http://www.qtruni.com/upload/upload/wh_345108975.jpg

وشكرا جزيـــــــــــــــــــــــــــــــــــــــــــــــ ـــــــــلا

سلام

مرحبا أيتها التلميذة المجتهدة :laugh2:

كيف لا يعجبني التطبيق ؟؟؟
(كل من يطبق هو شخص عزيز علي :laugh2: )


تصميم حلو والنتيجة هي 9/10
طيب ليش لاتحط 10/10 ,مش ممكن , يعني أنت تفوقتي على الأستاذ ؟ ماينفعش
أمزح :p
تستحقين عشرة لكن الكمال لله :laugh2:

dead heart
2-1-2007, 03:29 AM
مشكور اخوي وهذا تطبيقي

http://www.*************/up/uploads/6f47bb8904.jpg

Conan-chan
18-3-2007, 04:48 PM
مشكور أخوي عالدرس الجميل

_killua's lover _
24-3-2007, 02:34 PM
صدقك و الله إن الدرس حلو :cool3: :cool3:


و أنا جربته و هذا اللي طلع معاي ,,,:hmmm3: :hmmm3:

http://www.9q9q.org/index.php?image=xGMqsp4YydbAOl

http://www.9q9q.org/index.php?image=xGMqsp4YydbAOl

إن شا الله يعجبك ,,

ayami
25-3-2007, 11:29 AM
coooooooooooooooool ....

I really think its really woderful