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

عرض كامل الموضوع : Design an Awesom Geometric Shaped Text (مترجم) ^_^



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


كيف حالكم اعضاء مكسات الاعزاء ان شاء الله باتم صحة وعافية :)


الحمد لله وجدت الوقت أخيراً لكي اقوم بوضع درسي الاول في قسم دروس التصميم واتمنى ان لا يكون الاخير :):رامبو: ....


فكرة الدرس/ James
ترجمة الدرس/ ahmed_nyd
إسم الدرس/ Design anAwesom Geometric Shaped Text
مستوى الدرس/متوسط


نتيجة صاحب الفكرة
http://a.imageshack.us/img820/6464/glossygeotypoflattenfin.jpg
نتيجتي :تدخين:
http://a.imageshack.us/img340/5224/geomatrictextlessonsmal.jpg


اذا اعجبتكم النتيجة اذا حمل الاداوات وسنبداً الدرس في الرد القادم ان شاء الله


رابط تحميل الادوات : http://www.mediafire.com/?i9h9v9qv8nex3rw


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

S E N I O R
08-08-2010, 22:13
بسم الله نبدأ الدرس :

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


ــ نقوم بفتح عمل جديد { width:1200 / heigh:1700 }
http://a.imageshack.us/img135/341/26158085.jpg



نقوم بملىء الخلفية باللون الأسود عن طريق إستخدام أداة Paint Bucket Tool



http://a.imageshack.us/img715/6585/84940371.jpg



http://a.imageshack.us/img824/9464/linev.jpg



الأن لديك خياران لعمل الخطوة التالية:

1_ قم بفتح الصورة ادناه والتي هي مرفقة مع الادوات التي قمتم بتحميلها مسبقاً وضعها فوق الخلفية الرئيسية :

http://a.imageshack.us/img267/6239/16287231.jpg
http://a.imageshack.us/img825/7678/bggrungytexture2.jpg



2_ نقوم بعمل Layer جديد نرسم بعض الفرش من الفرش المرفقة مع الادوات (Valley of the Dry Bone 3) مع مراعاة انه لتحظى بنتيجة جيدة حاول استخادم عدة فرش وليس واحدة فقط مع تقليل ال Opacity و الFill


http://a.imageshack.us/img580/9558/76048120.jpg


حسب رغبتك حتى تحظى بنتيجة مرضية بالنسبة لك ::جيد:: .



http://a.imageshack.us/img824/9464/linev.jpg




الأن نقوم بالضغط على Add Layer Mask كما موضح في الصورة أدناه ( قبل الضغط قم باختيار اللير الجديد الذي قمنا بصنعه في الخطوة السابقة عن طريق ضغط click على اللير)


http://a.imageshack.us/img830/7530/55871926.jpg




الان بعد الضغط على Add Layer Mask كما في الخطوة السابقة سيظهر لنا لير ابيض بجانب اللير الذي قمنا باختياره في الخطوة السابقة كما في الصور أدناه


http://a.imageshack.us/img824/6605/49906334.jpg



نقوم باختيار اداة الBrush Tool ونتأكد من اختيار اللون الاسود ثم التأكدمن ان اللير الابيض (Mask Layer) مفعل واذا لم يكن مفعل نقوم بالضغط click مرة واحدة عليه كما موضح في الصورة ادناه


http://a.imageshack.us/img267/5371/79555174.jpg




الان نقوم باختيار فرشاة ناعمة ونرسم في منتصف العمل ( الشاشة) حتى يصبح اللير الابيض هكذا{الفائدة من هذه الخطوة هو مسح جزء من اللير الذي قمنا بصنعه وذلك لوضع الاحرف في المكان الذ قمنا بالمسح فيه كما سنرى في الخطوات القادمة وبذلك تظهر الاحرف بشكل واضح }


http://a.imageshack.us/img688/1432/22993874.jpg




http://a.imageshack.us/img824/9464/linev.jpg


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


نقوم بعمل Curves Adjustement Layer فوق جميع الليرات التي قمنا بعملها حتى الان ...


http://a.imageshack.us/img705/6651/60571788.jpg





بعد اتباع الخطوة السابقة اجعل اعدادات الcurves كما هو موضح في الصورة ادناه


http://a.imageshack.us/img705/4469/23047492.jpg





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


نقوم باختيار اداة الكتابة عن طريق الضغط على T على لوحة المفاتيح


ملاحظة مهمة: الافضل ان تستخدام الخط المرفق مع الادوات التي قمت بتحميلها مسبقاً ولك الحرية في تجريب خط مختلف


الان انت لديك حرية الاختيار في الاحرف التي تريد كتابتها _ حجمها _موضعها _و كيفية ترتيبها مع بعضها البعض ( قم بكتابة كل حرف على لير خاص به _ بعد ان تنتهي من كتابة الاحرف و وضعها بشكل مائل او اي شكل يعجبك قم بضغط right click على لير الحرف الذي قمت بكتابته ثم قم باختيار Rasterize Type وكرر هذه الخطوة مع كل ليرات الاحرف التي قمت بكتابتها بعد ان تنتهي من هذه الخطوة قم باختيار جميع ليرات الكتابة ودمجها عن طريق ضغط ctrl + E


الان نقوم باضافة تأثيرات على اللير الجديد الموجدة فيه كل الاحرف عن طريق الضغط على http://a.imageshack.us/img705/9912/84608266.jpg


ونختار الاعدادات التالية


http://a.imageshack.us/img412/5958/2dropsha500x350.jpg
http://a.imageshack.us/img836/5907/2gradient500x350.jpg


http://a.imageshack.us/img836/4518/2bevel500x350.jpg



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


http://a.imageshack.us/img841/1458/2effect2495x700.jpg


الان نقوم بمضاعفة لير الكتابة 5 مرات ونغير ال Opacity كما هو واضح ادناه


http://a.imageshack.us/img801/2801/2typeopacity.jpg



الان نقوم بتحريك الليرات الى تحت ثم اليمين او كما تحب ( قمت بتجريب هذه الخطوة ختى يصبح الشكل كما يعجبك _أنا اصبحت لدي النتيجة كما في الشكل ادناه


http://a.imageshack.us/img801/6145/2effect21497x700.jpg



الان نقوم بالضغط Click + CTRL على لير الكتابة لعمل selection للكتابة


http://a.imageshack.us/img836/9450/63197093.jpg


نختار اداة Regtangular marque Tool او اي Selection Tool اخرى ونضغط Right Click في منتصف الشاشة ونختار Refine Edge ونختار الاعدادات التالية




http://a.imageshack.us/img838/3625/45537477.jpg

نضغط Enter على لوحة المفاتيح لتطبيق الاعدادات بعد ذلك نضغط CTRL +J



اصبح لدينا الان لير جديد نذهب الى Filter>Render>Clouds
نكرر هذه الخطوة مرتين او ثلاثة او اي عدد من المرات حتى ترى ان الشكل اصبح يعجبك ..::جيد::


الان ننسخ اللير الجديد الذي طبقنا عليه الفلتر السابق ثلاث مرات ...


نختار لير الكتابة الذي ال Opacity خاصته 100% ونضعه فوق جميع الليرات السابقة


الان نقوم بعمل نسختين اخريين من اللير الذي طبقنا عليه الفلتر ونضعها فوق الليرات جميعاً ونغير الblend mood الى lighten او Screen


حتى الان بعد عمل جميع الخطوات السابقة بشكل صحيح يجب ان يظهر لك الشكل هكذا ...


http://a.imageshack.us/img829/6464/56188585.jpg



http://a.imageshack.us/img824/9464/linev.jpg

]( أعرف انكم قد مللتم :ميت: ولكن الحمد لله الجزء الصعب قد انتهى الان نأتي الى الجزء السهل والممتع من التصميم :تدخين::رامبو:::جيد::)[/SIZE]


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

S E N I O R
08-08-2010, 22:13
الخطوة الرابعة:


وأخيراً وصلنا الى جزء تلوين التصميم ...;)


نقوم بعمل لير جديد ثم نختار فرشاة ناعمة ونرسم فوق التصميم كما هو واضح في الصورة ادناه ( انتم حرين في اختيار الالوان :cool:)


http://a.imageshack.us/img829/5613/4paint1490x700.jpg



نغير الblend mood الى Overly ...


نقوم بعمل لير جديد اخر ونرسم بفرشاه ناعمه على حدود التصميم ثم نغير ال blend mood الى
color Dodge( انتم حرين في اختيار اللون _ شخصياً اخترت لون اصفر وقمت بتعديل ال Opacity الى 20%)


مجدداً نقوم بعمل لير جديد ونختار فرشاة ناعمة بيضاء ونرسم على الاماكن التي نرغب ان تكون افتح من غيرها لاضافة بعض الاضاءة الى التصميم كما في الصورة ادناه
http://a.imageshack.us/img717/6169/4paint3500x693.jpg


نغير الblend mood الى soft light


والان كخطوة اخير ولجعل الوان التصميم اجمل نقوم بالاتي:


نقوم بعمل Curves Adjustem layer كما عملنا سابقاً


ملاحظة مهمة: تأكد ان ال Curves Adjustement layer يكون فوق جميع الليرات


http://a.imageshack.us/img705/6651/60571788.jpg


نختار الاعدادات التالية
http://a.imageshack.us/img405/8604/4curves.jpg
نقوم بتكرار الخطوة السابقة ولكن نختار color Balance بدلاً من Curves



ونختار الاعدادات التالية


http://a.imageshack.us/img440/5908/4colbal.jpg


الان نكرر خطوة Add Layer Mask التي قمنا بها في بداية الدرس ونختار فرشاة ناعمة سوداء ونرسم على اللير الابيض(Layer Mask) كما واضح في الصورة ادناه
http://a.imageshack.us/img405/8053/4maskcolbal493x700.jpg




الى الان هذه هي النتيجة النهائية :

http://a.imageshack.us/img823/3324/4effect2494x700.jpg


كل ما تبقى ان تضيف لمستك الخاصة _انا قمت باستعمال الفرش المرفقة مع الادوات التي قمتم بتحميلها مسبقاً ولك حرية الاختيار في استعمال اي فرشاة او اضافة اي تأثير على التصميم



بهذا نكون قد وصلنا لنهاية الدرس ( أسف جداً جداً جداً على طول الدرس ولكني حاولتي اختصار الخطوات باكبر قدر ممكن :o:ميت:)


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


1_ هل اعجبك الدرس أم لا ؟


2_ هل كان مستوى الدرس صعب_سهل_متوسط بالنسبة لك؟


3_هل كان الشرح واضحاً ومفهوماً أم لا ؟


وفي النهاية احب ان اشكركم لقضائكم جزء من وقتكم في هذا الدرس الذي اتمنى من كل قلبي ان ينال على اعجابكم



يمنع النقل دون أخذ الاذن مني


بنتظار ارائكم وتطبيقاكم( التطبيق ليس إجباري :))


دمتم في امان الله وحفظه

Itαcђi Sαмα
08-08-2010, 22:38
برب ،، قبل أي انسي أو جني :غياب:


درس رائع جدآ ،، و أتمنى لك التميز دآئمآ .. و جعله الله حليفك ^^"
أعتذر عن التطبيق لإنشغالي هذهـ الأيام و إن استطعت العودة يومآ مآ سأعود ;)

وفقك الله و بإنتظار جديد ،، في أمان الله و رعايته

SHAĐOW
09-08-2010, 07:17
ما شاء الله درس رائع جدا وشرح أروع :)

ولكن أعتذر عن التطبيق بسبب انشغالي لهذه الايام :confused:

وشكرا::جيد::

ḾίŞẴĶί
09-08-2010, 07:39
يسلموووووووووووووووو

Night-Mear
09-08-2010, 18:34
شكرا على الدرس......
>_> واسف على عدم التطبيق لان راسي صدع مره عند الخطوه 3 بطلت اسوي التطبيق




نختار اداة regtangular marque tool او اي selection tool اخرى ونضغط right click في منتصف الشاشة ونختار refine edge ونختار الاعدادات التالية



؟_؟ فين ذي الاداه دورت عليها مالقيتـــ هي الي صدعت راسي
بعدين الفرش اي لون ؟
---
ج1: اعجبني الدرس
ج2: متوسط
ج3: الصراحه بعضه مفهوم وبعضه >_> ايش اقول

S E N I O R
09-08-2010, 19:26
itachisama





برب ،، قبل أي انسي أو جني :غياب:



درس رائع جدآ ،، و أتمنى لك التميز دآئمآ .. و جعله الله حليفك ^^"
أعتذر عن التطبيق لإنشغالي هذهـ الأيام و إن استطعت العودة يومآ مآ سأعود ;)


وفقك الله و بإنتظار جديد ،، في أمان الله و رعايته


شكراً لمرورك اخي الكريم :)

S E N I O R
09-08-2010, 19:27
shadow



ما شاء الله درس رائع جدا وشرح أروع :)


ولكن أعتذر عن التطبيق بسبب انشغالي لهذه الايام :confused:


وشكرا::جيد::



شكراً لمرورك اخي الكريم :)

S E N I O R
09-08-2010, 19:28
ḾίŞẴĶί


يسلموووووووووووووووو



العفو :)

S E N I O R
09-08-2010, 19:46
Night-Mear



شكرا على الدرس......
>_> واسف على عدم التطبيق لان راسي صدع مره عند الخطوه 3 بطلت اسوي التطبيق



إقتباس »
نختار اداة regtangular marque tool او اي selection tool اخرى ونضغط right click في منتصف الشاشة ونختار refine edge ونختار الاعدادات التالية


؟_؟ فين ذي الاداه دورت عليها مالقيتـــ هي الي صدعت راسي

بعدين الفرش اي لون ؟
---


ج1: اعجبني الدرس
ج2: متوسط
ج3: الصراحه بعضه مفهوم وبعضه >_> ايش اقول



_العفو :).... عادي جداً لا تقلق :cool: انا نفسي قت بعمل الدرس مرتين حتى استطعت ان اظهر بالنتيجة المطلوبة... كما ان الدرس معقد قليلاً في بعض خطواته ان لم تكن لديك خبرة بها ولكن حاول مجدداً ليس من اجل التطبيق ولكن من اجل تعلم مهارات جديدة ومعرفة اين اخطئة وكيف تصلح الخطأ ::جيد::






أولاً : الاداة التي تبحث عنها ظاهرة باللون الاحمر في الصورادناه... يمكنك اختيار هذه الاداة او التي تحتها ... هذا كل ما تحتاجه لكي يظهر لك خيار Refine Edge عند عمل Right click
http://a.imageshack.us/img838/6265/22980547.jpg



ثأنياً: بالنسبة لالوان الفرش: بالنسبة للفرش التي تستخدم في الخطوات مع Mask Layer كهذه الخطوة




نقوم باختيار اداة الBrush Tool ونتأكد من اختيار اللون الاسود ثم التأكدمن ان اللير الابيض (Mask Layer) مفعل واذا لم يكن مفعل نقوم بالضغط click مرة واحدة عليه كما موضح في الصورة ادناه


http://a.imageshack.us/img267/5371/79555174.jpg



فكما موضح في الصورة يجب ان تكون الفرشاة سوداء اللون ...

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

اتمنى ان يكون جوابي مفيداً لك :) واسف ان كان الشرح غير مفهوم :o :o


في أمان الله

pเภк ςคt
10-08-2010, 00:37
السلام عليكم ورحمة الله وبركاته ~
مرحبا اخوي..~..^^
الحمد لله حنا بخير وانتم؟
عساكم بخير إن شاء الله ~
تم التطبيق..×.×

تفضلوا هنا (http://img401.imageshack.us/img401/3931/ftyfgcopy.png)~..<--كان جدا كبير فصغرته.×.×

ويعطيكم العافية عالدرس~
ورمضان مبارك ~
وسلام ~

S E N I O R
10-08-2010, 05:48
السلام عليكم ورحمة الله وبركاته ~
مرحبا اخوي..~..^^
الحمد لله حنا بخير وانتم؟
عساكم بخير إن شاء الله ~
تم التطبيق..×.×


تفضلوا هنا (http://img401.imageshack.us/img401/3931/ftyfgcopy.png)~..<--كان جدا كبير فصغرته.×.×


ويعطيكم العافية عالدرس~
ورمضان مبارك ~
وسلام ~




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

اهلاً اختي الكريمة ... تطبيق جميل جداً :) لكن ينقصه شيء صغير لو قمت بزيادة الاضاءة على الاحرف قليلاً لاصبح اجمل بكثير ;) لان الوان الاحرف لديك باهتة قليلاً وبصورة عامة تطبيق رائع ::جيد::


9.5/10


شكراً لمرورك :) في امان الله

S O F T
10-08-2010, 07:05
درس روووووووووووووووووووووووعه

لي رجعه

S E N I O R
10-08-2010, 07:09
درس روووووووووووووووووووووووعه

لي رجعه


بانتظارك :)

zanox
10-08-2010, 17:43
شكرا على الموضوع الأكثر من مميز مع أنه معقد شوي :confused:

المهم التطبيق في المرفقات

S E N I O R
10-08-2010, 20:44
شكرا على الموضوع الأكثر من مميز مع أنه معقد شوي :confused:

المهم التطبيق في المرفقات



العفو وأسف ان كان الشرح معقد قليلاً سأحاول أن اجعله اوضح في الدروس القادمة إن شاء الله


:o


التطبيق ممتاز 10\10
::جيد:::)

Ł E ʘ N
11-08-2010, 13:57
درس رائع أخي ^^ شرحك ممتاز جدا مع أنه درس طويل ولكنك وفقت بشرحه
بالتوفيق لك :)

ĦαтяσsĦ
11-08-2010, 14:05
مشكور على الدرس

شوف عجبني

على شانه معقد <<<مو شرحكـ لاكن التطبيق طوييييل

على الله

عارف ان تطبيقي نااقص

ولاكن لو تحلف مليون مره مااعيده:ضحكة:

http://files.mothhelah.com/img/NN235701.jpg (http://files.mothhelah.com/)

S E N I O R
11-08-2010, 15:09
درس رائع أخي ^^ شرحك ممتاز جدا مع أنه درس طويل ولكنك وفقت بشرحه
بالتوفيق لك :)



اهلاً بك أخي الكريم يشرفني جداً انه أعجبك :o
مثلما قلت إن الدرس فعلاً طويل استغرق مني وقت طويل حتى اكملته ولكن
الحمد لله انه الشرح كان جيد ومفهوم


شكراً لمرورك :) ::سعادة::




مشكور على الدرس


العفو
شوف عجبني
الحمد لله انه عجبك
على شانه معقد <<<مو شرحكـ لاكن التطبيق طوييييل


معك حق هو فعلاً طويل ولكن نتيجته جميلة ::جيد::;)
على الله


عارف ان تطبيقي نااقص


بالعكس تطبيقك جميل جداً انت فقط لم تقم بالخطوة الاخيرة وهي خطوة غير اجبارية الفائدة منها هو اضافة لمستك الخاصة فقط وانت بالفعل قمت بذلك فلقد غيرت من طريقة ترتيب الحروف ::جيد:: ..... تطبيقك 10\10


ولاكن لو تحلف مليون مره مااعيده:ضحكة:


:D لا تقلق لن أفعل ذلك :D
http://files.mothhelah.com/img/NN235701.jpg

*COOL FOFO*
12-08-2010, 16:27
الدرس روووعة ^^

شكرا كتيرر

بس بدي اسال سؤال ؟ هلا بعد ما سوينا Refine Edge بتجي بعدها خطوة مش زابطة معي بالمرة لما بصير عنا لاير جديد وبنسوي عليها فلتر ما بزبط معي بعدها شي بالمرة شوف كيف :

اول شي هون لما صار لاير جديد :

http://img340.imageshack.us/img340/7408/60378944.jpg

وهون لما جيت بدي طبق الفلتر شوف شو اجا وحطيت اوك :

http://img686.imageshack.us/img686/1748/25911535.png

وهون حطيت اوك وصار هيك : وبعدها ما اعرفت شو اسوي

http://img641.imageshack.us/img641/2492/91785788.jpg


ليش هيك ؟؟ :( وبستنى الحل ^^

وشكرااا

S E N I O R
12-08-2010, 21:15
الدرس روووعة ^^


شكرا كتيرر


بس بدي اسال سؤال ؟ هلا بعد ما سوينا Refine Edge بتجي بعدها خطوة مش زابطة معي بالمرة لما بصير عنا لاير جديد وبنسوي عليها فلتر ما بزبط معي بعدها شي بالمرة شوف كيف :


اول شي هون لما صار لاير جديد :


http://img340.imageshack.us/img340/7408/60378944.jpg


وهون لما جيت بدي طبق الفلتر شوف شو اجا وحطيت اوك :


http://img686.imageshack.us/img686/1748/25911535.png


وهون حطيت اوك وصار هيك : وبعدها ما اعرفت شو اسوي


http://img641.imageshack.us/img641/2492/91785788.jpg



ليش هيك ؟؟ :( وبستنى الحل ^^


وشكرااا




_اهلاً اخي الكريم لا تقلق مشكلتك بسيطة جداً وهذا هو حلها :
http://a.imageshack.us/img836/2554/0123u.jpg


اتمنى أكون أفدتك و اذا كان الشرح غير مفهوم اخبرني وسأحاول توضيحه اكثر ان شاء الله واذا كان هناك اي سؤال اخر انا حاضر... دمتم في امان الله

*COOL FOFO*
13-08-2010, 14:55
شكرا الك زبطت معي الخطوة ^^

وشكرا على الدرس الرووعة ^^

لكن فيه اخر خطوة ما عملتها بس المهم اعرفت اعمله والواني شوي ملخبطة :) بس حاولت كتير اني ازبط لانه كتير مميز الدرس

وهي نتيجتي :

http://img707.imageshack.us/img707/9504/ffffffffffffft.jpg

ويا رب تكون مقبولة ^^ (( بالمناسبة انا بنت مش ولد ^^ ))

ودمت بووود

S E N I O R
13-08-2010, 17:21
شكرا الك زبطت معي الخطوة ^^


وشكرا على الدرس الرووعة ^^


لكن فيه اخر خطوة ما عملتها بس المهم اعرفت اعمله والواني شوي ملخبطة :) بس حاولت كتير اني ازبط لانه كتير مميز الدرس


وهي نتيجتي :


http://img707.imageshack.us/img707/9504/ffffffffffffft.jpg



ودمت بووود


اهلاً اختي : الحمد لله انه الشرح كان مفيد ...
بالعكس الوان التصميم رائعة جداً ::جيد:: ... النتيجة رائعة جداً 10\10




(( بالمناسبة انا بنت مش ولد ^^ ))



أسف خطأ مطبعي :p:D
دمتي في امان الله

اثير محمد
24-08-2010, 11:57
اهنئ صديقي العزيز على الموضوع الرائع وان شا الله التطبيق من اجي يمك سلام