طريقة عمل توقيعك الخاص

[أبو أسامه]

أخواني الأعزاء

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

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


ونبدأ بسم الله

عند فتح برنامج الفوتوشوب ( Photoshop ) تأتينا فارغة , لذلك نقوم بالضغط على File ونختار منها Nwe أو بإختصار Ctrl+N

وسوف تظهر لنا هذه النافذة



<img src='http://members.lycos.co.uk/b5b5/droos/drs1/1.gif' border='0' alt='user posted image' />

وسوف نقوم بشرحها بالتفصيل

1- اسم للعمل المراد عمله ( وهو غير مهم لأننا نستطيع تسميته في النهاية ) لذلك أتره كما هو .

2- في هذا الخيار توجد العديد من المقاسات المحفوظة بداخله للعمل ( مثل A4 - A3 - letter وغيرها الكثير ).

3- إذا كنت ترغب في تحديد مقاساتك بنفسك فمن هذا الخيار تستطيع تحديد عرض الصفحة .

4- إذا كنت ترغب في تحديد مقاساتك بنفسك فمن هذا الخيار تستطيع تحديد ارتفاع الصفحة .

5- إذا حددت عرض وارتفاع معينين للصفحة لابد من تحديد نوع القياس هل هو بالسنتيمتر , الانش أو البكسيل .

6- لتحديد دقة العمل ( مع العلم إنه كلما زادت الدقة زاد حجم العمل ) .

7- وعند تحديد دقة العمل لابد من اختيار نوع قياس الدقة pixels/cm أو pixels/inch

8- نظام الألوان , ونختار RGB للتصاميم العادية .

9- هذا الخيار لاختيار نوع الخلفية ( White للخلفية البيضاء ) , ( BackGround Color وهي بنفس لون الخلفية ) , ( Transparnet خلفية شفافة ) .



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

[أبو أسامه]

<img src='http://members.lycos.co.uk/b5b5/droos/drs2/1.gif' border='0' alt='user posted image' />


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

الآن نبدأ في التصميم والذي قد حددت عرضه 500Px وارتفاعه 150Px

وهو عبارة عن توقيع طلبه مني الأخ أبو فهد



::: ونبدأ على بركة الله :::

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

<img src='http://members.lycos.co.uk/b5b5/droos/drs2/1.gif' border='0' alt='user posted image' />

ملاحظة هامة / لعمل أفضل يجب أن تكون كل خطوة في شفيفة منفصلة , ولإضافة شفيفة جديدة أنظر للصورة بالأعلى .


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

1- الضغط على File ومن ثم نختار Open ( أو نقوم بالضغط مباشرة على Ctrl + O ) .

2- نحدد الصورة المطلوبة وثم نضغط على Open


<img src='http://members.lycos.co.uk/b5b5/droos/drs2/2.gif' border='0' alt='user posted image' />

نختر الأداة <img src='http://members.lycos.co.uk/b5b5/droos/drs2/3.gif' border='0' alt='user posted image' /> من مجموعة الأدوات الموجودة على يسار الصفحة , ونضع التصميم والصورة متقاربين

<img src='http://members.lycos.co.uk/b5b5/droos/drs2/4.gif' border='0' alt='user posted image' />

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

<img src='http://members.lycos.co.uk/b5b5/droos/drs2/5.gif' border='0' alt='user posted image' />

وعلى نفس الاداة <img src='http://members.lycos.co.uk/b5b5/droos/drs2/3.gif' border='0' alt='user posted image' /> وفي خصائصها بالاعلى يجب أن نضع علامة الصح على الخيار <img src='http://members.lycos.co.uk/b5b5/droos/drs2/6.gif' border='0' alt='user posted image' /> , وذلك لكي تظهر لنا أطراف التعديل للصورة وليمكننا التعديل في طول وعرض الصورة كما نريد .

<img src='http://members.lycos.co.uk/b5b5/droos/drs2/7.gif' border='0' alt='user posted image' />

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

[الأســــــيف2]

الأخ الحبيب الكريم :wub: أبو أســامه :wub: جــزاك الله الخيــر أخى أينما كنــت ونفع الله بك الإسلام والمسلمين , وحياك الله معنا عضواً وأخاً حبيباً فى الله , وجزاك الله خيراً مرة اخرى على هذا الشرح الماتع الجميل

[السندس]

مشكور اخي ابو اسامة
واثابك الله :lol:
وجعل الله ذلك في ميزان حسناتك
ونفع الله بك
شرح ممتع ورائع وبصراحه انا في الفوتوشوب :blink: :blink: :blink:

<div align="center">

<!--Flash 450+250+http://aliali369.jeeran.com/images/Movie11.swf--><OBJECT CLASSID='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' WIDTH=450 HEIGHT=250><PARAM NAME=MOVIE VALUE=http://aliali369.jeeran.com/images/Movie11.swf><PARAM NAME=PLAY VALUE=TRUE><PARAM NAME=LOOP VALUE=TRUE><PARAM NAME=QUALITY VALUE=HIGH><EMBED SRC=http://aliali369.jeeran.com/images/Movie11.swf WIDTH=450 HEIGHT=250 PLAY=TRUE LOOP=TRUE QUALITY=HIGH></EMBED></OBJECT><!--End Flash-->
</div>

[أبو أسامه]

كما يمكننا وضع صورة أخرى في التصميم بنفس الطريقة السابقة , كما يمكننا عند وضع صورة أخرى مسح أجزاء معينة من الصورة وذلك عن طريق الاداة <img src='http://members.lycos.co.uk/b5b5/droos/drs2/8.gif' border='0' alt='user posted image' /> ولهذه الاداة العديد من الخصائص كما في صورة التالية

<img src='http://members.lycos.co.uk/b5b5/droos/drs2/9.gif' border='0' alt='user posted image' />


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

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

<img src='http://members.lycos.co.uk/b5b5/droos/drs2/10.gif' border='0' alt='user posted image' />

نقوم بإدخالها بنفس الطريقة السابقة ( فايل => أوبن => نختارالصورة المطلوبة => ندخلها إلى داخل إطار تصميمنا => ننغير حجمها ) . فتصبح كما في الشكل التالي

<img src='http://members.lycos.co.uk/b5b5/droos/drs2/11.gif' border='0' alt='user posted image' />

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

<img src='http://members.lycos.co.uk/b5b5/droos/drs2/12.gif' border='0' alt='user posted image' />

[أبو أسامه]

ولكي نكتب على التصميم نختار الاداة <img src='http://members.lycos.co.uk/b5b5/droos/drs2/13.gif' border='0' alt='user posted image' /> من صندوق الادوات في يسار الصفحة . ونضغط مرة واحدة على التصميم ونكتب مانريد.

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

<img src='http://members.lycos.co.uk/b5b5/droos/drs2/14.gif' border='0' alt='user posted image' />

ولتحريك النص من مكانه إلى مكان آخر فبالأداة <img src='http://members.lycos.co.uk/b5b5/droos/drs2/3.gif' border='0' alt='user posted image' />. :)

ولعمل بعض التأثيرات على النصوص كالظل والبروز وغيرها , إضغط على شفيفة النص المراد عمل التأثير عليه مرتين وثم ثم إختر مايحلو لك من تأثيرات ( وسأشرح لكم بعضها بصورة سريعة ثم أترك لك تجربتها والابداع فيها, وإن كان هناك أي غموض أو توضيح فيمكنكم السؤال عنه ) . مع العلم إنه عندما تريد عمل تأثير معين كل ماعليك هو وضع علامة الصح بجانب المربع جوار الخيار .

<img src='http://members.lycos.co.uk/b5b5/droos/drs2/15.gif' border='0' alt='user posted image' />

حيث أنه عندما تضغط على خيار معين يقوم بفتح قائمة خيارات لهذا الخيار في يمينه .

وسيظهر لنا التصميم النهائي بعد إضافة التأثيرات على النصوص بالشكل التالي

<img src='http://members.lycos.co.uk/b5b5/droos/drs2/16.gif' border='0' alt='user posted image' />

وعند عمل بعض التعديلات عليه يظهر لنا في النهاية بهذا الشكل :) وإن شاء الله يعجب أخونا أبو فهد

<img src='http://members.lycos.co.uk/b5b5/droos/drs2/17.gif' border='0' alt='user posted image' />

[أبو أسامه]

وهكذا تعلمنا أساسيات كل من :

1- إدخال صورة للتصميم ووضعها خلفية له

2- إدخال الصور على بعضها

3- طريقة الكتابة في التصميم وإجراء بعض التأثيرات عليها

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



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

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

أخوكم ومحبكم أبو أسامه

[أبو أسامه]

أخي الاسيف تو :) أشكرك على ترحيبك ومرورك شرف لي

أخي السندس مايصير تقول لي إنك في الفوتوشوب <img src='http://www.ala7ebah.com/upload/html/emoticons/blink.gif' border='0' alt='user posted image' /><img src='http://www.ala7ebah.com/upload/html/emoticons/blink.gif' border='0' alt='user posted image' /><img src='http://www.ala7ebah.com/upload/html/emoticons/blink.gif' border='0' alt='user posted image' /> وأنا لم أضع الشرح هذا إلا لك ,, لابد لك من المحاولة وعرض ماقمت بعلمه هنا في المنتدى ...

وأنا بصراحه مابحط درس في هذا المنتدى بعد اليوم إلا بعدما أشوف تطبيقك :)

[أبو فهد]

السلام عليكم

جزاك الله خير أخي اسامه على الشرح الجميل والرائع

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

[uaewebmaster]

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

بارك الله فيك اخي اسامه على هذا الشرح الجميل ، وجزاك الله خيرا.

أخوكم ويب ماستر