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

عرض كامل الموضوع : إِنْشَـآءْ نَـصْ مَدْمُـوجْ بِـ الـحَ ـلِيبْ [ سلسلة إبداع - مترجم ]



Itαcђi Sαмα
18-03-2011, 16:36
http://www.mexat.com/vb/attachment.php?attachmentid=1439393&stc=1&d=1304359082





.


http://www.mexat.com/vb/attachment.php?attachmentid=1405664&d=1298662658


بِسْـمِ الله الرَّحْمَـنِ الرَّحِيـمْ ، و السَّـلَامُ عَلَيْـكُمْ وَ رَحْ ـمَةُ اللهِ وَ بَرَكَـآتُهْـ .


كيف الحآل جميعاً ؟ إن شآء الله بخير :o ..
نسعى نحن جميعاً إدارة القسم و روآده لإضآفة برآمج تصميم أخرى للقسم لـ تُصبح من البرآمج الأسآسية في قسم التصميم كـ الفوتوشوب و قد بآت هذآ الهدف وآضحاً :rolleyes: ، لـ ذلك من الآن سأحآول ترجمة دروس للآلستريتور و الفوتوشوب معاً كـ درسناً هذآ .. أو لـ الثري دي مآكس مع إنه دروسه طويلة الصرآحة :ميت: و يمكن لو ترجمته مآ ألقى إلَا تطبيق أو تطبيقين :ضحكة: .


نرجع لموضوعنآ xD .


في هذآ الدرس رآح نحتآج لبرنآمجين .. الفوتوشوب و الآلستريتور ،
طبعاً الفوتوشوب لدى الكل بدون إستثنآء :d !!
لتحميل الآلستريتور تفضل بـ زيآرة هذآ الموضوع :
• || Adobe Illustrator CS5 Middle East || • تحميل البرنامج + شرح التنصيب والتفعيل .. (http://www.mexat.com/vb/showthread.php?828307-•-Adobe-Illustrator-CS5-Middle-East-•-تحميل-البرنامج-شرح-التنصيب-والتفعيل-..)
للمُبـدع و النجـم المُتـألق : Master Edward ;)


http://www.mexat.com/vb/attachment.php?attachmentid=1405665&d=1298662658


صآحب الدرس الأصلي : Abduzeedo's blog .
مُترجم الدرس : Itαcђi Sαмα (http://www.mexat.com/vb/threads/members/456485-Itαcђi-Sαмα) <~ أنا :لعق: .
مُستوى الدرس : مُتوسط .
البرآمج المُستخدمة : Adobe [ Photoshop , Illustrator ] CS5 .


http://www.mexat.com/vb/attachment.php?attachmentid=1405666&d=1298662658


نتيجة صآحب الدرس : Click Here (http://www.flickr.com/photos/azeected/3551594742/sizes/l/) .
نتيجتي : Click Here (http://www.mexat.com/vb/attachment.php?attachmentid=1416901&d=1300462361) .


يتبـع .. يُرجى عدم الرد ، Don't Reply
يتبـع .. يُرجى عدم الرد ، Don't Reply
يتبـع .. يُرجى عدم الرد ، Don't Reply

CENTER].[/CENTER]

Itαcђi Sαмα
18-03-2011, 16:42
.


http://www.mexat.com/vb/attachment.php?attachmentid=1405667&d=1298662658


الدرس رآح ينقسم لأربعة خطوآت ..
[ الخطوة الأولى : إنشاء الكتابة في الآلستريتور | الخطوة الثآنية : إدخآل الكتآبة للفوتوشوب و دمج صورة الحليب على الحرفين M & I | الخطوة الثآلثة : إكمآل دمج الحروف البآقية L & K | الخطوة الرآبعة و الأخيرة : إضآفة بعض التأثيرآت للتصميم ] :تدخين: !!


يتبـع .. يُرجى عدم الرد ، Don't Reply
يتبـع .. يُرجى عدم الرد ، Don't Reply
يتبـع .. يُرجى عدم الرد ، Don't Reply


.

Itαcђi Sαмα
18-03-2011, 16:44
.


http://www.mexat.com/vb/attachment.php?attachmentid=1405668&d=1298662658


أول شيء نفتح الآلستريتور .. و نفتح عمل جديد عبر [ File > New ] بالمقآسآت التآلية ~



http://www.mexat.com/vb/attachment.php?attachmentid=1412934&d=1299847829




الحين رآح نحتآج بعض النوآفذ - طبعاً أنا أتعآمل مع اللي دوبه فآتح البرنآمج يعني أول مرة :d -
نفتح بعض النوآفذ عبر [ Window ] و نختآر منهآ [ Color , Layers , Navigator ] ..
و نختآر الحين [ View > Show Grid ] ..
نخلي المعآينة على [ 14 % ] !
و نخلي إعدآدآت الألوآن [ Color ] كالتآلي ~



http://www.mexat.com/vb/attachment.php?attachmentid=1412935&d=1299847829




نستخدم الحين أداة المُستطيل [ Rectangle Tool - M ] .. اللي تحت أداة الكتآبة .
نسوي مربع زي كذآ : ~



http://www.mexat.com/vb/attachment.php?attachmentid=1412936&d=1299847829




بعدين نستخدم أدآة البن توول .. و نسوي نُقطة زي كذآ ..


http://www.mexat.com/vb/attachment.php?attachmentid=1412937&d=1299847829



و نسحب النُقطة على فوق من خلَال السهم [ فوق ] اللي على الكيبورد .
لين مآ نوصل لهالمُستوى في الإرتفآع ~


http://www.mexat.com/vb/attachment.php?attachmentid=1412938&d=1299847829



الحين نسوي نقطة بن توول ثآنية [ المحددة باللون البنفسجي ] في هالمكآن زي الصورة اللي أسفل ~


http://www.mexat.com/vb/attachment.php?attachmentid=1412945&d=1299848930



و نرفع الحين بالسهم فوق زي أول لين مآ نوصل لهالمستوى ~


http://www.mexat.com/vb/attachment.php?attachmentid=1412946&d=1299848930



الحين نسوي نُقطة بالبن توول [ المحددة باللون البنفسجي في الصورة أدنآهـ ] بالقرب من النقطة اللي سوينآهآ أول وحدة ..


http://www.mexat.com/vb/attachment.php?attachmentid=1412947&d=1299848930



و نلف يسآر لين مآ تصير على إستقآمة النقطة اللي فوقهآ ..
و ننزلهآ على تحت لين مآ تصير على الخط اللي تحت ..
زي كذآ



http://www.mexat.com/vb/attachment.php?attachmentid=1412948&d=1299848930




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


http://www.mexat.com/vb/attachment.php?attachmentid=1412949&d=1299848930



الحين نضيف نُقطة بالبن توول في المكآن المُحدد في الصورة التي بالأسفل ~


http://www.mexat.com/vb/attachment.php?attachmentid=1412951&d=1299849323



و ننزل النُقطة لين تحت لين مآ تصير زي كذآ ~


http://www.mexat.com/vb/attachment.php?attachmentid=1412952&d=1299849323



الحين نحدد نقطتين بالبن توول المحددة باللون البنفسجي كمآ في الصورة التي في الأسفل ..
و نضيف بينهآ نقطة اللي هي المُحددة باللون السمآوي .



http://www.mexat.com/vb/attachment.php?attachmentid=1412953&d=1299849323




الحين ننزل النقطة على تحت لين مآ تصير الصورة كذآ ~


http://www.mexat.com/vb/attachment.php?attachmentid=1412954&d=1299849323



بمآ إنكم عرفتوا الطريقة كملوآ على بآقي الحروف و سووآ زي التصميم اللي طلعت به في النهآية .. لرؤية التصميم .. اضغط هنآ (http://img163.imageshack.us/img163/483/63816567.jpg) .


نحفظ التصميم عبر [ File > Save As ] و نختآر الصيغة PDF .


أخيراً انتهينآ من هالخطوة :صمت: .. اللي بعدوآ :d !!


يتبـع .. يُرجى عدم الرد ، Don't Reply
يتبـع .. يُرجى عدم الرد ، Don't Reply
يتبـع .. يُرجى عدم الرد ، Don't Reply


.

Itαcђi Sαмα
18-03-2011, 16:46
.


http://www.mexat.com/vb/attachment.php?attachmentid=1405671&d=1298662910


مُلَاحظة ~ في هذه الخطوة و التي تليهآ الصورة في روآبط بهذا اللون .


الحين نسك الآلستريتور و نفتح الفوتوشوب و نسوي عمل جديد عبر [ File > New ] ..
و نسوي العمل بالمقآسآت التآلية : -


http://www.mexat.com/vb/attachment.php?attachmentid=1414048&d=1300089621


نملئ الخلفية باللون الأسود الغآمق ..
و نفتح الحين التصميم اللي سوينآه بالآلستريتور .. رآح تطلع لنآ صفحة نسوي الإعدآدآت زي مآهو ملون بالصورة اللي هنـآ (http://www.mexat.com/vb/attachment.php?attachmentid=1414049&d=1300089621) .


بعد مآ دخلنآ التصميم للفوتوشوب ندخل التصميم على العمل اللي فتحنآه ..
و نسوي على الكتآبة اللي دخلنآه ع التصميم [ Color Overlay ] .. و نخلي اللون الأبيض ع الأخير يعني [ 000000 # ] :D !!


صورة توضيحية للنتيجة (http://www.mexat.com/vb/attachment.php?attachmentid=1414050&d=1300089621)
مُلَاحظة ~ المُعآينة في الصورة التي بالأعلى 50 % .


الحين نصغر الكتآبة عبر أداة الموف [ M O V E ] ~
النتيجة للحين (http://www.mexat.com/vb/attachment.php?attachmentid=1414052&d=1300089621) ~


الحين نحفظ هذه (http://www.mexat.com/vb/attachment.php?attachmentid=1414264&d=1300115418) الصورة عندنآ بالجهآز .. رآح نسخدمهآ في التصميم ،
نحط الصورة على حرف [ M ] و نخفف الأبوزتي عشآن نعرف إذآ الصورة جآية على الحرف زين و لا لأ .. صورة توضيحية (http://www.mexat.com/vb/attachment.php?attachmentid=1414265&d=1300115418) !!
إذآ كآنت الصورة أصغر نكبرهآ عبر أداة الموف [ M O V E ] !!


بعدين نرجع الأبوزتي 100 % ..
الحين نمسح المُحدد باللون الأحمر في الصورة التآلية من على صورة الحليب :D !!
الصورة (http://www.mexat.com/vb/attachment.php?attachmentid=1414266&d=1300115418) ~


الحين نستعمل فرشة كبيرة و تكون ضبآبيتهآ 0 .. و نمسح صورة الحليب اللي حطينآهآ من تحت لين مآ تصير كذآ تقريباً ، صورة توضيحية (http://www.mexat.com/vb/attachment.php?attachmentid=1414267&d=1300115418) ! و نمسح المُحدد باللون الأحمر في الصورة اللي قبل .. المسح يكون على طبقة الحروف مب صورة الحليب ::جيد:: .


الحين غلقنآ من حرف الـ M ، و النتيجة حتى الآن (http://www.mexat.com/vb/attachment.php?attachmentid=1414268&d=1300115418) .


.


ننتقل الحين لحرف الـ I ..


نحفظ هذه (http://imgs.abduzeedo.com/files/tutorials/Milk_Typography_Effect_in_Photoshop/Step_11.jpg) الصورة في الجهآز لِأننآ رآح نحتآجهآ في حرف الـ I ،
نفتح الصورة اللي حفظنآهآ و نحطهآ في الفوتوشوب و نضيفهآ على العمل بيتآعنآ [ :D ] !
نخلي الصورة مُستقيمة عبر أدأة الموف [ M O V E ] .. و نخيهآ على حرف الـ I مُستقيمة و نمسح الزآيد منهآ .. النتيجة (http://www.mexat.com/vb/attachment.php?attachmentid=1414291&d=1300117067) !


الحين نحدد بأداة الـ Rectangular Marquee Tool M ، و ليكن كـ هذه الصورة (http://www.mexat.com/vb/attachment.php?attachmentid=1414292&d=1300117067) .
بعدين نحدد مرة ثآنية عبر نفس الأداة و ليكن التحديد هذه المرة كـ مآ هو هُنآ (http://www.mexat.com/vb/attachment.php?attachmentid=1414293&d=1300117067) .
و ننزل بعدين بأداة الموف [ M O V E ] لين أسفل الحرف .. رآح تطلع معآنآ النتيجة زي كذآ (http://www.mexat.com/vb/attachment.php?attachmentid=1414294&d=1300117067) .
بعدين نمسح من تحت زي مآ مسحنآ حرف الـ M بالتمآم .


النتيجة حتى الآن (http://www.mexat.com/vb/attachment.php?attachmentid=1414295&d=1300117067) ~


نُكمل حرفي الـ L & K في الرد التآلي :تدخين: !!


يتبـع .. يُرجى عدم الرد ، Don't Reply
يتبـع .. يُرجى عدم الرد ، Don't Reply
يتبـع .. يُرجى عدم الرد ، Don't Reply


.

Itαcђi Sαмα
18-03-2011, 16:50
.


http://www.mexat.com/vb/attachment.php?attachmentid=1405672&d=1298662910


نحفظ هذه (http://www.mexat.com/vb/attachment.php?attachmentid=1415990&d=1300439392) الصورة عندنآ بالجهآز لأننآ رآح نستخدمهآ على حرف الـ L ،
نضيف الصورة على التصميم و بالذآت على حرف الـ L ، طبعآ الصورة رآح تكون كبيرة نصغرهآ لين مآ تصير على قد عرض الحرف و بعدين نمسح اللون الأسود اللي بالتصميم .. [ أقصد هُنا إذآ جآت الخلفية السودة على نقآط الحليب ] .. و نمسح من تحت الصورة شوي لين مآ تصير النتيجة كذآ (http://www.mexat.com/vb/attachment.php?attachmentid=1415991&d=1300439392) ::جيد:: .


نحفظ هذه (http://www.mexat.com/vb/attachment.php?attachmentid=1415992&d=1300439392) الصورة عندنآ بالجهآز سنحتآجهآ الآن بخصوص حرف الـ K ،
و نحطهآ على التصميم بحيث تكون هكذآ (http://www.mexat.com/vb/attachment.php?attachmentid=1415993&d=1300439392) . نروح للمسآر [ Image > Adjustment > Desaturate ] رآح تصير الصورة باللون الأبيض و الأسود .. بعدين نروح للمسآر [ Image > Adjustment > Levels ] .. و نخليهآ بـ هذه (http://www.mexat.com/vb/attachment.php?attachmentid=1415994&d=1300439392) الإعدادات ،، النتيجة للآن (http://www.mexat.com/vb/attachment.php?attachmentid=1416065&d=1300453344) ~


نستخدم أداة الممحآة و نمسح الصورة لين مآ تصير النتيجة زي كذآ (http://www.mexat.com/vb/attachment.php?attachmentid=1416066&d=1300453344) ، الحين نرجع لطبقة الكتآبة حقت كلمة [ M I L K ] و نمسح حرف الـ K من المنطقة المُحددة في هذه (http://imgs.abduzeedo.com/files/tutorials/Milk_Typography_Effect_in_Photoshop/Step_16.jpg) الصورة [ هذه الصورة من الدرس الأصلي نسيت أسويهآ :d ] ،، النتيجة حتى الآن (http://www.mexat.com/vb/attachment.php?attachmentid=1416067&d=1300453344) ~


نكمل التأثيرآت بالرد الجآي ::جيد:: !!


يتبـع .. يُرجى عدم الرد ، Don't Reply
يتبـع .. يُرجى عدم الرد ، Don't Reply
يتبـع .. يُرجى عدم الرد ، Don't Reply


.

Itαcђi Sαмα
18-03-2011, 16:53
.


http://www.mexat.com/vb/attachment.php?attachmentid=1405673&d=1298662910


الحين نسوي جرآدينت مآب و ليكن بالإعدادات التآلية : -


http://www.mexat.com/vb/attachment.php?attachmentid=1416068&d=1300453344


النتيجة حتى الآن (http://www.mexat.com/vb/attachment.php?attachmentid=1416069&d=1300453344) ~


الحين نضيف نفس الصورة اللي أضفنآهآ على حرف الـ K و نكررهآ مرتين أو ثلَاثة .. يُفضل ثلَاثة مرآت ، نخلي الصور تحت الجرآدينت مآب اللي سوينآه ..
و كل صورة نسوي عليهآ [ Image > Adjustment > Desaturate ] ،
و كمآن [ Image > Adjustment > Levels ] و لتكن كآلتآلي : -


http://www.mexat.com/vb/attachment.php?attachmentid=1416899&d=1300462361


و نسمح بعدين و نبقي الرذآذ الصغير من الصور اللي أضفنآهآ ..
و نسوي على كل صورة على حدى [ Filter > Blur > Gaussian Blur ] بقيمة 1.5 ،،


النتيجة بعد إضآفة الـ بلور (http://www.mexat.com/vb/attachment.php?attachmentid=1416900&d=1300462361) ~


الحين نضغط على الأزرآر [ Ctrl + Shift + Alt + E ] و نسوي فلتر البلور [ Filter > Blur > Gaussian Blur ] .. بقيمة 8 ، و نخلي النمط [ Screen ] و الأبوزتي 50 % .. نسوي مرة ثآنية [ Ctrl + Shift + Alt + E ] و نسوي فلتر [ Filter > Sharpen > Sharpen ] مرة وحدة تكفي :d ،


كذآ نقول غلقنآ من الدرس .. طبعاً تلَاحظوا إنه في زي الـ Bevel And Emboss على الكتآبة للآسف صآحب الدرس مآ ذكر كيف نسوي هالخطوة يعني ألف من عنده و سوآ إضآفآت :d .


النتيجة النهآئية (http://img153.imageshack.us/img153/7919/66726685.jpg) ::سعادة:: <~ أخيراً غلقنآ xD


يتبـع .. يُرجى عدم الرد ، Don't Reply
يتبـع .. يُرجى عدم الرد ، Don't Reply
يتبـع .. يُرجى عدم الرد ، Don't Reply


.

Itαcђi Sαмα
19-03-2011, 10:15
.


http://www.mexat.com/vb/attachment.php?attachmentid=1416709&d=1298662910


أرجو أن يكون الدرس قد نآل على إعجآبكم و إسحسآنكم .. ;)
و أي استفسآر أنا موجود بالخدمة :d


جميـع الحقـوق محفـوظة للرآعي الرسمي <<~ برـآآآ xDD :d
جميع الحقوق محفوظة لـ Itαcђi Sαмα (http://www.mexat.com/vb/threads/members/456485-Itαcђi-Sαмα) @ Mexat.com !!
Itαcђi Sαмα (http://www.mexat.com/vb/threads/members/456485-Itαcђi-Sαмα) متوآجد في مكسآت فقط :تدخين: .


رآبط الدرس الأصلي (http://abduzeedo.com/awesome-milk-typography-effect-photoshop#) ~


بالتوفيق و في حفظ الله ..
يُمكنكم الرد :d .


http://www.mexat.com/vb/attachment.php?attachmentid=1416710&d=1298662910


.

Itαcђi Sαмα
24-03-2011, 22:01
مُثير للإهتمآم :لقافة: !!

humen_unity
25-03-2011, 10:29
ياااه شكله جميل مرررااه ^-^

جاري التنزيل ومحاولة التطبيق

لي عوده بالتصميم ان نجح >.<

http://store2.up-00.com/Mar11/ykb46631.gif

HONEY SOUL
26-03-2011, 18:42
السلام عليكم ورحمة الله وبركاته ..
كيفك تشتشنا ^_^..
اليوم تبللت من كتر الحليب .. أرطال :d
الدرس صرااحة روووعة ..
ولذييذ .. أهم شي الحليب ::سعادة::
---
خطوة الألستريتر .. عجبتني كتييير .. ::جيد::.. بس يبالها شغل ^^...
الشرح ما شاء الله ممتاز ولا غبار عليه ..
والتنسيق مميز .. على الأقل ما دشيت بدوخة الكلام ::جيد::
أكثر شي ضحكت عليه ... خطوة عمل تأثير الشاربين ... :d ..
لو ما نبهت على هذه النقطة .. كنت بتهور .. لأن عادتي على طول ctrl + f :p
بس في شيء ..

و نخلي اللون الأبيض ع الأخير يعني [ 000000 # ] :d !!
أظن أنك قصدت ...[ ffffff ] صح ؟؟!!

الموهيييم ^^..
هذا (http://img860.imageshack.us/i/34491452.jpg/)تطبيقي .. >>> عرفت شلون سوى صاحب الدرس خاصية الابعاد من تحت
بس لا تضحك عليها >> أول وحدة ضحكت :ضحكة::ضحكة::ضحكة:
كم ؟؟!

مشكور على المجهود الذي بذلته في ترجمة هذا الدرس ^_^
بالتوفيق ..