Копилка ИКТ-полезностей/Компьютерная графика — различия между версиями

Материал из МедиаВики Краснодарского края
Перейти к: навигация, поиск
 
(не показано 238 промежуточных версии этого же участника)
Строка 1: Строка 1:
[[Копилка ИКТ-полезностей]] Компьютерная графика
+
<div style="background: #e7e7e7; margin-bottom: 7px; padding: 7px; text-align:center; vertical-align:middle;">
 +
<div style="display: block; margin-bottom: 5px; padding: 0px; background: #ffffff; text-align: center; vertical-align:middle">
 +
<div style="background: #e7e7e7; margin-bottom: 4px; padding: 4px;"></div>
 +
[[Копилка_ИКТ-полезностей|<b><font size="5" face="Arial" color="#ba1949">Копилка ИКТ-полезностей</font></b>]]
 +
</div>
 +
<div style="text-align: center; background: #ba1949; vertical-align:middle; margin-bottom: 5px; padding: 7px;"><b><font size="4" color="#ffffff">'''Компьютерная графика, уроки фотографии, фотообработки'''</font></b></div>
  
<div style="display: block; margin: 5px; padding:3px; box-shadow: 0px 0px 5px 2px #8FD6E7; text-align: center">
+
<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 +
<div style="font-size: 18px color: #3879ff;">[http://www.artem-kashkanov.ru/about-photo.html <b><font color="#ba1949">'''ARTEM-KASHKANOV.RU'''</font></b>]</div>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<div style="font-size: 14px; color: #3879ff;">
 +
[http://www.artem-kashkanov.ru/about-photo.html Фотоучебник. Основы фотографии для фотографов-новичков на Фотосайте Артема Кашканова]
 +
</div>
 +
</div>
  
 +
<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 +
<div style="font-size: 18px color: #3879ff;">[https://drive.google.com/file/d/0B_o6VU34WgjuS0RxLUo3alpDYnM/view <b><font color="#ba1949">'''Основы Adobe Illustrator'''</font></b>]</div>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<div style="font-size: 14px; color: #3879ff;">
 +
[https://drive.google.com/file/d/0B_o6VU34WgjuS0RxLUo3alpDYnM/view Сплошные заливки, градиентные заливки, узорчатые заливки. Пособие от Компьютерной Академии "Шаг"]
 +
</div>
 +
</div>
  
[[File:StrelnikovaPict30.png|240px|center|link=http://wiki.kkidppo.ru/index.php?title=%D0%9A%D0%BE%D0%BF%D0%B8%D0%BB%D0%BA%D0%B0_%D0%98%D0%9A%D0%A2-%D0%BF%D0%BE%D0%BB%D0%B5%D0%B7%D0%BD%D0%BE%D1%81%D1%82%D0%B5%D0%B9]]
+
<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 +
<div style="font-size: 18px color: #3879ff;">[https://cameralabs.org/uchebnik <b><font color="#ba1949">'''CAMERALABS.ORG'''</font></b>]</div>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<div style="font-size: 14px; color: #3879ff;">
 +
[https://cameralabs.org/uchebnik Фотоучебник: уличная фотография, портретная фотография, макрофотография, натюрморт, пейзаж и фотоохота, другие разделы]
 +
</div>
 +
</div>
  
[[Копилка_ИКТ-полезностей|<b><font size="5" face="Arial" color="#1883cc">Копилка ИКТ-полезностей</font></b>]]
+
<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 +
<div style="font-size: 18px color: #3879ff;">[http://juliasdesign.com/ <b><font color="#ba1949">'''JULIASDESIGN.COM'''</font></b>]</div>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<div style="font-size: 14px; color: #3879ff;">
 +
[http://juliasdesign.com/ Уроки по Иллюстратору (Adobe Illustrator)]
 +
</div>
 +
</div>
  
<b><font size="3" face="Arial" color="#1883cc">Компьютерная графика</font></b>
+
<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 +
<div style="font-size: 18px color: #3879ff;">[http://fps-magazine.blogspot.com/ <b><font color="#ba1949">'''FPS-MAGAZINE.BLOGSPOT.COM'''</font></b>]</div>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<div style="font-size: 14px; color: #3879ff;">
 +
[http://fps-magazine.blogspot.com/ FPS: бесплатный электронный журнал, посвященный компьютерному творчеству]
 +
</div>
 
</div>
 
</div>
  
<div style="border: 0.6px solid #38abff; padding:5px; margin:5px; width: 220px; height:200px; text-align: center; float: left;box-shadow: 0px 0px 5px 2px #8FD6E7">
+
<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
<div style="display: inline-block; width:220px; height:35px; background: #d3fcff;"><div style="font-size: 18px color: #3879ff;">[http://www.graphiconart.com/%D0%BC%D0%B0%D1%82%D0%B5%D1%80%D0%B8%D0%B0%D0%BB%D1%8B/%D1%81%D0%BE%D1%84%D1%82-1/35-free-graphik-programm-2/ '''ГРАФИКОН АРТ:''']</div></div>
+
<div style="font-size: 18px color: #3879ff;">[https://uroki-gimp.ru/ <b><font color="#ba1949">'''UROKI-GIMP.RU'''</font></b>]</div>
<p style="padding: 0.6px 0; background:  #8FD6E7; color:  #8FD6E7"></p>
+
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 
<div style="font-size: 14px; color: #3879ff;">
 
<div style="font-size: 14px; color: #3879ff;">
35 бесплатных графических программ: ссылки на программы, комментарии.</div>
+
[https://uroki-gimp.ru/ Проект «Уроки GIMP для начинающих и профи»]
 +
</div>
 
</div>
 
</div>
  
<div style="border: 0.6px solid #38abff; padding:5px; margin:5px; width: 220px; height:200px; text-align: center; float: left;box-shadow: 0px 0px 5px 2px #8FD6E7">
+
<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
<div style="display: inline-block; width:220px; height:35px; background: #d3fcff;"><div style="font-size: 18px color: #3879ff;">
+
<div style="font-size: 18px color: #3879ff;">[https://compuart.ru/about <b><font color="#ba1949">'''COMPUART.RU'''</font></b>]</div>
[http://www.graphiconart.com/%D0%B1%D0%B5%D1%81%D0%BF%D0%BB%D0%B0%D1%82%D0%BD%D0%BE/%D0%B2%D0%B5%D0%BA%D1%82%D0%BE%D1%80%D0%BD%D0%B0%D1%8F-%D0%B3%D1%80%D0%B0%D1%84%D0%B8%D0%BA%D0%B0/30-%D0%B2%D0%B5%D0%BA%D1%82%D0%BE%D1%80-%D1%81%D0%BA%D0%B0%D1%87%D0%B0%D1%82%D1%8C/ '''ГРАФИКОН АРТ''']:</div></div>
+
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
<p style="padding: 0.6px 0; background:  #8FD6E7; color:  #8FD6E7"></p>
+
<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 
<div style="font-size: 14px; color: #3879ff;">
 
<div style="font-size: 14px; color: #3879ff;">
30 сайтов с бесплатной векторной графикой: фоны, текстуры, элементы, иконки и другие изображения.</div>
+
[https://compuart.ru/about КомпьюАрт: ежемесячный журнал по полиграфии, дизайну и компьютерной графике, выпуски с 2001 по 2018 гг.]
 +
</div>
 
</div>
 
</div>
  
<div style="border: 0.6px solid #38abff; padding:5px; margin:5px; width: 220px; height:200px; text-align: center; float: left;box-shadow: 0px 0px 5px 2px #8FD6E7">
+
<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
<div style="display: inline-block; width:220px; height:35px; background: #d3fcff;"><div style="font-size: 18px color: #3879ff;">
+
<div style="font-size: 18px color: #3879ff;">[http://psand.ru/ <b><font color="#ba1949">'''PSAND.RU'''</font></b>]</div>
[http://www.graphiconart.com/%D0%BC%D0%B0%D1%82%D0%B5%D1%80%D0%B8%D0%B0%D0%BB%D1%8B/%D1%83%D1%80%D0%BE%D0%BA%D0%B8/ '''УРОКИ''']</div></div>
+
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
<p style="padding: 0.6px 0; background:  #8FD6E7; color:  #8FD6E7"></p>
+
<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 
<div style="font-size: 14px; color: #3879ff;">
 
<div style="font-size: 14px; color: #3879ff;">
по векторной графике, дизайну, в векторных и растровых редакторах.</div>
+
[http://psand.ru/ Сайт, посвященный программе Photoshop: уроки, обучение, помощь, обучение фотографии, учебник. Автор сайта: Денис Касаткин]
 +
</div>
 
</div>
 
</div>
  
<div style="border: 0.6px solid #38abff; padding:5px; margin:5px; width: 220px; height:200px; text-align: center; float: left;box-shadow: 0px 0px 5px 2px #8FD6E7">
+
<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
<div style="display: inline-block; width:220px; height:35px; background: #d3fcff;"><div style="font-size: 18px color: #3879ff;">[http://www.blender.org/ '''BLENDER''']</div></div>
+
<div style="font-size: 18px color: #3879ff;">[http://openarts.ru/tutorials/ <b><font color="#ba1949">'''OPENARTS.RU'''</font></b>]</div>
<p style="padding: 0.6px 0; background:  #8FD6E7; color:  #8FD6E7"></p>
+
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 
<div style="font-size: 14px; color: #3879ff;">
 
<div style="font-size: 14px; color: #3879ff;">
– бесплатная программа под Linux для трехмерного моделирования. Создание 3D объектов, анимации.</div>
+
[http://openarts.ru/tutorials/ Уроки компьютерной графики: Blender, Inkscape, Gimp, Krita, новости, блог]
 +
</div>
 
</div>
 
</div>
  
<div style="border: 0.6px solid #38abff; padding:5px; margin:5px; width: 220px; height:200px; text-align: center; float: left;box-shadow: 0px 0px 5px 2px #8FD6E7">
+
<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
<div style="display: inline-block; width:220px; height:35px; background: #d3fcff;"><div style="font-size: 18px color: #3879ff;">[http://www.sweethome3d.com/ru/ '''SWEET HOME 3D''']</div></div>
+
<div style="font-size: 18px color: #3879ff;">[http://inkscape.paint-net.ru/?id=3 <b><font color="#ba1949">'''INKSCAPE.PAINT-NET.RU'''</font></b>]</div>
<p style="padding: 0.6px 0; background:  #8FD6E7; color:  #8FD6E7"></p>
+
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 
<div style="font-size: 14px; color: #3879ff;">
 
<div style="font-size: 14px; color: #3879ff;">
Бесплатная программа для моделирования интерьера с возможностью 3D-просмотра.</div>
+
[http://inkscape.paint-net.ru/?id=3 Уроки векторной графики в INKSCAPE]
 +
</div>
 
</div>
 
</div>
  
<div style="border: 0.6px solid #38abff; padding:5px; margin:5px; width: 220px; height:200px; text-align: center; float: left;box-shadow: 0px 0px 5px 2px #8FD6E7">
+
<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
<div style="display: inline-block; width:220px; height:35px; background: #d3fcff;"><div style="font-size: 18px color: #3879ff;">[http://tuxpaint.org/ '''TUX PAINT''']
+
<div style="font-size: 18px color: #3879ff;">[http://infographer.ru <b><font color="#ba1949">'''INFOGRAPHER.RU'''</font></b>]</div>
</div></div>
+
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
<p style="padding: 0.6px 0; background:  #8FD6E7; color:  #8FD6E7"></p>
+
<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 
<div style="font-size: 14px; color: #3879ff;">
 
<div style="font-size: 14px; color: #3879ff;">
– графический редактор для детей, распространяемый бесплатно. Галерея изображений, видео. Возможности работы с разными кистями, линиями, формами, красками, текстом.</div>
+
[http://infographer.ru Образовательный ресурс об инфографике: теория, примеры, события, инструменты, книги, новости]
 +
</div>
 
</div>
 
</div>
  
<div style="border: 0.6px solid #38abff; padding:5px; margin:5px; width: 220px; height:200px; text-align: center; float: left;box-shadow: 0px 0px 5px 2px #8FD6E7">
+
<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
<div style="display: inline-block; width:220px; height:35px; background: #d3fcff;"><div style="font-size: 18px color: #3879ff;">[http://www.synfig.org/cms/ '''SYNFIG STUDIO''']
+
<div style="font-size: 18px color: #3879ff;">[http://sheko.ru/uroki-adobe-illustrator <b><font color="#ba1949">'''SHEKO.RU'''</font></b>]</div>
</div></div>
+
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
<p style="padding: 0.6px 0; background:  #8FD6E7; color:  #8FD6E7"></p>
+
<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 
<div style="font-size: 14px; color: #3879ff;">
 
<div style="font-size: 14px; color: #3879ff;">
– программа создания 2D-анимации, распространяемая бесплатно. Создание анимации, мультфильмов.</div>
+
[http://sheko.ru/uroki-adobe-illustrator Уроки Adobe Illustrator: каждый урок имеет подробные инструкции с поясняющими изображениями]
 +
</div>
 
</div>
 
</div>
  
<div style="border: 0.6px solid #38abff; padding:5px; margin:5px; width: 220px; height:200px; text-align: center; float: left;box-shadow: 0px 0px 5px 2px #8FD6E7">
+
<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
<div style="display: inline-block; width:220px; height:35px; background: #d3fcff;"><div style="font-size: 18px color: #3879ff;">[http://www.pinta-project.com/ '''PINTA''']
+
<div style="font-size: 18px color: #3879ff;">[https://helpx.adobe.com/ru/photoshop/user-guide.html <b><font color="#ba1949">'''HELPX.ADOBE.COM'''</font></b>]</div>
</div></div>
+
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
<p style="padding: 0.6px 0; background:  #8FD6E7; color:  #8FD6E7"></p>
+
<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 
<div style="font-size: 14px; color: #3879ff;">
 
<div style="font-size: 14px; color: #3879ff;">
– графический редактор, распространяемый бесплатно.Возможности работы с инструментами рисования: кисти, текст, карандаш, ластик, градиенты, создание графических фигур.</div>
+
[https://helpx.adobe.com/ru/photoshop/user-guide.html  Руководство пользователя Adobe Photoshop: пошаговые инструкции по разделам]
 +
</div>
 
</div>
 
</div>
  
<div style="border: 0.6px solid #38abff; padding:5px; margin:5px; width: 220px; height:200px; text-align: center; float: left;box-shadow: 0px 0px 5px 2px #8FD6E7">
+
<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
<div style="display: inline-block; width:220px; height:35px; background: #d3fcff;"><div style="font-size: 18px color: #3879ff;">[http://mypaint.intilinux.com/ '''MYPAINT'''].
+
<div style="font-size: 18px color: #3879ff;">[http://www.photomanual.ru/ <b><font color="#ba1949">'''PHOTOMANUAL.RU'''</font></b>]</div>
</div></div>
+
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
<p style="padding: 0.6px 0; background:  #8FD6E7; color:  #8FD6E7"></p>
+
<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 
<div style="font-size: 14px; color: #3879ff;">
 
<div style="font-size: 14px; color: #3879ff;">
  – графический редактор, распространяемый бесплатно, с большим количеством инструментов рисования, для создания высокохудожественных изображений.</div>
+
[http://www.photomanual.ru/ Online журнал для фотографов: новости, библиотека, события, фототехника, тесты, форум]
 +
</div>
 
</div>
 
</div>
  
<div style="border: 0.6px solid #38abff; padding:5px; margin:5px; width: 220px; height:200px; text-align: center; float: left;box-shadow: 0px 0px 5px 2px #8FD6E7">
+
<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
<div style="display: inline-block; width:220px; height:35px; background: #d3fcff;"><div style="font-size: 18px color: #3879ff;">[http://www.davno.ru/ '''ДАВНО.РУ''']
+
<div style="font-size: 18px color: #3879ff;">[http://seo-doka.ru/settings-535.htm <b><font color="#ba1949">'''SEO-DOKA.RU'''</font></b>]</div>
</div></div>
+
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
<p style="padding: 0.6px 0; background:  #8FD6E7; color:  #8FD6E7"></p>
+
<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 
<div style="font-size: 14px; color: #3879ff;">
 
<div style="font-size: 14px; color: #3879ff;">
  – сайт с огромной коллекцией открыток разных стилей и направлений, от старинных советских агитационных плакатов до современных</div>
+
[http://seo-doka.ru/settings-535.htm Статья "PhotoDemon — мощный бесплатный фоторедактор с поддержкой нестандартных форматов" на информационном портале SEO–DOKA]
 +
</div>
 
</div>
 
</div>
  
<div style="border: 0.6px solid #38abff; padding:5px; margin:5px; width: 220px; height:200px; text-align: center; float: left;box-shadow: 0px 0px 5px 2px #8FD6E7">
+
<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
<div style="display: inline-block; width:220px; height:35px; background: #d3fcff;"><div style="font-size: 18px color: #3879ff;">[http://lenagold.ru/ '''LENAGOLD.RU''']
+
<div style="font-size: 18px color: #3879ff;">[https://www.artweaver.de/en <b><font color="#ba1949">'''ARTWEAVER.DE'''</font></b>]</div>
</div></div>
+
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
<p style="padding: 0.6px 0; background:  #8FD6E7; color:  #8FD6E7"></p>
+
<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 
<div style="font-size: 14px; color: #3879ff;">
 
<div style="font-size: 14px; color: #3879ff;">
- сайт с богатейшей и постоянно пополняемой коллекцией клипартов, фонов, рамок, бумажных моделей, представленных для ознакомительных целей</div>
+
[https://www.artweaver.de/en  Графический редактор Artweaver: работа с кистями, фильтрами, эффектами, слоями]
 +
</div>
 
</div>
 
</div>
  
<div style="border: 0.6px solid #38abff; padding:5px; margin:5px; width: 220px; height:200px; text-align: center; float: left;box-shadow: 0px 0px 5px 2px #8FD6E7">
+
<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
<div style="display: inline-block; width:220px; height:35px; background: #d3fcff;"><div style="font-size: 18px color: #3879ff;">[http://pixabay.com/ '''PIXABAY.COM''']
+
<div style="font-size: 18px color: #3879ff;">[https://photowebexpo.ru/learning/photo <b><font color="#ba1949">'''PHOTOWEBEXPO.RU'''</font></b>]</div>
</div></div>
+
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
<p style="padding: 0.6px 0; background:  #8FD6E7; color:  #8FD6E7"></p>
+
<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 
<div style="font-size: 14px; color: #3879ff;">
 
<div style="font-size: 14px; color: #3879ff;">
  - более 290000 бесплатных изображений: фотографий, векторов, иллюстраций, возможность загрузки и обмена фотографиями</div>
+
[https://photowebexpo.ru/learning/photo Бесплатные уроки фотографии на сайте виртуальной выставки, посвященной фоторынку]
 +
</div>
 
</div>
 
</div>
  
<div style="border: 1px solid #8FD6E7; border-radius: 10px; padding:5px; margin:5px; width: 200px; height:200px; text-align: left; float: left;box-shadow: 0px 0px 5px 2px #8FD6E7">[http://gifovina.ru/about.html '''GIFOVINA.RU''']
+
<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
<p style="padding: 5px 0; background: -moz-linear-gradient(right, #FFFFFF , #1badd1); background: -webkit-linear-gradient(right, #FFFFFF , #1badd1); background: -o-linear-gradient(right, #FFFFFF , #1badd1); background: -ms-linear-gradient(right, #FFFFFF , #1badd1); background: linear-gradient(right, #FFFFFF , #1badd1); color: #fff"></p>
+
<div style="font-size: 18px color: #3879ff;">[http://paint-net.ru/?id=6 <b><font color="#ba1949">'''PAINT-NET.RU'''</font></b>]</div>
- бесплатный онлайн gif-аниматор, позволяет создавать анимированные картинки в формате gif, аватары, баннеры, мультики</div>
+
<p style="padding: 0.5px 0; background: #ec7498; color: #ec7498"></p>
 +
<p style="padding: 8px 0; background: #fbdee1; color: #fbdee1"></p>
 +
<p style="padding: 0.5px 0; background: #ec7498; color: #ec7498"></p>
 +
<div style="font-size: 14px; color: #3879ff;">
 +
[http://paint-net.ru/?id=6  Уроки Paint-net на сайте о бесплатном графическом редакторе]
 +
</div>
 +
</div>
  
<div style="border: 1px solid #8FD6E7; border-radius: 10px; padding:5px; margin:5px; width: 200px; height:200px; text-align: left; float: left;box-shadow: 0px 0px 5px 2px #8FD6E7">[http://ru.toolson.net/GifAnimation/Create '''TOOLSON.NET''']
+
<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
<p style="padding: 5px 0; background: -moz-linear-gradient(right, #FFFFFF , #1badd1); background: -webkit-linear-gradient(right, #FFFFFF , #1badd1); background: -o-linear-gradient(right, #FFFFFF , #1badd1); background: -ms-linear-gradient(right, #FFFFFF , #1badd1); background: linear-gradient(right, #FFFFFF , #1badd1); color: #fff"></p>
+
<div style="font-size: 18px color: #3879ff;">[https://habr.com/ru/company/ua-hosting/blog/304710/ <b><font color="#ba1949">'''https://habr.com/ru/company/ua-hosting/blog/304710/'''</font></b>]</div>
- сервис бесплатных онлайн приложений, бесплатный онлайн gif-аниматор, позволяет создавать анимированные картинки в формате gif</div>
+
<p style="padding: 0.5px 0; background: #ec7498; color: #ec7498"></p>
 +
<p style="padding: 8px 0; background: #fbdee1; color: #fbdee1"></p>
 +
<p style="padding: 0.5px 0; background: #ec7498; color: #ec7498"></p>
 +
<div style="font-size: 14px; color: #3879ff;">
 +
[https://habr.com/ru/company/ua-hosting/blog/304710/  Статья "40 туториалов для создания векторных иллюстраций": подборка обучающих уроков по созданию векторной графики]
 +
</div>
 +
</div>
  
<div style="border: 1px solid #8FD6E7; border-radius: 10px; padding:5px; margin:5px; width: 200px; height:200px; text-align: left; float: left;box-shadow: 0px 0px 5px 2px #8FD6E7">[http://minimultik.ru/ '''MINIMULTIK.RU''']
+
<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
<p style="padding: 5px 0; background: -moz-linear-gradient(right, #FFFFFF , #1badd1); background: -webkit-linear-gradient(right, #FFFFFF , #1badd1); background: -o-linear-gradient(right, #FFFFFF , #1badd1); background: -ms-linear-gradient(right, #FFFFFF , #1badd1); background: linear-gradient(right, #FFFFFF , #1badd1); color: #fff"></p>
+
<div style="font-size: 18px color: #3879ff;">[https://www.firestock.ru/ <b><font color="#ba1949">'''FIRESTOCK.RU'''</font></b>]</div>
- создание gif-анимаций онлайн, аватаров, баннеров</div>
+
<p style="padding: 0.5px 0; background: #ec7498; color: #ec7498"></p>
 +
<p style="padding: 8px 0; background: #fbdee1; color: #fbdee1"></p>
 +
<p style="padding: 0.5px 0; background: #ec7498; color: #ec7498"></p>
 +
<div style="font-size: 14px; color: #3879ff;">
 +
[https://www.firestock.ru/  Бесплатный фотосток: высококачественные растровые клипарты в большом разрешении на различные темы. ]
 +
</div>
 +
</div>
  
<div style="border: 1px solid  #76DC69; border-radius: 10px; padding:5px; margin:5px; width: 200px; height:200px; text-align: left; float: left;box-shadow: 0px 0px 5px 2px  #76DC69">[http://gifius.ru/ '''GIFIUS.RU''']
+
<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
<p style="padding: 5px 0; background: -moz-linear-gradient(right, #FFFFFF , #76DC69); background: -webkit-linear-gradient(right, #FFFFFF , #76DC69); background: -o-linear-gradient(right, #FFFFFF , #76DC69); background: -ms-linear-gradient(right, #FFFFFF , #76DC69); background: linear-gradient(right, #FFFFFF , #76DC69); color: #fff"></p>
+
<div style="font-size: 18px color: #3879ff;">[http://www.iamdesigner.pro/ <b><font color="#ba1949">'''IAMDESIGNER.PRO'''</font></b>]</div>
- конструирование gif-анимаций онлайн в три шага</div>
+
<p style="padding: 0.5px 0; background: #ec7498; color: #ec7498"></p>
 +
<p style="padding: 8px 0; background: #fbdee1; color: #fbdee1"></p>
 +
<p style="padding: 0.5px 0; background: #ec7498; color: #ec7498"></p>
 +
<div style="font-size: 14px; color: #3879ff;">
 +
[http://www.iamdesigner.pro/  Сайт о дизайне: статьи, ресурсы, обучение, вдохновение. Лекции, уроки, советы, фильмы по дизайну, векторы, иконки, шаблоны, элементы и много другой полезной информации]
 +
</div>
 +
</div>
  
<div style="border: 1px solid  #76DC69; border-radius: 10px; padding:5px; margin:5px; width: 200px; height:200px; text-align: left; float: left;box-shadow: 0px 0px 5px 2px  #76DC69">[http://arttower.ru/ '''ARTTOWER.RU''']
+
<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
<p style="padding: 5px 0; background: -moz-linear-gradient(right, #FFFFFF , #76DC69); background: -webkit-linear-gradient(right, #FFFFFF , #76DC69); background: -o-linear-gradient(right, #FFFFFF , #76DC69); background: -ms-linear-gradient(right, #FFFFFF , #76DC69); background: linear-gradient(right, #FFFFFF , #76DC69); color: #fff"></p>
+
<div style="font-size: 18px color: #3879ff;">[http://freeicons.net.ru/ <b><font color="#ba1949">'''FREEICONS.NET.RU'''</font></b>]</div>
Уроки по программам Photoshop, Illustrator, CorelDRAW. Виртуальный музей, форум для художников, дизайнеров и фотографов, учебники, галерея.  
+
<p style="padding: 0.5px 0; background: #ec7498; color: #ec7498"></p>
 +
<p style="padding: 8px 0; background: #fbdee1; color: #fbdee1"></p>
 +
<p style="padding: 0.5px 0; background: #ec7498; color: #ec7498"></p>
 +
<div style="font-size: 14px; color: #3879ff;">
 +
[http://freeicons.net.ru/  Архив с огромным количеством бесплатных иконок, распространяемых под лицензией "Creative Commons Attribution". ]
 +
</div>
 +
</div>
  
 +
<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 +
<div style="font-size: 18px color: #3879ff;">[https://www.pressfoto.ru/blog/list-of-tutorials-in-adobe-illustrator/ <b><font color="#ba1949">'''PRESSFOTO.RU'''</font></b>]</div>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<div style="font-size: 14px; color: #3879ff;">
 +
[https://www.pressfoto.ru/blog/list-of-tutorials-in-adobe-illustrator/  Статья Асель Бакчаковой "Подборка уроков в Adobe Illustrator"]
 +
</div>
 +
</div>
 +
 +
<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 +
<div style="font-size: 18px color: #3879ff;">[http://www.sketchup.com/ru/learn <b><font color="#ba1949">'''SKETCHUP.COM'''</font></b>]</div>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<div style="font-size: 14px; color: #3879ff;">
 +
[http://www.sketchup.com/ru/learn  SKETCHUP - программа для моделирования трёхмерной графики. Учебные видео-материалы, книги, форум, справочный центр, преподаватели]
 +
</div>
 +
</div>
 +
 +
<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 +
<div style="font-size: 18px color: #3879ff;">[http://ru.vectorboom.com/ <b><font color="#ba1949">'''RU.VECTORBOOM.COM'''</font></b>]</div>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<div style="font-size: 14px; color: #3879ff;">
 +
[http://ru.vectorboom.com/  Уроки Adobe Illustrator, статьи, советы, форум, бесплатные векторные изображения]
 +
</div>
 +
</div>
 +
 +
<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 +
<div style="font-size: 18px color: #3879ff;">[http://coreltuts.com/ru <b><font color="#ba1949">'''CORELTUTS.COM/RU'''</font></b>]</div>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<div style="font-size: 14px; color: #3879ff;">
 +
[http://coreltuts.com/ru  CorelTutorials - это цифровой учебник, сайт для творческих людей, которые готовы делиться своим опытом с другими и перенимать его]
 +
</div>
 +
</div>
 +
 +
<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 +
<div style="font-size: 18px color: #3879ff;">[http://www.cdx3.ru/map.php <b><font color="#ba1949">'''CDX3.RU'''</font></b>]</div>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<div style="font-size: 14px; color: #3879ff;">
 +
[http://www.cdx3.ru/map.php Уроки по CorelDRAW: основные понятия, окно программы, команды главного меню, панель инструментов, окна, настройка программы, работа с текстом, видеоуроки и т.д.]
 +
</div>
 +
</div>
 +
 +
<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 +
<div style="font-size: 18px color: #3879ff;">[http://www.coreldraw.com/ru/pages/800382.html <b><font color="#ba1949">'''CORELDRAW.COM'''</font></b>]</div>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<div style="font-size: 14px; color: #3879ff;">
 +
[http://www.coreldraw.com/ru/pages/800382.html Учебные пособия "CorelDRAW Graphics Suite Tutorials"]
 +
</div>
 +
<p style="padding: 0.5px 0; background:  #48BDDA; color:  #48BDDA"></p>
 +
<div style="font-size: 14px; color: #3879ff;">[http://www.coreldraw.com/ru/pages/800399.html Советы и подсказки по CorelDRAW Graphics Suite]
 +
</div>
 +
</div>
 +
 +
<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 +
<div style="font-size: 18px color: #3879ff;">[http://photoshopworld.ru/lessons/ <b><font color="#ba1949">'''PHOTOSHOPWORLD.RU'''</font></b>]</div>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<div style="font-size: 14px; color: #3879ff;">
 +
[http://photoshopworld.ru/lessons/ Мир Фотошопа: уроки, конкурсы, обзоры, публикации, статьи, мастер-классы, интервью, форумы]
 +
</div>
 +
</div>
 +
 +
<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 +
<div style="font-size: 18px color: #3879ff;">[https://helpx.adobe.com/ru/photoshop/topics.html <b><font color="#ba1949">'''HELPX.ADOBE.COM'''</font></b>]</div>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<div style="font-size: 14px; color: #3879ff;">
 +
[https://helpx.adobe.com/ru/photoshop/topics.html Справка по Photoshop: рабочая среда, слои, коррекция изображений, рисование, видео и анимация, фильтры и эффекты, управление цветом, автоматизация и др.]
 +
</div>
 +
</div>
 +
 +
<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 +
<div style="font-size: 18px color: #3879ff;">[http://www.rosphoto.com/photoshop/ <b><font color="#ba1949">'''ROSPHOTO.COM'''</font></b>]</div>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<div style="font-size: 14px; color: #3879ff;">
 +
[http://www.rosphoto.com/photoshop/ Различные уроки фотошопа как для начинающих обработчиков изображений, так и для продвинутых пользователей программы Photoshop на сайте "Российское фото"]
 +
</div>
 +
</div>
 +
 +
<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 +
<div style="font-size: 18px color: #3879ff;">[http://prophotos.ru/lessons/processing <b><font color="#ba1949">'''PROPHOTOS.RU'''</font></b>]</div>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<div style="font-size: 14px; color: #3879ff;">
 +
[http://prophotos.ru/lessons/processing Уроки фотографии: фотообработка в Photoshop на сайте самого крупного и авторитетного онлайн-журнала о фотографии и фототехнике в Рунете]
 +
</div>
 +
</div>
 +
 +
<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 +
<div style="font-size: 18px color: #3879ff;">[http://photocasa.ru/photo-journal/ <b><font color="#ba1949">'''PHOTOCASA.RU'''</font></b>]</div>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<div style="font-size: 14px; color: #3879ff;">
 +
[http://photocasa.ru/photo-journal/ Бесплатный журнал о фотографии в формате PDF. Уроки Фотошопа, Студийная фотошкола, Жанры фотографии, Обзоры фототехники, ФотоФишка]
 +
</div>
 +
</div>
 +
 +
<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 +
<div style="font-size: 18px color: #3879ff;">[http://www.drawmaster.ru/ '''DRAWMASTER.RU''']</div>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<div style="font-size: 14px; color: #3879ff;">
 +
[http://www.drawmaster.ru/ Бесплатные уроки рисования на русском языке, основы и техники рисования, рисование на компьютере при помощи планшета в программе Photoshop]
 +
</div>
 +
</div>
 +
 +
<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 +
<div style="font-size: 18px color: #3879ff;">[http://anna-volkova.blogspot.com/p/tuts.html '''ANNA-VOLKOVA.BLOGSPOT.COM''']</div>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<div style="font-size: 14px; color: #3879ff;">
 +
[http://anna-volkova.blogspot.com/p/tuts.html Полезные и интересные уроки Adobe Illustrator в блоге Анны Волковой]
 +
</div>
 +
</div>
 +
 +
<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 +
<div style="font-size: 18px color: #3879ff;">[http://ru.freepik.com/ '''RU.FREEPIK.COM''']</div>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<div style="font-size: 14px; color: #3879ff;">
 +
[http://ru.freepik.com/ Бесплатные графические ресурсы для дизайнеров: свободные векторные изображения, фотографии, иконки, иллюстрации]
 +
</div>
 +
</div>
 +
 +
<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 +
<div style="font-size: 18px color: #3879ff;">[https://photoshop-master.ru/about/ '''PHOTOSHOP-MASTER.RU''']</div>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<div style="font-size: 14px; color: #3879ff;">
 +
[https://photoshop-master.ru/about/ «Фотошоп-мастер» — это крупный обучающий портал по программе Adobe Photoshop. Собрано более 2 700 фотошоп-уроков, более 20 000 фотошоп-дополнений и более 150 статей.]
 +
</div>
 +
</div>
 +
 +
<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 +
<div style="font-size: 18px color: #3879ff;">[http://freeanalogs.ru/3DEditors '''FREEANALOGS.RU/3DEditors''']</div>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<div style="font-size: 14px; color: #3879ff;">
 +
[http://freeanalogs.ru/3DEditors Обзор и ссылки на бесплатные программы 3D-графики, предназначенные для создания моделей, анимации и целых фильмов]
 +
</div>
 +
</div>
 +
 +
<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 +
<div style="font-size: 18px color: #3879ff;">[http://www.graphiconart.com/%D0%BC%D0%B0%D1%82%D0%B5%D1%80%D0%B8%D0%B0%D0%BB%D1%8B/%D1%81%D0%BE%D1%84%D1%82-1/35-free-graphik-programm-2/ '''ГРАФИКОН АРТ:''']</div>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<div style="font-size: 14px; color: #3879ff;">
 +
[http://www.graphiconart.com/%D0%BC%D0%B0%D1%82%D0%B5%D1%80%D0%B8%D0%B0%D0%BB%D1%8B/%D1%81%D0%BE%D1%84%D1%82-1/35-free-graphik-programm-2/ 35 бесплатных графических программ: ссылки на программы, комментарии]
 +
</div>
 +
</div>
 +
 +
<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 +
<div style="font-size: 18px color: #3879ff;">
 +
[http://www.graphiconart.com/%D0%B1%D0%B5%D1%81%D0%BF%D0%BB%D0%B0%D1%82%D0%BD%D0%BE/%D0%B2%D0%B5%D0%BA%D1%82%D0%BE%D1%80%D0%BD%D0%B0%D1%8F-%D0%B3%D1%80%D0%B0%D1%84%D0%B8%D0%BA%D0%B0/30-%D0%B2%D0%B5%D0%BA%D1%82%D0%BE%D1%80-%D1%81%D0%BA%D0%B0%D1%87%D0%B0%D1%82%D1%8C/ '''ГРАФИКОН АРТ''']:</div>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<div style="font-size: 14px; color: #3879ff;">
 +
[http://www.graphiconart.com/%D0%B1%D0%B5%D1%81%D0%BF%D0%BB%D0%B0%D1%82%D0%BD%D0%BE/%D0%B2%D0%B5%D0%BA%D1%82%D0%BE%D1%80%D0%BD%D0%B0%D1%8F-%D0%B3%D1%80%D0%B0%D1%84%D0%B8%D0%BA%D0%B0/30-%D0%B2%D0%B5%D0%BA%D1%82%D0%BE%D1%80-%D1%81%D0%BA%D0%B0%D1%87%D0%B0%D1%82%D1%8C/ 30 сайтов с бесплатной векторной графикой: фоны, текстуры, элементы, иконки и другие изображения]
 +
</div>
 +
</div>
 +
 +
<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 +
<div style="font-size: 18px color: #3879ff;">
 +
[http://www.graphiconart.com/%D0%BC%D0%B0%D1%82%D0%B5%D1%80%D0%B8%D0%B0%D0%BB%D1%8B/%D1%83%D1%80%D0%BE%D0%BA%D0%B8/ '''УРОКИ''']</div>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<div style="font-size: 14px; color: #3879ff;">
 +
[http://www.graphiconart.com/%D0%BC%D0%B0%D1%82%D0%B5%D1%80%D0%B8%D0%B0%D0%BB%D1%8B/%D1%83%D1%80%D0%BE%D0%BA%D0%B8/ по векторной графике, дизайну, в векторных и растровых редакторах]
 +
</div>
 +
</div>
 +
 +
<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 +
<div style="font-size: 18px color: #3879ff;">[http://www.blender.org/ '''BLENDER''']</div>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<div style="font-size: 14px; color: #3879ff;">
 +
[http://www.blender.org/  – бесплатная программа под Linux для трехмерного моделирования. Создание 3D объектов, анимации]
 +
</div>
 +
</div>
 +
 +
<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 +
<div style="font-size: 18px color: #3879ff;">[http://www.sweethome3d.com/ru/ '''SWEET HOME 3D''']</div>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<div style="font-size: 14px; color: #3879ff;">
 +
[http://www.sweethome3d.com/ru/ Бесплатная программа для моделирования интерьера с возможностью 3D-просмотра]
 +
</div>
 +
</div>
 +
 +
<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 +
<div style="font-size: 18px color: #3879ff;">[http://tuxpaint.org/ '''TUX PAINT''']
 +
</div>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<div style="font-size: 14px; color: #3879ff;">
 +
[http://tuxpaint.org/ – графический редактор для детей, распространяемый бесплатно. Галерея изображений, видео. Возможности работы с разными кистями, линиями, формами, красками, текстом]</div>
 +
</div>
 +
 +
<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 +
<div style="font-size: 18px color: #3879ff;">[http://www.pinta-project.com/ '''PINTA''']
 +
</div>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<div style="font-size: 14px; color: #3879ff;">
 +
[http://www.pinta-project.com/  – графический редактор, распространяемый бесплатно.Возможности работы с инструментами рисования: кисти, текст, карандаш, ластик, градиенты, создание графических фигур]
 +
</div>
 +
</div>
 +
 +
<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 +
<div style="font-size: 18px color: #3879ff;">[http://www.newart.ru/htm/flash/risovalka_1.htm '''РИСОВАНИЕ ФЛОМАСТЕРОМ''']:
 +
</div>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<div style="font-size: 14px; color: #3879ff;">
 +
[http://www.newart.ru/htm/flash/risovalka_1.htm  – графический редактор он-лайн с функцией проигрывания для младшего поколения юных художников, снабжен краткой справкой]
 +
</div>
 +
</div>
 +
 +
<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 +
<div style="font-size: 18px color: #3879ff;">[http://www.davno.ru/ '''ДАВНО.РУ''']
 +
</div>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<div style="font-size: 14px; color: #3879ff;">
 +
[http://www.davno.ru/  – сайт с огромной коллекцией открыток разных стилей и направлений, от старинных советских агитационных плакатов до современных]
 +
</div>
 +
</div>
 +
 +
<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 +
<div style="font-size: 18px color: #3879ff;">[http://lenagold.ru/ '''LENAGOLD.RU''']
 +
</div>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<div style="font-size: 14px; color: #3879ff;">
 +
[http://lenagold.ru/ - сайт с богатейшей и постоянно пополняемой коллекцией клипартов, фонов, рамок, бумажных моделей, представленных для ознакомительных целей]
 +
</div>
 +
</div>
 +
 +
<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 +
<div style="font-size: 18px color: #3879ff;">[http://pixabay.com/ '''PIXABAY.COM''']
 +
</div>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<div style="font-size: 14px; color: #3879ff;">
 +
[http://pixabay.com/  - более 1500000 бесплатных изображений: фотографий, векторов, иллюстраций, возможность загрузки и обмена фотографиями, бесплатное видео]
 +
</div>
 +
</div>
 +
 +
<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 +
<div style="font-size: 18px color: #3879ff;">[http://minimultik.ru/ '''MINIMULTIK.RU''']
 +
</div>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<div style="font-size: 14px; color: #3879ff;">
 +
[http://minimultik.ru/  - создание gif-анимаций онлайн, аватаров, баннеров]
 +
</div>
 +
</div>
 +
 +
<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 +
<div style="font-size: 18px color: #3879ff;">[http://gifius.ru/ '''GIFIUS.RU''']
 +
</div>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<div style="font-size: 14px; color: #3879ff;">
 +
[http://gifius.ru/  - конструирование gif-анимаций онлайн в три шага]
 +
</div>
 +
</div>
 +
 +
<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 +
<div style="font-size: 18px color: #3879ff;">[http://infogra.ru/lessons '''INFOGRA.RU''']
 +
</div>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<div style="font-size: 14px; color: #3879ff;">
 +
[http://infogra.ru/lessons Видеоуроки по видеодизайну, дизайну, инфографике, типографике, фотографии, журнал "Инфографика"]
 +
</div>
 +
</div>
 +
 +
<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 +
<div style="font-size: 18px color: #3879ff;">[http://www.designonstop.com/ '''DESIGNONSTOP.COM''']
 +
</div>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<div style="font-size: 14px; color: #3879ff;">
 +
[http://www.designonstop.com/ Блог о веб-дизайне, теоретическая и практическая информация по темам, которые непосредственно связаны с веб-дизайном, искусством, блоговедением и фрилансом]
 +
</div>
 +
</div>
 +
 +
<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 +
<div style="font-size: 18px color: #3879ff;">[http://cooltext.com/ '''COOLTEXT.COM''']
 +
</div>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<div style="font-size: 14px; color: #3879ff;">
 +
[http://cooltext.com/ - сервис для создания стильных надписей, в том числе анимированных, с изменением настроек типа шрифта, цветов, текстур с дальнейшим сохранением на компьютер]
 +
</div>
 +
</div>
 +
 +
<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 +
<div style="font-size: 18px color: #3879ff;">[https://inkscape.org/ru '''INKSCAPE.ORG/RU''']
 +
</div>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<div style="font-size: 14px; color: #3879ff;">
 +
[https://inkscape.org/ru - Inkscape - это векторный графический редактор с открытым исходным кодом, свободное приложение, бесплатное для личного использования и распространения]
 +
</div>
 +
</div>
 +
 +
<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 +
<div style="font-size: 18px color: #3879ff;">[http://www.gimpart.org/risovanie-v-gimp/knopka-dlya-sayta-v-gimp '''GIMPART.ORG''']
 +
</div>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<div style="font-size: 14px; color: #3879ff;">
 +
[http://www.gimpart.org/risovanie-v-gimp/knopka-dlya-sayta-v-gimp - Уроки GIMP для начинающих и многое другое на блоге о фоторедакторе GIMP, веб-дизайне и фотографии]
 +
</div>
 +
</div>
 +
 +
<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 +
<div style="font-size: 18px color: #3879ff;">[http://paintnet.ru/ '''PAINTNET.RU''']
 +
</div>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<div style="font-size: 14px; color: #3879ff;">
 +
[http://paintnet.ru/ Paint.NET — бесплатный растровый графический редактор рисунков и фотографий для Windows, разработанный на платформе .NET Framework]
 +
</div>
 +
</div>
 +
 +
<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 +
<div style="font-size: 18px color: #3879ff;">[http://photoshoplessons.ru/ '''PHOTOSHOPLESSONS.RU''']
 +
</div>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<div style="font-size: 14px; color: #3879ff;">
 +
[http://photoshoplessons.ru/ Множество бесплатных уроков по программе Adobe Photoshop, учебник, инструменты, фильтры, мануалы, бесплатные курсы]
 +
</div>
 +
</div>
 +
 +
<div style="display: inline-block; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:220px; box-shadow: 0px 0px 2px 2px #ccc; background: #ffffff; text-align: center; float: center">
 +
<div style="font-size: 18px color: #3879ff;">[http://www.3d-blender.ru/ '''3D-BLENDER.RU''']
 +
</div>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<p style="padding: 8px 0; background:  #fbdee1; color:  #fbdee1"></p>
 +
<p style="padding: 0.5px 0; background:  #ec7498; color:  #ec7498"></p>
 +
<div style="font-size: 14px; color: #3879ff;">
 +
[http://www.3d-blender.ru/ Уроки и новости по 3d моделированию в программе Blender 3D, интересные переводы статей по моделированию, текстурированию, анимации и визуальным эффектам с 3D]
 +
</div>
 +
</div>
 +
</div>
 +
         
 
[[Category:Копилка ИКТ-полезностей]]
 
[[Category:Копилка ИКТ-полезностей]]
 +
[[Category:Методическая копилка]]

Текущая версия на 12:41, 2 июня 2021

Копилка ИКТ-полезностей

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