97
ر ا ك ت ب ا ل ا و ة ي م ق ر ل ا ا ي ج و ل و ن ك ي ل ا ل و ا ل ا ى و ن س م ل ا- ي م ق ر ل ا م ا ل ع) ا ل ا ب للطا ا اص ب خ لط ا ا3 ش لن ا اب ي ك

PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار

  • Upload
    others

  • View
    12

  • Download
    0

Embed Size (px)

Citation preview

Page 1: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار

ا�ل�ر�ق�م�ي�ة� ا�ل�ت�ك�ن�و�ل�و�ج�ي�ا�و�ا�ال�ب�ت�ك�ا�ر�

ا�أل�و�ل� - ا�ل�م�س�ت�و�ى� ا�ل�ر�ق�م�ي� ا�إل�ع�ال�م�بالطالب الخاص النشاط كتاب

Page 2: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار

ا�ل�م�ح�ت�و�ي�ا�ت� ج�د�و�ل�..................................................................................................................................................................مقدمة

التعلم Error! Bookmark not defined..........................................................................................مخرجات

التعليمية الوحدة هذه في ناجحا تكون Error! Bookmark not defined........................................كيف

الفوتوشوب عناصر حول عامة Error! Bookmark not defined....................................................لمحة

: والطبقات والتعديالت الصورة تصحيح حول مقدمة األولى Error! Bookmark not..............الوحدةdefined.

: الصور بين الجمع حول ومقدمة المتوسط للمستوى الصور تعديل الثانية !Error.................الوحدةBookmark not defined.

: المتقدم للمستوى الصور بين والجمع الصور معالجة الثالثة Error! Bookmark not............الوحدةdefined.

الرقمية Error! Bookmark not defined.....................................................................................المواطنة

Error! Bookmark not defined......................................................................................................التصميم

التصميم Error! Bookmark not defined.........................................................................................عناصر

التصميم Error! Bookmark not defined..........................................................................................مبادئ

Page 3: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار

Introduction Digital media includes digital images, video, 3D images, both static and animated, and much more. This Level 1 Digital Media Module will focus on the creation and manipulation of digital images. Adobe Photoshop created by the Adobe Corporation is considered by many to be the industry standard for the creation and manipulation of digital images. This module is designed to utilize Photoshop Elements, a user-friendly, entry level version of Photoshop, and a perfect choice for entry into the fun, innovative, and creative world of digital images.

During the module, you will have opportunities to work individually and in groups to create digital images to meet a variety of realistic design challenges. This module will require you to use many 21st century skills including creativity, communication, collaboration, and critical thinking.

Continuous assessment activities are embedded within this module. You will complete a variety of structured activities designed to increase your knowledge and skills before attempting projects where your new skills are put to the test.

Page 4: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار

م�ق�د�م�ة�من وأكثر المتحركة، أو الثابتة سواء األبعاد، ثالثية والصور والفيديو، الرقمية الصور الرقمي اإلعالم يشمل

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

. الرقمية للصور والمتجدد

- الرقمية؛ - الصور إنشاء أجل من جماعي أو فردي بشكل سواء للعمل فرصا الوحدة هذه خالل لديك وسيكون . من العديد استخدام الوحدة هذه في منك وسيطلب الواقعي التصميم تحديات من متنوعة مجموعة لتلبية

. النقدي والتفكير والتعاون، والتواصل اإلبداع، ذلك في بما والعشرين، الحادي القرن مهارات

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

. المحك على بك الخاصة الجديدة المهارات

Page 5: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار

Learning Outcomes Learning Outcomes (LOs) allow you to see exactly what you need to know and do in this module. As well as specific outcomes related to Digital Media. You will also learn a variety of Generic Skills which will also be assessed.

The codes used in the tables below will be used throughout this workbook to indicate that the task contributes towards a particular Learning Outcome. You may see many different tasks with the same code. This is because each Learning Outcome covers a range of different, but related, skills and knowledge.

Digital Media Level 1 Learning Outcomes

DM1.1

I can explain the basic properties of digital images (compression, resolution, vector vs raster…), and I can use the tools to manipulate these properties.

DM1.2

I can edit and combine images using layers, layer masks, and adjustment layers.

DM1.3

I can use tools to modify the shape and size of an image, and I can apply filters and use other tools to enhance the appearance of my image.

DM1.4

I can create and explain artistic digital images designed to meet a specific purpose.

DM1.5

I can collect digital images responsibly, and I can create digital images that are not inappropriate or misleading.

Page 6: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار

ا�ل�ت�ع�ل�م� م�خ�ر�ج�ا�ت�

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

. كذلك تقييمها سيجري التي العامة

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

. نفسه الوقت في صلة ذات ولكنها المختلفة، والمعارف المهارات من واسعة مجموعة يغطي

: التعلم مخرجات األول، المستوى الرقمي، اإلعالم

DM1.1

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

. الخصائص هذه

DM1.2

وقناع الطبقات، باستخدام الصور ودمج تحرير يمكنني. الطبقات وتعديل الطبقات،

DM1.3

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

. بي الخاصة الصورة مظهر لتحسين

DM1.4

لتلبية مصممة فنية رقمية صور وتفسير إنشاء يمكنني. معين غرض

DM1.5

ويمكنني متقن، بشكل الرقمية الصور جمع يمكنني. خداع دون الشكل الئقة رقمية صور إنشاء

Page 7: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار

Digital Technology and Innovation Level 1 Generic Outcomes

10G1.1

I can develop my own unique and creative products and solutions.

10G1.2

I can use problem-solving strategies to develop solutions.

10G1.3

I can work as a member of a group. I complete all my assigned tasks and encourage others.

10G1.4

I am self-motivated and can work independently.

The Generic Skills are important 21st century skills that may be utilized during all of the Digital Technology and Innovation course modules and may be assessed at any stage. By the end of this year you should be able to demonstrate innovative thinking and problem solving strategies and show that you can work both independently and collaboratively

Identify the Problem

Explore Information and Create Ideas

Select the Best IdeaBuild and Test the Idea

Evaluate Results

Page 8: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار

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

. هذا نهاية وبحلول مرحلة أي في تقييمها ويمكن واالبتكار، الرقمية التكنولوجيا لدورة التعليمية الوحداتأنه وإثبات المشكالت، حل وإستراتيجيات اإلبداعي التفكير إظهار على قادرا تكون أن عليك يجب العام،

. تعاوني أو مستقل بشكل سواء العمل يمكنك

10G1.1

الفريدة والحلول المنتجات تطوير يمكنني. بي الخاصة واإلبداعية

10G1.2

حل إستراتيجيات استخدام يمكنني. الحلول إليجاد المشاكل

10G1.3

. مجموعة في كعضو العمل يمكننيلي الموكلة المهام جميع إنجاز ويمكنني

. اآلخرين وتشجيع

10G1.4

. مستقال¢ العمل ويمكنني ذاتي، حافز لدي

Identify the Problem

Explore Information and Create Ideas

Select the Best IdeaBuild and Test the Idea

Evaluate Results

Page 9: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار

How to be successful in this moduleTo succeed in this module you need to learn many skills and techniques associated with photo manipulation software and then apply these in a creative and innovative manner. The more proficient you become with the software the more creative you can be.

This module will provide you with the Photoshop skills and techniques and some insights into the principles of good design needed to complete the course projects. If you are interested in creating designs and art work at a very high level then there are many extra resources to help.

External ResourcesYouTube, blogs, websites, TV shows, and individuals with knowledge of Photoshop can all be excellent resources.

Photoshop Websites www.adobe.com (Text-based explanations on how to use Photoshop) tv.adobe.com (Video-based tutorials on how to use Photoshop) www.YouTube.com (The most helpful for finding new techniques) http://www.photoshopessentials.com/ http://www.photoshoptutorials.ws/ http://design.tutsplus.com/categories/adobe-photoshop http://www.lynda.com/search?q=photoshop%20elements (Not Free, but a Great

Resource)Search Engine Strategies

Search for Photoshop Tutorials or tool name Photoshop tutorial in Google, Google Images, Bing, and other search engines.

When you search Google.com, you can search a specific website for Photoshop help by using site:sitename. This will confine your search to a specific website. For example, crop site:adobe.com. This command will search for crop information only on www.adobe.com.

When you search Google.com, you can search for a specific file type by using filetype:extention. For example, plane filetype:jpg. This command will search only for JPG images.

In Google Images, you can click More tools=>Size=>Larger than to help you select larger images. This will make editing easier. The larger the size and DPI the better.

Page 10: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار

: ا�ل�ت�ع�ل�ي�م�ي�ة� ا�ل�و�ح�د�ة� ه�ذ�ه� ف�ي� ن�ا�ج�ح�ا� ت�ك�و�ن� ك�ي�ف�ببرنامج المرتبطة والتقنيات المهارات من الكثير تعلم إلى تحتاج التعليمية، الوحدة هذه في النجاح لتحقيق

. أمكنك كفاءة، أكثر أصبحت وكلما وإبداعية مبتكرة بطريقة المهارات هذه تطبيق ثم ومن الصورة، معالجة. البرنامج بهذا فعالية أكثر بشكل اإلبداع

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

. تفيدك قد التي اإلضافية المصادر من العديد

: الخارجية المصادر

ذوو واألفراد التلفزيونية، والبرامج اإللكترونية، والمواقع والمدونات، اليوتيوب، من كل يكون أن يمكن. ممتازة مصادر فوتوشوب ببرنامج المعرفة

: الفوتوشوب ببرنامج الخاصة اإللكترونية المواقع

www.adobe.com .) الفوتوشوب) استخدام كيفية حول النصوص على قائمة توضيحاتtv.adobe.com .) الفوتوشوب) استخدام كيفية حول الفيديو على قائمة تعليمية دروسwww.YouTube.com .) جديدة) تقنيات استكشاف أجل من فائدة األكثرhttp://www.photoshopessentials.com / http://www.photoshoptutorials.ws / http://design.tutsplus.com/categories/

adobe-photoshophttp://www.lynda.com/search?

q=photoshop%20elements (ولكن مجاني، غير.) المصادر أفضل من يعد

: البحث محركات إستراتيجيات

عن Photoshopابحث Tutorials أوtool name Photoshop tutorial البحث محرك في

. األخرى البحث ومحركات بنج، البحث ومحرك جوجل، وصور جوجل، البحث محرك في البحث باستخدام Google.comعند للفوتوشوب معين موقع عن البحث يمكنك ،

site:sitename . المثال، سبيل على معين موقع على البحث األمر هذا يحصر حيث crop؛site:adobe.com موقع على فقط بالقص الخاصة المعلومات عن سيبحث األمر هذا فإن ، www.adobe.com .

في البحث نوع Google.comعند باستخدام معين ملف نوع عن البحث يمكنك ، filetype:extention .،المثال سبيل عن ،plane filetype:jpgعلى فقط األمر هذا سيبحث

االمتداد ذات .JPGالصور فوق النقر يمكنك جوجل، صور اختيار More tools=>Size=>Largerفي على لمساعدتك

النقاط وعدد الحجم كان فكلما أسهل، التحرير جعل في هذا سيساعدك حيث أكبر؛ حجم ذات صور. أفضل ذلك كان أكبر، بالصورة

Page 11: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار

Photoshop Elements OverviewPhotoshop Elements has two parts; Organizer and Photo Editor. Organizer is software that helps organize, arrange, group, and label photos. Photo Editor allows for the alteration and combining of digital images. This module will only use Photo Editor.

Within Photo Editor, there are several tabs at the top of the screen. The “Expert” tab provides you with the most freedom and customization options. All of this module will use the features found within the “Expert” tab. Opening ImagesWithin Photoshop Elements Editor, left click the “File” button in the top left corner of the screen. A dropdown menu will appear. Click the “Open” button. The teacher will provide you with the location of the “Class Activity 1” image. Navigate to that location, and open the appropriate image. Saving Images To prevent saving over the original “Class Activity 1” image, you need to save the image to a location only you or your group will have access to. Your teacher will provide you with this location.

To save your activity to a separate location click “File” at the top, right corner, and choose “Save As.” With your teacher’s help, navigate to the location where you will save your image.

At the bottom of the Save As window is a “File name” textbox. You can enter the new name of the image file. Your teacher will suggest an appropriate name for the image file. Change the “Save as Type” to “Photoshop (*.PSD;*.PDD). The PSD file type is the best way to save your progress when you are working in Photoshop. When the image is complete you will convert the image to a more appropriate format.

Click here.

Click here.

Page 12: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار

: ا�ل�ف�و�ت�و�ش�و�ب� ع�ن�ا�ص�ر� ح�و�ل� ع�ا�م�ة� ل�م�ح�ة�

: جزأين من الفوتوشوب برنامج عناصر الذي Photo Editor. Organizerو Organizerتتكون البرنامج هويسمح حين في التسمية؛ مجموعات في ووضعها الصور، وتسمية وترتيب تنظيم على Photo Editorيساعد

. الوحدة هذه تستخدم وسوف الرقمية الصور ودمج . Photo Editorبتعديل فقط

. Photo Editorيشتمل عالمة لك وتوفر الشاشة من العلوي الجزء في التبويب عالمات من العديد على“ . Expertالتبويب ضمن” الموجودة الميزات الوحدة هذه تستخدم وسوف وتخصيصا حرية أكثر خيارات

التبويب “ ". Expertعالمة

: الصور فتحعلى " األيسر بالزر انقر الفوتوشوب، عناصر محرر من" Fileداخل اليسرى العلوية الزاوية في

" . الزر. فوق انقر المنسدلة القائمة تظهر سوف بموقع". Openالشاشة المعلم سيخبرك" Classصورة Activity الصورة". 1 وافتح الموقع، ذلك إلى انتقل

المناسبة.

: الصور حفظالصورة حفظ لمنع وذلك إليه، الوصول مجموعتك أو فقط أنت يمكنك موقع في الصورة حفظ سيلزمك

األصلية الصورة فوق . Class Activity 1"الجديدة الموقع". بهذا المعلم وسيخبرك

على " اضغط منفصل، موقع في بك الخاص النشاط العلوية" Fileولحفظ الزاوية فياختر ثم - .”. Save As“اليمنى، - الموقع إلى معلمك بمساعدة انتقل

صورتك فيه ستحفظ . الذي

نص صندوق "” File name“يوجد نافذة من السفلي الجزء الجديد". Save Asفي االسم إدخال يمكنك . ر غي الصورة لملف مالئما اسما معلمك سيقترح حيث الصورة؛ Save“لملف as Type“ إلى”

Photoshop (*.PSD;*.PDD) .”.نوع من الملف الذي PSDويعد التقدم لحفظ طريقة أفضل. . مالءمة أكثر صيغة إلى ستحولها الصورة، تكتمل وعندما الفوتوشوب برنامج على عملك في أحرزته

Click here.

Page 13: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار
Page 14: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار

Task Bar Located at the bottom of the screen, the taskbar contains buttons for operations performed while editing and modifying images.

The Photo Bin is a tool you can use to organize your images. The Tools Options button is where you will edit the various options and settings

for the different tools. Undo and Redo are one of the most important features you will use in Photoshop;

the ability to remove a mistake. The Undo button will cancel or undo the previous task. Do not worry if you accidently undo a step you want to keep, you can use the Redo button to undo the undo.

For more information about the task bar, visit this website.

PanelsLocated at the right side of the screen, the various panels help you manage and modify images. The Layers panel helps organize the different layers used to create custom images. The Effects panel provides you with different preset effects like adding texture, changing the image color, or giving the image a drop shadow. For more information on panels, visit this website.

ToolboxLocated at the left side of your screen, the toolbox contains the various tools you will use to edit an image. You will use many tools to accomplish the different activities. There are tools designed to edit, select, move, paint, type, and transform images. Visit this website or watch this video to learn more about the different tools in the toolbox.

Move tool

Quick Selection tool

Brush toolSmudge toolClone Stamp tool

Red Eye Removal tool

Rectangular Marquee tool

Zoom tool

Eyedropper tool

Text tool

Crop tool

Paint Bucket tool

Eraser tool

Recompose tool

Color Selection Boxes

Gradient tool

Straighten tool

Content Aware Move tool

Healing Brush tool

Lasso tool

Page 15: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار

Task Bar : . الصور وتعديل تحرير أثناء في تجرى التي للعمليات أزرار على ويشتمل الشاشة، أسفل يقع

•Photo Bin . بك الخاصة الصور لتنظيم استخدامها يمكنك أداة هي. Tools Optionsزر• المتعددة لألدوات المختلفة واإلعدادات الخيارات تحرير عن المسؤول هو

•Undo وRedo إزالة من نك ستمك والتي الفوتوشوب، برنامج في تستخدمها سوف التي السمات أهم من . زر سيعمل ترتكبه خطأ ينتابك على Undoأي أال يجب ولكن السابقة، المهمة عن التراجع أو إلغاء

زر استخدام يمكنك بها، االحتفاظ تريد خطوة عن تراجعت ما إذا إنك حيث . Redoالقلق؛ التراجع هذا إللغاءحول المعلومات من الموقع Task Barلمزيد هذا زيارة يمكنك ،website.

Panels:ال� تساعدك حيث الشاشة؛ من األيمن الجانب في .المتنوعة Panelsتقع الصور وتعديل إدارة على

تساعدك الطبقات على Layers panelكما صور Layersتنظيم إنشاء في المستخدمة المختلفةلك تقدم حين في Effectsمخصصة، panel من : العديد إضافة مثل مسبقا؛ المعدة التأثيرات

ب�ظل الصورة تزويد أو الصورة، لون وتغيير حول. drop shadowالملمس، المعلومات من ولمزيدالموقع Panelsال� هذا زيارة يرجى ،website.

األدوات :Toolboxمربعلتحرير تستخدمها سوف مختلفة أدوات على يشتمل حيث الشاشة؛ من األيسر الجانب في يقع

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

األدوات toolsاألدوات مرب�ع في الموق�ع ي�رجى، toolboxالمختلف�ة ه�ذا ش�اهد websiteزي�ارة أوالفيديو .videoهذا

Move tool

Quick Selection tool

Brush tool

Smudge toolClone Stamp tool

Red Eye Removal tool

Rectangular Marquee tool

Zoom tool

Eyedropper tool

Type tool

Crop tool

Paint Bucket tool

Eraser tool

Recompose tool

Color Selection Boxes

Gradient tool

Straighten tool

Content Aware Move tool

Healing Brush tool

Lasso tool

Page 16: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار

Unit 1: Introduction to Image Correction, Alteration, and Layers Class Activity 1 Design Brief

ScenarioThe Abu Dhabi Education Council has begun a campaign to warn Emiratis against the dangers of UV light. Your school has decided to create posters to help spread the UV information to the local community. Your teacher wants to create a poster that looks like the motivational posters found in many government buildings and online. Your class feels that sunburn is an easy way to show the dangers of UV light.

You are provided a picture of a person’s face to begin the project. The image has many flaws. You need to fix these flaws, make the image small enough to fit on the posters, change the face to look like it is sunburned, and create a motivational poster background with appropriate warning text.

Tools

• Red Eye Removal tool • Healing Brush tool • Crop tool• Hue/Saturation tool• Canvas Size tool• Create a New Layer tool• Rename Layer tool• Marquee Section tool

• Move tool Brightness/Contrast tool • Stroke tool• Type tool• Brush tool• Flatten Image tool• Filter: Texturizer • Image Format

Activity 1 Goal

Page 17: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار

: والطبقات والتعديالت الصورة تصحيح حول مقدمة األولى الوحدة

األول المدرسي النشاطموجز تصميم

السيناريو: . قررت وقد البنفسجية فوق األشعة مخاطر من المواطنين لتحذير حملة للتعليم أبوظبي مجلس بدأ

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

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

الصورة حجم وتصغير العيوب، هذه إصالح إلى تحتاج لذلك العيوب؛ من العديد وبالصورة المشروع،شمسية؛ بحروق مصاب كأنه ليبدو الوجه وتغيير الملصقات، على وضعها لتناسب يكفي بما

. مناسب تحذيري نص مع تحفيزي، لملصق خلفية إنشاء إلى باإلضافة

Tools األدوات • Red Eye Removal tool • Healing Brush tool • Crop tool• Hue/Saturation tool• Canvas Size tool• Create a New Layer tool• Rename Layer tool• Marquee Section tool

• Move tool Brightness/Contrast tool • Stroke tool• Type tool• Brush tool• Flatten Image tool• Filter: Texturizer • Image Format

األول النشاط هدف

Page 18: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار

Red Eye Removal [DM1.3] Red eye occurs when the camera’s flash or other light sources are aligned with a person’s or animal’s eyes. The light reflects off the back of the eyes and causes a red eye effect. In animals, the red eye or pet eye effect can show in different colors, but the manner in which you can fix this issue is the same.

The Red Eye Removal tool in the Enhance section of the toolbox.

Learn more about…Website Video 1 Video 2

Hint:

Make sure you know how the various options including Pupil Radius and Darken can affect your pupil correction.

Make sure you know how to correct Pet Eye. Auto Red Eye Fix can also be found under the Enhance dropdown menu and in the Tool

Options menu.

Task- Fix Red Eye The flash from the camera causes a red reflection in a person or animal’s eyes.

1. Open the Class Activity o1 image.2. Save the image in the proper location and format.3. Use the Red Eye Removal tool to correct the image.

Image before Red Eye Correction Image after Red Eye Correction

Save your work whenever you see this

symbol

Page 19: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار

Red Eye Removal[ الحمراء العين [ :DM1.3إزالةالحمراء العين أو Red Eyeتحدث الشخص لعين األخرى الضوء مصادر أو الكاميرا فالش محاذاة عند

الحمراء العين تأثير ويسبب العين من الخلفي الجزء من الضوء ينعكس حيث .Red Eyeالحيوان؛تأثير يظهر أن يمكن للحيوانات، التي pet eyeأو Red Eyeوبالنسبة الطريقة تظل لكن مختلفة؛ بألوان

. واحدة المشكلة هذه إصالح بها يمكنك

قسم Red Eye Removal toolأداة .toolboxمن Enhanceفيالمزيد :لمعرفة زر األمر، هذا حول

Website Video 1 Video 2

:تنويه

ذلك • في بما الخيارات، مختلف تؤثر أن يمكن كيف تعرف أنك من تصحيح Darkenو Pupil Radiusتأكد على ، . تعديلها على تعمل التي الصورة في العين بؤبؤ

تصحيح • كيفية تعرف أنك من .Pet Eyeتأكد

على • العثور أيضا المنسدلة Auto Red Eye Fix يمكنك القائمة قائمة و ،Enhance ضمن .Tool Options في

إصالح Red Eyeمهمة

. الحيوان أو الشخص عين في اللون أحمر انعكاسا الكاميرا فالش يسبب

العنوان افتح.4 ذات .Class Activity o1الصورة. احفظ.5 مالئمة وبصيغة مناسب موقع في الصورة. Red Eye Removal toolاستخدم .6 الصورة لتصحيح

الحمراء العين تصحيح بعد الحمراء الصورة العين تصحيح قبل الصورة

كلما عملك احفظالرمز هذا رأيت

Page 20: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار

Spot Healing Brush [DM1.3] The Spot Healing Brush tool automatically corrects small imperfections by blending using surrounding colors and textures. This tools works well when the unwanted area is surrounded by large areas of similar color and pattern.

The Spot Healing Brush tool is in the Enhance section of the toolbox.

Learn more about…

Website

Video 1

Video 2

Video 3

Hint: Make sure that you know about the various options including Content Aware, Proximity Match and Create Texture and how they can affect the appearance of your image.

Similar Tools: Healing Brush and the Clone Stamp tools

Task- Remove Blemishes The face has distracting flaws that can be fixed. Use the Spot Healing Brush tool to remove the blemishes and imperfections from the image.

Note: Use the content aware setting and make the brush size smaller in the Tool Options menu.

Image before Spot Healing Brush toolImage after Spot Healing Brush tool

Page 21: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار
Page 22: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار

العيوب ] تصحيح :DM1.3فرشاةأداة باستخدام Spot Healing Brush toolتعمل المزج طريق عن ¢ا تلقائي البسيطة العيوب تصحيح على

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

قسم Spot Healing Brush toolأداة .toolboxمن Enhanceفيالمزيد زر لمعرفة األمر، هذا :حول

Website

1 فيديو

2 فيديو

3 فيديو

تشمل: التي المتعددة، بالخيارات التامة معرفتك من تأكد Createو Proximity Matchو Content Aware تنويهTexture؛ . تعدلها التي للصورة العام المظهر على تأثيرها ومدى

مماثلة Clone Stamp وأدوات Healing Brush: أدوات

العيوب: إزالة المهمة

. استخدم االنتباه تشتت إلى يؤدي قد مما ثابتة، تكون قد بالوجه عيوب Spot HealingتوجدBrush tool . الصورة من والشوائب العيوب إلزالة

المحتوى: استخدم قائمة aware setting ملاحظة في أصغر الفرشاة حجم .Tool Optionsواجعل

Spot Healing Brush tool استخدام بعد الصورةأداة

Spot Healing Brush tool استخدام قبل الصورةأداة

Page 23: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار
Page 24: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار

Emphasis [DM1.4]Emphasis creates a focal point in a design. It brings attention to what is most important. See the design elements and principals section more information. For this activity you are going to use the “rule of thirds” to place emphasis on the eyes.The basic principle behind the rule of thirds is to imagine breaking an image down into thirds (both horizontally and vertically). Anything thing in the image that is near the intersections will be emphasized. This is a variant on giving emphasis using shape. To learn more about emphasis, visit the emphasis entry in the Design section of this document.

Crop [DM1.3] Crop is the act of removing parts of the image to make it smaller. This is similar to cutting a printed picture with scissors. When you cut or crop, you remove the parts of the image you do not want and keeps parts that you do want.

The Crop tool is in the Modify section of the toolbox

Learn more about…Website

Hint: Make sure that you know about the various options including the Crop Preset Size Options and the height and width boxes that can be used to effect the shape of your image.

Similar Tools: Cookie Cutter and Canvas Size

Task- Emphasize the Eye The image is too big and not in the correct proportion. You also want to show the effect of the sunburn by placing emphasis on the surprised eyes. Use the Crop tool to crop the image emphasizing the eyes. Note: Use the 3x5 preset and change the width to 5 and a height to 3 inches in the Tools Options menu.

Image before Crop Image after Crop

Notice the ‘lines of thirds’.

Page 25: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار

[DM1.4]التركيز

. من للمزيد أهم هو ما إلى االنتباه يصرف حيث التصميم؛ داخل محورية نقطة التركيز يخلقانظر تستخدم .design elements and principals sectionالمعلومات، سوف النشاط، بهذا يتعلق وفيما

. " العينين" على التركيز لجعل األثالث قاعدة

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

التركيز، حول المزيد مقدمة يرجىولمعرفة . emphasisزيارة الملف بهذا الموجود التصميم قسم في

Crop[ القصDM1.3: ]Crop . القص عند بالمقص المطبوعة الصورة قص تماثل وهي أصغر، تبدو لجعلها الصورة من أجزاء إلزالة أداة

. Cropأو تريدها التي األجزاء على وتحافظ الصورة، من تريدها ال التي األجزاء تزيل فإنك ،

القص التعديل Crop toolأداة قسم . Modifyفي األدوات صندوق منالمزيد زر لمعرفة األمر، هذا :حول

Website

تشمل تنويه: التي المتعددة، بالخيارات التامة معرفتك من الارتفاع Crop Preset Size Optionsتأكد heightوصناديقالعرض ا widthو .؛ صورتك شكل على للتأثير استخدامها يمكن لتي

: مماثلة .Canvas Sizeو Cookie Cutter أدوات

: العينين – على التركيز المهمة

خالل من الشمس حروق تأثير إظهار إلى أيضا وتحتاج صحيح، غير تناسبها و للغاية كبير الصورة حجم . استخدم المندهشة العيون على . Crop toolالتركيز العينين على للتركيز الصورة؛ لقص

استخدم: العرض المعدة 3x5ملاحظة وغير إلى 5إلى width مسبقا، قائمة 3والارتفاع في .Tools Options بوصات

القص بعد الصورة القص قبل الصورة

األثالث " خطوط "الحظ

Page 26: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار

Destructive Edits Vs Non-Destructive Edits

It is important to understand the difference between destructive and nondestructive editing.Destructive Edits: These change the original image data.

Tools from the toolbox Filters Hue/Saturation, Levels, Brightness/Contrast tools and other tools that

effect the entire layerNondestructive Edits: These do not change the original data.

Adjustment layers Fill layers Layer Masks Clipping Masks Layer Styles

In general, destructive edits change the image itself and are not easily undone. Non-destructive editing methods typically use separate layers to make the changes. These are easily undone by deleting the layers or editing an effect or style. Using layer masks and adjustment layers also allows you to localize the effect of your edit.For example, in the section below, you will change the color of the face, and the color of the eyes change too. If you were to use the Hue/Saturation Adjustment layer, you could have identified the eyes as an area of the layer that you did not want to alter. Both approaches are useful. For more information visit Website 1 and/or Website 2.

Page 27: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار

: التدميري غير التحرير مقابل التدميري التحرير

. التدميري وغير التدميري التحرير بين الفرق نفهم أن المهم من

. : األصلية الصورة بيانات ر يغي التدميري التحريرTools من toolboxFiltersHue/Saturation, Levels, Brightness/Contrast tools من على toolsوغيرها تؤثر التي

. كلي بشكل الطبقة

. : األصلية الصورة بيانات ر يغي ال التدميري غير التحرير

Adjustment layersFill layersLayer MasksClipping MasksLayer Styles

أساليب أن حين في بسهولة، عنه التراجع يمكن وال نفسها الصورة ر يغي التدميري التحرير فإن عام، وبشكلتستخدم ما عادة التدميرية غير بسهولة طبقات التحرير عنها التراجع يمكن لذلك التغييرات؛ إلجراء منفصلة

. النمط أو التأثير تعديل أو ال�طبقات هذه حذف طريق عناستخدام . adjustment layersو layer masksويتيح تجريه الذي بالتعديل الخاص التأثير مكان تحديد لك

. استخدمت ما فإذا العينين ولون الوجه، لون ر تغي سوف أدناه، المقطع في المثال، سبيل علىHue/Saturation Adjustment layer في ترغب تكن لم التي للطبقة كمنطقة العينين تحديد يمكنك ،

تغييرها. . المعلومات، من لمزيد مفيدا الخيارين كال أو/ Website 1زيارة يرجىويعد .Website 2و

Page 28: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار

Adjust Color: Hue/Saturation [DM1.3] and Hue/Saturation Adjustment layer [DM1.2] Adjusting an image’s color is a fundamental method used to alter its appearance. Color changes can alter the entire feeling of the image. Making an image darker can make it appear ominous. Making the image more blue can make the image feel colder. The Hue/Saturation tool gives you the ability to adjust the colors in an image. Adjusting colors using an adjustment layer is non-destructive to the original image. To learn more about color, visit the color entry in the Design section of this document.

The Hue/Saturation tool is located under the Enhance dropdown menu.Learn more about…

Website

Video

The Hue/Saturation Adjustment layer is located in the Adjustment layer dropdown menu above the Layer Panel.Learn more about…

Website

Video

Hint:

Adjustment layers will affect all the layers below unless you clip it to the current layer using a Clipping Mask.

Make sure that you know about the various options including hue, saturation and lightness.

Ctrl+U is a shortcut to open the Hue/Saturation tool.

Similar tool: Levels

Task- Sunburn FaceUse the Hue/Saturation tool to make the face look like it has a sunburn.Notes:

Set the hue to -25, saturation to 30, and lightness to -15. Try both destructive and non-destructive methods

Notice how the eyes have become green. This will be corrected later in the activity.

Page 29: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار

Image before Color Correction

Image after Color Correction

Page 30: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار

[ – اللون تشبع و اللون درجة اللون ]DM1.2ضبط ودرجته اللون طبقة تعديلDM1.3 ]

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

. باللون مليئة الصورة جعل أن كما بالسوء تنذر أنها بشعور يوحي أن قتامة أكثر . األداة وتمنحك بالبرودة توحي يجعلها أن يمكن Hue/Saturationاألزرق

. باستخدام األلوان ضبط ويعد الصورة في األلوان ضبط على القدرةadjustment layer . عن المزيد لمعرفة األصلية للصورة ر مدم غير تعديال

. colorزيارة يرجىاللون، الملف بهذا الموجود التصميم قسم في

أداة المنسدلة Hue/Saturationتندرج القائمة تحتEnhance.

: حول المزيد لمعرفةWebsite

Videoالقائمة Hue/Saturation Adjustment layerتندرج تحت

theالمنسدلة Adjustment layer فوقthe Layer Panel.

المزيد :لمعرفة زيارة يرجى األمر، هذا حولWebsite

Video

تنويه: تؤثر الحالية على Adjustment layersسوف الطبقة إلى أتها جز إذا إال أدناها الطبقات جميع

.Clipping Maskباستخدام ،المتعددة بالخيارات التامة معرفتك من تشمل تأكد .lightnessوsaturation وhueالتي Ctrl+U لفتح اختصار .Hue/Saturation toolهو

: مشابهة .Levelsأداة

: بالوجه – شمس حروق آثار إحداث المهمة. Hue/Saturation tool استخدم الشمس حروق به أن يبدو الوجه لجعل

ملاحظات:اضبط hue و، 25- علىsaturation و ،30 علىlightness 15 -على.. سواء حد على التدميرية وغير التدميرية الطريقتين، كلتا جرب

أصبحت كيف الحظ. خضراء العيونفي تصحيحها وسيجري

هذا في الحق وقت.النشاط

Page 31: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار

األلوان تصحيح قبل الصورةاأللوان تصحيح بعد الصورة

Resize: Canvas Size [DM1.3]Canvas Size tool allows you to increase the canvas size of your image. The canvas refers to the workspace your image is placed upon. Just like a canvas for a painting, the image may not fill the entire canvas space. If you increase the canvas size, your image will not get bigger. Additional workspace or canvas will be added. If you decrease the canvas size, the image will not be scaled down to fit the new size. Similar to the crop tool, some of the image will be removed to reflect the loss of the canvas.

The Canvas Size tool is located under the Image dropdown menu.

Learn more about…

Website

Hint: Make sure that you know about the Relative checkbox, Anchor Points, Canvas Extension Color, and the different units associated with the length and height.

Similar tools: Image Size and Scale

Task- Create BackgroundTo make the image into a poster, you need to add more canvas space for the text. Use the Canvas Size tool to Increase the canvas size to make room for the poster’s text. Note: Set the width to 25%, the height to 75%, check Relative, and set the Canvas Extension Color to black.

Image before Canvas Size Increase Image after Canvas Size Increase

Page 32: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار
Page 33: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار

Resize: Canvas Size[ – الرسم لوح حجم الحجم [:DM1.3ضبطأداة لك الرسم بزيادة Canvas Size toolتسمح لوح وتشير. حجم العمل canvasلصورك مساحة إلى

. في تماما الحال هو وكما بك الخاصة الصور توضع أساسها على الصورة canvasالتي تمأل ال قد للرسومات،الرسم ب�لوح الخاص . canvasالفراغ حجمها، يزيد لن صورتك فإن ، الرسم لوح حجم زدت وإذا تام بشكل

أو عمل مساحة ستضاف . canvasولكن الرسم لوح حجم قللت وإذا يجري canvas sizeإضافية فلن ، . غرار وعلى الجديد الحجم لتناسب الصورة لوح crop toolتحجيم فقدان لتعكس الصور بعض ستزال ،

.canvasالرسم

المنسدلة Canvas Size toolتندرج القائمة .Imageتحت

حول المزيد :لمعرفة زر األمر، هذا

: الموقع

الاختيار : تنويه بـخانة التامة معرفتك من والوحدات Relative,Anchor Points, Canvas Extension Colorتأكدالارتفاع . و بالطول المرتبطة المختلفة

: مماثلة .Scaleو Image Size أدوات

: خلفية - إنشاء المهمة

. استخدم النص أجل من الرسم لوح مساحة من المزيد إضافة إلى تحتاج ملصق، في الصورة لجعلCanvas Size tool لزيادةcanvas size. الملصق داخل النص إلضافة المجال إلفساح

اضبط: إلى 25إلى العرضملاحظة الطول من 75٪،و وتحقق الرسم التناسب٪، لوح امتداد لون واضبط ،Canvas Extension Color. الأسود اللون إلى

الرسم لوح زيادة حجم بعد الصورة

الرسم لوح زيادة حجم قبل الصورة

Page 34: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار

Layers and Layer Panel [DM1.2]Layers are located on the layer panel. They are separate images that are stacked to create the illusion of only one image. Using layers allows you to make adjustments to an individual layer without changing the other layers. Visit this website and watch this video for more information.

Create a New Layer [DM1.2]Create a New Layer is a button that allows you to create a new, blank layer.

The Create a New Layer tool is located above the Layer panel.

Similar Tool: Duplicate Layer

Task- Create LayerYou need reposition the eyes in order to make room for the text. This is best done by removing them from the Background layer. Use the Create a New Layer tool to create a new layer.

Image after Adding New Layer

Rename Layer [DM1.2]Renaming layers is an important strategy to help you keep your image organized.

To rename a layer, double-click the layer name and type in a new name.

Learn more about…Website

Hint: You can rename the layer as you move through the editing process. You do not need to rename layers right away, but you can use it whenever it is necessary.

Task- Rename LayerNaming layers can help prevent confusion that comes when dealing with many layers that appear similar. Rename Layer 1 to “Eyes.”

Layers before Rename Layers after Rename

Create a New Layer

Page 35: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار

Layers and Layer Panel [DM1.2]:layerفي الطبقاتتقع panel صور عن عبارة وهي ،

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

. األخرى الطبقات في تغيير إحداث دون فردية طبقة علىالمعلومات، من الموقع يرجىولمزيد هذا الفيديو websiteزيارة هذا .videoوشاهد

Create a New Layer [DM1.2]:إنشاء Create a New Layerويعد يتيح الذي الزر وخالية طبقة هو .جديدة

جديدة طبقة إنشاء أداة . Layer Panelفوق Create a New Layer toolتقع

: الطبقة مضاعفة مماثلة Duplicate Layer أداة

إنشاء – طبقة:المهمة – إنشاء طريقة: المهمة أفضل ؛ النص إلدخال المجال إفساح أجل من العينين إعادة إلى تحتاج

الخلفية الطبقة من نقلهما أداة. Background layerهي إلنشاء Create a New Layer toolاستخدم. جديدة طبقة

جديدة طبقة إضافة بعد الصورة

الطبقة ] تسمية :[DM1.2إعادةالطبقات تسمية إعادة الخاصة Renaming layersتعد الصور على الحفاظ في لمساعدتك هامة إستراتيجيةمنظم . بشكل بك

تسمية على طبقة إلعادة مرتين انقر ،layer name. جديدا اسما واكتب ، : زر األمر، هذا حول المزيد لمعرفة

Website

الفور،: على الطبقات تسمية إعادة يلزمك لا حيث التحرير؛ عملية خلال انتقالك أثناء في الطبقة تسمية إعادة يمكنك تنويها ضروري ذلك كان كلما استخدامها يمكنك .ولـكن

تسمية- إعادة طبقة :المهمةتسمية تساعدك الطبقات الطبقاتقد من العديد مع التعامل عند يحدث قد الذي االرتباك منع في

. الطبقة تسمية ب�إعادة قم متشابهة تبدو .”. Eyes “إلى Rename Layer 1 1التي

التسمية إعادة بعد التسمية الطبقات قبل الطبقات

Create a New Layer

Page 36: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار

Selections [DM1.3]Selections are areas of an image that you define using specialized tools. The selection isolates one or more parts of your image. By selecting specific areas, you can edit and apply effects and filters to portions of your image while leaving the unselected areas untouched. There are three main types of selection tools

1. Quick selection tools : Computer assisted selections Quick Selection Tool Magic Wand

2. Marquee tools : shape-based selections Rectangular Marquee tool Elliptical Marquee tool

3. Lasso tools : draw-based selections Lasso tool Magnetic Lasso tool Polygonal Lasso tool

Take time to visit the links above and familiarize yourself with the various selection options.

Page 37: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار

Selections[ الخياراتDM1.3]:. Selectionsتعد ويعزل المتخصصة األدوات باستخدام فتها عر التي الصورة من المناطق Selectionهي

. وتطبيق تحرير يمكنك معينة، مناطق تحديد خالل ومن بك الخاصة الصور أجزاء من أكثر أو واحدا جزءاالمحددة غير المناطق وترك بك، الخاصة الصور من ألجزاء والمرشحات .التأثيرات تغيير دون

الخيارات أدوات من رئيسية أنواع ثالثة :selection toolsتوجد

4.Quick selection tools سريعة اختيار الحاسوب : أدوات بمساعدة تحديداتQuick Selection Tool السريعة االختيار أداةMagic Wand السحرية العصا

5.Marquee tools : الشكل بمساعدة تحديداتRectangular Marquee toolElliptical Marquee tool

6.Lasso tools : الرسومات بمساعدة تحديداتLasso tool Magnetic Lasso toolPolygonal Lasso tool

الخيارات على والتعرف أعاله الروابط لزيارة الوقت بعض المختلفة. خذ

Page 38: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار

Rectangular Marquee [DM1.3]The Rectangular Marquee Tool is a basic, shape-based, selection tool that make rectangular or square selections.

The Rectangular Marquee tool is located in the Select section of the toolbox.

Learn more about…

Website

Video

Hints:

Make sure that you know how Feather, Aspect, and Refine Edge options can affect your image’s appearance.

Use the Add and Subtract buttons to adjust your selection’s boundaries.

Similar Tools: Elliptical Marquee Tool, Lasso Tool, Polygonal Lasso tool, Magnetic Lasso tool , Magic Wand, and Quick Selection tool

Task- Cut and Paste EyesYou need to isolate the eyes so you can move them to a new layer.

1. Use the Rectangular Marquee tool to select the eyes.2. Cut and paste the image into the Eyes layer.

Note:

For the best results, keep the selection tight to the image of the face.

This website will provide you with more information on copy and pasting a selection.

Ctrl+X is the shortcut for cut and Ctrl+V in the shortcut for paste. Ensure the Background Color is set to black to auto-fill the space with black when

you cut out the face.

Layers before selection, cut, and paste Layers after selection, cut, and paste

Page 39: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار

Rectangular Marquee [DM1.3]:أداة . Rectangular Marquee Tool تعد مربعا أو مستطيال وتنشئ الشكل، على تقوم ، أساسية اختيار أداة

أداة قسم Rectangular Marqueeتقع األدوات .Selectفي مربع في

: زر األمر، هذا حول المزيد لمعرفةWebsite

Video

تنويه: بخيارات القيام كيفية تعرف أن من أن Refine Edgeو AspectوFeatherتأكد يمكن التي

. صورتك مظهر على تؤثر استخدمAddوSubtract) ( المحدد الجزء االختيار حدود . لضبط بك الخاص

: مشابهة Elliptical Marquee Tool, Lasso Tool, Polygonal Lasso Tool, Magnetic LassoأدواتTool Magic Wand, Quick Selection Tool

: العينين- والصق قص المهمة

. جديدة طبقة إلى نقلهما من تتمكن حتى العينين عزل إلى تحتاجأداة .3 .Rectangular Marquee toolاستخدم العينين لتحديدفي .4 الصورة والصق .Eyes layerقص

ملاحظة: اجعل النتائج، أفضل على المحدد) (للحصول الجزء . الاختيار الوجه لصورة ملاصقا الموقع . websiteهذا المحدد الجزء ولصق نسخ حول المعلومات من بمزيد يزودك سوفCtrl+X و بالقص، الخاص الاختصار .Ctrl+Vهو باللصق الخاص الاختصار هو. الوجه قطع عند الأسود باللون تلقائي بشكل الفراغ لملء الأسود؛ اللون على الخلفية لون ضبط من تأكد

بعد ولصق التحديدالطبقات قص ، قبل ولصق التحديدالطبقات قص ،

Page 40: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار

Move [DM1.3]The Move tool allows to move a selected part of an image or a layer to a new location.

The Move tool is located in the Select section of the toolbox.Learn more about…

Website

Hint: Ensure you are on the correct layer when trying to move a part of an image.

Task- Align EyesYou need to move the eyes to make room for the text. Use the Move tool to move the image on the Eyes layer toward the top of the image.

Image before Move tool Image after Move tool

Contrast [DM1.4]Contrast emphasizes the differences between the design elements. Having different size lines next to each other, using vastly different colors in an image, creating random shapes, and utilizing various textures can all create contrast. Contrast is one way you can emphasize parts of your image. To learn more about this design principle, visit the contrast entry in the Design section of this document or visit this website.

Page 41: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار

:[DM1.3النقل ]

النقل أداة لك أو Move toolتسمح الصورة من المحدد الجزء .الطبقةبنقل جديد موقع إلى

النقل أداة قسم Move toolتقع األدوات من Selectفي .مربع

: زر األمر، هذا حول المزيد لمعرفة

اإللكتروني : الموقع

. صورة: من جزء نقل محاولة عند الصحيحة الطبقة على موجود أنك من تأكد تنويه: العيون - محاذاة المهمة

. النقل أداة استخدم للنص المجال إلفساح العينين تحريك إلى على Move toolتحتاج الصورة لنقلالعين .طبقة الصورة من العلوي الجزء نحو

النقل اداة استخدام بعد النقل الصورة أداة استخدام قبل الصورة

:[DM1.4] التباين

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

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

أو الملف، بهذا التصميم الموقع يرجىقسم هذا .websiteزيارة

Page 42: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار

Adjust Lighting: Brightness/Contrast Tool [DM1.3] and Brightness/Contrast Adjustment Layer [DM1.2]The Brightness/Contrast tool allows you to control the tone of a color. Adjusting the Brightness adjusts either the highlights or white values making the image brighter or shadows or black values making the image darker. Adjusting the Contrast using an adjustment layer is non-destructive to the original image.

The Brightness/Contrast tool is located in the Enhance dropdown menu.Learn more about…

Website

The Brightness/Contrast Adjustment layer is located in the Adjustment layer dropdown menu above the Layer Panel.Learn more about…

Website

Hint: Adjustment layers will affect all the layers below unless you clip it to the current layer using a Clipping Mask.

Task- Darken the BurnAt the moment the sunburn still looks a bit dark and the face does not stand out on the image. Use the Brightness/Contrast tool to increase the contrast with the dark background. Notes:

Set the Brightness to 20 and the Contrast to 70 Try both destructive and non-destructive methiods.

Image before Brightness/Contrast tool Image after Brightness/Contrast tool

Page 43: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار
Page 44: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار

التباين : / ] السطوع أداة اإلضاءة التباين[ / DM1.3ضبط السطوع طبقة ضبط[DM1.2]:

/ التباين السطوع أداة لك . Brightness/Contrast toolتسمح ويضبط اللون حدة على السطوعبالسيطرةالتي السوداء القيم أو الظالل أو إشراقا، أكثر الصورة تجعل التي البيضاء القيم أو المضيئة، النقاط بتعديل إما

. ضبط يؤدي وال قتامة أكثر الصورة .adjustment layerباستخدام التباينتجعل األصلية الصورة تدمير إلى

/ التباين السطوع أداة في Brightness/Contrastتقعالمنسدلة .Enhanceالقائمة

: الموقع زيارة يرجى األمر، هذا حول المزيد لمعرفةWebsite

أداة Brightness/Contrastتقع Adjustment layer في المنسدلة .Layer Panel فوق Adjustment layerالقائمة

: الموقع زيارة يرجى األمر، هذا حول المزيد لمعرفةWebsite

. الصورة: من جزء نقل محاولة عند الصحيحة الطبقة على تقف أنك من تأكد تنويه: الحروق - تعتيم المهمة

فاستخدم الصورة، على الوجه إبراز يمكن ال حيث قليال داكنة تبدو تزال ال الشمس حروق كانت إذاالداكنة Brightness/Contrast toolأداة الخلفية مع التباين .لزيادة

مالحظة:

و 20على السطوعاضبط• .70على التباين ،

. التدميرية• وغير التدميرية األساليب من كل استخدام محاولة في تتردد ال

Brightness/Contrast tool استخدام بعد استخدام Brightness/Contrast tool الصورة قبل الصورة

Page 45: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار

Edit: Stroke Selection [DM1.3]The Stroke tool allows you to make an outline or border around a selection.

The Stroke tool is located in the Edit dropdown menu.Learn more about…

Website

Hints:

Make sure that you know about the options Stroke, Location, and Blending Settings and how they can affect the image’s appearance.

Since you are going to outline the Eyes layer, there is no need to make a selection, because the image of the eyes is the only thing on the layer. If it was not, you would need to make a selection first then select the Stroke tool to make an outline.

Task- Create OutlineThe eyes still get lost in on the black background. You need to make them more noticeable. Use the Stroke tool to make a border/outline around the face.Note:

Ensure you are working on the Eyes layer. Set the Width to 10 pixels, Color to white, and Location to outside.

Image before Stroke Image after Stroke

Unity [DM1.4]Unity is one of the most important principals of design. It is the relationship between the elements of an image. Unity focuses on those elements and how they function together to create harmony; working together to form a complete visual theme.

Since the colors pink and white are dominate in the eyes, you should use those colors in the Text to help create unity between the different image elements. For more information on unity, visit the unity entry in the Design.

Page 46: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار

Edit: Stroke Selection [DM1.3]:أداة لك حول Stroke toolتسمح إطار أو مخطط المحدد بإنشاء .الجزء

أداة المنسدلة Stroke toolتقع القائمة .Editفي

: الموقع زيارة يرجى األمر، هذا حول المزيد لمعرفةWebsite

تنويهات: خيارات عن المزيد تعرف أنك من تؤثر Settingsو BlendingوLocationو Strokeتأكد أن يمكن وكيف ،

. الصورة مظهر على العينين طبقة تحدد أنك الوحيد Eyes layerطالما الشيء هي العينين صورة تكون حيث ؛ جزء لاختيار حاجة فلا ،

. أداة حدد ثم أولا، جزء لاختيار تحتاج فحينئذ كذلك، الأمر يكن لم إذا الطبقة على لعمل Stroke tool الموجودإطار.

: إطار – إنشاء المهمة

. وضوحا أكثر جعلهما إلى حاجة في أنت لذلك السوداء؛ الخلفية على واضحتين غير العينان تزال الأداة .Stroke toolاستخدم / الوجه حول إطار حدود لعمل

مالحظة: العينين طبقة على تعمل أنك من .Eyes layerتأكد و بيكسل 10إلى العرض اضبط .اللون، الخارج إلى الموقع و األبيض، إلى

Stroke بعد Stroke الصورة قبل الصورة

[:DM1.4]الوحدة . الوحدة وتركز الصورة عناصر بين وتناغما عالقة تنشئ حيث التصميم؛ مبادئ أهم من واالتساق الوحدة تعد

. مكتملة بصرية صورة لتشكيل معا والعمل واالتساق، االنسجام لخلق معا عملها وكيفية العناصر تلك على

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

. unityزيارة التصميم قسم في

Page 47: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار

Color Selection: Color Selection Boxes, Eye Dropper Tool, and Color Picker [DM1.3]

Color Selection BoxesThe Color Selection Boxes display the selected foreground and background colors

The Color Selection Boxes are located in the Color section of the toolbox. Learn more about…

Website

Hints:

When you double click on a box, it will open the Color Picker tool When you erase or cut (Ctrl+X) part of an image, the Background Color fills the

remaining space. The Foreground Color is the color used for the Brush tool. The bent arrow button reverses the Background and Foreground Colors. Hitting “d” on the keyboard will return the Color Selection Box to its default black

and white.

Color Picker ToolThe Color Picker tool allows you to select a color from a color palette and make it the Foreground Color.

The Color Picker tool is located in the Draw section of the toolboxLearn more about…

Website

Hint: You can enter the # code to get a specific color. Black is #000000 and white is #ffffff.

Background Color

Foreground Color

Page 48: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار

Eyedropper ToolThe Eyedropper tool allows you to select a color from an image and make it the Foreground Color.

The Eyedropper tool is located in the Draw section of the toolboxLearn more about…

Website

Video

: األلوان Colorاختيار Selection Boxes, Eye Dropper Tool وColor Picker [DM1.3]

Color Selection Boxes:

حددت .يعرض التي الخلفية و األمامية الواجهة ألوان األلوان اختيار صندوق

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

Website

تنويهات:اللون• اختيار أداة ستفتح المربع، على المزدوج النقر .Color Picker toolعند

الصورة،• من جزء قص أو إزالة حينئذ Ctrl+Xعند ستمأل ،Background Color . المتبقية المساحةاألمامية• الواجهة ألداة Foreground Colorلون المستخدم اللون .Brush toolهو

المنحني• السهم زر الخلفية يعكس و االمامية الواجهة .ألوانالزر• على الضغط اختيار ” d“عند سيعاد المفاتيح، لوحة لونيه Color Selection Boxعلى إلى

. واألبيض األسود االفتراضيين،

اللون اختيار : Color Picker Toolأداة

Background Color

Foreground Color

Page 49: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار

اللون تسمح اختيار لون لك Color Picker toolأداة وجعله األلوان، لوحة من محدد لون باختيارالواجهة.

اللون تقع اختيار قسم Color Picker toolأداة من Drawفي. االدوات مربع

: موقع زيارة يرجى األمر، هذا حول المعلومات من لمزيد اإللكتروني الموقع

. هو: # األسود اللون رمز معين لون على للحصول الرمز إدخال يمكنك األبيض 000000#تنويه واللون.ffffff#هو

Eyedropper Tool:أداة لك الصورة بتحديد Eyedropper toolتسمح داخل معين وجعله لون األمامية ، الواجهة .لون

قسم Eyedropper toolتقع األدوات .من Drawفي مربع: موقع زيارة يرجى األمر، هذا حول المعلومات من لمزيد

اإللكتروني الموقع

الفيديو

Page 50: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار

Type Tool [DM1.4]Text in images can be used to communicate a message to your audience. The audience are the people who will view the image. Different fonts and text styles can convey different messages. Carefully choosing what the text should look like can be just an important as what is written.

The Type tool is located in the Edit dropdown menu.

Learn more about…WebsiteVideo

Hints:

Make sure that you know about the different Type Orientations, Path Types, and Anti-aliasing.

The new text will be added to a new layer.

Task- Add Text

1. Use the Text tool to add “UV Radiation Protection Avoid the BURN!” to the image.

2. Rename the layer “UV.”Notes:

Use Arial Regular font. “UV Radiation Protection” is a font size of 30. “Avoid the Burn!” is a font size of 24. Change the font color of “Burn” to a light red or pink. Select Anti-aliasing because it will help keep the text’s shape smooth.

Image after Text Layer Panel after Text

Page 51: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار
Page 52: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار

الكتابة ] :[DM1.4أداةاستخدام . النصوصيمكنك سيشاهدون الذين الناس هم والجمهور لجمهورك رسالة إليصال الصور في

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

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

اإللكتروني الموقعالفيديو

تنويهات: بـ التامة معرفتك من و Text Orientationsتأكد و Path Typesالمختلفة، ،Anti-aliasing. إلى جديد نص جديدة. طبقةسيضاف

: نص - إضافة المهمة

أداة. 3 .”!UV Radiation Protection Avoid the BURN“إلضافة الكتابةاستخدم الصورة إلىطبقة. 4 تسمية .”UV“أعد

ملاحظة: خط .Arial Regular استخدماجعل“ UV Radiation Protection” خط .30 بحجماجعل Avoid the Burn "!”! خط .24 بحجم خط لون . ”Burn “غير الوردي أو الفاتح الأحمر اللون إلىحدد Anti-aliasing شكل انسيابية على الحفاظ على تساعد سوف .textال� لأنها

النص إضافة بعد الصورة النص إضافة بعد الطبقة لوحة

Page 53: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار
Page 54: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار

Brush Tool [DM1.3]The Brush tool allows you to mimic the act of painting. You can select different brushes styles and adjust their settings to create many effects. One of the most common effect is adding color to an image.

The Brush tool is located in the Draw section of the toolbox.

Learn more about…

Website

Hint:

Make sure that you know about Brush Style, Brush Size, Opacity options and how they can affect your image’s appearance.

You can paint over a selection area made with a selection tool without painting over non-selected areas.

Similar Tools: Impressionist Brush tool, Color Replacement tool, and Pencil tool

Task- Eye Color CorrectionChanging the image’s color also changed the whites of the eye from white to green. Use the Brush tool to paint the eyes an appropriate color. Note:

Ensure you have selected the correct layer. Adjust the Foreground Color, keep the brush size small and make the brush

opacity 15%. You may need to make several passes over each eye to blend away the green

color.

Before Brush tool

After Brush tool

#d2bcc6

Page 55: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار
Page 56: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار

:[DM1.3الفرشاة ] . من العديد لعمل إعداداتها وضبط األشكال، مختلفة فرش اختيار يمكنك الرسم بمحاكاة الفرشاة لك تسمح

. شيوعا. التأثيرات أكثر الصورة إلى لون إضافة وتعد التأثيرات

قسم Brush toolتقع األدوات .من الرسم Drawفي مربع: موقع زيارة يرجى األمر، هذا حول المعلومات من لمزيد

اإللكتروني الموقع

تنويه: بـخيارات التامة معرفتك من مظهر Brush Style, Brush Size, Opacity تأكد على تؤثر أن يمكن وكيف

صورتك. منطقة فوق الرسم . selection tool بواسطة selection يمكنك المحددة غير المناطق فوق الرسم دون

مماثلة .Pencil toolوColor Replacement Tool وImpressionist Brush tool: أدوات

: العيون - لون تصحيح المهمة

. استخدم األخضر اللون إلى األبيض اللون من العين بياض تغيير إلى أيضا الصورة لون تغيير سيؤدي. الفرشاة أداة المناسب باللون العينين لطالء

مالحظة:. الصحيحة الطبقة تحديد من تأكد األمامية الواجهة لون صغيرا، Foreground Colorاضبط الفرشاة حجم على الحفاظ مع ،

بنسبة عتامةوجعل %.15الفرشاة. األخضر اللون من للتخلص عين كل فوق مرات عدة المرور إلى تحتاج قد

الفرشاة استخدام بعد الصورةالفرشاة استخدام قبل الصورة

Page 57: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار
Page 58: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار

Flatten Image [DM1.2] The Flatten Image tool allows you to collapse all layers into one, new layer.

The Flatten Image tool is located under the Layer dropdown menu.Learn more about…

website

Similar tools: Merge Down and Merge Visible

Task- Flatten ImageWhen you no longer need to edit the individual layers use the Flatten Image tool to flatten the image.

Filters [DM1.2]Filters are preset settings to help you create specific effects to your image or can touch up unwanted parts of an image. These settings can add considerable improvements to an image or can completely change the way an image appears. Take some time to visit this website and this website to learn about the different filters. They will offer you numerous artistic and design choices.

Texture [DM1.4]Texture is the surface quality of an object or the sensation of a tactile surface; roughness or smoothness. 2D images do not have an actual texture, but you can give them the illusion of texture. This visual, or simulated texture can’t actually be felt but is suggested. Visual texture is perceived when we take in visual sensations, but we interpret them tactilely. Visual texture can be created by reproducing the value and color patterns of actual textures, adjusting shadows and highlights, and by repeating marks or shapes. Visit the texture entry in the

Filter dropdown menu

This image looks rough.

Page 59: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار

Design section of this document or visit this website to learn more about texture.

Page 60: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار

الصورة ] [DM1.2تسطيحالصورة تسطيح أداة نك كافة Flatten Image toolتمك دمج .طبقة فيالطبقات من جديدة واحدة

المنسدلة Flatten Image toolتقع القائمة .Layerداخل

: موقع زيارة يرجى األمر، هذا حول المعلومات من لمزيد

اإللكتروني الموقع

: مشابهة .Merge Visibleو Merge Downأدوات

الصورة - تسطيح :Flatten Imageالمهمة

أداة استخدم الفردية، الطبقات لتعديل حاجة هناك تكون ال لتسطيح Flatten Image toolعندماالصورة.

Filters[ المرشحاتDM1.2]الفالتر أو عمل المرشحات في لمساعدتك مسبقا أعدت إعدادات هي

. الصورة من فيها المرغوب غير األجزاء إزالة أو صورتك، على محددة تأثيراتتماما ر تغي أن ويمكنها للصورة، كبيرة تحسينات إضافة اإلعدادات لهذه ويمكن

. الموقع هذا لزيارة الوقت بعض خذ صورتك بها تبدو التي ،websiteالطريقةالموقع على websiteوهذا ستزودك مرشحاتللتعرف حيث مختلفة؛

. والتصميم الفنية الخيارات من بالعديد

[DM1.4]الملمس هذا بملمس اإلحساس أو للصورة، الخارجي السطح جودة هو الملمس

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

. االنخراط عند البصري بالملمس الشعور ويمكن استنتاجه يمكنك لكن . إنشاء يمكن ملموس بشكل نترجمها لكننا البصرية، األحاسيس في

للملمس واللون القيمة أنماط إنتاج إعادة طريق عن البصري الملمس . يرجى األشكال أو العالمات وتكرار والضوء، الظالل وتعديل الفعلي،

مدخل الموقع textureزيارة هذا زيارة أو الملف، بهذا التصميم قسم عن websiteفي المزيد لمعرفةالملمس.

Filter dropdown menu

This image looks rough.

Page 61: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار
Page 62: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار

Visual texture can be created by reproducing the value and color patterns of actual textures, adjusting shadows and highlights, and by repeating marks or shapes. Visit the texture entry in the Design section of this document or visit this website to learn more about texture.Texture Filters: Texturizer [DM1.3] [DM1.4]The Texturizer filter allows you to apply a preset texture to an image.

The Texturizer filter is located in the Filter dropdown menu.

Learn more about…

Website

Hint: Make sure that you know about Scaling, Relief, and the Light Source Location, and how they can affect your image’s appearance.

Similar Tools: Craquelure, Grain, Mosaic Tiles, and Stained Glass filters.

Task- Paper TextureYou can make the image to appear as if it is already printed on paper. Apply the Texturizer filter to the image to mimic the appearance of paper.Note:

Use the Canvas Texture Use a Scaling of 75%, a Relief of 2, and Bottom Light Source.

Image before Texturizer filterImage after Texturizer filter

Compression [DM1.1]A raster image is nothing more than a collection of pixels or dots. When a digital image is created, each pixel is assigned a color. That is a lot of information that will create very large image files if not compressed. When a raster image is compressed, the image’s information is mathematically analyzed and grouped in such a way that less information in needed to be kept to produce the same image. This loss of excess information creates a smaller image file. The file was made smaller or compressed.

Page 63: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار
Page 64: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار

البنية: – ] مرشحات البنية [DM1.3[ ]DM1.4تشكيلالمرشح نك .Texturizer filterيمك الصورة إلى مسبقا معد ملمس تطبيق من

المنسدلة Texturizer filterتقع القائمة .Filterداخل

: موقع زيارة يرجى األمر، هذا حول المعلومات من لمزيد

Website

ب�: التامة معرفتك من تأكد على Scaling, Relief, Light Source Locationتنويه تؤثر أن يمكن وكيف. صورتك مظهر : مماثلة Craquelure Grain, Mosaic Tiles, and Stained Glass filtersأدوات

: الورقة - ملمس المهمة

. ق طب ورق على بالفعل طبعت لو كما تظهر الصورة جعل الصورة Texturizer filterيمكنك على. للورق الخارجي المظهر لتحاكي

مالحظة: استخدمCanvas Texture. استخدمScaling البروز% 75بنسبة و ،Relief السفلي 2بدرجة اإلضاءة مصدر و ،Bottom Light

Source.

Texturizer filter بعد Texturizer filter الصورة قبل الصورة

:[DM1.1] الضغط . . لم حال وفي بلون بكسل كل ن يعي رقمية، صورة إنشاء وعند البكسالت من مجموعة هي النقطية الصورة

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

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

Page 65: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار
Page 66: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار

Image Format [DM1.1] Image format is important. RAW, JPG, GIF, BMP, and PNG are all file types used on photograhs and other images that are pixel-based or raster graphics. Each format has advantages and disadvantages. JPG is the format of choice for most digital images. JPGs major benefit is its ability to capture a wide range of colors accurately and compress the image into a resonable size for storage and sharing. Visit this website to learn more about the advantages and disadvantages of these popular image formats.

Task- Save Image

Save the activity and change the file type to JPG.

Note: Your teacher will tell you where to save the file and what to file name should be.

Page 67: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار

*You are finished. Submit the activity to the teacher before beginning Team Exercise 1 *

Page 68: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار

الصورة :Image Format [DM1.1]صيغة . للغاية مهمة الصورة صيغة التالية تعد الصيغ RAW, JPG, GIF, BMP, andوتمثل

PNG أو الصور من وغيرها الفوتوغرافية الصور في المستخدمة الملفات أنواع كافة. . وعيوب مزايا الصيغ تلك من صيغة ولكل النقاط أو البكسل على القائمة الرسومات

. JPGوتعد الصيغة فائدة وتتمثل الرقمية الصور لمعظم المفضلة الصيغة JPGsهيإلى الصورة وضغط بدقة، األلوان من واسعة مجموعة التقاط على قدرتها في الهامة

. الموقع هذا زيارة يرجى وتبادلها لتخزينها معقول المزيد websiteحجم لمعرفة. هذه الصور صيغ وعيوب مزايا حول

: الصورة – حفظ المهمة

النوع احفظ إلى الملف صيغة ر وغي .JPGالنشاط

الملف،: فيه ستحفظ الذي بالمكان معلمك سيخبرك مالحظة. الملف اسم يكون أن ينبغي وماذا

*. . للفريق* األول التدريب في البدء قبل المعلم إلى النشاط قدم اآلن انتهيت لقد

Page 69: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار

Team Exercise 1 Design Brief

ScenarioYou have been hired to design art for a new hotel called The Dallah International. The manager of the hotel, Mr. Ahmed, wants to decorate the lobby with dallah themed art that mimic famous works of art. Mr. Ahmed wants you to create a work of art that mimics Pop Art. Pop Art was a movement where elements of popular culture were used as inspiration. This challenged traditional art ideals, and created some memorable pieces of art. Andy Worhol is a fine example of a Pop artist. He is best known for his prints and paintings of consumer goods and celebrities. He pioneered compositions and techniques that emphasized repetition, color and the mechanization of art.Mr. Ahmed specifically wants you to focus on the art work of Andy Worhol. He shows you a few examples of Warhol’s work. The examples are shown below. The company also provides you with a picture of the company’s, famous dallah. It has been in the hotel owner’s family for many generations, and it was used as a model for the dallahs used to decorate the hotel. He would like you to use this picture as inspiration for you work of art. Mr. Ahmed wants you to submit a draft work of art to him before he approves a larger work of art. He agrees that an image made in Photoshop will work. He does mentioned to you that the hotel’s color scheme is the same as the UAE flag; red, white, and green. Mr. Ahmed likes the idea of using that color scheme in the art but he is open to new ideas. ObjectiveMr. Ahmed would like the image repeated a minimum of 4 times. Create a simple Pop Art image using the dallah image to present to Mr. Ahmed for approval.

Tasks Complete the Project Planning Sheet as you complete the assignment. Use the Design and Digital Citizenship section of this document to help you

make appropriate choices for your project. Remove Imperfection (Spot Healing Brush tool) Increase canvas size (Canvas Size tool) Create layers for the different dallahs (Create a New Layer tool) Alter the color of the dallah to mimic works of Pop Art (Hue/Saturation tool or

adjustment layer) Use a minimum of 2 filters (Filters) Flatten image and save image as a JPG/JPEG (Image Format)

Examples of Warhol’s Pop Art The Company’s Dallah

*When finished, submit the exercise before beginning Independent Exercise 1 *

9 repeated images8 repeated images

Page 70: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار

: للفريق األول التدريبالتصميم موجز

السيناريو:

الدولي الدلة فندق يسمى جديد لفندق فني تصميم لعمل معك التعاقد جرى Theلقد Dallah International / االسم. يحمل فني بشعار البهو تزيين أحمد، السيد الفندق، مدير (Dallahويريد ( الدلة

/ . البوب فن يحاكي فني عمل تصميم منك أحمد السيد ويريد المشهورة الفنية األعمال يحاكي PopبحيثArt.

. Pop Artو الفن الحركة هذه تحدت ولقد لإللهام مصدرا الشعبية الثقافة عوامل فيها استخدمت حركة . وارهول أندي ويعد الخالدة الفنية األعمال بعض وقدمت البوب، Andy Worholالتقليدي، لفنان جيدا مثاال

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

/ ل� الفنية األعمال على تركز أن منك أحمد السيد وارهول يريد ألعمال أندي األمثلة بعض عليك عرض وقد ، . وارهول . بصورة أيضا الشركة زودتك وقد أدناه األمثلة تلك وضحت وقد كانت الدلةالفنية التي ، الشهيرة

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

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

/ في هذا األلوان مخطط استخدام فكرة أحمد السيد يفضل حيث واألخضر، واألبيض األحمر نفسها، اإلمارات. جديدة أفكار رؤية من يمانع ال نفسه الوقت في ولكنه الرسم؛

الغرض: / عن يقل ال ما الصورة تكرار في أحمد السيد . 4يرغب باستخدام البوب فن عن بسيطة صورة أنشئ مرات

. / عليها للموافقة أحمد للسيد وقدمها الدلة صورة

المهام:المشروع• إتمام ورقة .بمجرد Project Planning Sheetإكمال المهمة إكمال

التصميم• قسم الرقمية Designاستخدام المواطنة لمساعدتك Digital Citizenshipو الملف هذا في. بك الخاص للمشروع المناسبة الخيارات اتخاذ على

العيوب• ) (.Spot Healing Brush toolإزالةالرسم• ) لوح حجم (.Canvas Size toolزيادة

طبقات• (.Create a New Layer toolالمختلفة )للداللإنشاءالبوب• ) ) فن أعمال لتحاكي الدلة لون (adjustment layerأو )Hue/Saturation toolتغيير

عن• يقل ال ما الفالتر ) 2استخدام المرشحات ( . Filtersمنالصورة• ب�تسطيح بصيغة Flatten imageقم الصورة )(JPG/JPEGواحفظ

البوب فن في وارهول أعمال من بالشركة نماذج الخاصة الدلة

التمرين * هذا قدم االنتهاء، األول )قبلعند الفردي التمرين في (*1البدء

مكررة 9 مكررة 8صور صور

Page 71: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار

Individual Exercise 1 Design BriefScenarioMr. Ahmed approves of your design. He looks at all of the proposals from the other artists who submitted designs from different art genres and decided that there are too many images of the dallah. The Dallah International hotel intends their brand to represent hospitality.

Mr. Ahmed wants you to design an image that represents Arabic hospitality or culture, and the image must be in the Pop Art style. Just like the dallah image, he wanted the work of art to be simple; one dominate shape that fills the majority of the image.

Objective Create one or more works of Pop Art. Each work should contain a minimum of 4

repeated images. The images should represent Arabic Hospitality or culture. Task

Use all of the tools you have learned in class or on your own to complete this assignment.

Use the Design and Digital Citizenship sections of this document to help you make appropriate choices for your project.

Complete the Project Planning Sheet as you complete the assignment.

Page 72: PBworks - الإعلام الرقمي - المستوى الأولalshumoukhictlab.pbworks.com/w/file/fetch/104091515/Intro... · Web viewالتكنولوجيا الرقمية والابتكار

الفردي 1التمرين

: التصميم موجزالسيناريو

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

. التجارية العالمة هذه تقوم أن الدولي دلة فندق ويريد بالدلة الخاصة الصور من الكثير. لديهم الضيافة بتمثيل

/ عن يقل ال ما تصمم أن منك أحمد السيد واحدة ويريد أو صورة الضيافة تمثل . أن يريد أنه أخبرك كما البوب فن بأسلوب الصورة تكون أن ويجب العربية، الثقافة

واحد شكل هناك يكون حيث الدلة؛ صورة مثل تماما بسيطا الفني العمل هذا يكون. الصورة غالبية يمأل رئيسي

الغرض: من أكثر أو واحدا عمال البوب أنشئ على. فن عمل كل يشتمل أن يقل يجب ال ما

.4عن . العربية الثقافة أو الضيافة الصور هذه تمثل أن وينبغي متكررة صورالمهمة:

. المهمة هذه إلنجاز بمفردك أو الصف داخل تعلمتها التي األدوات جميع استخدم التصميم أقسام الرقمية Designاستخدم المواطنة في Digital Citizenshipو

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