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

[[Копилка ИКТ-полезностей]] → Компьютерная графика

<div style="text-align:center; vertical-align:middle;">

<div style="display: block; margin: 5px; padding:3px; box-shadow: 0px 0px 5px 2px #8FD6E7; vertical-align:middle; text-align: center">

[[File:StrelnikovaPict30.png|270px|center|link=http://wiki.iro23.info/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]]

[[Копилка_ИКТ-полезностей|<b><font size="5" face="Arial" color="#1badd1">Копилка ИКТ-полезностей</font></b>]]

<div style="text-align: center; background: #48BDDA; vertical-align:middle; margin-bottom: 5px; padding: 7px;"><b><font size="4" color="#ffffff">'''Компьютерная графика'''</font></b></div></div>

<div style="display: inline-block; border: 0.6px solid #38abff; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:200px; background: #ffffff; text-align: center; float: center;box-shadow: 0px 0px 5px 2px #8FD6E7">

<div style="display: inline-block; width:220px; height:45px; background:  #d3fcff;"><div style="font-size: 18px color: #3879ff;">[http://prophotos.ru/lessons/processing '''PROPHOTOS.RU''']</div></div>

<p style="padding: 0.6px 0; background:  #8FD6E7; color:  #8FD6E7"></p>

[http://prophotos.ru/lessons/processing Уроки фотографии: фотообработка в Photoshop на сайте самого крупного и авторитетного онлайн-журнала о фотографии и фототехнике в Рунете]

<div style="display: inline-block; border: 0.6px solid #38abff; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:200px; background: #ffffff; text-align: center; float: center;box-shadow: 0px 0px 5px 2px #8FD6E7">

<div style="display: inline-block; width:220px; height:45px; background:  #d3fcff;"><div style="font-size: 18px color: #3879ff;">[http://gimp.nas2.net/ '''GIMP.NAS2.NET''']</div></div>

<p style="padding: 0.6px 0; background:  #8FD6E7; color:  #8FD6E7"></p>

[http://gimp.nas2.net/ Интересные уроки по работе с графическим редактором GIMP, форум, свежие материалы и статьи]

<div style="display: inline-block; border: 0.6px solid #38abff; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:200px; background: #ffffff; text-align: center; float: center;box-shadow: 0px 0px 5px 2px #8FD6E7">

<div style="display: inline-block; width:220px; height:45px; background:  #d3fcff;"><div style="font-size: 18px color: #3879ff;">[http://photocasa.ru/photo-journal/ '''PHOTOCASA.RU/PHOTO-JOURNAL''']</div></div>

<p style="padding: 0.6px 0; background:  #8FD6E7; color:  #8FD6E7"></p>

[http://photocasa.ru/photo-journal/ Бесплатный журнал о фотографии в формате PDF. Уроки Фотошопа, Студийная фотошкола, Жанры фотографии, Обзоры фототехники, ФотоФишка]

<div style="display: inline-block; border: 0.6px solid #38abff; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:200px; background: #ffffff; text-align: center; float: center;box-shadow: 0px 0px 5px 2px #8FD6E7">

<div style="display: inline-block; width:220px; height:45px; background:  #d3fcff;"><div style="font-size: 18px color: #3879ff;">[http://www.drawmaster.ru/ '''DRAWMASTER.RU''']</div></div>

<p style="padding: 0.6px 0; background:  #8FD6E7; color:  #8FD6E7"></p>

[http://www.drawmaster.ru/ Бесплатные уроки рисования на русском языке, основы и техники рисования, рисование на компьютере при помощи планшета в программе Photoshop]

<div style="display: inline-block; border: 0.6px solid #38abff; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:200px; background: #ffffff; text-align: center; float: center;box-shadow: 0px 0px 5px 2px #8FD6E7">

<div style="display: inline-block; width:220px; height:45px; background:  #d3fcff;"><div style="font-size: 18px color: #3879ff;">[http://anna-volkova.blogspot.com/p/tuts.html '''ANNA-VOLKOVA.BLOGSPOT.COM''']</div></div>

<p style="padding: 0.6px 0; background:  #8FD6E7; color:  #8FD6E7"></p>

[http://anna-volkova.blogspot.com/p/tuts.html Полезные и интересные уроки Adobe Illustrator в блоге Анны Волковой]

<div style="display: inline-block; border: 0.6px solid #38abff; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:200px; background: #ffffff; text-align: center; float: center;box-shadow: 0px 0px 5px 2px #8FD6E7">

<div style="display: inline-block; width:220px; height:35px; background:  #d3fcff;"><div style="font-size: 18px color: #3879ff;">[http://flash-book.ru/ '''FLASH-BOOK.RU''']</div></div>

<p style="padding: 0.6px 0; background:  #8FD6E7; color:  #8FD6E7"></p>

[http://flash-book.ru/ Adobe Flash CS4 с нуля. Обучение онлайн созданию анимированных роликов и мультфильмов, интерактивных сайтов, сложных программ и веб-приложений]

<div style="display: inline-block; border: 0.6px solid #38abff; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:200px; background: #ffffff; text-align: center; float: center;box-shadow: 0px 0px 5px 2px #8FD6E7">

<div style="display: inline-block; width:220px; height:35px; background:  #d3fcff;"><div style="font-size: 18px color: #3879ff;">[http://ru.freepik.com/ '''RU.FREEPIK.COM''']</div></div>

<p style="padding: 0.6px 0; background:  #8FD6E7; color:  #8FD6E7"></p>

[http://ru.freepik.com/ Бесплатные графические ресурсы для дизайнеров: свободные векторные изображения, фотографии, иконки, иллюстрации]

<div style="display: inline-block; border: 0.6px solid #38abff; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:200px; background: #ffffff; text-align: center; float: center;box-shadow: 0px 0px 5px 2px #8FD6E7">

<div style="display: inline-block; width:220px; height:35px; background:  #d3fcff;"><div style="font-size: 18px color: #3879ff;">[http://bestanimationgif.com '''BESTANIMATIONGIF.COM''']</div></div>

<p style="padding: 0.6px 0; background:  #8FD6E7; color:  #8FD6E7"></p>

[http://bestanimationgif.com/video/ Adobe Photoshop CS5. Обучающий видеокурс. Новые возможности Adobe Photoshop CS6.]

<div style="display: inline-block; border: 0.6px solid #38abff; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:200px; background: #ffffff; text-align: center; float: center;box-shadow: 0px 0px 5px 2px #8FD6E7">

<div style="display: inline-block; width:220px; height:35px; background:  #d3fcff;"><div style="font-size: 18px color: #3879ff;">[http://fotobg.ru/ '''FOTOBG.RU''']</div></div>

<p style="padding: 0.6px 0; background:  #8FD6E7; color:  #8FD6E7"></p>

[http://fotobg.ru/ Текстуры, фоны и изображения для сайта и для графического дизайна совершенно бесплатно и без регистрации. Все фотографии собраны по категориям и галереям и для удобства отсортированы]

<div style="display: inline-block; border: 0.6px solid #38abff; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:200px; background: #ffffff; text-align: center; float: center;box-shadow: 0px 0px 5px 2px #8FD6E7">

<div style="display: inline-block; width:220px; height:35px; background:  #d3fcff;"><div style="font-size: 18px color: #3879ff;">[https://photoshop-master.ru/about/ '''PHOTOSHOP-MASTER.RU''']</div></div>

<p style="padding: 0.6px 0; background:  #8FD6E7; color:  #8FD6E7"></p>

[https://photoshop-master.ru/about/ «Фотошоп-мастер» — это крупный обучающий портал по программе Adobe Photoshop. Собрано более 2 700 фотошоп-уроков, более 20 000 фотошоп-дополнений и более 150 статей.]

<div style="display: inline-block; border: 0.6px solid #38abff; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:200px; background: #ffffff; text-align: center; float: center;box-shadow: 0px 0px 5px 2px #8FD6E7">

<div style="display: inline-block; width:220px; height:35px; background:  #d3fcff;"><div style="font-size: 18px color: #3879ff;">[http://freeanalogs.ru/3DEditors '''FREEANALOGS.RU/3DEditors''']</div></div>

<p style="padding: 0.6px 0; background:  #8FD6E7; color:  #8FD6E7"></p>

[http://freeanalogs.ru/3DEditors Обзор и ссылки на бесплатные программы 3D-графики, предназначенные для создания моделей, анимации и целых фильмов]

<div style="display: inline-block; border: 0.6px solid #38abff; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:200px; background: #ffffff; text-align: center; float: center;box-shadow: 0px 0px 5px 2px #8FD6E7">

<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>

<p style="padding: 0.6px 0; background:  #8FD6E7; color:  #8FD6E7"></p>

[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 style="display: inline-block; border: 0.6px solid #38abff; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:200px; background: #ffffff; text-align: center; float: center;box-shadow: 0px 0px 5px 2px #8FD6E7">

<div style="display: inline-block; width:220px; height:35px; background:  #d3fcff;"><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></div>

<p style="padding: 0.6px 0; background:  #8FD6E7; color:  #8FD6E7"></p>

[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 style="display: inline-block; border: 0.6px solid #38abff; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:200px; background: #ffffff; text-align: center; float: center; box-shadow: 0px 0px 5px 2px #8FD6E7">

<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%83%D1%80%D0%BE%D0%BA%D0%B8/ '''УРОКИ''']</div></div>

<p style="padding: 0.6px 0; background:  #8FD6E7; color:  #8FD6E7"></p>

[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 style="display: inline-block; border: 0.6px solid #38abff; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:200px; background: #ffffff; text-align: center; float: center; box-shadow: 0px 0px 5px 2px #8FD6E7">

<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>

<p style="padding: 0.6px 0; background:  #8FD6E7; color:  #8FD6E7"></p>

[http://www.blender.org/  – бесплатная программа под Linux для трехмерного моделирования. Создание 3D объектов, анимации]

<div style="display: inline-block; border: 0.6px solid #38abff; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:200px; background: #ffffff; text-align: center; float: center; box-shadow: 0px 0px 5px 2px #8FD6E7">

<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>

<p style="padding: 0.6px 0; background:  #8FD6E7; color:  #8FD6E7"></p>

[http://www.sweethome3d.com/ru/ Бесплатная программа для моделирования интерьера с возможностью 3D-просмотра]

<div style="display: inline-block; border: 0.6px solid #38abff; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:200px; background: #ffffff; text-align: center; float: center; box-shadow: 0px 0px 5px 2px #8FD6E7">

<div style="display: inline-block; width:220px; height:35px; background:  #d3fcff;"><div style="font-size: 18px color: #3879ff;">[http://tuxpaint.org/ '''TUX PAINT''']

</div></div>

<p style="padding: 0.6px 0; background:  #8FD6E7; color:  #8FD6E7"></p>

[http://tuxpaint.org/ – графический редактор для детей, распространяемый бесплатно. Галерея изображений, видео. Возможности работы с разными кистями, линиями, формами, красками, текстом]</div>

<div style="display: inline-block; border: 0.6px solid #38abff; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:200px; background: #ffffff; text-align: center; float: center; box-shadow: 0px 0px 5px 2px #8FD6E7">

<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></div>

<p style="padding: 0.6px 0; background:  #8FD6E7; color:  #8FD6E7"></p>

[http://www.pinta-project.com/  – графический редактор, распространяемый бесплатно.Возможности работы с инструментами рисования: кисти, текст, карандаш, ластик, градиенты, создание графических фигур]

<div style="display: inline-block; border: 0.6px solid #38abff; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:200px; background: #ffffff; text-align: center; float: center; box-shadow: 0px 0px 5px 2px #8FD6E7">

<div style="display: inline-block; width:220px; height:45px; background:  #d3fcff;"><div style="font-size: 18px color: #3879ff;">[http://www.newart.ru/htm/flash/risovalka_1.htm '''РИСОВАНИЕ ФЛОМАСТЕРОМ''']:

</div></div>

<p style="padding: 0.6px 0; background:  #8FD6E7; color:  #8FD6E7"></p>

[http://www.newart.ru/htm/flash/risovalka_1.htm – графический редактор он-лайн с функцией проигрывания для младшего поколения юных художников, снабжен краткой справкой]

<div style="display: inline-block; border: 0.6px solid #38abff; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:200px; background: #ffffff; text-align: center; float: center; box-shadow: 0px 0px 5px 2px #8FD6E7">

<div style="display: inline-block; width:220px; height:35px; background:  #d3fcff;"><div style="font-size: 18px color: #3879ff;">[http://www.davno.ru/ '''ДАВНО.РУ''']

</div></div>

<p style="padding: 0.6px 0; background:  #8FD6E7; color:  #8FD6E7"></p>

[http://www.davno.ru/  – сайт с огромной коллекцией открыток разных стилей и направлений, от старинных советских агитационных плакатов до современных]

<div style="display: inline-block; border: 0.6px solid #38abff; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:200px; background: #ffffff; text-align: center; float: center; box-shadow: 0px 0px 5px 2px #8FD6E7">

<div style="display: inline-block; width:220px; height:35px; background:  #d3fcff;"><div style="font-size: 18px color: #3879ff;">[http://lenagold.ru/ '''LENAGOLD.RU''']

</div></div>

<p style="padding: 0.6px 0; background:  #8FD6E7; color:  #8FD6E7"></p>

[http://lenagold.ru/ - сайт с богатейшей и постоянно пополняемой коллекцией клипартов, фонов, рамок, бумажных моделей, представленных для ознакомительных целей]

<div style="display: inline-block; border: 0.6px solid #38abff; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:200px; background: #ffffff; text-align: center; float: center; box-shadow: 0px 0px 5px 2px #8FD6E7">

<div style="display: inline-block; width:220px; height:35px; background:  #d3fcff;"><div style="font-size: 18px color: #3879ff;">[http://pixabay.com/ '''PIXABAY.COM''']

</div></div>

<p style="padding: 0.6px 0; background:  #8FD6E7; color:  #8FD6E7"></p>

[http://pixabay.com/ - более 540000 бесплатных изображений: фотографий, векторов, иллюстраций, возможность загрузки и обмена фотографиями, бесплатное видео]

<div style="display: inline-block; border: 0.6px solid #38abff; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:200px; background: #ffffff; text-align: center; float: center; box-shadow: 0px 0px 5px 2px #8FD6E7">

<div style="display: inline-block; width:220px; height:35px; background:  #d3fcff;"><div style="font-size: 18px color: #3879ff;">[http://gifovina.ru/about.html '''GIFOVINA.RU''']

</div></div>

<p style="padding: 0.6px 0; background:  #8FD6E7; color:  #8FD6E7"></p>

[http://gifovina.ru/about.html  - бесплатный онлайн gif-аниматор, позволяет создавать анимированные картинки в формате gif, аватары, баннеры, мультики]

<div style="display: inline-block; border: 0.6px solid #38abff; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:200px; background: #ffffff; text-align: center; float: center; box-shadow: 0px 0px 5px 2px #8FD6E7">

<div style="display: inline-block; width:220px; height:35px; background:  #d3fcff;"><div style="font-size: 18px color: #3879ff;">[http://ru.toolson.net/GifAnimation/Create '''TOOLSON.NET''']

</div></div>

<p style="padding: 0.6px 0; background:  #8FD6E7; color:  #8FD6E7"></p>

[http://ru.toolson.net/GifAnimation/Create  - сервис бесплатных онлайн приложений, бесплатный онлайн gif-аниматор, позволяет создавать анимированные картинки в формате gif]

<div style="display: inline-block; border: 0.6px solid #38abff; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:200px; background: #ffffff; text-align: center; float: center; box-shadow: 0px 0px 5px 2px #8FD6E7">

<div style="display: inline-block; width:220px; height:35px; background:  #d3fcff;"><div style="font-size: 18px color: #3879ff;">[http://minimultik.ru/ '''MINIMULTIK.RU''']

</div></div>

<p style="padding: 0.6px 0; background:  #8FD6E7; color:  #8FD6E7"></p>

[http://minimultik.ru/ - создание gif-анимаций онлайн, аватаров, баннеров]

<div style="display: inline-block; border: 0.6px solid #38abff; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:200px; background: #ffffff; text-align: center; float: center; box-shadow: 0px 0px 5px 2px #8FD6E7">

<div style="display: inline-block; width:220px; height:35px; background:  #d3fcff;"><div style="font-size: 18px color: #3879ff;">[http://gifius.ru/ '''GIFIUS.RU''']

</div></div>

<p style="padding: 0.6px 0; background:  #8FD6E7; color:  #8FD6E7"></p>

[http://gifius.ru/ - конструирование gif-анимаций онлайн в три шага]

<div style="display: inline-block; border: 0.6px solid #38abff; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:200px; background: #ffffff; text-align: center; float: center; box-shadow: 0px 0px 5px 2px #8FD6E7">

<div style="display: inline-block; width:220px; height:35px; background:  #d3fcff;"><div style="font-size: 18px color: #3879ff;">[http://arttower.ru/ '''ARTTOWER.RU''']

</div></div>

<p style="padding: 0.6px 0; background:  #8FD6E7; color:  #8FD6E7"></p>

[http://arttower.ru/ Уроки по программам Photoshop, Illustrator, CorelDRAW. Виртуальный музей, форум для художников, дизайнеров и фотографов, учебники, галерея]

<div style="display: inline-block; border: 0.6px solid #38abff; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:200px; background: #ffffff; text-align: center; float: center; box-shadow: 0px 0px 5px 2px #8FD6E7">

<div style="display: inline-block; width:220px; height:35px; background:  #d3fcff;"><div style="font-size: 18px color: #3879ff;">[http://infogra.ru/lessons '''INFOGRA.RU''']

</div></div>

<p style="padding: 0.6px 0; background:  #8FD6E7; color:  #8FD6E7"></p>

[http://infogra.ru/lessons Видеоуроки по видеодизайну, дизайну, инфографике, типографике, фотографии, журнал "Инфографика"]

<div style="display: inline-block; border: 0.6px solid #38abff; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:200px; background: #ffffff; text-align: center; float: center; box-shadow: 0px 0px 5px 2px #8FD6E7">

<div style="display: inline-block; width:220px; height:35px; background:  #d3fcff;"><div style="font-size: 18px color: #3879ff;">[http://www.designonstop.com/ '''DESIGNONSTOP.COM''']

</div></div>

<p style="padding: 0.6px 0; background:  #8FD6E7; color:  #8FD6E7"></p>

[http://www.designonstop.com/ Блог о веб-дизайне, теоретическая и практическая информация по темам, которые непосредственно связаны с веб-дизайном, искусством, блоговедением и фрилансом]

<div style="display: inline-block; border: 0.6px solid #38abff; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:200px; background: #ffffff; text-align: center; float: center; box-shadow: 0px 0px 5px 2px #8FD6E7">

<div style="display: inline-block; width:220px; height:35px; background:  #d3fcff;"><div style="font-size: 18px color: #3879ff;">[https://pixlr.com/editor/ '''ONLINE PHOTO EDITOR''']

</div></div>

<p style="padding: 0.6px 0; background:  #8FD6E7; color:  #8FD6E7"></p>

[https://pixlr.com/editor/ Бесплатный сервис с функциями редактирования и создания изображений в режиме on-line: возможности работы с кистями, слоями, масками, фильтрами, коррекцией]

<div style="display: inline-block; border: 0.6px solid #38abff; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:200px; background: #ffffff; text-align: center; float: center; box-shadow: 0px 0px 5px 2px #8FD6E7">

<div style="display: inline-block; width:220px; height:35px; background:  #d3fcff;"><div style="font-size: 18px color: #3879ff;">[http://www.serif.com/free-graphic-design-software/index.aspx '''SERIF.COM''']

</div></div>

<p style="padding: 0.6px 0; background:  #8FD6E7; color:  #8FD6E7"></p>

[http://www.serif.com/free-graphic-design-software/index.aspx '''DRAWPLUS STARTER EDITION''' - бесплатный редактор векторной графики, возможности работы с инструментами, эффектами, рамками]

<div style="display: inline-block; border: 0.6px solid #38abff; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:200px; background: #ffffff; text-align: center; float: center; box-shadow: 0px 0px 5px 2px #8FD6E7">

<div style="display: inline-block; width:220px; height:35px; background:  #d3fcff;"><div style="font-size: 18px color: #3879ff;">[http://cooltext.com/ '''COOLTEXT.COM''']

</div></div>

<p style="padding: 0.6px 0; background:  #8FD6E7; color:  #8FD6E7"></p>

[http://cooltext.com/ - сервис для создания стильных надписей, в том числе анимированных, с изменением настроек типа шрифта, цветов, текстур с дальнейшим сохранением на компьютер]

<div style="display: inline-block; border: 0.6px solid #38abff; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:200px; background: #ffffff; text-align: center; float: center; box-shadow: 0px 0px 5px 2px #8FD6E7">

<div style="display: inline-block; width:220px; height:35px; background:  #d3fcff;"><div style="font-size: 18px color: #3879ff;">[http://gimp.ru/ '''GIMP.RU''']

</div></div>

<p style="padding: 0.6px 0; background:  #8FD6E7; color:  #8FD6E7"></p>

[http://gimp.ru/ - русскоязычный сайт о свободном, мощном и многоцелевом графическом редакторе GIMP (GNU Image Manipulation Program)]

<div style="display: inline-block; border: 0.6px solid #38abff; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:200px; background: #ffffff; text-align: center; float: center; box-shadow: 0px 0px 5px 2px #8FD6E7">

<div style="display: inline-block; width:220px; height:35px; background:  #d3fcff;"><div style="font-size: 18px color: #3879ff;">[https://inkscape.org/ru '''INKSCAPE.ORG/RU''']

</div></div>

<p style="padding: 0.6px 0; background:  #8FD6E7; color:  #8FD6E7"></p>

[https://inkscape.org/ru - Inkscape - это векторный графический редактор с открытым исходным кодом, свободное приложение, бесплатное для личного использования и распространения]

<div style="display: inline-block; border: 0.6px solid #38abff; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:200px; background: #ffffff; text-align: center; float: center; box-shadow: 0px 0px 5px 2px #8FD6E7">

<div style="display: inline-block; width:220px; height:35px; background:  #d3fcff;"><div style="font-size: 18px color: #3879ff;">[http://www.gimpart.org/risovanie-v-gimp/knopka-dlya-sayta-v-gimp '''GIMPART.ORG''']

</div></div>

<p style="padding: 0.6px 0; background:  #8FD6E7; color:  #8FD6E7"></p>

[http://www.gimpart.org/risovanie-v-gimp/knopka-dlya-sayta-v-gimp - Уроки GIMP для начинающих и многое другое на блоге о фоторедакторе GIMP, веб-дизайне и фотографии]

<div style="display: inline-block; border: 0.6px solid #38abff; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:200px; background: #ffffff; text-align: center; float: center; box-shadow: 0px 0px 5px 2px #8FD6E7">

<div style="display: inline-block; width:220px; height:35px; background:  #d3fcff;"><div style="font-size: 18px color: #3879ff;">[http://ru.torange.biz/ '''ru.torange.biz''']

</div></div>

<p style="padding: 0.6px 0; background:  #8FD6E7; color:  #8FD6E7"></p>

[http://ru.torange.biz/ - Фотобанк tOrange предлагает более 40000 фотографий и картинок на различную тематику абсолютно бесплатно!]

<div style="display: inline-block; border: 0.6px solid #38abff; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:200px; background: #ffffff; text-align: center; float: center; box-shadow: 0px 0px 5px 2px #8FD6E7">

<div style="display: inline-block; width:220px; height:35px; background:  #d3fcff;"><div style="font-size: 18px color: #3879ff;">[http://paintnet.ru/ '''PAINTNET.RU''']

</div></div>

<p style="padding: 0.6px 0; background:  #8FD6E7; color:  #8FD6E7"></p>

[http://paintnet.ru/ Paint.NET — бесплатный растровый графический редактор рисунков и фотографий для Windows, разработанный на платформе .NET Framework]

<div style="display: inline-block; border: 0.6px solid #38abff; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:200px; background: #ffffff; text-align: center; float: center; box-shadow: 0px 0px 5px 2px #8FD6E7">

<div style="display: inline-block; width:220px; height:35px; background:  #d3fcff;"><div style="font-size: 18px color: #3879ff;">[http://cg-evolution.ru '''CG-EVOLUTION.RU''']

</div></div>

<p style="padding: 0.6px 0; background:  #8FD6E7; color:  #8FD6E7"></p>

[http://cg-evolution.ru — авторский проект, посвященный индустрии компьютерной графики: уроки работы в графических редакторах, полезные статьи о дизайне и графике, много другой полезной информации]

</div>  

<div style="display: inline-block; border: 0.6px solid #38abff; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:200px; background: #ffffff; text-align: center; float: center; box-shadow: 0px 0px 5px 2px #8FD6E7">

<div style="display: inline-block; width:220px; height:35px; background:  #d3fcff;"><div style="font-size: 18px color: #3879ff;">[http://ru.vectorboom.com/load/uroki/1 '''RU.VECTORBOOM.COM''']

</div></div>

<p style="padding: 0.6px 0; background:  #8FD6E7; color:  #8FD6E7"></p>

[http://ru.vectorboom.com/load/uroki/1 уроки, статьи, советы, форум, бесплатные векторные иллюстрации, кисти, иконки, кнопки и многое другое]

</div>  

<div style="display: inline-block; border: 0.6px solid #38abff; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:200px; background: #ffffff; text-align: center; float: center; box-shadow: 0px 0px 5px 2px #8FD6E7">

<div style="display: inline-block; width:220px; height:35px; background:  #d3fcff;"><div style="font-size: 18px color: #3879ff;">[http://0lik.ru/ '''OLIK.RU''']

</div></div>

<p style="padding: 0.6px 0; background:  #8FD6E7; color:  #8FD6E7"></p>

[http://0lik.ru/ Дизайн и графика. Клипарт, photoshop, шаблоны, psd, кисти, фото, иконки. Много полезного материала для творчества]

<div style="display: inline-block; border: 0.6px solid #38abff; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:200px; background: #ffffff; text-align: center; float: center; box-shadow: 0px 0px 5px 2px #8FD6E7">

<div style="display: inline-block; width:220px; height:35px; background: #d3fcff;"><div style="font-size: 18px color: #3879ff;">[http://photoshoplessons.ru/ '''PHOTOSHOPLESSONS.RU''']

</div></div>

<p style="padding: 0.6px 0; background:  #8FD6E7; color:  #8FD6E7"></p>

<div style="display: inline-block; border: 0.6px solid #38abff; padding:5px; margin:5px; vertical-align:middle; width: 220px; height:200px; background: #ffffff; text-align: center; float: center; box-shadow: 0px 0px 5px 2px #8FD6E7">

<div style="display: inline-block; width:220px; height:35px; background:  #d3fcff;"><div style="font-size: 18px color: #3879ff;">[http://www.3d-blender.ru/ '''3D-BLENDER.RU''']

</div></div>

<p style="padding: 0.6px 0; background:  #8FD6E7; color:  #8FD6E7"></p>