[ مدرسة تعليم الفوتوشوب ] الدّرس الثالث :- مصطلحات مهمة في برامج التصميم ~

[Hope Tear]

مساءٌ مُنكّه بندفات الثلج الباردة ()
كيف حالكم آل التصميم ؟
أعلم تأخرنا عليكم، سامحونا :""
لكن بالتأكيد معكم ع العهد ماضون بإذن الله



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



[TABLE="class: grid, width: 500, align: center"]
[TR]
[TD]المصطلح
[/TD]
[TD]ما هو ؟
[/TD]
[/TR]
[TR]
[TD]Resolution[/TD]
[TD]كثيراً ما نسمع بهذا المصطلح في مكاتب التصميم والمطابع الكبيرة، فما معناه ؟ إنه كمية التفاصيل الموجودة في أي صورة أو تصميم، فكلما كانت تلك التفاصيل كثيرة كان التصميم واضحاً عند الطباعة، ولكن إدا كان العكس فإن التصميم أو الصور الموجودة داخل التصميم ستبدو مكسرة أو واهية، مع ملاحظة أن التصميم المتميز برزوليوشن عالي سيكون حجمه أكبر.
بإمكاننا التحكم في الـ Resolution عند عملية المسح الضوئي للصور (Scanning) وذلك في إدخال رقم معين في المربع الخاص بتحديد الـ Resolution وأكثر الماسحات الضوئية تعطي (300 dpi) كرقم تلقائي، وهذا الرقم مناسب في حالة أن حجم التصميم سيكون (A4) أو (A3) كحد أقصى.
تقاس الـ Resolution بوحدة dpi وتعني (dot per inch) أي نقطة لكل إنش، أو ppi وتعني (pixels per inch) أي "نقطة شاشة" لكل إنش (بوصة)، وكما هو معروف فإن البكسل هو أصغر عنصر في الصورة وتقاس درجة وضوح الصورة بعدد البكسلات الموجودة في الإنش المربع، ومثال على ذلك (إذا كانت درجة وضوح الصورة هي 28 نقطة - بكسل - في الإنش، فهذا يعني أن كل إنش في الصورة يحتوي على 28 صفاً و 28 عموداً من البكسلات أي ما يساوي 784 بكسل وبهذه الطريقة تستطيع معرفة درجة الوضوح للصورة).

لاحظ معي أنك حين تكبر الصورة فإنها تتحول إلى نقط أو بكسلات وذلك لأن الكمبيوتر يتعامل مع أي صورة على أساس أنها نقاط.[/TD]
[/TR]
[TR]
[TD]Bitmap[/TD]
[TD]صورة مكونة من شبكة من النقاط (Pixels or dots)، وهذا النظام شائع الاستخدام في برامج التصميم عند التعامل مع صور تتكون من بيكسلات مثل : JPEG, GIF, BITMAP.[/TD]
[/TR]
[TR]
[TD]Vector[/TD]
[TD]صورة تتكون نتيجة معادلات حسابية معينة تحدد الموقع، الطول، والاتجاه من خلال الخطوط المرسومة، يتكون هدا النوع من مجموعة من الخطوط وليس نقاط كما هو الحال في Bitmap. درجة الدقة (Resolution) في مثل الصور من هذا النوع عالية جداً.[/TD]
[/TR]
[TR]
[TD]Scale[/TD]
[TD]هي تكبير الشكل (عرض وارتفاع).[/TD]
[/TR]
[TR]
[TD]Rotate[/TD]
[TD]هي تدوير الشكل بزاوية معينة.[/TD]
[/TR]
[TR]
[TD]Skew[/TD]
[TD]هي تحوير طرف من أطراف الشكل : من اليمين لليسار، ومن الأعلى للأسفل.[/TD]
[/TR]
[TR]
[TD]Zoom in[/TD]
[TD]تكبير الشكل باستخدام العدسة (المجهر)، ولا تتأثر مساحة الشكل الفعلية عند استخدام هده الأداة، وإنما تستخدم فقط لرؤيته أقرب إلى العين. [/TD]
[/TR]
[TR]
[TD]Zoom out[/TD]
[TD]تصغير الشكل باستخدام العدسة. [/TD]
[/TR]
[TR]
[TD]Group[/TD]
[TD]جمع الأشكال والعناصر في وحدة واحدة. [/TD]
[/TR]
[TR]
[TD]Ungroup
[/TD]
[TD]هي عملية عكسية لـ (group) وتعني تفكيك الأشكال التي تم جمعها مسبقاً. [/TD]
[/TR]
[TR]
[TD]Transform
[/TD]
[TD]هي عدة عمليات للتغيير في مساحة وشكل واتجاه الشكل وهي تتكون عادةً من : (Scale, Rotate, Skew, Perspective, Flip Horizontal, Flip vertical ...)[/TD]
[/TR]
[TR]
[TD]Flip Horizontal
[/TD]
[TD]هي قلب الشكل باتجاه أفقي. [/TD]
[/TR]
[TR]
[TD]Flip Vertical
[/TD]
[TD]هي قلب الشكل باتجاه عمودي (رأسي). [/TD]
[/TR]
[TR]
[TD]Duplicate
[/TD]
[TD]هي نسخ نسخة مماثلة عن الشكل وإدراجها على مساحة العمل (المكان المخصص للتصميم). [/TD]
[/TR]
[TR]
[TD]Clone
[/TD]
[TD]نفس الخاصية السابقة.[/TD]
[/TR]
[TR]
[TD]Portrait
[/TD]
[TD]هي اتجاه الصفحة العمودي.[/TD]
[/TR]
[TR]
[TD]Landscape
[/TD]
[TD]هي اتجاه الصفحة الأفقي.[/TD]
[/TR]
[TR]
[TD]Import
[/TD]
[TD]هي استيراد أي صورة من خارج برنامج معين إلى داخل البرنامج، حيث لا يكون بالإمكان (فتح) تلك الصورة، فاستيرادها يمكننا من تأدية العمل المطلوب عليها أو استخدامها في التصميم.
[/TD]
[/TR]
[TR]
[TD]Export
[/TD]
[TD]هي تصدير التصميم للمرحلة النهائية (تجهيزه للطباعة) وعادة ما تكون أنواع الصور التي يفضل تصديرها أن تصدر على هيئة (JPG, GIF, TIF)، إلا في بعض الأحيان فإن المصمم سيلتزم بنوع البرنامج الموجود في المطبعة وهو على الأغلب (Adobe Illustrator)، فيجب عليه عندها تصدير التصميم على هيئة (AI)، وهي النوع الخاص بهذا البرنامج.
[/TD]
[/TR]
[TR]
[TD]Transparency[/TD]
[TD]المقصود بها درجة الشفافية، وتقاس بالنسبة المئوية.
[/TD]
[/TR]
[TR]
[TD]Layer[/TD]
[TD]تعني (طبقة) والمقصود بها أن التصميم في أغلب البرامج يتكون من عدة طبقات تكون فوق بعضها البعض، وفائدة هذه الطبقات هي أحياناً إعطاء تأثيرات معينة يريدها المصمم، أو حذف طبقة
معينة عند الوقوع بالخطأ في التصميم حيث أنه ليس بالضرورة إعادة التصميم كاملاً.
[/TD]
[/TR]
[TR]
[TD]Layout
[/TD]
[TD]تعني المخطط الخارجي للتصميم، فالمخطط الخاص ببطاقة الأعمال (Business Card) مثلاً يختلف في قياساته عن المخطط الخاص بمغلف الرسائل (Envelope).
[/TD]
[/TR]
[TR]
[TD]Order to Front, Bring to Front
[/TD]
[TD]جميعها تعني إحضار عنصر معين فوق (أمام) عنصر آخر.[/TD]
[/TR]
[TR]
[TD]Order to Back, Bring to Back
[/TD]
[TD]جميعها تعني إرسال عنصر معين تحت (خلف) عنصر آخر.[/TD]
[/TR]
[TR]
[TD]Grid
[/TD]
[TD]شبكة من الخطوط الوهمية البيانية التي يستعين بها المصمم في عملية توسيط العناصر وترتيبها.[/TD]
[/TR]
[TR]
[TD]Rules
[/TD]
[TD]هي أشبه بمسطرة قياس تساعد المصمم في حالة أنه اختار إظهارها على التحكم في قياس بعض العناصر والأشكال.[/TD]
[/TR]
[TR]
[TD]Guidelines[/TD]
[TD]وهي خطوط وهمية ينتجها المصمم عن طريق سحبها من (Rules) لتكون له بمثابة عون على ترتيب عدد من العناصر على مستوى واحد. [/TD]
[/TR]
[TR]
[TD]Snap to (Grid, Guideline, Object)[/TD]
[TD]وكلها تعني أن خاصية (التمغنط) أصبحت جاهزة، فعندما يحرك المصمم عنصراً ما على (Guide) مثلاً فإن ذلك العنصر ينجذب بقوة وبشكل كامل نحو الـ Guide.[/TD]
[/TR]
[TR]
[TD]Convert to Bitmap[/TD]
[TD]تعني تحويل التصميم أو الصورة من نظام (Vector) إلى نظام (Bitmap). [/TD]
[/TR]
[TR]
[TD]Template
[/TD]
[TD]وهو تصميم جاهز في قالب معين يمكن للمصمم أن يستعين به لتنفيذ تصميمه الخاص على غرار Template معين. [/TD]
[/TR]
[TR]
[TD]Stroke[/TD]
[TD]وهو يعني (خط) والمقصود به في برامج التصميم عادةً هو ذلك الخط الذي يحيط بشكل معين (الخط الخارجي). [/TD]
[/TR]
[TR]
[TD]Crop[/TD]
[TD]هي عملية تحديد داخل التصميم للأجزاء التي يرغب المصمم بالاستفادة منها وإزالة الأشياء التي لا يرغب في بقائها. [/TD]
[/TR]
[TR]
[TD]Pattern[/TD]
[TD]تعني نمط معين من العناصر بطريقة زخرفية مكررة في وحدة واحدة. [/TD]
[/TR]
[TR]
[TD]Merge[/TD]
[TD]هي عملية دمج أكثر من طبقة (Layer) مع بعضها البعض. [/TD]
[/TR]
[TR]
[TD]Paragraph[/TD]
[TD]هي فقرة النص الكتابي. [/TD]
[/TR]
[TR]
[TD]Typeface[/TD]
[TD]هو تعبير شاع استعماله عند الحديث عن خطوط الطباعة والتايبوغرافي، ويعني ببساطة نوع خط الطباعة المستخدم في
أي تصميم. [/TD]
[/TR]
[TR]
[TD]Opacity[/TD]
[TD]هي شبيهة بـ (Transparency) لكن الاختلاف أن الأولى هي كمية كثافة اللون وليس شفافيته، وهي أيضاً تقاس بالنسبة المئوية. [/TD]
[/TR]
[TR]
[TD]Angel[/TD]
[TD]هي درجة (زاوية) دوران شكل ما. [/TD]
[/TR]
[TR]
[TD]Overlay[/TD]
[TD]مصطلح يكثر استخدامه في برامج التصميم، ويعني وجود طبقة أو شكل من الأشكال التي تتمتع بخاصية الظهور فوق طبقة أخرى بدرجة شفافية معينة. [/TD]
[/TR]
[TR]
[TD]Glow[/TD]
[TD]تعني الوهج الذي يستخدمه المصمم حول العناصر لإعطائها صفة التوهج. [/TD]
[/TR]
[TR]
[TD]Gradient[/TD]
[TD]وهو التدرج من لون إلى آخر بشكل تسلسلي، أو من لون ذو كثافة عالية إلى نفس اللون بكثافة أقل، وهو أنواع هي : [/TD]
[/TR]
[TR]
[TD]Linear Gradient
[/TD]
[TD]التدرج من لون إلى آخر بشكل أفقي أو عمودي. [/TD]
[/TR]
[TR]
[TD]Radian Gradient
[/TD]
[TD]التدرج من لون إلى آخر بشكل دائري. [/TD]
[/TR]
[TR]
[TD]Angel Gradient
[/TD]
[TD]التدرج من لون إلى آخر بشكل زاوية. [/TD]
[/TR]
[TR]
[TD]Diamond Gradient
[/TD]
[TD]التدرج من لون إلى آخر على شكل ماسة. [/TD]
[/TR]
[TR]
[TD]Invert[/TD]
[TD]عكس القيم اللونية (الفاتح يتحول إلى الغامق، والغامق يتحول إلى الفاتح).[/TD]
[/TR]
[TR]
[TD]ICC Profiles[/TD]
[TD]هذا المصطلح هو اختصار لـ (International Color Consortium) وقد أنتج لأول مرة عام 1993 بواسطة ثماني شركات عالمية –بما فيها Adobe- بهدف صنع وترويج المقاييس العالمية الخاصة بالأنظمة اللونية الحاسوبية وتوحيدها ضمن قوالب محددة. قدمت هذه الشركات صيغة الأداة القياسية الخاصة المستعملة في تشخيص جميع أدوات اللون (Color Devices).
هو ملف يصف الطريقة التي تتخذها أداة معينة في إنتاجها للألوان ذلك أنه يصف الفراغ اللوني للأداة. يمكن إنتاج هذه الملفات (ICC Profiles) لثلاث أنواع من الأدوات : أداة العرض (الشاشة)، أداة الإدخال (سكانر أو ديجيتال كاميرا)، أو أداة الإخراج (طابعة). وهذه القوالب تساعد على المحافظة على الألوان عند نقل الصور من جهاز إلى آخر أو من نظام لوني إلى آخر.[/TD]
[/TR]
[TR]
[TD]Bleed[/TD]
[TD]جزء الصورة المطبوعة الذي يمتد إلى ما بعد حافة الصفحة، والذي يضمن بأن الصورة النهائية تمتد بشكل سليم إلى حافة الورقة بعد قص الورقة وتهذيب أطرافها بعد عملية الطباعة.
[/TD]
[/TR]
[/TABLE]



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

[ماسينيس]

شكرا كثير لكي الأخت Hope Tear
درس رائع عن مصطلحات فوتوشوبية
إنشاء الله تعم الفائدة
"salam"

[بوح القلم]

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

[[ اللــيـــث ]]

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

يا ويلي !! الموضوع له أربعة أيام ولم ألاحظ هذا .. نحجز لفترة ولنا عودة بإذن الله .. سلمت أناملك

[S O L I D]

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

أوّلا أشكر لكـِ مثابرتك ومتابعتكِ للدروس
الدرس دسم وغنيّ بالمعلومات والمصطلحات الأساسية والمهمة !
شخصيا أفادني كثيرا ، بعض المصطلحات اضطرّيت أقرؤها أكثر من مرّة حتى
أستوعبَها تماما .. وع فكرة يوجد فرق أساسي بين الـ bitmap و الـ vector
وهو أن تكبير صورة الـ bitmap يشوّهها كثيرا في حين أنّ تكبير صور الـ vector
لا يشوّها مهما كانت درجة التكبير ..

شكرا جزيلا لكِ هوب على طرحك للدرس وعلى استمرارك ومثابرتك 3;
كم بقيَ من درس نظري ؟ ومتى ستطرحون الدروس التطبيقية ؟!
بالتوفيق وفي انتظار الجديد ~

[!Pink Lotus]

كم بقيَ من درس نظري ؟ ومتى ستطرحون الدروس التطبيقية ؟!

الدروس النظرية وُضع تفصيلها في الدّرس الأول ^^
عددها 15 درس، وتُطرح التطبيقية فور انتهائنا من الدروس النظرية :$
.

شكرًا جزيلا هوبي ع طرحك للدروس :*
وعذرًا لتقصيري :"
.

[Akuma Kira]

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

[Alinw15]

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

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

ولكن على العكس، لقد أثار كل من الأسلوب الفلسفي وطريقة البدء إعجابي

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

وشكرًا لكم على هذه الجهود الكبيرة ولو أن "شكرًا" لا تكفي!
بالتوفيق

[Hope Tear]

ماسينيس
العفو ^^
إن شاء الله
شكراً لحضورك =)

بوح القلم
وعليكم السلام ورحمة الله وبركاته
الله يسلمك، العفو ^^
آمييين ياا رب أجمعين
شكراً لحضورك =)

[ اللــيـــث ]
لا بأس ^^
نأمل عودتك القريبة بإذن الله
الله يسلمك =)

Solid.Gx
العفو ولو أننا انقطعنا طويلاً ><"
سعيدة أن حقق شيئاً من الفائدة
وشكراً على الإضافة ^^
سأعمل على دمج القادم من الدروس النظرية
لنبدأ في العملي منها قريباً بإذن الله
شكراً لحضورك =)

!Pink Lotus
العفو ياا قلبي ..
معذورة ربي يسعدك ()

Akuma Kira
ممتاز أن كان سهلاً ^^
وهو المطلوب لمن يرغب بولوج عالم التصميم
أتمنى ذلك أيضاً ..
شكراً لحضورك =)

Alinw15
وعليكم السلام ورحمة الله وبركاته
سعيدة أن حازت الدروس على إعجابك ^^
أتمنى ذلك حقاً فهو المطلوب منها
حياك دوماً سُعداء بذلك جداً ^^
العفو، شكراً لحضورك =)

[Badr]

شكرا جزيلا لك على الدرس الجميل
وجزاك الله خيرا

[Hope Tear]

Badr
العفو واجبنا ^^
وإياك خير الجزاء
شكراً لحضورك =)