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


مشاهدة النسخة كاملة : درس عمل الخطوط الملونه تصميم



مَـلآك إْلـرُوح
28-03-2010, 12: AM
خلفية رائعة وجذابة .. http://www.gulfson.com/vb/img/up/83/2128c68c3d2e50cb0f23587b5bfef05a.gif (http://www.gulfson.com/vb/) ..
ويمكنك أن تستخدمها في مختلف التصاميم .. من بوسترات .. أو أغلفة الكتب .. وحتى كتوقيع في المنتديات ..
فكرة بسيطة .. وخطوات سهلة


بسم الله نبداء الدرس


مثال


http://www.gulfson.com/vb/img/up/83/36868adc9c0ded633ddcdd96dbbaa597.jpg



..:.. خطوات التنفيذ ..:..


الخطوة الأولى


اتجه للقائمة الرئيسية واختر التالي
File >> New


http://www.gulfson.com/vb/img/up/83/a2f84f92d521f1d31f14be1004f89d5c.gif


ستظهر لك نافذة لاختيار إعدادات مساحة العمل ،، أدخل القيم التالية


العرض:400Pixels Width:الطـول:400 PixelsHeight
الدقة النقطية: 72 Pixels/inch Resolution:نمط اللون: RGB Color Color Mode:لون الخلفية
WhiteBackground Contents


لاحظ الصورة


http://www.gulfson.com/vb/img/up/83/180b8166a87b5a2cd2f9759bd5e54fa1.gif



الخطوة الثانية


اضغط على حرف D من لوحة المفاتيح كي تعيد الألوان للأبيض والأسود


http://www.gulfson.com/vb/img/up/83/1dc45abae17d9d57546b8c31715d1c13.gif


ثم طبق الفلتر التالي Filter >> Rander >> Clouds


http://www.gulfson.com/vb/img/up/83/66794b7141ae10b52f10931a240304bb.gif



.. شاهد الصورة .. بعد تطبيق الفلتر ..


http://www.gulfson.com/vb/img/up/83/6c21a99c9373c9c5fa105a329c51e5bc.jpg


الخطوة الثالثة


.. طبق الفلتر التالي ..
Filter >> Pixelate >> Mezzotint


http://www.gulfson.com/vb/img/up/83/032ad19c81b6271416220b8075b0e04a.gif


ستظهر لك نافذة .. تأكد من اختيار أمر Long strokes عند كلمة Type
شاهد الصورة التوضيحية


http://www.gulfson.com/vb/img/up/83/12bedeb55ffdb362b5415ac34f834f66.gif


.(( والنتيجة )).


http://www.gulfson.com/vb/img/up/83/984f2f868206eb0699bb9e06a6d28f75.gif


ستتحس الأمور .. أعدك بذلك http://www.gulfson.com/vb/img/up/83/a34e8946a8f7c8a0690c0223fc980512.gif


الخطوة الرابعة


طبق الفلتر التالي ..
Filter >> Blur >> Motion Blur


http://www.gulfson.com/vb/img/up/83/af79f266fc722d637a6f904b1ebd2133.gif


ستظهر لك النافذة الخاصة بإعدادات الفلتر ..
عند كلمة Angle أدخل القيمة 90
وعند كلمة Distance أدخل القيمة 999
شاهد الصورة التوضيحية ..


http://www.gulfson.com/vb/img/up/83/7171c0baa180aeeb1e4b0651d3d2c75c.jpg


يhttp://www.gulfson.com/vb/img/up/83/f2ccea7c28e1f9d1284720c0f7958ecd.jpg


الخطوة الخامسة
في هذه الخطوة سنقوم بتلوين الخلفية ..
1- اتجه لبوكس الليرات وقم بإضافة لير جديد عن طريق الضغط على المربع الصغير http://www.gulfson.com/vb/img/up/83/2472b891058cee98387226bfff6873e7.gif (http://www.gulfson.com/vb/?gsr=bHN1YWUuY29tL3BzZC9hbGxEb3Jvb3MvUHNkQmFzaWsvTGF5ZXJzQWRkRGVsZXRlLmh0bQ ,,aHR0cDovL3d3dy5qZXdl) الموجد أسفل بوكس الليرات ..
شاهد الصورة التوضيحة بعد إضافة لير جديد ..


http://www.gulfson.com/vb/img/up/83/b1937760fa77977c3a56c1c778757efa.gif


إذا لم تجد بوكس الليرات .. ولم تعرف كي تضيف لير جديد .. يرجى اتباع الرابط التالي .. (http://www.gulfson.com/vb/?gsr=bHN1YWUuY29tL3BzZC9hbGxEb3Jvb3MvUHNkQmFzaWsvTGF5ZXJzQWRkRGVsZXRlLmh0bQ ,,aHR0cDovL3d3dy5qZXdl)


http://www.gulfson.com/vb/?gsr=bHN1YWUuY29tL3BzZC9hbGxEb3Jvb3MvUHNkQmFzaWsvTGF5ZXJzQWRkRGVsZXRlLmh0bQ ,,aHR0cDovL3d3dy5qZXdl (http://www.gulfson.com/vb/?gsr=bHN1YWUuY29tL3BzZC9hbGxEb3Jvb3MvUHNkQmFzaWsvTGF5ZXJzQWRkRGVsZXRlLmh0bQ ,,aHR0cDovL3d3dy5qZXdl)


والآن اتجه لقائمة الأدوات واختر أداة التدرج http://www.gulfson.com/vb/img/up/83/d1d67d64a7096f9108f7b0df6b796379.gif (http://www.gulfson.com/vb/?gsr=bHN1YWUuY29tL3BzZC9hbGxEb3Jvb3MvUHNkQmFzaWsvdGFkcnVqLmh0bQ,,aHR0cDovL3 d3dy5qZXdl) .. وفي شريط اختيارات الأداة قم بالآتي:
عند نوع التدرج .. اختر تدرج قوز المطر .. Transparent Rainbow .. يمكنك أن تختار أي تدرج آخر ..
وبالنسبة لنوع التدرج .. فقد اخترت التدرج الخطي .. Linear Gradient ..


شاهد الصورة التوضيحية


http://www.gulfson.com/vb/img/up/83/09ecdad06b1c14533da7e7d19b332b51.jpg


احرص على أن يكون خط التدرج أفقياً أثناء التطبيق ..
كي تظهر الخطوط بشكل عمودي ..
شاهد الصورة التوضيحية أثناء تطبيق التدرج


http://www.gulfson.com/vb/img/up/83/6e7a2c7d23c0a84f75feda9bf61b648e.jpg


هل تواجه صعوبة في إيجاد أداة التدرج http://www.gulfson.com/vb/img/up/83/d1d67d64a7096f9108f7b0df6b796379.gif ؟؟ (http://www.gulfson.com/vb/?gsr=bHN1YWUuY29tL3BzZC9hbGxEb3Jvb3MvUHNkQmFzaWsvdGFkcnVqLmh0bQ,,aHR0cDovL3 d3dy5qZXdl)
لا تعرف كيف تتعامل مع خصائص الأداة؟؟ لا تستطيع أن تطبق التدرج بالشكل المطلوب؟؟ اتبع الرابط التالي ..


http://www.gulfson.com/vb/?gsr=bHN1YWUuY29tL3BzZC9hbGxEb3Jvb3MvUHNkQmFzaWsvdGFkcnVqLmh0bQ,,aHR0cDovL3 d3dy5qZXdl (http://www.gulfson.com/vb/?gsr=bHN1YWUuY29tL3BzZC9hbGxEb3Jvb3MvUHNkQmFzaWsvdGFkcnVqLmh0bQ,,aHR0cDovL3 d3dy5qZXdl)


.(( والنتيجة )).


http://www.gulfson.com/vb/img/up/83/ff5bb4ed13cd80999a3cc99bf49a6c37.jpg


مرة أخرى ارجع لبوكس الليرات .. وغير طريقة دمج الألوان من Normal إلى Overlay ..
شاهد الصورة التوضيحية


http://www.gulfson.com/vb/img/up/83/b656a5ad11ac14ebfb43dbaf8d43e0d6.jpg


.(( والنتيجة )).


http://www.gulfson.com/vb/img/up/83/2ee8130cd3db64fd3cb5295a0e1f3bc9.jpg


هل أحببت التصميم الآن ..؟؟
http://www.gulfson.com/vb/img/up/83/141bb5d12be339605815034069875b2c.gif


تابع بقيمة الخطوات .. سنجعله أفضل ..
http://www.gulfson.com/vb/img/up/83/9ef0790645b7a8177cd3ce8f26211d20.gif


الخطوة السادسة


في هذه الخطوة سنزيد من عمق الألوان ..
اتجه للقائمة الرئيسية .. وطبق التالي:
Image >> Adjustments >> Curves...


http://www.gulfson.com/vb/img/up/83/ae10e29fdd544f3c8f5250238e461c29.gif


أو يمكنك أن تطبق هذا الأمر من خلال الاختصار Ctrl + m
ستظهر لك هذه النافذة .. باستخدام الماوس .. قم بسحب خط المنحنى للأسفل قليلاً .. شاهد التطبيق


http://www.gulfson.com/vb/img/up/83/c1e2ab18fe821dd7ca43a7c5fdc65722.gif


.(( والنتيجة )).


http://www.gulfson.com/vb/img/up/83/a093700df56471e59d84f063281a2c06.jpg


الخطوة السابعة


سنقوم بتظليل زوايا التصميم .. كي نبرز الألوان بشكل أفضل في وسطه .. وحتى يكون التصميم أكثر متعة للنظر ..
1- اتجه لبوكس الليرات .. وقم بإضافة لير جديد .. كما فعلت في الخطوة الخامسة ..
شاهد بوكس الليرات بعد إضافة اللير الجديد ..


http://www.gulfson.com/vb/img/up/83/cec72118ec2a8a2e1051675d16e0e52d.gif


إذا لم تجد بوكس الليرات .. ولم تعرف كي تضيف لير جديد .. يرجى اتباع الرابط التالي .. (http://www.gulfson.com/vb/?gsr=bHN1YWUuY29tL3BzZC9hbGxEb3Jvb3MvUHNkQmFzaWsvTGF5ZXJzQWRkRGVsZXRlLmh0bQ ,,aHR0cDovL3d3dy5qZXdl)


http://www.gulfson.com/vb/?gsr=bHN1YWUuY29tL3BzZC9hbGxEb3Jvb3MvUHNkQmFzaWsvTGF5ZXJzQWRkRGVsZXRlLmh0bQ ,,aHR0cDovL3d3dy5qZXdl (http://www.gulfson.com/vb/?gsr=bHN1YWUuY29tL3BzZC9hbGxEb3Jvb3MvUHNkQmFzaWsvTGF5ZXJzQWRkRGVsZXRlLmh0bQ ,,aHR0cDovL3d3dy5qZXdl)


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


http://www.gulfson.com/vb/img/up/83/c97606ed5c4f6de8a66d39e8c1ba20b8.jpg



3- والآن اختر أداة التحديد الدائري http://www.gulfson.com/vb/img/up/83/1cd16afb2af21ebe8ca6b4822e4f7d5e.gif (http://www.gulfson.com/vb/?gsr=bHN1YWUuY29tL3BzZC9hbGxEb3Jvb3MvUHNkQmFzaWsvdDdEYXlyYWguaHRtaHR0cDovL3 d3dy5qZXdl) .. وفي شريط خصائص الأداة قم بالتغييرات المبينة في الصورة


http://www.gulfson.com/vb/img/up/83/8d47c2171cb0ce36cee5ea4113adc5bc.gif


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


http://www.gulfson.com/vb/img/up/83/6b91273158b27249ddb89aca0352e477.jpg

مَـلآك إْلـرُوح
28-03-2010, 12: AM
لم تجد أداة التحديد الدائريhttp://www.gulfson.com/vb/img/up/83/1cd16afb2af21ebe8ca6b4822e4f7d5e.gif؟؟ واجهت مشكلة في استخدامه ؟؟ اتبع الرابط التالي .. (http://www.gulfson.com/vb/?gsr=bHN1YWUuY29tL3BzZC9hbGxEb3Jvb3MvUHNkQmFzaWsvdDdEYXlyYWguaHRtaHR0cDovL3 d3dy5qZXdl)


http://www.gulfson.com/vb/?gsr=bHN1YWUuY29tL3BzZC9hbGxEb3Jvb3MvUHNkQmFzaWsvdDdEYXlyYWguaHRtaHR0cDovL3 d3dy5qZXdl (http://www.gulfson.com/vb/?gsr=bHN1YWUuY29tL3BzZC9hbGxEb3Jvb3MvUHNkQmFzaWsvdDdEYXlyYWguaHRtaHR0cDovL3 d3dy5qZXdl)



4- والآن قم بعكس التحديد .. إما عن طريق Select >> Inverse .. أو من خلال الاختصار من لوحة المفاتيح Ctrl + Shift + i
والنتيجة


http://www.gulfson.com/vb/img/up/83/6b7c71bea2eba96d47f35d049781001c.jpg


5- من لوحة المفاتيح .. اضغط على زر D كي تعيد الألوان لطبيعتها الأسود والأبيض http://www.gulfson.com/vb/img/up/83/1dc45abae17d9d57546b8c31715d1c13.gif (http://www.gulfson.com/vb/?gsr=bHN1YWUuY29tL3BzZC9hbGxEb3Jvb3MvUHNkQmFzaWsvY29sb3JzLmh0bQ,,aHR0cDovL3 d3dy5qZXdl) .. وبعدها اضغط على زرد X كي تقوم بعكسها http://www.gulfson.com/vb/img/up/83/6fc644c5979f0149bc68ddf2f3e35097.gif (http://www.gulfson.com/vb/?gsr=bHN1YWUuY29tL3BzZC9hbGxEb3Jvb3MvUHNkQmFzaWsvY29sb3JzLmh0bQ,,aHR0cDovL3 d3dy5qZXdl) .. حيث يصبح اللون الأسود في الخلفية ..
مرة أخرى من لوحة المفاتيح .. قم بالضغط على Ctrl + Backspace .. و Backspace هو زر التراجع .. أي عليك أن تضغط على Ctrl + زر التراجع ..
يفترض أن تصل لهذه النتيجة


http://www.gulfson.com/vb/img/up/83/59c82c8211339c8e9f61ae6cb4cefa93.jpg



إن لم تنجح في تلوين المنطقة المحددة بهذه الطريقة .. استخدم أداة سطل الألوان http://www.gulfson.com/vb/img/up/83/eab751a4758a0cd1f077ba5dad87b2e0.gif (http://www.gulfson.com/vb/?gsr=bHN1YWUuY29tL3BzZC9hbGxEb3Jvb3MvUHNkQmFzaWsvc2E2bC5odG0,aHR0cDovL3d3dy 5qZXdl) لتعبئة كل منطقة تحديد على حدا ..
إذا لم تعرف أين تجد أداة السطل http://www.gulfson.com/vb/img/up/83/eab751a4758a0cd1f077ba5dad87b2e0.gif .. أو كيف تستخدمها .. اتبع الرابط التالي .. (http://www.gulfson.com/vb/?gsr=bHN1YWUuY29tL3BzZC9hbGxEb3Jvb3MvUHNkQmFzaWsvc2E2bC5odG0,aHR0cDovL3d3dy 5qZXdl)


http://www.gulfson.com/vb/?gsr=bHN1YWUuY29tL3BzZC9hbGxEb3Jvb3MvUHNkQmFzaWsvc2E2bC5odG0,aHR0cDovL3d3dy 5qZXdl (http://www.gulfson.com/vb/?gsr=bHN1YWUuY29tL3BzZC9hbGxEb3Jvb3MvUHNkQmFzaWsvc2E2bC5odG0,aHR0cDovL3d3dy 5qZXdl)


6- اتجه الآن لبوكس الليرات .. وقم بتخفيف شفافية اللير الجديد Opacity من 100% إلى 75% ..
شاهد الصورة التوضيحية


http://www.gulfson.com/vb/img/up/83/a8f74790b404aa6d7eb8fca53c58eb61.gif


7- اضغط على Ctrl+D كي تلغي التحديد ..
والنتيجة


http://www.gulfson.com/vb/img/up/83/c71287cca52dab2f9dff57f8f2ced5eb.jpg



خطوه أضافيه


ربما ترغب بإضافة نص على الخلفية ..
إذا كتبت النص على الخلفية مباشرة .. لن يكون الخط واضحاً إلا إذا طبقت عليه بعض التأثيرات ..
أو
يمكنك أن تتابع معي ..
1- اتجه لبوكس الليرات .. وقم بإضافة لير جديد:


http://www.gulfson.com/vb/img/up/83/c0fe8bb94f5d46cc399c3cb5b2e52ef3.gif


2- اختر أداة التحديد المربعة http://www.gulfson.com/vb/img/up/83/67a3d6a122f5cc23cb037e407e6355e3.gif .. وفي شريط إعدادات خصائص الأداة .. قم بالتغييرات التالية:


http://www.gulfson.com/vb/img/up/83/fe7dd5947c1861104c4a75fc4782c43d.gif


ثم اتجه لمساحة العمل .. قم برسم شكل مستطيل على عرض التصميم ..


http://www.gulfson.com/vb/img/up/83/d83fe928d79c3050b2b4e31ae5df39ad.jpg


3- مرة أخرى .. اضغط على زر D من لوحة المفاتيح .. كي تعيد الألوان لطبيعتها الأسود في الواجهة .. والأبيض في الخلفية http://www.gulfson.com/vb/img/up/83/1dc45abae17d9d57546b8c31715d1c13.gif (http://www.gulfson.com/vb/?gsr=bHN1YWUuY29tL3BzZC9hbGxEb3Jvb3MvUHNkQmFzaWsvY29sb3JzLmh0bQ,,aHR0cDovL3 d3dy5qZXdl) .. ثم اضغط على Ctrl + Backspace ..
أي Ctrl + زر التراجع ..
والنتيجة


http://www.gulfson.com/vb/img/up/83/27060d052929b7d124c54afef1d20f3a.jpg


4- اتجه لبوكس الليرات .. وقم بتخفيف شفافية اللير Opacity من 100% إلى 55% ..
شاهد بوكس الليرات


http://www.gulfson.com/vb/img/up/83/0e0dc4888f982800abde53d6880a5db1.gif


5- اضغط على Ctrl+D كي تلغي التحديد ..
والنتيجة


http://www.gulfson.com/vb/img/up/83/b8c8ff7a2b667f0e0ce97108adda8de4.jpg


6- باستخدام أداة الكتابة http://www.gulfson.com/vb/img/up/83/d79c79cde258672a25a05a2f71a03c8d.gif (http://www.gulfson.com/vb/?gsr=bHN1YWUuY29tL3BzZC9hbGxEb3Jvb3MvUHNkQmFzaWsvVC5odG0,aHR0cDovL3d3dy5qZX dl) .. قم بطباعة النص الذي ترغب به على الشريط الأبيض الشفاف الذي قمت برسمه ..


الخطوة الثامنة


ولتخزين العمل ..
اتجه لقائمة File .. ثم اختر أمر Save As ..
ستظهر لك نافذة كبيرة .. اختر اسماً للتصميم ..
وعند خانة Format .. خزن الصورة بصيغة jpeg .. لأن تصميمنا يحتوي على ألوان كثيرة ..
وللحصول على نتيجة أفضل .. أدخل التعديلات التالية في النافذة التي ستظهر:
شاهد الصورة التوضيحية ..


http://www.gulfson.com/vb/img/up/83/889a9bb70190273dd985d0cb68356e7b.jpg


وإذا أردت أن تعدل على التصميم في وقت لاحق .. خزنه مرة أخرى بصيغة psd ..


شاهد النتيجة النهائية ..


http://www.gulfson.com/vb/img/up/83/36868adc9c0ded633ddcdd96dbbaa597.jpg


ملاك الروح


http://www.gulfson.com/vb/img/up/83/2128c68c3d2e50cb0f23587b5bfef05a.gif (http://www.gulfson.com/vb/)

وطني شموس
28-03-2010, 02: AM
http://abeermahmoud07.jeeran.com/629-GodBlessU-AbeerMahmoud.gif

مَـلآك إْلـرُوح
28-03-2010, 03: AM
http://abeermahmoud07.jeeran.com/629-GodBlessU-AbeerMahmoud.gif


http://www.abuaseel.net/dam3at_7ozn/ekccwarat/as3dna.gif

أبو صقر
28-03-2010, 12: PM
جهود قيمة بارك الله فيك ......

مَـلآك إْلـرُوح
29-03-2010, 01: PM
جهود قيمة بارك الله فيك ......


http://fiasel.jeeran.com/pop134[1].gif

ميراس
29-03-2010, 03: PM
http://dreameer.com/up/images/m8tvtk5soxnbvxp73b2z.gif

سواح
29-03-2010, 10: PM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

مَـلآك إْلـرُوح
01-04-2010, 06: PM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .


http://www.jubailforums.com/vb35/uploaded/1556/gh62.jpg