علومي
Would you like to react to this message? Create an account in a few clicks or log in to continue.

تصميم بوستر بطريقه مبتكره

Go down

تصميم بوستر بطريقه مبتكره  Empty تصميم بوستر بطريقه مبتكره

Post by شجون Sat Sep 18, 2010 2:37 am

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

تصميم بوستر بطريقه مبتكره



أهلا و سهلا بكم مره أخرى في سلسلة الدروس المترجمه حصريا لبكسل: تصميم بوستر بطريقه مبتكره  Smile)) ..

سنتعلم في هذا الدرس طريقة لإضفاء منظر جمالي على تصاميمنا بطريقه سهله بإذن الله تعالى

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

تصميم بوستر بطريقه مبتكره  Quick-grungy-poster-15


خطوات الدرس

الخطوه الأولى

قم بفتح مساحة عمل جديده , قم بتلوين الخلفيه بلون بني داكن

تصميم بوستر بطريقه مبتكره  Quick-grungy-poster-1


انظر للجانب الأيسر من برنامج الفوتوشوب , و انظر إلى المكان الخاص بإختيار الألوان , إجعل اللون الأمامي foreground color
على اللون الأبيض

و اللون الخلفي background color
على اللون الأسود

قم بتنشيط الطبقه الأصليه و التي سيكون إسمها في الغالب background
و هذا بالنقر عليها

قم بالذهاب إلى

Filter>Texture>Texturizer

تصميم بوستر بطريقه مبتكره  Quick-grungy-poster-2



إستعمل أداة “white lines.”
قم بإختيار أداة Rectangle ذات الإختصار (U) و قم بصنع أشكال تشبه الموجوده في الصوره التاليه ..

قم بعمل جروب جديد في لوحة الطبقات الموجوده في الجزء الأيمن من البرنامجو سمي المجموعه الجديده “white lines” و ضعها فيها طبقة النص الكتابي والطبقات الخاصه بالأشكال التي قمنا بصنعها ..

تصميم بوستر بطريقه مبتكره  Quick-grungy-poster-3


قم تدوير أو (Rotate) للجروب الذي قمنا بإنشاءه من قبل كالتالي ..

تصميم بوستر بطريقه مبتكره  Quick-grungy-poster-4


الان و بإستعمال أداة the Pen Tool ذات الإختصار (p) بعمل بعض الأشكال بينكل حرف من حروف كلمة Psd المهم أن لا تنسى أن تجعل تلك الأشكال أسفلمجموعة الطبقات التي قمنا بإنشاءها منذ قليل ..

و الان قم بعمل مجموعه جديده و ضع فيها الطبقات الخاصه بالأشكال التي قمت بعملها في الخطوه الحاليه ...

تصميم بوستر بطريقه مبتكره  Quick-grungy-poster-5


إذا كنت تعمل على الإصدار CS3 من الفوتوشوب قم بتحويل الألوان الأصفر والأحمر و الأزرق السابق العمل بهم في الأشكال السابقه إلى Smart Filters..

الان قم بالذهاب إلى Texture>Texturizer .. قم بعمل الفلتر على الأشكالالثلاثه السابق عملهم حالا .. في حالة عدم إستعمالك للنسخه Cs3 قم بتطبيقالفلتر السابق فقط

تصميم بوستر بطريقه مبتكره  Quick-grungy-poster-6


الان قم بتحديد الفواصل البيضاء في التصميم .. و بإستعمال الـ Layer Styleقم بعمل Drop Shadow .. بعد هذا إجعل الطبقه الخاصه بالنص الكتابي PSdأعلى الطبقه الخاصه بتلك الفواصل ..

تصميم بوستر بطريقه مبتكره  Quick-grungy-poster-7


قم بالنقر مرتين على الطبقه الخاصه بالنص الكتابي Psd و في نافذة الـLayer Style قم بإختيار الـ Drop Shadow و تلك المره قم بإختيار shadowبنسبه أكبر .. بعد هذا قم بالنقر بزر الماوس الأيمن فوق الطبقه الخاصهبالـ psd ثم قم بإختيار creat layer , و هذا الأمر لعم طبقه جديده لاتحتوي إلا على shadow ..

قم بالذهاب إلى Layer>Layer Mask>Reveal All ثم قم بمسح بعض الأجزاءمن الظلال و التي تمر فوق الفواصل البيضاء , إجعل النص و الفواصل يبدونبالمثل

تصميم بوستر بطريقه مبتكره  Quick-grungy-poster-8


قم بعمل طبقه جديده و سميها “dirty” ..

قم بتغير الـ Blend Mode و إجعله على Color Burn ..

إجعل اللون الخلفي "background color" هو اللون الأسود و إجعل اللون الأمامي "foreground color" على اللون الأبيض ..

قم بالذهاب إلى Filter>Render>Render Clouds


تصميم بوستر بطريقه مبتكره  Quick-grungy-poster-9


قم بالضغط على زر Ctrl و مع إستمرار الضغط عليه قم بالنقر بزر الماوسالأيسر على الصوره المصغره للطبقات .. و هذا لتحديد محتويات الطبقات , وبينما تم تحديد جميع الأشكال البيضاء في التصميم قم بعمل طبقه جديده و قمبتلوين الأجزاء المحدده تلك باللون الأبيض ..

قم بالذهاب إلى Texture>Texturizer


تصميم بوستر بطريقه مبتكره  Quick-grungy-poster-10


قم بتحديد الأجزاء البيضاء مره أخرى ..

و قم بعمل طبقه جديده مره أخرى : ))

ثم قم بالذهاب إلى Filter>Render>Render Clouds

ثم قم بالذهاب إلى Image>Adjustments>Levels و أضف بعض البياض إلى السحب (Clouds) ..

تصميم بوستر بطريقه مبتكره  Quick-grungy-poster-11


قم بالذهاب إلى Image>Adjustments>Hue/Saturation

قم بإختيار الخيار colorize

قم باللعب قليلا في المزاليج حتى تحصل على لون يشبه الأتي ...

تصميم بوستر بطريقه مبتكره  Quick-grungy-poster-12



قم بإختيار جميع الطبقات و ضعها في مجموعه واحده , بعد تلك الخطوه قمبتنشيط تلك المجموعه و هذا بالنقر عليها .. ثم قم بالذهاب إلىLayer>Add Layer Mask>Reveal All

قم بإستعمال بعض فرش الفوتوشوب بالعمل على مسح بعض الأجزاء من الصوره حتى تحصل على شكل يشبه الأتي ..

تصميم بوستر بطريقه مبتكره  Quick-grungy-poster-13



أضف بعض النصوص الكتابيه الأخرى على العمل بإستعمال أداة الكتابه T كما تفضل ..


تصميم بوستر بطريقه مبتكره  Quick-grungy-poster-14



يمكنك إستعمال نفس الطرق المطبقه في الدرسي لتصميم لوجوهات المواقع أو البوسترات أو عناصر المواقع .. الخ

الفكره كلها في تغير الإعدادات الخاصه بالخيارات مثل Render Clouds مثلا ...


و إنتهى الدرس

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

تصميم بوستر بطريقه مبتكره  Quick-grungy-poster-15


الدرس مترجم من tutsplus خصيصا و حصريا لبكسل بواسطتي MonTexo
شجون
شجون

الجنس : Female

عدد المساهمات : 502
النقاط : 55786
التقييم : 26
تاريخ التسجيل : 2010-02-23

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum