Главное Авторские колонки Вакансии Образование
1 106 0 В избр. Сохранено
Авторизуйтесь
Вход с паролем

9 бесплатных инструментов для начинающего дизайнера

Все что надо, чтобы попробовать себя в роли дизайнера сайтов.
Мнение автора может не совпадать с мнением редакции

b_58d241f36f076.jpg

В этой статье мы приводим подборку бесплатных программ, которые помогут начинающему web-дизайнеру создавать сайты. Мы постарались подобрать инструменты на все случаи жизни – от рисования иконок до создания собственного шрифта. Полученные знания вы можете применить в редакторе платформы web-дизайна PIXLI.

Критерии выбора:

  1. Бесплатная.
  2. Наличие уроков и справочного материла.
  3. Легко скачивается, без вирусов и дополнительных программ.
  4. Устанавливается и запускается на компьютере средней мощности

1. GIMP

b_58d2363dc58cb.jpg

Растровый редактор с огромными возможностями и открытым исходным кодом. Позволяет настроить модульную сетку, создать направляющие, работать со слоями, добавлять эффекты и пр. Является неплохой бесплатной заменой фотошопу. Является расширяемым - можно скачать дополнительные плагины.

Основные возможности:

  1. Рисование - Кисть, карандаш, аэрограф, штамп. Все настриваются.
  2. Слои присутствуют, имеется возможность редактирования каналов. Поддерживает альфа-канал.
  3. Работа с текстом.
  4. Анимация.
  5. Инструменты выделения - прямоугольник, эллипс, свободное, рассеянное и "разумное" выделение, кривые Безье.
  6. Преобразование – наклон, масштабирование, вращение, отражение.
  7. Экспозиция – кривые, гистограмма, регуляторы.
  8. Фильтры.

Русифицированный Gimp

Уроки

2. INKSCAPE

b_58d2373253aeb.jpgПолноценный редактор векторной графики с открытым исходным кодом. Поддерживает возможности формата SVG — работу с фигурами, контурами, текстом, векторизацией растровой графики и др. Кроме обработки векторных изображений, позволяет создать шаблон сайта и нарезать его – модульная сетка присутствует. Дает возможность рисовать фоны, баннеры, векторные логотипы и др. В сети имеется масса структурированных уроков по работе с этим редактором.

Основные возможности:

  • стандартные инструменты: Выделение, Масштабирование, Правка узлов, Прямоугольник, Эллипс, Звезда, Спираль, Линия от руки, Перо (кривые Безье), Текст, Градиент, Пипетка, Ластик, Аэрограф, Каллиграфическое перо,Заливка для трассирующей заливки;
  • рисование кривых Спиро;
  • расширенные возможности работы с клонами объектов, создание узора из клонов при помощи любой из 17групп симметрии;
  • логические операции с контурами: сумма, разность, пересечение, исключающее ИЛИ, разделить, разрезать контур;
  • оконтуривание штриха;
  • создание составных контуров;
  • вставка нового узла в любую точку контура;
  • быстрая смена типа узла с острого на сглаженный или симметричный;
  • динамические контурные эффекты.

Сайт Incskape

Уроки

3. Marvelapp

b_58d237836298a.jpgОнлайн редактор создания интерактивного прототипа. Можно создать прототипы для разных устройств. Позволяет загружать готовые макеты, просто перетаскивая их в указанную область. В качестве рисунков используйте mockup. Загружайте, выделяйте области, настраивайте переходы. Интегрирован с DropBox и ГуглДиск, Sketch. Приложение для iPhone позволяет сфотографировать рисунок и создать на его основе прототип. Приложение генерирует короткий url-адрес, по которому интерактивный прототип будет доступен и через браузер.

Сайт

Видеоурок

4. Jeta Logo Designer

b_58d237ceb90b5.jpg

Бесплатная программа для создания логотипов. Позволяет быстро создать красочный логотип. Очень проста в обращении. Имеет набор из более чем 10000 фигур и иконок. Возможности стилизации достаточно велики. Объекты, как и текст, можно трансформировать и поворачивать, добавлять эффекты сглаживания, свечения, обводки, тени и т.д. Всего имеет около 200 стилей для фигур. Ручное рисование не предусмотрено, но можно загружать рисунки. Имеет собственные шаблоны логотипов.

Сайт

Уроки

5. IconEdit2

b_58d2390e73e49.jpg

Очень простая программа для рисования иконок. Имеет фильтры. Позволяет экспортировать изображение для Android и Apple. Можно настраивать глубину цвета, поворачивать и корректировать иконку. Поддерживает полупрозрачность, несколько изображений в один файл ICO и сглаживание во всех инструментах рисования.

Основные возможности:

  • рисование;
  • поиск иконок в файлах;
  • мгновенное создание новых иконок путем захвата области экрана или открытия файлов изображения или фотографии.

Сайт

Уроков нет, редактор очень простой.

6. Falco Gif Animator

b_58d2394abca17.jpgПрограмма для создания покадровой анимации и анимированных иконок. Имеет множество эффектов. Поддерживает все известные графические форматы, 5 цветовых моделей, имеет множество инструментов для рисования.

Основные возможности:

  1. Поддержка форматов BMP, GIF(Animated), PNG, JPG, ICO, CUR, ANI, TARGA, PSD(Photoshop), PCD(Kodak), TIFF, ICL(Icon Library). Вставка из других графических редакторов.
  2. Инструменты - Карандаш, Линия, Текст, Прямоугольник, Распылитель, Эллипс, Заполненный прямоугольник, Заполненный эллипс, Заливка, инструменты выделения, Инструмент пипетка, выделение лассо, выделение оттенками, размытие, ластик.
  3. Добавление и удаление иконки.
  4. Эффекты - вращение, отражение, перемещение, контраст, яркость, инвертирование цветов, размытие, черно-белый эффект, регулирование HLS, эффект резкости, эффект Emboss, эффект контура, контрастный фильтр, высококонтрастный фильтр, эффект Prewitt, эффект Sobel, эффект Laplas.
  5. Настройка любого размера до разрешения 2048 x 2048.
  6. Поддержка BMP & PNG 32 бита.
  7. Поддержка веб камеры и сканера.
  8. Предпросмотр.
  9. Эффект шумоподавления.
  10. Эффекты маски и рамки.

Сайт

Руководство

7. Fontstruct

b_58d239a842f40.jpg

Очень простой онлайн редактор для создания собственных шрифтов. Новичку позволяет познакомиться с процессами создания и использования собственной типографики. FontStruct позволяет быстро и легко создавать шрифты, построенные из геометрических фигур, которые располагаются в виде сетки - плитки или кирпича. Для каждого символа представлена пустая сетка и большое количество геометрических фигур, которыми эта сетка заполняется, формируя будущую букву. FontStruct генерирует высококачественные TrueType шрифты, готовые к использованию в любом Mac или Windows-приложении. Имеет галерею шрифтов других пользователей, которыми можно пользоваться.

Сайт

Уроки

8. Colorscheme

b_58d239eb0d777.jpgПозволяет подобрать цвета к сайту. Имеет тонкую настройку, показывает код цвета. В конечном итоге позволяет просмотреть страницу в выбранной цветовой гамме. Самый большой плюс – просмотр гаммы с точки зрения отклонения цветовосприятия. Также позволяет выбрать разные цветовые модели. Сохраняет в палитру Gimp, CSS,PNG и т.д. Имеет конвертер цветов для перевода из одной цветовой модели в другую.

На сайте представлены цвета html, автомобилей, названия цветов, цветовые системы, информация о теории цвета.

Сайт

Уроки

9. Wordmark

b_58d23a263f60d.jpg

Позволяет подобрать шрифт, установленный на компьютере пользователя, для текста логотипа или заголовка. При вводе текста в поле показывает его различными шрифтами. Можно выбрать размер, регистр, отображение черно-белое или наоборот. Понравившиеся варианты публикуются в триттере или на фейсбуке – по выбору пользователя. Можно отправить на email.

Сайт

Уроки не нужны, все предельно просто.

______________________________________________________________________

Материал создан агентством контент-маркетинга Текстотека.

Хотите самостоятельно внедрить контент-маркетинг в свой бизнес? Подписывайтесь на наше сообщество ВКонтакте, там много бесплатного обучающего материала.

0
В избр. Сохранено
Авторизуйтесь
Вход с паролем
Комментарии
Выбрать файл
Блог проекта
Расскажите историю о создании или развитии проекта, поиске команды, проблемах и решениях
Написать
Личный блог
Продвигайте свои услуги или личный бренд через интересные кейсы и статьи
Написать

Spark использует cookie-файлы. С их помощью мы улучшаем работу нашего сайта и ваше взаимодействие с ним.