طريقة تصميم : توقيع احترافي "الجزء الأول"

[كينج نت]

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

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

بكل الحب والخير أسعد الله جميع أوقاتكم

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

تلبة لطلب ورغبت أخينا الكريم واستاذنا أبوهمام
وإسكمالا لما بدأ به الأخ أبو همام وتلبية لرغبته فى أن أكمل الشرح

عمل توقيع احترافي ومميز جداً جداً باستخدام برنامجين
وهما من البرامج الرائدة والقوية في مجال التصميم وهما

‎Photoshop + SWiSHmax

وشرحنا لهذا الدرس ينقسم لثلاث أجزاء وقد تم تقسيم
الأجزاء الثلاث على النحو التالي:

:dw2:الجزء الأول (http://www.abc4web.net/vb/showthread.php?t=280)

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

:dw2:الجزء الثاني (http://www.abc4web.net/vb/showthread.php?t=283)

تجهيز الصور والعبارات والروابط الذي سيتم إدراجها بالتوقيع
وإدراجها ببرنامج سويتش

:dw2:الجزء الثالث (http://www.abc4web.net/vb/showthread.php?t=285)

التصميم النهائي للتوقيع ببرنامج سويتش ماكس من حيث
إضافة الروابط للكلمات وتطبيق الحركات والمؤثرات الذي نرغب بها

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

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

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

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

طبعاً ليسى من الضروري أن تستخدم نفس اللون الذي أستخدمه أنا
بالتصميم إنما يمكنك استخدام اللون الذي يناسبك أكثر ولمن أراد
استخدام نفس اللون فكود اللون مبين بالشكل السابق
الآن وبعد رسم الشكل السابق قم بالضغط على الاختصار

Ctrl + J

لمضاعفة الطبقة ليصبح لديك طبقتان كما بالشكل المتحرك التالي

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

وللتنويه عليك أن تقوم بحفظ أرقام الطبقات جيداً
كي يسهل عليك التطبيق يعني عندما نقول الطبقة رقم كذا
تعرف لوحدك على أي طبقة نحن نعمل الآن وبهذا يسهل عليك التطبيق
الآن نعود لمتابعة شرحنا الدرس والتطبيق
الآن وبعد مضاعفة الطبقة أضغط Ctrl وأضغط على الطبقة رقم 2
لكي يتم تحديد الطبقة كما بالشكل التالي

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

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

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

بعد تطبيق السابق ستلاحظ بأنه قد تم تصغير التحديد
الآن من لوحت المفاتيح أضغط Delete
ليتم حذف المنطقة الداخلية للتحديد وعندها سيبقى لدينا
المساحة الذي وضعناها بالخيار السابق 2 بيكسل وهذه سنصنع منها
إطار جميل للتصميم ليضفي جمالية أكثر لتصميمنا
الآن ألغي التحديد بالضغط على الاختصار
Ctrl + D
علماً بأننا لازلنا نعمل على نفس الطبقة أي الطبقة رقم 2
الآن سنقوم بوضع مؤثر للطبقة ليظهر الإطار بمظهر جميل
ومناسب للتصميم وكل ماعليك القيام به هوى وضع
المؤثرات التالي بنفس القيم الموضحة بالأشكال التالية
Gradient Overlay

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

Stroke

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

الآن وبعد إضافة المؤثرات يكون قد نتج لدينا إطار جميل للتصميم
كما يوضح لنا الشكل التالي

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

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

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

الآن وبعد صنع الباترين المطلوب أغلق صفحة الباترين
فلم نعد بحاجة إليها لأننا صنعنا الباترين المطلوب للعمل
مرة ثانية نعود لتصميمنا ومتابعة الشرح والتطبيق
الآن فعل الطبقة رقم 1 لأننا سنعمل عليها
بعد تفعيل الطبقة سنقوم بوضع بعض المؤثرات للطبقة
لتكون أكثر جمالية وذات طابع مناسب لتصميم التواقيع
فكل ماعليك وضع المؤثرات التالية بنفس القيم الموضحة بالأشكال التالية

Bevel and Emboss

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

Pattern Overlay
طبعاً مع التنويه لأننا سنضع الباترين الذي صنعناه
قبل قليل ومراعاة القيمة المبينة بالشكل

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

الآن قم بإنشاء طبقة جديدة وليكن رقمها 3
وضعها بين الطبقتين طبقة الإطار وطبقة الشكل
كما توضح لنا الصورة التالية

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

.
.

[كينج نت]

.

الآن وبعد إنشاء الطبقة أضغط Ctrl وأضغط على الطبقة رقم1
ليتم تحديدها كما فعلنا بالسابق وطبعاً تأكد أن الطبقة
المفعلة هي الطبقة رقم 3 لأننا سنعمل عليها
الآن وبعد التحديد والتأكد من أن الطبقة رقم 3 هي المفعلة سنقوم
بتطبيق لمعة زجاجية على التصميم ليظهر بالمظهر المناسب
أختر أداة التدرج واختر التدرج التالي واتبع الموضح

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

كما لآحضة بالشكل السابق تم سحب التحديد من أعلى لأسفل قليلاً
لنحصل على لمعة زجاجية جميلة على التصميم
الآن أعد الكرة ولكن من الأسفل لكي تكون اللمعة من الأعلى والأسفل
مع مراعاة أنهوا لآيزال التحديد موجود ولم نعبث به
الآن وبعد وضع اللمعة من الأعلى والأسفل قم بإلغاء التحديد
بالضغط على Ctrl + D
الآن يفترض أن تكون قد حصلت على الشكل التالي

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

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

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

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

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

الآن وبعد أن تعرفنا على الطريقة الذي سنرسم بها الخط والذي
سيكون بمثابة الزخرفة للتوقيع لنخرج بتصميم جيد
الآن قم برسم الخطوط الذي تراها مناسبة لتوقيعك والذي تريدها
وهذا الأمر يعود لحسب كل شخص ورغبته ولكن أرسم جميع
الخطوط على نفس الطبقة أي الطبقة رقم 4
ومن ثم طبق المؤثر التالي لتبدو الخطوط وكأنها محفورة داخل الشكل
وضروري التقيد بالنسبة الموضحة بالشكل

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

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

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

كما يمكنك زخرفت التصميم بما تراه مناسب
مثلاً وضع لون مختلف عن لون الخلفية مكان ظهور الكتابة
كما فعلت أنا بتوقيعي أو أي زخرفة تريدها
أما في شرحنا هذا فنكتفي بهذا لكي لآيطول الشرح وتشعروا بالملل
طبعاً مع مراعاة أنني تركت المساحة الكافية للتقطيع
لأنها مهمة جداً لكي يسهل علي التقطيع والاستخدام بالأجزاء القادمة
وأفضل أن تضع نفس الخطوط حتى تكمل باقي الأجزاء
ومن ثم تبدع لنفسك وتفعل ماتشاء
بهذا الشكل نكون قد انتهينا من تصميم الخلفية
المطلوبة لعمل التوقيع وسننتقل بشكل مباشر للتقطيع
وطبعاً تصميمنا هذا سيقطع لقطعتين فقط
كما أنهوا يمكنك تقطيعه لأكثر من قطعتين ولكن بهذا الشرح
أكتفي بقطعتين لسهولة التطبيق من قبل المبتدئين
وهنا سيكون تقطيعنا سهل جداً وليسى بهي تعقيد كما تقطيع
الستايلات وغيرها من التصاميم الصعبة والذي تحتاج لخبرة
ولكن قبل البدء بالتقطيع لآتنسى أن تقوم بحفظ عملك بصيغة PSF
كي تعود له في حال حدوث أي خطأ لآسمح الله
الآن قم بدمج جميع الطبقات من خلال الضغط على الاختصار
Ctrl + Shift + E
ليتم دمج جميع الطبقات بطبقة واحدة
ولتقطيع التصميم أختر أداة تحديد المربع
وقم بتحديد الجزء السفلي من التصميم كما يوضح لنا الشكل التالي

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

الآن وبعد تحديد الجزء السفلي من التصميم كما بالشكل السابق
أضغط الاختصار Ctrl + X ليتم قص الجزء المحدد
وعلى طول بعد القص أضغط الاختصار
Ctrl + N
لتخرج لك نافذة فتح صفحة جديدة كما بالشكل التالي

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

لآحظ هنا وأنهوا بشكل أفتراضي سيتم فتح الصفحة الحديدة
بمقاس القسم الذي تم قصه من التصميم وعليك الانتباه لمقاس
للعرض تحديداً لأنهوا من الضروري أن يكون عرض الجزئين متساوي
على طول ودون أي تفكير أضغط موافق لفتح الصفحة الجديدة
واضغط الاختصار Ctrl + V ليتم نسخ الجزء الذي تم قصه
كما بالشكل التالي

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

الآن وبعد اللصق قم بحفظ هذا الجزء ويفضل الحفظ
بأحد الامتدادات التالية إما PNG أو GIF
وأنا حفظت بامتداد PNG
وليكن أسمه مثلاً الجزء الأسفل

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

الآن كرر نفس العملية بالنسبة لقص الجزء المتبقي من التصميم
وهوى الجزء العلوي وبنفس الطريقة تحديد ثم قص
ثم فتح صفحة جديدة ثم لصق وحفظ

تنبيه هام

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

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

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

تجهيز الصور والعبارات والروابط الذي سيتم إدراجها بالتوقيع
وإدراجها ببرنامج سويتش

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


.

[abohmam]

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

بارك الله فيك أخى كينج نت على هذا الدرس الإحترافي

وفى إنتظار المزيد

[التائب]

بالتوفيق إن شاء الله ، لك منى أجمل تحية

[Takiyo4you]

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

[jef_4]

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

[Khaled J. Ahmad]

جزاك الله خيراً

[أبو يوسف]

جزاك الله خيرا اخي وليد


حاولت المتابعة ولكني لم استطع اللحاق

سأعيد الكرة مرة ومرة لكي اتقن ذلك

.

[منوبية]

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

[أبو أيهم]

بارك الله فيك وجزاك خيرا لكن اخي لدي سؤال

ما هي الملفات الثلاث اعلاه التي تريدنا ان نحملها

وما فائدة البرنامج الاخر السوش احنا شغلنا على الفوتوشوب مزبوط


ارجو الرد باسرع وقت ممكن

احترامي

[مُجمع الخبرات]

ألف شكر على المجهود الأكثر من رائع:abc_050:
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[هشام احمد]

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

[كينج نت]

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

حياكم الله احبائي جميعاً اشكركم للمرور والتواصل الطيب

بالتوفيق للجميع بإذن الله تعالى

:abc_102:

.