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

مشاهدة النسخة كاملة : °l||l° ( طريقة تصميم توقيع إحترافي بإستخدام فوتوشوب والسويتش) °l||l°


abohmam
16-09-2007, 03:16 AM
بسم الله الرحمن الرحيم
.
السلام عليكم جميعا
.
معذرة على التأخير ولكن فعلا اليوم سوف نبدأ معا مرحلة جديدة فى الشروحات الخاصة بالتصميمات والفوتشوب والسويتش وكل مايخطر على بالكم .
.
بداية مارأيكم فى هذا العمل المتواضع
.
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
::
::
::
::
نلتقى إن شاء الله فى الجزء الثاني بعد رؤية التطبيقات
::
::

مبتدء بالاحتراف
17-09-2007, 01:00 AM
الله لا يحرمنا ابداعك

amr mero
17-09-2007, 09:13 AM
شكرا لك على هذه المشاركة القيمة، جزاك الله خيرا، بارك الله فيك ...

abohmam
18-09-2007, 06:08 PM
الله لا يحرمنا ابداعك


حياك الله أخى الفاضل

وإن شاء الله نستفيد جميعا من بعضنا البعض

abohmam
18-09-2007, 06:08 PM
شكرا لك على هذه المشاركة القيمة، جزاك الله خيرا، بارك الله فيك ...

حياك الله أخى الفاضل

مشكور على التواجد والتواصل

SirNoN
27-09-2007, 07:24 AM
شكرررررررررررررا

أبــو أدهــم
05-10-2007, 02:57 AM
بارك الله فيك أخى الفاضل أبو همام

أكوسان
20-10-2007, 11:24 AM
السلام عليكم ورحمة الله وبركاته
بارك الله فيك أخى أبو همام ولكن قائمة التحديد Modify لاتفتح نهائياً حتى
وأن ضغطت مرتين على الطبقة الأولى Layer 1 لكي أحددها ,, أرجوا أن تفيدنا

Ebaa4Ever
01-11-2007, 04:36 PM
شكرا على المجهود

أبو علي المغربي
22-01-2008, 05:31 AM
تحية أخوية قلبية حارة للأخ العظيم أبو همام

المحزونه
07-02-2008, 03:37 AM
شكرا لك اخي العزيز اباهمام يعطيك الف عافيه وماقصرت

نترقب كل جديد معك

abohmam
16-02-2008, 07:46 PM
بسم الله الرحمن الرحيم

بارك الله فيكم جميعا إخواني

أشكر لكم تشجيعكم وتواصلكم الجاد

بالتوفيق دائما

وإنتظروا المزيد والجديد قريبا

بسيمة
25-03-2008, 11:19 PM
شكرا أخي أبو همام
جزاك الله خيرا
تطبيقي ليس مثل تطبيقك رغم إني أضفت الباترن
هل لأني غيرت الألوان

http://www.abc4web.net/vb/imgcache/2354.png (http://www.tntup.com)

abohmam
27-03-2008, 01:13 AM
شكرا أخي أبو همام
جزاك الله خيرا
تطبيقي ليس مثل تطبيقك رغم إني أضفت الباترن
هل لأني غيرت الألوان



حياك الله أختنا الفاضلة بسيمة

التطبيق جميل ماشاء الله

بالنسبة للباترن أعتقد أن مكانة أصبح خلف الطبقة الظاهرة الآن لذلك لايظهر

فحاولى أن تتابعي الشرح بالترتيب وسوف يظهر ان شاء الله تعالى

وممكن تراجعى التطبيق على الملف المفتوح كى تعرفين مكان الخطأ

لكن تطبيق جميل فعلا إلى الأمام وبالتوفيق

AlmajedGroup
03-04-2008, 02:32 AM
ماشاء الله عليك أستاذنا ...
جارى التطبيق وبإنتظار الجديدي دائماً ..
وبإنتظار إستكمال باقى الشرح ,
اعانك الله على تقديم الجديد والمميز دائماً ..
تقبل تحياتى
المجد جروب

AlmajedGroup
03-04-2008, 03:11 AM
جزاك الله خيراً , رائع
بإنتظار جديدك ,
تقبل تحياتى
المجد جروب

التائب
13-04-2008, 01:35 PM
شكراً لك اخي الكريم ، بارك الله فيك

الله يبارك فيك استاذنا الكريم

magicangel
21-08-2008, 12:00 PM
السلام عليكم ورحمة الله وبركاته
اخي الكريم ابو همام ابدعت والله جزاك الله خيرا
اخجلت الابداع منك اخي الكريم
لا حرمنا الله من مواضيعك ولا من جمال دروسك ان شاءالله

مع تحياتي لك معطره بعطر الفل والياسيمن

اختكم magicangel

jef_4
06-09-2008, 03:21 PM
تسلم يدك أخي

__________+++++++____________


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

__________+++++++_____________

sanfour39
03-10-2008, 12:37 AM
السلام عليكم ورحمة الله وبركاته

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

Khaled J. Ahmad
13-02-2009, 03:59 PM
جزاك الله خيراً

مُجمع الخبرات
19-07-2009, 05:45 AM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

مفارق
20-11-2009, 05:22 PM
الله يعطيك العافية على الشرح الراقي

هشام احمد
08-12-2009, 07:48 PM
السلام عليكم ورحمة الله وبركاته
موفق بإذن الله ... لك مني أجمل تحية .
ومنظرين الافضل :abc_152:

غفوري
04-02-2010, 10:59 PM
هذا هو تطبيقي

http://img63.imageshack.us/img63/8808/48376157.jpg

abohmam
04-02-2010, 11:09 PM
ماشاء الله أخى غفوري

تطبيق رائع

إن شاء الله نرى تطبيقاتك على الدروس الأخرى

بالتوفيق

أبوالبراء
05-02-2010, 10:20 AM
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
هاذا تطبيقي أستاذ لكن بدون باترن وعانيت فيه ولم أفلح وقلت أعرضه على الأستاذ لينظر فيه
لكنني مبتدأ ياأستاذ أبوهمام واعذرني

http://img62.imageshack.us/img62/4224/33290660.jpg
وهاذا بالباترن بعد التعديل

http://img641.imageshack.us/img641/1483/10378044.jpg

غفوري
05-02-2010, 11:09 AM
بإذن الله نصل إلى قمة الاحتراف

دام المعلمين أمثالكم موجودين

الله يوفقك يا أبو همام

abohmam
05-02-2010, 11:24 AM
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
هاذا تطبيقي أستاذ لكن بدون باترن وعانيت فيه ولم أفلح وقلت أعرضه على الأستاذ لينظر فيه
لكنني مبتدأ ياأستاذ أبوهمام واعذرني
http://img641.imageshack.us/img641/1483/10378044.jpg


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

حياك الله أخى أبا البراء

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

http://www.abc4web.net/vb/imgcache/552.png

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

بالتوفيق

منال عمار
16-02-2010, 12:25 PM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .
وهذا تطبيقي يا رب يكون صح وفي انتظار بقية الدرس

http://img63.imageshack.us/img63/2320/54560127.gif (http://img63.imageshack.us/i/54560127.gif/)

abohmam
16-02-2010, 01:53 PM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .
وهذا تطبيقي يا رب يكون صح وفي انتظار بقية الدرس


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

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

بخصوص بقية الدرس فقد قام الأخ كينج نت بمتابعة الدرس وأكمل جزء السويش

http://www.abc4web.net/vb/showthread.php?t=283

ننتظر تطبيقات على باقى الدروس بنفس هذا المستوى إن شاء الله

بالتوفيق