33 инструментов для веб-дизайна и редактирования изображений/фото на каждый день

 

web desingВеб-дизайн — сложная “наука”? И да, и нет. Представляем вашему вниманию подборку из более чем 30 инструментов и онлайн-редакторов для работы с изображениями и графикой самых различных форматов. Используйте один из них или сразу несколько, чтобы ваши фотографии и сайты стали лучше и красивее.

1.Subtle Patterns - oтличная онлайн-коллекция шаблонов для “бесконечного” фона на сайте. И вся эта красота — бесплатно.
http://subtlepatterns.com/

2.Stripe Mania - бесплатное веб-приложение, которое позволяет вам создавать фоновые изображения “в полосочку”. Можно использовать до 5 сочетаний цветовой гаммы, с разной шириной и расстоянием между полосками в создаваемом фоне.
http://www.stripemania.com/

3.Stripe generator - онлайн-сервис для быстрого создания картинок, чтобы использовать их в качестве фонового изображения на сайте.
http://www.stripegenerator.com/

4.Colour lovers - огромная подборка цветов, палитр и паттернов для создания фоновых изображений. Еще можно добавлять собственные фоны в коллекцию, доступную для пользователей по всему миру.
http://www.colourlovers.com/

5.Pictaculous - бесплатный онлайн-сервис, который позволяет вам сгенерировать цветовую палитру на основе загруженного файла в формате PNG, JPG или GIF.
http://pictaculous.com/

6.I want hue - онлайн-сервис для поиска и подбора сочетания групп и цветов, Отлично подойдет для тех, кто занимается колористикой, созданием цветовых схем и “размножением” шаблонов для сайтов.
http://tools.medialab.sciences-po.fr/iwanthue/

7.Placeit - сервис для подготовки фото-картинок для портфолио. С его помощью ваш сайт можно “вставить” на экран ноутбука, айпада или айфона. Отлично подходит для подготовки презентационных материалов.
http://placeit.breezi.com/

8.Place hold - сервис для быстрой онлайн-демонстрации готовых шаблонов и сайтов. можно задать цвет, размер, масштаб загружаемых макетов и картинок.
http://placehold.it/

9.Cut & Slice me - бесплатный плагин для Photoshop, чтобы экспортировать готовые картинки на различные устройства в течение нескольких секунд.
http://www.cutandslice.me/

10.css3ps - бесплатный “облачный” плагин для Рhotoshop, чтобы конвертировать готовые слои в CSS3.
http://css3ps.com/

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

12.Easel.ly - простой редактор для быстрого создания инфографики в вашем браузере без использования сторонних инструментов обработки изображений.
http://www.easel.ly/

13.Sneakpeekit - набор инструментов для создания фреймов и разработки прототипов для вашего сайта.
http://sneakpeekit.com/

14.Loader Generator - бесплатный веб-сервис для создания анимированных загрузчиков сайта.
http://loadergenerator.com/

15.Mothereffing animated gif - простое приложение для загрузки сразу нескольких картинок и получения на их основе настраиваемой анимации с рядом заданных параметров: размер, частота показов, качество итоговой анимации и т.д.
http://mothereffinganimatedgif.com/

16.Duri.me - генерация кода для изображений, чтобы этот код в дальнейшем использовать для вставки на ваш сайт.
http://duri.me/

17.Rsizr - онлайн-редактор для изменения изображений и быстрого масштабирования графики.
http://rsizr.com/

18.Fotor - мощный и понятный онлайн-редактор практически любой графики с большим набором встроенных инструментов и фильтров. Есть отдельные приложения для Android and iPhone.
http://www.fotor.com/

19.JPEGmini - бесплатный онлайн-сервис, при помощи можно “сжать” готовый фотоснимок с сохранением исходного качества (поддерживается пятикратное сжатие) и получить готовый более “легкий” файл в формате JPEG.
http://www.jpegmini.com/

20.Cropp.me - очень простой и быстрый инструмент для масштабирования и “кропа” готовой графики до нужных вам размеров или пропорций.
http://cropp.me/

21.Photocat - онлайн-редактор изображений, который оснащен богатым инструментарием для работы с графикой. Готовые изображения сохраняются в JPG или PNG.
http://web.photocat.com/

22.Round pic - веб-сервис для быстрого создания “круглых уголков” для любых изображений. Действия с заранее заданными параметрами можно проконтролировать в окне предварительного просмотра.
http://www.roundpic.com/

23.Kraken - онлайн-приложение для оптимизации снимков и корректировки их “веса”, чтобы сделать графику более “легкой”.
http://kraken.io/

24.Editor method - веб-приложение для работы с векторной графикой прямо в вашем браузере. Достаточно открыть браузер — и вас под рукой сращу богатый набор инструментов для создания изображений в формате SVG. Мощности Adobe Illustrator от него ждать не стоит; но многие задачи с его помощью решить можно.
http://editor.method.ac/

25.Patternify - браузерное приложение для создания шаблонов фонового изображения без применения каких-либо редакторов. На каждый созданный шаблон также создается уникальная ссылка, при помощи которого готовый шаблон можно показать друзьям или коллегам.
http://www.patternify.com/

26.The noun project - онлайн-коллекция из отличной узнаваемой графики, которая постоянно пополняется.
http://thenounproject.com/

27.Copy paste character - онлайн-коллекция символов Unicode, из которой можно выбрать и скопировать в свой контент любой понравившийся символ.
http://copypastecharacter.com/

28.X-Icon Editor - приложение на основе HTML5 для создания иконок с высоким разрешением, которые можно применить на сайте или для новых вкладок в веб-проектах.
http://www.xiconeditor.com/

29.Make app icon - для оптимизации иконок для любых приложений под iOS и Android. Просто загрузите картинку, — и сервис автоматически изменит ее размер до требуемых пропорций. Результаты сохраняются в PNG, JPG и PSD.
http://makeappicon.com/

30.IcoMoon - онлайн-сервис для подготовки и создания монохромных иконок и встраивания их в шрифты. Выбранное изображение можно встроить и оформить на сайте на основе правил, прописанных в CSS, либо параметров текста и формы. Также есть простой визуальный редактор для иконок.
http://icomoon.io/app/

31.Mobile tuxedo - позволяет создавать иконки, которые оптимизированы для работы с сенсорными экранами. Готовая графика сохраняется в форматах EPS, PSD и PNG в различных разрешениях.
http://www.mobiletuxedo.com/touch-gesture-icons/

32.Icon monstr - коллекция из более чем 600 иконок для веб-приложений, диаграмм и графиков. Все иконки доступны в форматах PNG и SVG.
http://iconmonstr.com/

33.Endless icons - сайт с постоянно пополняемой коллекцией монохромных иконок. Все иконки изготовлены в стиле скетчей, нарисованных от руки.
http://www.endlessicons.com/

Комментарии   

0 # Сервантес 14.05.2014 06:45
Представлено множество инструментов для вебмастера, за что большой респект!
Ответить | Ответить с цитатой | Цитировать
0 # Толян 11.05.2014 15:40
Спасибо за познавательную статью.
Ответить | Ответить с цитатой | Цитировать
0 # Борис Руднев 08.05.2014 15:01
Спасибо за статью, за хороший набор.
Ответить | Ответить с цитатой | Цитировать
0 # Олег 05.05.2014 15:31
Вот на сколько можно улучшить работу вебмастера!
Ответить | Ответить с цитатой | Цитировать

Добавить комментарий


Защитный код
Обновить