3 класс. Информатика. Растровая и векторная графика

3 класс. Информатика. Растровая и векторная графика

Комментарии преподавателя

На дан­ном уроке мы по­зна­ко­мим­ся с ком­пью­тер­ной гра­фи­кой и узна­ем, в каких об­ла­стях она при­ме­ня­ет­ся, а также рас­смот­рим ти­пич­ные черты раст­ро­вой и век­тор­ной гра­фи­ки.

Где же мы встре­ча­ем ком­пью­тер­ную гра­фи­ку?

Это и ре­кла­ма, и ком­пью­тер­ные игры, и ки­но­ин­ду­стрия, и ани­ма­ция. Рас­смот­рим неко­то­рые при­ме­ры изоб­ра­же­ний (рис. 1-3):

·         По­ли­гра­фи­че­ская про­дук­ция (ре­клам­ные пла­ка­ты и бан­не­ры);

·         Ани­ми­ро­ван­ные гра­фи­че­ские объ­ек­ты;

·         3D-мо­де­ли;

·         Ка­лен­да­ри и др.

   Ри­су­нок 1. Раст­ро­вое и век­тор­ное изоб­ра­же­ния

Ссыл­ка:http://​notebene.​ucoz.​ru/​vsycay_​kyinya/​vector_​vs_​raster1.​jpg

 

   Ри­су­нок 2.3D – мо­дель

Ссыл­ка: http://​3dtutorials.​ru/​uploads/​posts/​2009-05/​1241611437_​1.​jpg

    Ри­су­нок 3. Ка­лен­дарь

Ссыл­ка:http://​www.​pr2b.​ru/​images/​uploaded/​LukOil-design_​calendar_​kvartalnik_​pr2b_​group.​jpg

       Ком­пью­тер­ная гра­фи­ка

Ком­пью­тер­ная гра­фи­ка – это об­ласть де­я­тель­но­сти, в ко­то­рой ком­пью­те­ры ис­поль­зу­ют­ся как для со­зда­ния изоб­ра­же­ний, так и для об­ра­бот­ки ви­зу­аль­ной ин­фор­ма­ции, по­лу­чен­ной из ре­аль­но­го мира. Ис­поль­зо­ва­ние ком­пью­тер­ной гра­фи­ки дает воз­мож­ность вос­ста­нав­ли­вать ста­рые фо­то­гра­фии, из­ме­нять цвет (рис. 5), при­ме­нять много раз­лич­ных эф­фек­тов (на­при­мер, ин­вер­сия цвета (рис. 6) – об­рат­ные цвета ре­аль­но­му изоб­ра­же­нию).

    

Ри­су­нок 4.Ори­ги­нал изоб­ра­же­ния.

Ссыл­ка: http://​ucwebs.​ru/_​ph/​1/​95084353.​jpg

Ри­су­нок 5.Из­ме­не­ние цвета изоб­ра­же­ния

Виды ком­пью­тер­ной гра­фи­ки

Су­ще­ству­ет два под­хо­да (рис. 7) к пред­став­ле­нию изоб­ра­же­ния на ком­пью­те­ре:

·         Раст­ро­вый: изоб­ра­же­ние пред­став­ля­ет собой набор цвет­ных точек;

·         Век­тор­ный: изоб­ра­же­ние стро­ит­ся на ос­но­ве эле­мен­тар­ных гео­мет­ри­че­ских объ­ек­тов, таких как точки, линии, мно­го­уголь­ни­ки и др.

 

 

 

Ри­су­нок 7. Раст­ро­вое и век­тор­ное изоб­ра­же­ние.

Ссыл­ка: http://​www.​interface.​ru/​iarticle/​img/​27110_​65486469.​gif

Раст­ро­вая гра­фи­ка в AdobePhotoshop     

Рас­смот­рим неко­то­рые воз­мож­но­сти раст­ро­вой гра­фи­ки. В ка­че­стве при­ме­ра будем ис­поль­зо­вать про­фес­си­о­наль­ную про­грам­му Adobe Photoshop. Об­ра­тим вни­ма­ние на ин­стру­мен­ты, ко­то­рые поз­во­ля­ют мас­шта­би­ро­вать объ­ек­ты и пе­ре­ме­щать их.

По­ме­стить изоб­ра­же­ние на фон мы можем с по­мо­щью ин­стру­мен­та Пе­ре­ме­ще­ние (рис. 8). Вы­брав ин­стру­мент Пе­ре­ме­ще­ние, на­жи­ма­ем ПКМ на изоб­ра­же­ние и пе­ре­тя­ги­ва­ем его на фон. Ре­зуль­тат пред­став­лен на ри­сун­ке (рис. 9.1, 9.2).

 

   Ри­су­нок 8. Ин­стру­мент Пе­ре­ме­ще­ние.

Ссыл­ка: http://​stat8.​blog.​ru/​lr/​0b037fe76c525a40f007463f8b73b33c

   Ри­су­нок 9.1. До пе­ре­ме­ще­ния.

    Ри­су­нок 9.2. После пе­ре­ме­ще­ния.

Те­перь пе­ре­ме­стим еще один объ­ект и из­ме­ним его раз­мер с по­мо­щью ин­стру­мен­та Транс­фор­ма­ции (рис. 10).

   Ри­су­нок 10.

 

Раст­ро­вая гра­фи­ка

Раст­ро­вая гра­фи­ка – один из рас­про­стра­нен­ных видов ком­пью­тер­ной гра­фи­ки. Такие изоб­ра­же­ния (рис. 14) можно со­здать в про­грам­ме Paint.

Ри­су­нок 14. Изоб­ра­же­ние в про­грам­ме Paint.

Ссыл­ка: http://​nsportal.​ru/​sites/​default/​files/​2014/​03/​26/​kartina.​jpg

Раст­ро­вые изоб­ра­же­ния очень чув­стви­тель­ны к мас­шта­би­ро­ва­нию. При умень­ше­нии (рис. 18) несколь­ко со­сед­них точек пре­об­ра­зу­ют­ся в одну, по­это­му те­ря­ет­ся раз­бор­чи­вость мел­ких де­та­лей изоб­ра­же­ния.

Ри­су­нок 18.

Ссыл­ка: http://​innubis.​ru/​iold/​pf/​maler/​Apfel%2023.​jpg

При уве­ли­че­нии (рис. 19) уве­ли­чи­ва­ет­ся раз­мер каж­дой точки и по­яв­ля­ет­ся сту­пен­ча­тый эф­фект, ко­то­рый можно уви­деть нево­ору­жен­ным гла­зом.

 

Ри­су­нок 19.

Ссыл­ка: http://​innubis.​ru/​iold/​pf/​maler/​Apfel%2023.​jpg

ИСТОЧНИКИ

http://www.youtube.com/watch?v=e3-DN4-wS2I

http://www.youtube.com/watch?v=RLJdYZSCj1c

http://uch.znate.ru/docs/1385/index-8369.html

http://mypresentation.ru/presentation/prezentaciya_quotrastrovaya_i_vektornaya_grafikaquot__skachat_prezentacii_po_informatike

http://interneturok.ru/ru/school/informatika/5-klass/tema/rastrovaya-i-vektornaya-grafika-osnovnye-ponyatiya

Файлы