طريقة تصميم توقيع إحترافي بإستخدام فوتوشوب

[abohmam]

بسم الله الرحمن الرحيم
.
السلام عليكم جميعا
.
معذرة على التأخير ولكن فعلا اليوم سوف نبدأ معا مرحلة جديدة فى الشروحات الخاصة بالتصميمات والفوتشوب والسويتش وكل مايخطر على بالكم .
.
بداية مارأيكم فى هذا العمل المتواضع
.
width=350 height=200
.
هل أنتم على إستعداد معرفة طريقة التصميم من الألف إلى الياء ؟
.
أنا سامع أخوى الدمشقي بقول نعم ...... خلاص من أجله فقط سوف نضع الجزء الأول من الشرح اليوم ، وننتظر التطبيقات.
.
نستعين بالله عز وجل ونبدأ معا الشرح
.
سوف أقدم لكم فى هذه المشاركة كيفة عمل توقيع بشكل جديد وخصائص جديدة ، وهذا جهد المقل ، وعليكم الإبداع والتفنن فى الأشكال والتصميم ، وأعرف أنه سيحمر وجهى خجلا بعدما أرى تطبيقات أحلى وأروع مما سأقوم بشرحه إن شاء الله ( الدرس إحترافى ) لذلك سوف أختصر بعض الخطوات التى يفهمها مباشرة من يتعامل مع برنامج الفوتوشوب.
.
الدرس عبارة عن ثلاثة أجزاء :
.
الجزء الأول : طريقة تصميم صندوق أو خلفية للتوقيع بشكل إحترافي .
الجزء الثاني : طريقة تعلم الكتابة الزجاجية كى نستخدمها فى التوقيع .
الجزء الثالث : العمل على برنامج سويتش ليصبح توقيعا له خصائص جديدة .

=======================
الجزء الأول : طريقة تصميم صندوق أو خلفية للتوقيع بشكل إحترافي بإستخدام فوتوشوب.
.
1- قم بإنشاء عمل جديد فى الفوتوشوب بمقاسات 300x 200 ودرجة وضوح 72 dpi
.
http://www.abc4web.net/vb/imgcache/523.png
.
2- الآن أنشأ طبقة جديدة ( Layer 1) وبإستخدام أداة رسم الأشكال إرسم مربع دائرى الأركان باللون الأسود مع (Radius) إنحناء للحواف 20 pix كما هو موضح فى الشكل
.
http://www.abc4web.net/vb/imgcache/524.png
.
3- قم بتكرار هذه الطبقة ليصبح عندك طبقتين متشابهتين وذلك بالوقوف على Layer 1 وبيمين الماوس نختار Duplicate Layer ، ونغير الإسم إلى Layer 2
.
http://www.abc4web.net/vb/imgcache/525.png
.
http://www.abc4web.net/vb/imgcache/526.png
.
4- نقوم بتحديد الطبقة الأولى Layer 1 لتقوم بتحديدها نقف على الطبقة ثم ( إضغط من لوحة المفاتيح على ctrl + ضغطة بسار الماوس ) أو من قائمة التحديد Selrct > Load Selection
وبعد ذلك سوف نذهب إلى قائمة التحديد Select ونختار Modify ثم Contract حتى نغير مساحة التحديد إلى 2 pix .
.
http://www.abc4web.net/vb/imgcache/527.png
.
Select > Modify > Contrast > 2 pix. Ok
.
بعد ذلك إضغط على مفتاح Delete فى لوحة المفاتيح ، لنحذف ماهو خارج التحديد .
.
5- الآن قم بتحريك Layer 1 فوق Layer 2 فيكون الترتيب هكذا
.
http://www.abc4web.net/vb/imgcache/528.png
.
الآن نقوم بوضع التأثير على هذه الطبقة من Blending Options سواء بالضغط مرتين على الطبقة أو بالذهاب إلى أيقونة الخصائص كما هو مبين فى الصورة أعلى .
.
6- نختار هذه التأثيرات فى نافذة ****Blending Options
.
http://www.abc4web.net/vb/imgcache/529.png
.
ثم نضع هذه القيم فى كل تأثير
.
http://www.abc4web.net/vb/imgcache/530.png
.
http://www.abc4web.net/vb/imgcache/531.png
.
http://www.abc4web.net/vb/imgcache/532.png
.
http://www.abc4web.net/vb/imgcache/533.png
.
سوف تحصل على هذا الشكل إن شاء الله
.
http://www.abc4web.net/vb/imgcache/534.png
.
الآن سنقوم بإنشاء باترين جديد لنملئ به داخل الصندوق
.
7 - نقوم بإنشاء عمل جديد بمقاس dpi 72 - 2x 2 pix
.
قم بتكبير الصورة بواسطة العدسة http://www.abc4web.net/vb/imgcache/535.png
إلى أكبر حجم تستطيعه
.
http://www.abc4web.net/vb/imgcache/536.png وبعد التكبير ستراها هكذا http://www.abc4web.net/vb/imgcache/537.png
.
8 - إختار قلم الرسم وحدد قيمة 1 بيكسل له إختار اللون المناسب لك (17667c#) مثل الشرح ، وقم بملئ الصورة مثل الصورة التى بالأسفل .
.
http://www.abc4web.net/vb/imgcache/538.png
.
9 - الآن من قائمة Edit تختار Define Pattern وتختار إسم ( شبكة ) للتعريف
.
http://www.abc4web.net/vb/imgcache/539.png
.
Edit > Define Pattern
.
10- أغلق هذه الصورة لنعود إلى عملنا مرة أخرى والصندوق لنعمل على الطبقة الثانية Layer 2
.
- نختار خصائص الطبقة Blending Options ونختار هذه التأثيرات مع القيم التى فى الصورة بالأسفل :
.
http://www.abc4web.net/vb/imgcache/540.png
.
http://www.abc4web.net/vb/imgcache/541.png
.
وسوف تكون هذه هى النتيجة إن شاء الله
.
http://www.abc4web.net/vb/imgcache/542.png
.
11- الآن نقوم بتحديد طبقة رقم 2 (Layer 2) --- إضغط على Ctrl فى لوحة المفاتيح وبالماوس على الطبقة الثانية ضغطة واحدة لترى التحديد فقط .
.
ثم قم بإنشاء طبقة جديدة Layer 3 ****وستكون للتدريج ،ولاتزيل التحديد فقط تأكد بأن الطبقة الجديدة تم إنشاءها فوق طبقة رقم 2 وسيكون ترتيب الطبقات كما فى الصورة التى بالأسفل
.
http://www.abc4web.net/vb/imgcache/543.png
.
12- الآن سنقوم بعمل تدريج جميل فى هذا الصندوق بإستخدام أداة التدريج Gradient Tool
.
http://www.abc4web.net/vb/imgcache/544.png
.
ثم نقوم بإنشاء تدريج جديد بهذا الشكل ربما يكون لديكم فى البرنامج
.
http://www.abc4web.net/vb/imgcache/545.png
.
( فى الشرح السابق تكلمنا عن كيفية إنشاء التدريجات بالتفصيل (http://www.yallayaarab.biz/vb/showthread.php?t=89965) )
.
13- الآن قم بملئ الطبقة (Layer 3) بالتدريج وذلك بسحب بالماوس مسافة قصيرة من أعلى لأسفل مثل الصورة
.
http://www.abc4web.net/vb/imgcache/546.png
.
وكذلك من تحت لأعلى لنحصل على الشكل الأتى
.
http://www.abc4web.net/vb/imgcache/547.png
.
14- قلت لكم لاتزيلوا التحديد فهل مازال موجودا على الطبقة رقم 2 Layer2؟
.
الآن سنقوم بإنشاء طبقة جديدة فوق طبقة رقم 3 ( التدريج ) ستكون Layer 4
,نختار أداة التحديد على شكل مستطيل ثم قم بالتحديد من أعلى لأسفل لتحصل على الشكل التالي
.
http://www.abc4web.net/vb/imgcache/548.png
.
طبعا سوف يزول التحديد ويبقى فقط التحديد على الجزء الذى نريده
.
15- قم بملئ التحديد بهذا اللون ( 002b60 #)
.
16- من قائمة التحديد إختار Feather ثم ضع القيمة 2 pix ------ ****(المفتاح المختصر ****Ctrl+Alt+D )
.
http://www.abc4web.net/vb/imgcache/549.png
.
Feather Radius > 2 px
.
من نفس القائمة إختار Inverse ثم إضغط على مفتاح Delete مرتين ---- ( المفتاح المختصر Ctrl+Shift+I )
.
ولاتزيل التحديد فسوف نقوم بتعبئته وإضافة التأثيرات .
.
17- قم بالضغط بالماوس مرتين على الطبقة رقم 4 - ( Layer 4 ) للوصول إلى خصائص الطبقة ونختار تأثيرين فقط هما :
.
http://www.abc4web.net/vb/imgcache/550.png
.
http://www.abc4web.net/vb/imgcache/551.png
.
وسوف نحصل على هذه النتيجة إن شاء الله
:::
::
:
http://www.abc4web.net/vb/imgcache/552.png
:::
:::
:::
وهذا تطبيقي على هذا الدرس الذى قمت بترجمته بعد جهد جهيد
.
http://www.abc4web.net/vb/imgcache/553.png
::
::
::
::
نلتقى إن شاء الله فى الجزء الثاني بعد رؤية التطبيقات
::
::

[ابو فاطمة]

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

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

[abohmam]

حياك الله أخى أبا فاطمة

تم إصلاح روابط الصور

بالتوفيق وفى إنتظار التطبيق :abc_022:

[أبو فارس]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[سالي الفلسطينية]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[أبو يوسف]

جزاك الله خيرا وإن شاء الله سأحاول التطبيق

.

[أبو يوسف]

.
4- نقوم بتحديد الطبقة الأولى Layer 1 لتقوم بتحديدها نقف على الطبقة ثم ( إضغط من لوحة المفاتيح على ctrl + ضغطة بسار الماوس ) أو من قائمة التحديد Selrct > Load Selection
وبعد ذلك سوف نذهب إلى قائمة التحديد Select ونختار Modify ثم Contract حتى نغير مساحة التحديد إلى 2 pix .
.
http://www.abc4web.net/vb/imgcache/527.png
.
Select > Modify > Contrast > 2 pix. Ok
.




جزاك الله خيرا اخي ابو همام

ولكن modify لا تعمل ؛ لا أدري ما السبب

بأول الطلعة قصرنا

http://up.arb-up.com/i/00116/51e8lhrqvhm1.jpg

وعند إختياري للخيار الآخر

http://up.arb-up.com/i/00116/rm7sffzdurb5.jpg

http://up.arb-up.com/i/00116/lcp5zsue8c4v.jpg


http://up.arb-up.com/i/00116/hrhtgp32qh5o.jpg

حملت الصورة خارج الموقع

مش ملحق كل يوم محاولة إختراق فاشلة

.

[abohmam]

حياك الله اخى أبا يوسف

لاتعمل modify إلا بعد تحديد الطبقة Selection
هل الطبقة التى تعمل عليها كانت نشيطة ؟
تأكد من انك واقف على الطبقة التى قمت بتحديدها بالطريقة التى ذكرتها Ctrl + ضغط بيسار الماوس على الطبقة وليس على العمل كله ......

[أبو يوسف]

جزاك الله خيرا اخي ابو همام على الإجابة

ولكني لا أجيد عمل الفوتوشوب ؛ وينقصني الكثير الكثير

[abohmam]

جزاك الله خيرا اخي ابو همام على الإجابة

ولكني لا أجيد عمل الفوتوشوب ؛ وينقصني الكثير الكثير

وإياك أخى أبا يوسف

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

سأعيد تطبيق خطوات الشرح لأرى اين الخلل ربما أنا المخطئ !!