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

عرض كامل الموضوع : العودة إلى نمط الثمانينيات [ سلسلة ابداع - مترجم ]



I M M O R T A L
20-08-2010, 18:41
http://mexat.com/vb/attachment.php?attachmentid=1125100&d=1271271640

كيف حالكم إخواني و أخواتي بقسم التصميم ^^ ؟ و كيف زوّار ومشاهدي القسم الكرام ^^ ؟

إن شاء الله الجميع بخير , و أتمنى لكم دوام السعادة بإذن الله ^^

كيف رمضان معكم هذه الأيام ^^ ؟ صيام مقبول للجميع إن شاء الله :);)

ها قد عدت مرة أخرى لأترجم ثاني درس لي مع فريق الدروس المُترجمة ^^

الدرس بسيط + قصير جداً , و أتمنى انه يعجبكم ^^

ننتقل إلى فهرس الموضوع سريعاً ^^


http://mexat.com/vb/attachment.php?attachmentid=1125095&d=1271271382


http://img269.imageshack.us/img269/2897/91466224.png

هنا سوف تتعرفون على أجزاء الموضوع ^^
تفضلوا ........... ~

1- نبذة عن الدرس

2- الأدوات المُستخدمة

3- شرح الدرس

4- الخاتمة

و الآن سوف ننتقل إلى أول جزء من موضوعنا ^^
نبذة بسيطة عن الدرس الجميل هذا ~


http://mexat.com/vb/attachment.php?attachmentid=1125095&d=1271271382


http://img196.imageshack.us/img196/9136/36216586.png

إسم الدرس / Back to the 80's Style

صاحب الدرس / Andy Fuchs

المُترجم / I M M O R T A L << أنا

مستوى الدرس / أقل من المتوسط

عدد الخطوات / 20 خطوة

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

http://mexat.com/vb/attachment.php?attachmentid=1236169&stc=1&d=1282282449


http://mexat.com/vb/attachment.php?attachmentid=1125095&d=1271271382


http://img266.imageshack.us/img266/1710/14422898.png

في هذا الدرس , سنحتاج فقط إلى شئ واحد !
وهو .....

الخط المُستخدم في الدرس ~

لتحميل الخط ~
*********

ء {} ء

ءء {} MediaFire (http://www.mediafire.com/?gplri1g3is7aa0f) {} ءء

{}

ءءء {} RapideShare (http://rapidshare.com/files/414015887/ROBO.ttf) {} ءءء

{}

ءء {} 2Shared (http://www.2shared.com/file/bgBhpYYJ/ROBO.html) {} ءء

ء {} ء

http://mexat.com/vb/attachment.php?attachmentid=1125095&d=1271271382

يُتبع ~

I M M O R T A L
20-08-2010, 18:42
http://img85.imageshack.us/img85/5568/34041260.png

هنا سوف أقوم بشرح الدرس , نظراً لأن عدد الخطوات قليلة جداً و هي 20 خطوة

فسيكون الشرح كله بهذا الرد بإذن الله ^^

تابعوني ^_^


http://mexat.com/vb/attachment.php?attachmentid=1125095&d=1271271382


1- افتحوا عمل جديد , وضعوا المقاسات التي تناسبكم ~
انا اخترت مقاسات تناسب تصميمي ~

http://mexat.com/vb/attachment.php?attachmentid=1236407&d=1282323965



2- ثم قوموا بإختيار أداة الدلو و إملأوا التصميم باللون 141414

http://mexat.com/vb/attachment.php?attachmentid=1236408&d=1282323965



3- بعد ذلك اختاروا الخط الذي حملتموه من الأعلى ( ROBO ) واكتبوا به اي شئ بالتصميم
واجعلوا الكتابة في النصف الأعلى من التصميم قليلاً ~

http://mexat.com/vb/attachment.php?attachmentid=1236409&d=1282323965



4- بعد ذلك اضغطوا بالزر الأيمن على لاير الكتابة واختاروا ( Duplicate Layer )
وقوموا بعمل ذلك 3 مرات , حتى يصبح لدينا 4 لايرات كتابة متشابهين ~

http://mexat.com/vb/attachment.php?attachmentid=1236410&d=1282323965



5- قوموا بالضغط بالزر الأيمن على لاير الكتابة و اختاروا ( Rasterize Type )
وافعلوا ذلك على الـ 4 لايرات للكتابة ~

http://mexat.com/vb/attachment.php?attachmentid=1236411&d=1282323965



6- اختاروا أول لاير كتابة من الأعلى , و اذهبوا إلى ...
Image > Adjustments > Levels
ستجدون كلمة Channel
اختاروا فيها كلمة ( Red ) مثلاً ~

http://mexat.com/vb/attachment.php?attachmentid=1236412&d=1282324023



7- ثم قوموا بأخذ السهم الصغير الذي على اليمين و سحبه حتى يصل إلى اليسار
أو تستطيعون تغيير القيمة ( 255 ) إلى القيمة ( 0 ) ~
بعد ذلك اختاروا Channel آخر مثل ( Green ) وافعلوا به نفس الشئ ضعوا القيمة ( 0 ) ~
وستحصلون على اللون الأزرق لـ لاير الكتابة الأول ~

http://mexat.com/vb/attachment.php?attachmentid=1236413&d=1282324023



8- قوموا بإختيار اللاير الثاني للكتابة , و افعلوا نفس الشئ لكن غيروا ( Red )
و غيروا ( Blue ) و اتركوا Green
وسوف تحصلون على اللون الأخضر لـ لاير الكتابة الثانية ..
ونفس الشئ بـ لاير الكتابة الثالثة , اتركوا الـ Red
وغيروا الـ Blue و غيروا الـ Green , و ستحصلون على اللون الأحمر .
وبهذا يكون لدينا 3 لايرات كتابة بالألوان ( احمر , اخضر , أزرق ) و لاير كتابة احد باللون الأبيض
قوموا بوضعه فوق كل اللايرات السابقة ~
وهذا شكل لترتيب اللايرات و ألوانهم ^^

http://mexat.com/vb/attachment.php?attachmentid=1236414&stc=1&d=1282324023



9- بعد ذلك غيروا مود لاير الكتابة البيضاء إلى ( Overlay )
وغيروا مود لاير الكتابات الملونة الثلاثة ( احمر , اخضر , ازرق ) إلى Exclusion
وستكن النتيجة هكذا ~

http://mexat.com/vb/attachment.php?attachmentid=1236415&d=1282324023



10- بعد ذلك , اختاروا لاير الكتابة الخضراء , و حركوه إلى الأعلى قليلاً ( بإستخدام اسهم الكيبورد )
واختاروا لاير الكتابة الحمراء وحركوه إلى الأسفل , و ولاير الكتابة الزرقاء وحركوه إلى اليمين .
لتكون النتيجة هكذا ~

http://mexat.com/vb/attachment.php?attachmentid=1236416&d=1282324023



11- بعد ذلك , اختاروا لاير الكتابة الزرقاء مثلاً , و اذهبوا إلى Filter > Blur > Gaussian Blur
وضعوا قيمة 2 واضغطوا اوكي ....
ونفس الشئ مع لاير الكتابة الخضراء + لاير الكتابة الحمراء .
لكن لا تفعلوا شئ بلاير الكتابة البيضاء .

http://mexat.com/vb/attachment.php?attachmentid=1236417&d=1282324135



12- قوموا بإنشاء لاير جديد , و اذهبوا إلى Edit > Fill
وضعوا الإعدادات الآتية ~

http://mexat.com/vb/attachment.php?attachmentid=1236418&d=1282324135



13- ثم إذهبوا إلى Filter > Noise > Add Noise
ضعوا قيمة 16 واختاروا الأمر Gaussian
واخذفوا العلامة من الصندوق
ثم اسحبوا اللاير هذا إلى الأسفل ليكون فوق لاير الخلفية مباشرة ~

http://mexat.com/vb/attachment.php?attachmentid=1236419&d=1282324135



14- بعد ذلك , اكتبوا اي كلمة تريدونها , مثلاً في الدرس كان مكتوب كلمة ( Start )
بخط صغير , وضعوا الكتابة أسفل الكتابة الرئيسية قليلاً .. وطبقوا هذا الإعداد ( Outer Glow ) ~

http://mexat.com/vb/attachment.php?attachmentid=1236420&d=1282324135



15- لاحظوا الشكل التالي لمعرفة مكان و حجم الكتابة الثانية ....
المهم , قوموا بإنشاء لاير جديد الآن ..
بعد ذلك اختاروا اداة القص ( Marquee Tool ) او اضغطوا حرف ( M ) لإختيارها ...
وقوموا بإختيار منطقة مماثلة للشكل التالي ~

http://mexat.com/vb/attachment.php?attachmentid=1236421&d=1282324135



16- الآن اذهبوا إلى Edit > Fill واختاروا نفس الإعدادات السابقة ( 50% Gray ) ..
ثم اذهبوا إلى Filter > Noise > Add Noise وضعوا الإعدادات ( 20 - Gaussian - ضعوا علامة بالصندوق ) ..
بعدها اذهبوا إلى Filter > Blur > Motion Blur
وضعوا الإعدادات الآتية ~

http://mexat.com/vb/attachment.php?attachmentid=1236422&d=1282324213



17- الآن قوموا بمضاعفة اللاير ( CTRL + J ) وتصغيره أو ضبط حجمه بما يناسبكم ( CTRL + T )
وقوموا بعمل نسخ بقدر ما يناسبكم أو نسخة واحدة فقط ... ووزعوها على التصميم
بحيث تظهر كأنها خطوط ( Errors ) أي أخطاء في الشاشة ...

http://mexat.com/vb/attachment.php?attachmentid=1236423&d=1282324213



18- اختاروا اداة القص مرة أخرى ( M ) وحددوا تقريباً نصف الكتابة ..
ثم اضغطوا بالزر الأيمن واختاروا ( Layer Via Cut )
وسيتم عمل لاير آخر به النصف السفلي من الكتابة , و اللاير السابق به النصف العلوي ~

http://mexat.com/vb/attachment.php?attachmentid=1236424&d=1282324213



19- الآن اذهبوا إلى Filter > Distort > Shear
وقموا بعمل الشكل التالي .... ووضع الإعداد ( Warp Around )
ثم قوموا بتحريك النصف السفلي ( بإستخدام أسهم الكيبورد )
ليكون تحت النصف العلوي بالضبط , ثم حركوه قليلاً بالسهم الأيسر لتظهر الكتابة كأنها مقطوعة ~

http://mexat.com/vb/attachment.php?attachmentid=1236425&d=1282324213



20- اختاروا أداة ( Line Tool ) وضعوا قيمة 1 بيكسل في الأعلى ..
واعملوا خط يكون مكانه في منتصف الكتابة ( المكان الذي تظهر فيه الكتابة كأنها مقطوعة ) ~
وغيروا المود إلى ( Lighten )
وستكون لديكم النتيجة النهائية ~

هذا تطبيقي للدرس , الخطوة الأخيرة + النتيجة النهائية ^_^
آرائكم :لقافة: ؟؟

http://mexat.com/vb/attachment.php?attachmentid=1236426&d=1282324213


http://mexat.com/vb/attachment.php?attachmentid=1125095&d=1271271382

يُتبع ~

I M M O R T A L
20-08-2010, 18:43
تم الإنتهاء من الدرس - بحمد الله -

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

و لفريق الدروس المُترجمة

+

صور الشرح مُعظمها من الدرس الأصلي , وقُمت بإضافة بعض الصور التوضيحية من عندي

فقط لتوضيح بعض الأشياء و تسهيلها حتى لا يكون هناك اي تعقيد بالشرح

http://www.mexat.com/vb/attachment.php?attachmentid=1125095&d=1271271382

http://img685.imageshack.us/img685/6201/58579899.png

انتهينا و الحمد لله من ترجمة الدرس ^^ أرجو انه يكون سهل و بسيط ^^

حقيقة هو طويل بعض الشئ , و صعب , من المستوى العالي , لكنه مُميز فعلاً ^_^

هذا كان أول درس لي مع فريق الدروس المُترجمة , وبإذن الله هناك المزيد ^^

أسأله الله أن تكونوا بألف خير ^_^

فريق الدروس المُترجمة ~

D.E.Λ.T.H
20-08-2010, 22:14
تسلم اخوي على ترجمة الدرس الجميل..
وبعد ذكرتنا بايام الاتاري والعائلة ههههه..
المهم

هذا هو تطبيقي:


http://up2.pc4up.com/2010/07/ha811263.png

!! βề βẩ !!
21-08-2010, 23:43
اعجبتنى نتيجة الدرس جدا ::سعادة::

وشكرا على الترجمة الراقية والاحترافية ::جيد::

تطبيقي البسيط


http://i35.************/212czv5.gif


رايك :لقافة:

N I Z A R
22-08-2010, 11:37
درس في التوب :أوو:
مرره استمعت وانا اطبقه :سعادة2:
النتيجه ..:
http://img717.imageshack.us/img717/1691/nizar6.jpg

I M M O R T A L
23-08-2010, 05:12
تسلم اخوي على ترجمة الدرس الجميل..
وبعد ذكرتنا بايام الاتاري والعائلة ههههه..
المهم

هذا هو تطبيقي:


http://up2.pc4up.com/2010/07/ha811263.png

اهلاً اخي الكريم ^^

الله يسلمك ^_^

شكراً على إطرائك الطيب ^^

بالنسبة لتطبيقك ^^

هممم لو استخدمت اسهم الكيبورد إزاحة ايهما النصف العلوي او السفلي ناحية الآخر قليلاً
لتتبقى مسافة بسيطة جداً بينهم , سيكون افضل ^^ حيث ان الخط الرمادي
سيعبر عن انقسام الجزئين ^^

وايضاً الخط الرمادي يحتاج إلى ضبط قليلاً , فهو ليس مستقيماً + انصحك تخففه الشفافية
أو تجعل المود Lighten
حتى يكون غير واضح جداً ^^

لكن بالنهاية تطبيقك للفكرة بشكل عام رائع و سليم 100%
نتيجة جميلة أخي ^_^

وفقك الله ^^



اعجبتنى نتيجة الدرس جدا ::سعادة::

وشكرا على الترجمة الراقية والاحترافية ::جيد::

تطبيقي البسيط


http://i35.************/212czv5.gif


رايك :لقافة:




اهلاً أخي الكريم ^^

تسلم على ردك الطيب ^^

تطبيقك صحيح و ليس عليه غبار ^^

ما شاء الله نتيجة رائعة ^^

هممم إذا كانت الكتابة قليلة الإنعواج قليلاً سيكون افضل
لكن لا مشكلة , فهي ليست خطأ ^^

بالتوفيق ^_^



درس في التوب :أوو:
مرره استمعت وانا اطبقه :سعادة2:
النتيجه ..:
http://img717.imageshack.us/img717/1691/nizar6.jpg


تسلم أخي العزيز ^^

ما شاء الله , النتيجة 10/10

لكن إذا أمكنك تخفيف إضاءة الكتابة لأنها قوية ^^
لكنها ايضاً ليست خطأ

لذلك نتيجتك سليمة ^_^

وفقك الله ^^

Won Won
23-08-2010, 09:39
تطبيقي على الدرس الرائع ..
شكرا على الدرس فعلا ..
استمتعت جدا وانا بطبقه ..

وهذا هو تطبيقي ..

http://ar-hp.com/grimmauld/getimg.php?image=20349

S E N I O R
23-08-2010, 23:14
السلام عليكم ورحمة الله وبركاته...


درس جميل جداً لي عودة مع التطبيق ان شاء الله :)




السلام عليكم ورحمة الله وبركاته ...


كيف حالك أخي IMMORTAL إن شاء الله بخير... أسف على التأخر في التطبيق :ميت: ولكني فعلاً لم أجد الوقت الكافي ... المهم هذا التطبيق إن شاء الله يكون صح :)
http://a.imageshack.us/img413/5699/backto80s.jpg


بإنتظار جديدك


دمتم في أمان الله

I M M O R T A L
24-08-2010, 05:59
تطبيقي على الدرس الرائع ..
شكرا على الدرس فعلا ..
استمتعت جدا وانا بطبقه ..

وهذا هو تطبيقي ..

http://ar-hp.com/grimmauld/getimg.php?image=20349




تسلم أخي الكريم ^^

تطبيقك ما شاء الله ما عليه غبار ^^

10/10

بجدارة ^_^



السلام عليكم ورحمة الله وبركاته ...


كيف حالك أخي immortal إن شاء الله بخير... أسف على التأخر في التطبيق :ميت: ولكني فعلاً لم أجد الوقت الكافي ... المهم هذا التطبيق إن شاء الله يكون صح :)
http://a.imageshack.us/img413/5699/backto80s.jpg


بإنتظار جديدك


دمتم في أمان الله

وعليكم السلام و رحمة الله و بركاته

اهلاً بك اخي ^^ لا مشكلة :)

تطبيك جداً رائع ^_^ لو تغير لون إلى الرمادي سيكون افضل ^^

لكني لن احاسبك على اللون لأنه شئ ذوقي ^^

10/10

بالتوفيق ^_^

Ḟacέ Ỡḟ Ḿooή
26-08-2010, 00:40
يسلمو ع درس الرائع
تم التطبيق

http://img843.imageshack.us/img843/2105/xboxv.jpg

؟/10

I M M O R T A L
26-08-2010, 21:14
يعطيك العافية

وجاري التطبيق <<

بالإنتظار ^_^


يسلمو ع درس الرائع
تم التطبيق

http://img843.imageshack.us/img843/2105/xboxv.jpg

؟/10



تطبيقك حلو ^^

لكن التصميم لا يظهر , بسبب بعض الإهتزاز .... أفضل لو كانت واضحة وذي جودة جيدة ^^

حتى تظهر كلمة Start وتظهر معها إنقسام الكلمة الكبيرة ^^

عموماً , أعطيك 9 / 10

بالتوفيق ^_^