تصميم بوستر بطريقة التايبوغراف [سلسلة ابداع - مترجم ]

[F a i я y]

Welcome


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


مرحباً بيكم في درس جديد من سلسلة ابداع (http://www.mexat.com/vb/showthread.php?t=785539)


احب اهنيكم بمناسبة قرب عيد الاضحى المبارك ~
و ندعو الله ان يتقبل اعمال جميع الحجاج و ان يرجعوا سالمين ~
.
.
درس اليوم حلو و استمتعت بتطبيقه و ما يحتاج الى مهارات عالية لذلك الجميع يقدرون يطبقوه بس يحتاج الى صبر و تركيز .. لنتعرف على الدرس اليوم


تطبيق صاحب الدرس (http://d2f8dzk2mhcqts.cloudfront.net/202_Alpha_Type/final.jpg)


تطبيقي (http://img585.imageshack.us/img585/9250/fairyn.gif)


فكرة الدرس / تصميم بوستر تايبوغرافي


صاحب الدرس / Frederic Goudy


مترجمة الدرس / F a i r y


مستوى الدرس / متوسط


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



الادوات تكون متوفرة خلال الدرس


يتبع .. يرجى عدم الرد

[F a i я y]

الـــدرس

1- نفتح صفحة عمل جديدة بقياسات 786 عرض و 1042 ارتفاع
http://img571.imageshack.us/img571/920/68679476.gif

2- نختار إحدى الخامات العتيقة للخلفية ..
تقدروا تحملوا مجموعة جميلة من هذه الخامات من هنا (http://princess-of-shadows.deviantart.com/art/vintage-grunge-textures-79040200)
http://img168.imageshack.us/img168/9505/63509286.jpg

3- بعد ما وضعنا الخامة نفتح هذه الصورة للآلة الكاتبة
في الفوتوشوب هنا (http://www.iraqpics.net/images/uvl88j04gsl132y25if.png)و نصغر حجمها و نضعها في الأسفل .
http://d2f8dzk2mhcqts.cloudfront.net/202_Alpha_Type/04.jpg

4- نجعل مود الطبقة Multiply و الاوبستي 90%
http://d2f8dzk2mhcqts.cloudfront.net/202_Alpha_Type/05.jpg

5- نضاعف لير الآلة الكاتبة و نحول المود إلى soft light
و الاوبستي 30%
http://d2f8dzk2mhcqts.cloudfront.net/202_Alpha_Type/06.jpg

6- ألان نضيف النص .. الخط المستعمل هو Arial ,
نكتب جميع الحروف كبيرة و نحول مود الطبقة
إلى soft light و الاوبستي 50 %
http://d2f8dzk2mhcqts.cloudfront.net/202_Alpha_Type/07.jpg

7- الخطوة القادمة هي الأصعب أو ربما يجب ان أقول أنها تأخذ الكثير من الوقت
حتى تطلع جيدة .. لازم نكتب عدد كبير من الكلمات
و نرتبها داخل أحرف الكلمة و انتم حريين في كيفية ترتيب الكلمات
.. الخط المستخدم اسمه American Typewriter
بس تقدروا تستخدموا خط Arial و يكون احلي إذا كانت بعض
الكلمات لونها احمر .
http://d2f8dzk2mhcqts.cloudfront.net/202_Alpha_Type/08.jpg

8- النتيجة النهائية لحد ألان تبدو هكذا :
http://d2f8dzk2mhcqts.cloudfront.net/202_Alpha_Type/09.jpg

9- نحتاج إلى إضافة المزيد من النصوص لكن هذه المرة
نكتب فقط أحرف و ليس كلمات كاملة ..
و لازم تبدو كأنها قفزت من الآلة الكاتبة ..
كمثال , نبدأ بالحرف a و نضاعفه عدة مرات و ندوره في اتجاهات مختلفة بعدها نكتب الحرف b و نضاعفه و ندوره و هكذا
الخطين الحمر يبينون مكان الأحرف المبعثرة
http://www.iraqpics.net/images/qfip9jf9op4bdpubjw.gif

10- نضيف بعض الحروف الأخرى لكن هذه المرة تكون كبيرة جداً
و ندور كل حرف بأداة Transform Tool (T). .. بعد ذلك نعمل لكل لير من هذه الحروف Rasterize و نختار حرفين أو أكثر و نعمل لهم Filter > Blur > Gaussian Blur
و بقيم مختلفة ( الأقرب تكون قيمته اكبر ) حتى تعطينا تأثير بأن الأحرف قريبة
http://d2f8dzk2mhcqts.cloudfront.net/202_Alpha_Type/12.jpg

11- لإضافة تأثيرات جميلة نستخدم فرش غيوم ,
توجد الكثير من فرش الغيوم الجميلة في DeviantArt. (http://www.deviantart.com/?catpath=resources&order=9&q=cloud+brush)
نضعها فوق النص
http://d2f8dzk2mhcqts.cloudfront.net/202_Alpha_Type/13.jpg

12- و أخيرا تقدروا تضيفوا المزيد من الأحرف الصغيرة
في أسفل التصميم كتحديد أو إضافة فرش تشقق
أو غيرها كما تحبون ..
http://d2f8dzk2mhcqts.cloudfront.net/202_Alpha_Type/final.jpg

[F a i я y]

الخـــاتمة

خلص الدرس
ان شاء الله يعجبكم و تستفادون منه
حقوق الترجمة محفوظة F a i r y @ Mexat.com
يمنع النقل دون ذكر المصدر
رابط الدرس الاصلي هنا (http://psd.tutsplus.com/tutorials/designing-tutorials/designing-a-typographic-concept-poster/)

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

في امان الله
.
.
.
.

[Spirit Maksi]

وعليكم السلام والرحمة
أهلينـ بالأخت فرفورة .. ^^
كل عام وأنتي بخير ..

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

شرح واضح جداً ..
تسلم الأيادي .. ^^

http://files.mothhelah.com/img/kSG81853.gif

بإنتظار دروسك القادمة .. ^_^
بالتوفيق

[لـــيـــلـــى]

نشكركم على الدرس وهذا هو تطبيقي مع اعترافي بالتقصير في الالتزام بالخطوات الواردة
http://www.mexat.com/vb/attachment.php?attachmentid=1305656&stc=1&d=1289822577

[R A G Σ]

باك ...

شكرا فيري عالدرس الرائع ... جدا جميل
لكن مطول :( ... تم التطبيق ::جيد::

http://www.mexat.com/vb/attachment.php?attachmentid=1305963&stc=1&d=1289849920

في امان الله ...

[F a i я y]

وعليكم السلام والرحمة
أهلينـ بالأخت فرفورة .. ^^
كل عام وأنتي بخير ..

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

شرح واضح جداً ..
تسلم الأيادي .. ^^

http://files.mothhelah.com/img/ksg81853.gif

بإنتظار دروسك القادمة .. ^_^
بالتوفيق



يا هلا
و انت بالف خير عساك من عواده ;)

الحمد لله انه عجبك :)

الله يسلمك ::سعادة::

شكراً على المرور و التطبيق الحلو :لقافة:

[F a i я y]

نشكركم على الدرس وهذا هو تطبيقي مع اعترافي بالتقصير في الالتزام بالخطوات الواردة
http://www.mexat.com/vb/attachment.php?attachmentid=1305656&stc=1&d=1289822577

العفوو ::سعادة::

المهم المحاولة :لقافة:

شكراً على المرور الجميل ::جيد::

[F a i я y]

باك ...

شكرا فيري عالدرس الرائع ... جدا جميل
لكن مطول :( ... تم التطبيق ::جيد::

http://www.mexat.com/vb/attachment.php?attachmentid=1305963&stc=1&d=1289849920

في امان الله ...


منور راجا :)
العفوو ::سعادة::
تطبيقك رائع ::جيد::
يسلمو على المرور و التطبيق الحلو :لقافة:

[Lady Maram]

أمووت علدروس التايبوغرآف <3
لي عودهـ لتطبيق ~
* ليتج تعيدين رفع الخامه لانها مااشتغلت معاي (: