[ سلسلة إبداع - مُترجم ] Make a Typographic Retro Space Face ~

عرض للطباعة

11-09-2009, 12:30
S Λ N A i

[ سلسلة إبداع - مُترجم ] Make a Typographic Retro Space Face ~

http://www.mexat.com/vb/attachment.p...1&d=1254437580
السلام عليكم ورحمة الله وبركاته

أهلاً بكم جميعاً
هذا الدرس مُترجم، من ضمن سلسلة إبداع الفوتوشوب ^^

الـ "Typographic" هو فن التصميم المتعلق بالخط والكلمات..
في هذا الدرس سنتعلم كيفية تحويل اي صورة تريدونها الى [Typographic ] بأبسط طريقة,,
تابعوا معي..

فكرة الدرس: Vasjen Katro
الترجمة: Sanai
مستوى الدرس: متوسط

المستلزمات:
صورة الوجه لتطبيق الدرس عليها
~> لا تهتموا قي شكلها فالملامح لن تظهر في النتيجة النهائية,,
فرشاة الكلمات
صورة الألعاب النارية (سنستخدمها في النهاية)

نبدأ باسم الله الرحمن الرحيم

أولا افتحوا الصورة المستخدمة، ألا وهي صورة الوجه
طبعاً لا يشترط ان تتقيدوا بها ولكن يفضل ان تحتاروا صورة بخلفية سوداء ويكون الوجه بارزاً بها

بعد ان فتحتم الصورة المناسبة اذهبوا الى Image > Image size
غيروا الحجم الى أي حجم مناسب بنظركم ,,
أنا غيرته إلى ~>
http://www.mexat.com/vb/attachment.p...6&d=1252667859

وتأكدوا من وجود علامة "صح" على هذا الخيار في الأسفل

http://www.mexat.com/vb/attachment.p...1&d=1252668080

الآن اضغطوا على لير الصورة مرتين وسوف يظهر لكم صندوق بهذا الشكل:

http://www.mexat.com/vb/attachment.p...2&d=1252668080

اضغطوا Ok
اعيدوا تسمية اللير وسموه Face هذه الخطوة للتسهيل عليكم فقط ..

الآن افتحوا لير جديد واملئوه باللون الأسود عن طريق اداة الدلو [ http://www.mexat.com/vb/attachment.p...1&d=1252667859 ] وانقلوه الى اسفل لير الصورة وأعيدوا تسميته إلى Background
ليصبح صندوق الليرات عندكم بهذا الشكل

http://www.mexat.com/vb/attachment.p...1&d=1252668080

الآن افتحوا لير جديد آخر واختاروا اللون الأبيض، اختاروا اداة الفرشاة [ http://www.mexat.com/vb/attachment.p...1&d=1252667859 ]
ومن ثم اختاروا الفرش التي أرفقتها لكم ووزعوها على الصورة بحيث تغطي الفرش كل الصورة تقريباً,,

بهذا الشكل:

http://www.mexat.com/vb/attachment.p...4&d=1252668080

الآن ركزوا شوي معي، لأن هذه أصعب خطوة في الدرس تقريباً، وهي الخطوة الرئيسية
اولا اختاروا لير الوجه، اي اضغطوا عليه ليتحدد باللون الأزرق بهذا الشكل:

http://www.mexat.com/vb/attachment.p...1&d=1252668080

بعدها اضغطوا على CTRL من الكيبورد واستمروا بالضغط عليها، وبعدها اختاروا لير الفرشاة (Layer 1)
راح تلاحظوا ان الفرشاة تحددت بهذا الشكل

http://www.mexat.com/vb/attachment.p...1&d=1252668571

الآن تأكدوا ان التحديد لا يزال موجوداً ,,
اضغطوا CTRL+C للصق الأحرف وبعدين مباشرة اضغطوا CTRL+V
سوف يتكوّن لير جديد تشكّل بين لير الوجه ولير الفرشاة اسمه Layer 2

http://www.mexat.com/vb/attachment.p...1&d=1252668633

طبعاً ما لاحظتوا اي اختلاف صح!
طيب، الآن راح نقوم بالحركة السحرية، سموا بسم الله :ضحكة:

اول شيء احذفوا ( Layer 1 ) أي لير الفرشاة الأصلي,,
لحذفه اضغطوا عليه وبعدها Delete من الكيبورد :D

والآن اخفوا العين عن لير الوجه الأصلي
تآآآدآآ، سحر صح؟ xD

النتيجة بعد كل هذا

http://www.mexat.com/vb/attachment.p...2&d=1252668571

وصندوق الليرات يجب أن يكون عندكم بهذا الشكل:

http://www.mexat.com/vb/attachment.p...1&d=1252668571

الآن كرروا Layer 2 عدة مرات حتى تحصلوا على النتيجة اللي ترضيكم،انا مثلاً كررته 3 مرات فقط

بعد ما انتهيتوا من التكرار اضغطو على ايقونة المجموعة [ http://www.mexat.com/vb/attachment.p...1&d=1252667859 ] في اسفل صندوق الليرات، لتستخرجوا مجموعة جديدة =)

اعيدوا تسميتها وسموها مثلاً Letters
وبعدها اختاروا ليرات الفرش كلها عن طريق الضغط على اول لير وبعدها استمروا بالضغط على CTRL من الكيبورد
وابدأوا بتحديد جميع الليرات حتى تتحدد كل ليرات الفرشة بهذا الشكل

http://www.mexat.com/vb/attachment.p...4&d=1252668571

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

http://www.mexat.com/vb/attachment.p...8&d=1252668825

الآن اذهبوا للير الفرشاة الأصلي ( Layer 2 )
اختارو Layer > Layer style > Drop shadow
وضعوا هذه الإعدادات:

http://www.mexat.com/vb/attachment.p...9&d=1252668825

الآن بعد ما خلصتوا منه اذهبوا للير واضغطوا على كلمة Drop shadow في اسفل اللير بزر الماوس الأيمن واختاروا

http://www.mexat.com/vb/attachment.p...1&d=1252668825

وبعدها اذهبوا لكل نسخة من النسخ، واضغطوا عليه بزر الماوس الأيمن واختاروا

http://www.mexat.com/vb/attachment.p...1&d=1252668825

............

انتهينا الآن من أساس الدرس، تابعوا معي في الرد القادم للإضافات
11-09-2009, 12:31
S Λ N A i

نتابع

............

اخفوا محتويات المجموعة عن طريق الضغط على هذا السهم
http://www.mexat.com/vb/attachment.p...1&d=1252668825

افتحوا لير جديد وعبئوه باللون البرتقالي ffc600
واجعلوه بهذا الإعدادات:
http://www.mexat.com/vb/attachment.p...1&d=1252669039

افتحوا لير جديد آخر واملئوه باللون الكحلي 080d4c
واجعلوه بهذه الإعدادات:

http://www.mexat.com/vb/attachment.p...1&d=1252669039

الآن سننتقل للإضاءة,,
اولا افتحوا لير جديد اختاروا الفرشاة الدائرية العادية [ http://www.mexat.com/vb/attachment.p...1&d=1252667859 ] واجعلوها بقياس 45 بكسل من هنا ~>
http://www.mexat.com/vb/attachment.p...6&d=1252669039

اختاروا اللون التركوازي (00fffc) واللون الأخضر (00ff4e)
وابدأوا بصنع بعض الخطوط عند منطقة الرأس، ابتداء من الاعلى وانتهاء بالأسفل كم هو موضح:

http://www.mexat.com/vb/attachment.p...7&d=1252669039

بعدها اذهبوا الى Filter > Blur > Motion Blur
ضعوا هذه الإعدادات:

http://www.mexat.com/vb/attachment.p...8&d=1252669039

والآن اذهبوا الى Filter > Blur > Gaussian Blur
واجعلوا قيمة الـRadius كما هو موضح

http://www.mexat.com/vb/attachment.p...9&d=1252669201

الآن اجعلوا اعدادات اللير بهذا الشكل:

http://www.mexat.com/vb/attachment.p...1&d=1252669201

ملاحظة: يمكنكم التوقف هنا، فالخطوات القادمة هي مجرد خطوات اضافية,,

افتحوا لير جديد واختاروا نفس الفرشاة الدائرية بحجم 45 Px
واختاروا اللون ff0066
وارسموا بها شكلا مشابهاً للآتي:

http://www.mexat.com/vb/attachment.p...1&d=1252669201

اذهبوا الى Filter > Blur > Gaussian Blur واجعلوا الـ Radius بقيمة 88 px

http://www.mexat.com/vb/attachment.p...2&d=1252669201

واجعلوا إعدادات لير الفرشاة بهذا الشكل:

http://www.mexat.com/vb/attachment.p...1&d=1252669201

الآن اختاروا صورة الألعاب النارية المرفقة في البداية، ومباشرة بعد ما تفتحوها اضغطوا على CTRL+U
وضعوا هذه القيم:

http://www.mexat.com/vb/attachment.p...9&d=1252669423

الآن انقلوا الصورة الى ساحة العمل، وضعوها بهذه الوضعية بعد تدويرها بالشكل المناسب من Edit > transform > Rotate وبعد تصغيرها طبعاً
غيروا إعداداتها إلى

http://www.mexat.com/vb/attachment.p...1&d=1252669423

وقوموا بمسح الأطراف والزوائد..

برأيي هذه الخطوة تفسد التصميم تقريباً ولكنها اضافة من صاحب الدرس ^^"

انتهينا الآن..
النتيجة النهائية:

http://www.mexat.com/vb/attachment.p...5&d=1252670355

بالتغاضي عن الخطوة الأخيرة

http://www.mexat.com/vb/attachment.p...6&d=1252670355

نتيجة أخرى بدون اي اضافات، قد تروق لكم :D

الصورة الأصلية
http://fc09.deviantart.com/fs27/f/20..._SanaiChan.jpg

أتمنى ان يكون الدرس قد حاز على إعجابكم =)

كما لاحظتم الدرس طويل لكن يحتاج لبعض التركيز، فهو سهل عموماً,,
وان شاء الله أكون وفقت في شرحه لكم ..
وأرفقت لكم ملف الـ PSD ليساعدكم في التطبيق
من هنا

ودمتم في حفظ الرحمن ورعايته ~
11-09-2009, 13:11
Z M R D

بــاااك ,,
السلام عليكم و رحمة الله و بركاته ,,
أخبارك سنايا ان شاء الله بخير ,, ::جيد::
مبارك عليك الشهر << يوم انتهى ::سخرية::
و من العايدين مقدماً ;) :ضحكة:
سلمت يمينكِ على الدرس الجميل و البسيط ,, ::سعادة::
تطبيقي ,, :نوم:
http://www.mexat.com/vb/attachment.p...1&d=1252702807
10 ؟؟ :لقافة:
ان شاء الله يكون صح ,,
أشوفك في دروس قادمة بإذن الله ,, ::سعادة::
في أمان الله ,,
^.^
11-09-2009, 13:15
~ Rebecca ~

حجز :سعادة2:

بـــآك :سعادة2:
السلآم عليكم ورحمة الله وبركاته.. ::سعادة::
هــآيـآت ســآنو :أوو:
كيفك حوووبى :لقافة: واخبار رمضان والصيام http://www.mexat.com/vb/images/smilies/biggrin.gif
ان شاء الله كله تمام ;)
وآو عالدرس الجونان :أوو:
الصراحة عندك حق عالخطوة اللى قلتى عليها اصعب وآحدة :rolleyes:
روحى طلعت لحتى ظبطت معى :ضحكة:
الموهييييييم هذا تطبيقى :رامبو:

http://www.mexat.com/vb/attachment.p...0&d=1252679185

؟/10 :موسوس:
فايف ستارز اكييييييييد :أوو:
وفى انتظار مواضيعك القادمة :تدخين:
فى آمان الله :رامبو:
11-09-2009, 15:37
S h a L M a R k

لي عودة ان شاء الله :)

بـــــــــــاك :D

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

لذا قمت بالتغيير

تغيير الصورة ... الفرش ... الالوان ... و المزيد

النتيجة 1

http://img44.imageshack.us/img44/3345/albert2.jpg

هنا تعمدت اعادة اظهار لير الصورة الاصلية

http://img32.imageshack.us/img32/2637/albert1.jpg

حطمت وجه ألبرت :D

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

تحياتي :)
11-09-2009, 16:22
Ϻᴉṡṡ.sᴈẏѻᴙα

أهلين سنّو :أوو:
كيفك ؟
إيش هازا الإبداع :صمت:
درس ما توقعت اطبقة
النتيجة المعفنة :غياب:

http://www.7ammil.com/upfiles/LWe87553.jpg
؟/10 ؟ <~ :ضحكة:
بانتظار دروسك الجآيـة ^^
جآ
11-09-2009, 17:28
K A L L E N

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

مرحبا أختي " ساناي"

كيفك ؟

درس رائـع وجميــل;) ,

شكراً جزيلاً لك .

هذا تطبيقي .

رأيك؟
11-09-2009, 17:47
!BiBo

باك
درس رائع
وهذا تطبيقي

http://up4.m5zn.com/9bjndthcm6y53q1w.../zd6s8suqm.png

كم من عشرة
؟؟\10
وشكرا على الدرس
11-09-2009, 22:19
M!ss Sweety

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

أهلا S A N A I أيه أخبارك ؟ و أخبار أجازتك ؟ ان شاء الله تمااام ..::سعادة::

الدرس خطيـــر جــدا .. و هذا ما أسميه بالابداع .. بجد درس متميز جداا .. فى قمة الجمال ..

أشكرك على مجهودك الرائع الذي بذلتى فى هذا الدرس الخطير ::أوو::

تطبيقي : << هو غريب شوية بس ان شاء الله يكون صح ..

[IMG]http://i32.************/25jfd5f.jpg[/IMG]

أنا حاسة انه فاشل ::سخرية::

المهم .. شكرا مرة أخرى ..

فى أمان الله ..
11-09-2009, 23:30
Đεvιℓ

و عليكم السـلامـ
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
شكرا لك أختي sanai
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
على الدرس الرائــع
~~~~~~~~~~~~~~~~~~~~~~~~~
تم التطبيق ..... أخيراً
~~~~~~~~~~~~~~~~~~~
التطبيق في المرفقات
~~~~~~~~~~~~~~
تحياتي
~~~~~~
في امان الله
~~
12-09-2009, 00:26
Roza Chan

السلآم عليكم
كيفك سانـو :أوو:
آن شاء الله بخير ^^
والله درس تـوحفه ورآئع ومره عجبني لآنه غريب ^^

تطبيقي :جرح:

[IMG]http://dc03.******.com/i/00495/l3shn8k4kvjv.jpg[/IMG]

في حفظ الرحمن
12-09-2009, 00:35
Menami ~

جربت الدرس وطلع سهل مرررررررررررة ::سعادة::

طبعاً مثل ما قلتي النقطة الاخيرة خربت التصميم
فتجاهلتها لان النتيجة ما عجتني :نوم:

التطبيق

بالمرفقات ^^

ولك جزيل الشكر عزيزتي ع الدرس
والشكر لصاحب الدرس الاصلي ايضا :d
12-09-2009, 01:41
Sana Kurata

.
.

الســـلام عليـــكم

دررررررس روعهـ سآنآآي وشررررحك مذهل ::جيد::

وأسعدني التطبيق وبالفعل النتيجهـ مثل السحر :d

والتطبيق بالمرفقآآآت..

وثآآكس ع الدرس ودمـــتي بـــود

.
.
12-09-2009, 04:07
S M ! L E Y

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

هلااا زعتورة شحالج ؟! :ضحكة: - > لا تخافين , بعد كل الناس عندي زعاتر xD
عُدنا مُجدداً , طبعاً آسف ما عدلت ردي ابو الحجز ,
سويت رد ثاني عشان أزيد شعبية موضوعج :o - > براااااا :ضحكة:
بصراحة درس , توووحفة , زي الزعتر xD
آسف ما أدري شو مشكلتي مع الزعتر مع أني ما أحبه :ضحكة:

http://img156.imageshack.us/img156/7...rlportrait.png

http://img36.imageshack.us/img36/9775/girl1portrait.png

لاحظي ما شاء الله علي كيف أنا مميز :rolleyes: - > هذا اللي بينرقع اليوم :تعجب:

ها كم من 10\ ؟ :لقافة:
أقل من 10 بفجّر القسم :غول: !!

شُكراً ساناي , درس رائع , و إستفدت منه الكثير ,
طبعاً شيء متوقع من أحد أعضاء Dai Gurren Team :لقافة:
إستعدي السنة القادمة , بنشارك إن شآء الله و بيصير إسمنا Dai Gurren Dan :ضحكة: - > إطلع من الموضوع دخليك برااااا :ضحكة:
12-09-2009, 10:42
kadagi

السلام عليكم
مشكوره على الدرس الرائع
ولكن لدي سؤال
ما هي فكرة الصوره
13-09-2009, 11:57
Ļεвяση jαмεş

بآآآك..<<ولكم :d

أهلاً أختي ساناي..:)

أخبارك..؟ أن شاء الله بألف خير

ما شاء الله درس..خطووور<<هع أسم الدلع

نتيجه ولا أروع صراحه وخصوصاً الحركه السحرية.. :d

وهذا تطبيقي المعفن..:

http://www.mexat.com/vb/attachment.p...1&d=1252903971

هاآآ معفن إلى أي درجه..0\100-..؟ :لقافة:

وبعدبن هو المسكين من التجارب اللي سويتها عليه شكله أنفجر راسه.. :D

شكلي كثرت في الكلام

يلا في آمان الله..:)
13-09-2009, 12:04
S Λ N A i

لي عودة للرد عليكم جميعاً ^_^

إقتباس:

ولكن لدي سؤال
ما هي فكرة الصوره

فكرة الدرس بشكل عام عن فن الـ Typography اي اعادة تشكيل صورة او شكل معين باستخدام الكلمات والحروف فقط ^^
13-09-2009, 13:09
Jαωαђēя

إقتباس:

الرسالة الأصلية كتبت بواسطة كـآيـري ~

لِـيْ ع‘ـوده بآلتطبيقْ ... ! </B>

آلسلآم عليكم .. !

كيفك ؟!

درسْ رآئِـعْ جدًا .. ^^
مشكورة غ‘ـآليتي ع آلدرسْْ آلرآئِـعْ .. }
تطبيقي .:.
1- بـ. آلألع‘ـآبْ آلنـآرية .. ~
http://www.up.qatarw.com/get-9-2009-1xm9k8ta.png

2- بدون آلأـلع‘ـآب آلنآرية .. ~

http://www.up.qatarw.com/get-9-2009-ka2t8iih.png

إن شآء آلله يكون آلتطبيقْ صحيح .. !

.
.

ودي وورديْ .. ~
14-09-2009, 05:31
Haruka chan

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

اهلين ساناي تشاان
كيف حالك واخبارك ؟ ان شاء الله تمام ! ^^

سوجووي .. الدرس عجيب وسهل .. حركه جديده :p
هذا تطبيقي العجيب :D

http://www.mexat.com/vb/attachment.p...1&d=1252906241

دوموو اريجــاتوو جوزيمااس ساناي تشان ع الدرس الرووعه
يعطيك الف عاافيه قلبووو ::سعادة::

ان شاء الله نشوف جديدك داائماً ^^

جانـــا
14-09-2009, 06:46
luggly puggly

السلآم عليكم ^^"
كيفك !؟
الدرس مرره روعه
والنتيجه حلوه وغربيه :rolleyes:
مشكورهـ .. ويعطيكـ العافيه
تطبيقيـ ::مغتاظ::

[IMG]http://i32.************/2urbf5j.jpg[/IMG]

؟! :نوم:
16-09-2009, 09:12
RoRonoa

عدنا :لقافة:

كيـفكـ ساناي جان ... انشاءالله بخيـر

يعطيـج العـافية على ترجمة الدرس الممتاز جدا ً .. ودايما

تتحفونا بما هو جديد منـكـم يامشرفينا :تدخين: .. ولاتحرمونا

من جديدكـم ...<<<<< مستعجل الريال خخخ

وهـذا تطبيقي .. انشـاءالله يعـجـبجـ

crimson girl

في امان الله
17-09-2009, 16:46
МééМΌ

إقتباس:

الرسالة الأصلية كتبت بواسطة МééМΌ

محجوووووووووووز إلا أطبق الدرس هذا xdd

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

شحالج إن شاء الله بصحة وسلامة

بالبداية مشكوووووووووووووورة على الدرس الروووعة
مستانسة أني طبقته

قبل حسبت الدرس صعب :rolleyes:
بس يوم طبقته مافي أسهل منه أول خطوة هي الأهم وااااااااااايد عيبتني
فعلا الفوتوشوب سحر ::سعادة:: وهذا تطبيقي المتواضع

http://i718.photobucket.com/albums/w...aracters-1.jpg

أو إذا ما طلع لج بتحصلينه بملفي

http://s718.photobucket.com/albums/ww185/meemo_photo/
18-09-2009, 04:36
мээzo

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

درس رائع جداً :D

أستمتعت بتطبيقه :رامبو:

صراحةً جذبني الشكل النهائي .. لتطبيقك و تطبيقات الاعضاء :p

لذا قررت أطبق :أوو:

أممم ، أخر خطوات ماطبقتها ، لأنه رآق لي كذا :سعادة2:

أتمنى يكون صح ..

[IMG]http://dc03.******.com/i/00518/lpudchp00jkf.png[/IMG]

شُكراً مره أخرى

في أمان الله
18-09-2009, 11:21
الفارسة-الملثمة

السلام عليكم و رحمة الله و بركاته
شكرا ساناي سان على الدرس الرائع :d

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

ان شاء الله منتظرين منك دروس قميلة عما قريب :سعادة2:
دمتي في رعاية الله
16-10-2009, 13:02
الحنان كله

السلام عليكم

درس ممتع ورائع ...

والشرح مرة واضح و مميز ...

تصلحين تكوني مدرسة ...

هاي تطبيقي

انتظر تعليقك
09-06-2010, 21:13
!! βề βẩ !!

السلام عليكم

اهلين اختى درس في غاية الروووعة ::سعادة:: يعطيك العافية

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

[IMG]http://i47.************/2epszue.jpg[/IMG]

اتمنى يكون صح ,, عوآآآفي على المجهود
06-09-2010, 21:57
alixes

موضوع غاية فى الابداع وممتع جدا
تطبيقى ^^ " ملحوظة : قمت ببعض التغييرات فى الاضافات لاعطاء نتيجة اخرى "
http://www.7ammil.com/index.php/file...graphicjpg.jpg
27-10-2010, 16:21
♪♥♥₯ʝȺ₰₳ ♥♥♪

درس وااضح مشكوووور
تقبل مروري::جيد::