Все уроки в gimp

Создаём эффект объёмного жидкого текста с помощью плагина G’MIC

Выберите в меню Фильтры – G’MIC-Qt.

В открывшемся окне фильтра выберите Deformations — Drop Water.

Шаг 3

В настройках фильтра прежде всего установите следующие параметры (причём в указанной последовательности):

1. Вводные слои – Все видимые;
2. Режим вывода – Новый слой (слои);
3. Shapes – Opaque Regions on Top Layer.

Шаг 4

Теперь поиграйтесь настройками фильтра на свой вкус. Для простоты понимания работы фильтра Drop Water, мы приводим перевод параметров. А также свои значения для конечного результата, показанного в начале и конце урока.

А) Light parameters (Параметры освещения)

• Refraction (Преломление) — 3,00;
• Light Angle (Угол освещения) – 35,00;
• Specular Size (Размер отражения) – 6,10;
• Specular Intensity (Интенсивность отражения) – 1,00;
• Specular Centering (Центрирование отражения) – 0,50.

Б) Shadow parameters (Параметры тени):

• Shadow Size (Размер тени) – 0,10;
• Shadow Intensity (Интенсивность тени) – 0,10;
• Shadow Smoothness (Плавность тени) – 0,20;
• Diffuse Shadow (Рассеивание тени) – 0,00.

Получив желаемый эффект объёма текста из воды, нажмите ОК.

Когда отсутствие иллюстраций лучше их наличия

Если изображение не релевантно контенту – это плохо. Но еще хуже шаблонные картинки. Вот лишь несколько примеров.

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

Эта, или очень похожая на нее девушка, работает оператором на тысячах сайтов, где есть служба поддержки:

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

интерполирование

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

Окончательный вариант, Sinc (Lanzos3) , предлагает высококачественную интерполяцию, и когда качество особенно важно, возможно, стоит поэкспериментировать с этим

Покрываем портрет из текста радужным градиентом

Затем создайте новый белый слой, который расположится поверх текстового слоя.

Возьмите инструмент Градиентная заливка и в параметрах выберите радужный градиент Full saturation spectrum CCW.

Шаг 4

Сделайте градиентную заливку холста, проведя курсором линию от одного края изображения до другого.

Шаг 5

Примените к слою с радужной заливкой режим Экран. На лице модели останется только текст, переливающийся всеми цветами радуги.

Шаг 6

Возьмите инструмент Кривые из меню Цвет и слегка погасите светлые тона изображения.

Шаг 8 – необязательный

Выберите в меню Цвет – Тон-Насыщенность. В окне настроек умеренно добавьте насыщенности изображению. Этот приём позволит восстановить яркость цветов, потерянную в светлых областях во время коррекции кривыми.

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

предварительный просмотр

Это позволяет вам установить, как вращение отображается вам во время преобразования. По умолчанию используется Образ и это показывает наложенную версию слоя, чтобы вы могли видеть изменения по мере их создания. Это может быть немного медленным на менее мощных компьютерах. Контур опция просто показывает контур границы, который может быть более быстрым, но менее точным, на более медленных машинах. сетка опция лучше, если для направления установлено значение корректив а также Изображение + сетка позволяет просматривать изображение, которое поворачивается с помощью наложенной сетки.

Создаем цветовой профиль в фильтре Цветовой баланс

Шаг 1

Окрасим буквы в золотистый цвет с помощью фильтра Цветовой баланс. Для этого зайдём через меню Цвет – Цветовой баланс.

Шаг 2

В открывшемся окне фильтра установим следующие значения:

Светлые части

• Красный – 53,2;
• Красный – 24,5;
• Жёлтый – -47,5.

Полутона

• Красный – 16,0;
• Зелёный – 0,0;
• Жёлтый – -33,0.

Тени

• Красный – 25,5;
• Зелёный – 0,0;
• Жёлтый – -33,0.

Шаг 3

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

а) Нажимаем на пиктограмму плюса напротив поля Профили. В открывшемся окне Сохранённые параметры прописываем название предустановке — “золото”. Нажимаем  ОК, сохраняя свой цветовой профиль.

б) Наконец, нажимаем ОК в окне фильтра Цветовой баланс и окрашиваем слой Россия #50 в золотистый цвет.

Уменьшим размер слоя Россия #50. Для этого заходим через меню Слой – Обрезать до содержимого.

Включаем значок цепочки для слоя Россия #50 и активируем нижестоящий слой Россия #49.

Окрашиваем слой Россия #49 через меню Цвет – Цветовой баланс.

Шаг 7

В открывшемся меню фильтра нажимаем на значок галочки, и в выпадающем списке выбираем ранее созданный цветовой профиль “золото”. Нажимаем ОК.

Шаг 8

Уменьшаем размер текстового слоя Россия #49 через меню Слой – Обрезать до содержимого.

Включаем значок цепочки. Повторяем действия по окрашиванию, обрезки слоя до содержимого, и включения цепочки для всех нижестоящих текстовых слоёв.

Осваиваем фильтр «Бесконечный Дросте» для создания рекурсивного изображения

Шаг 1

Открываем в GIMP изображение молодой пары через меню Файл — Открыть как слои. С помощью инструмента Свободное выделение, создаем выделение внутри рамки. Нажимаем на клавиатуре клавишу Enter,  клавишей Delete удаляем внутреннюю часть. Снимаем выделение через меню Выделение — Снять выделение.

Шаг 2

Открываем расширение G’MIC через меню Фильтры — G’MIC-Qt….

В открывшемся меню расширения нажимаем на треугольник рядом с Deformations (Деформация), и в раскрывшемся списке выбираем Continuous droste (Бесконечный Дросте).

Шаг 3

Снимаем галочку в чекбоксе External transparency и устанавливаем галочку в чекбоксе Do not flatten transparency.

В окне предпросмотра G’MIC у нас получится следующее изображение.

Изменяем значения Center Y-shift (Смещение центра спирали по вертикали) до -60.

Изменяем значения Zoom (увеличение) до 69, и Rotate (вращение) до 10.

Шаг 6

С помощью ползунков X-shift на -4 (Смещение всего изображения по горизонтали) и Y-shift на -20 (Смещение всего изображения по вертикали) центруем изображение.

Шаг 7

Изменяем значения Inner radius (Внутренний радиус) до 36,04 и Outer radius (Внешний радиус) до 95,05, а также изменим значение Rotate (вращение) до 11.

Финальные настройки.

Готовая фотография с эффектом бесконечности:

Редактирование

После вставки картинки (но только если она выделена) на верхней панели появляется вкладка «Формат» – работа с рисунками.

Здесь можно задать яркость, контрастность, установить цвет, наложить тени, отражение или свечение, выбрать положение объекта на странице и многое другое.

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

Как в Word повернуть картинку

Для поворота объекта следует выполнить следующие шаги:

1. Выделить изображение, перейти во вкладку «Формат».
2. В разделе «Упорядочить» найти опцию «Повернуть».
3. Кликнуть по ней левой кнопкой мышки для вызова меню.
4. Выбрать вариант поворота или отражения объекта.

При редактировании обычно не приходится задействовать другие параметры поворота.

Как в Word обрезать картинку

Делается это в несколько кликов:

1. Выделить рисунок.
2. В разделе «Размер» вкладки «Формат» найти опцию «Обрезка».
3. Кликнуть по ней левой кнопкой мышки. Возле курсора появится инструмент обрезки.
4. Навести его на любую из точек выделения, нажать левую кнопку и потянуть в нужную сторону.

Для более точной обрезки необходимо:

1. Открыть параметры раздела «Размер», клацнув по значку со стрелкой в правом нижнем углу.
2. В диалоговом окне перейти на вкладку «Рисунок».
3. Указать значения для обрезки изображения со всех сторон.
4. Нажать «Ок».

Как в Word наложить картинку на картинку

При вставке изображений стандартным способом они располагаются только один над другим или рядом. Наложить несколько объектов друг на друга возможно несколькими способами.

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

С помощью «Обтекания текстом»

1. Вставить изображения по очереди удобным способом.
2. Выделить то, которое будет фоном, клацнув по нему левой кнопкой.
3. Во вкладке «Формат» выбрать инструмент «Обтекание…» — «За текстом».
4. Повторить действия со вторым рисунком, только выбрать вариант «Перед текстом».
5. Перетащить левой кнопкой второй объект на фон.

С помощью «Надписи»

1. Во вкладке «Вставка» найти раздел «Текст».
2. Выбрать инструмент «Надпись» — подойдет простая, или можно нарисовать ее.
3. В месте, где установлен курсор, появится рамка с текстом, которая перемещается по странице левой кнопкой мышки.
4. Выделить и удалить текст кнопкой «Del» или «Backspace».
5. Вставить внутрь пустой рамки картинку, используя опцию «Вставка» — «Рисунок» или комбинацию клавиш Ctrl+C и Ctrl+V.
6. Второе изображение можно наложить на фон.
7. Для скрытия рамки и белых полей нужно выделить объект и перейти во вкладку «Формат». В контуре и заливке фигуры установить вариант «Нет».

Как в Word вставить текст на картинку

Иногда требуется сделать так, чтобы текст располагался не под или над рисунком, а прямо на нем. Эта опция обычно актуальна для объяснения определенных фрагментов изображения или просто красивой надписи. Написание текста на графическом элементе осуществляется двумя способами.

С помощью «WordArt»

1. После добавления рисунка в документ перейти во вкладку «Вставка», в разделе «Текст» выбрать инструмент «WordArt».
2. В списке найти подходящий стиль и кликнуть по нему.
3. На экране появится диалоговое окно. Нужно удалить пример, написать желаемую фразу, выбрать шрифт и размер, установить курсивное или жирное начертание.
4. Нажать «Ок».
5. Во вкладке «Формат» настраивается оформление надписи: заливка, контур, тени и т.д. Здесь также можно изменить текст.
6. Задать для надписи формат обтекания – «Перед текстом».
7. Передвинуть готовую надпись на рисунок.

С помощью «Фигуры»

1. Во вкладке «Вставка» раскрыть список с фигурами.
2. Найти вариант «Надпись» и клацнуть по нему.
3. На экране вместо курсора появится знак в виде «+».
4. Левой кнопкой мышки кликнуть по любому месту на рисунке и протянуть прямоугольник до нужного размера.
5. Вписать текст, выбрать шрифт, размер, цвет, заливку.
6. При желании оформить надпись, используя инструменты во вкладке «Формат».
7. Для изменения белого фона прямоугольника и удаления границ в «Заливке фигуры» и «Контуре фигуры» установить вариант «Нет».
8. Щелкнуть в любом месте документа для применения изменений.

Зачем тексту визуальное дополнение

Самая большая ошибка, которую можно совершить при иллюстрировании контента – добавить картинки чтобы «было красиво» и потому, что «все так делают».

Основные функции иллюстраций таковы.

Повышение вовлеченности пользователей

Изображения делают текст удобнее для чтения. Если перед читателем стоит выбор – огромная текстовая «простыня» или визуально структурированный контент, то вероятнее он выберет второй вариант, поскольку его легче воспринимать. Если бы в своем блоге мы рассказывали о популярности Instagram Stories текстом, получилось бы менее понятно:

Дополнение авторской мысли

Бывает, что одним текстом сложно или долго объяснять идею и легче показать ее наглядно. Например, вместо описания местности проще показать ее фото или при написании инструкций целесообразнее пояснить действия на скриншотах и схемах. При описании работы с инструментом LISTKIT от SEMANTICA мы использовали скриншоты, чтобы объяснение было более понятным:

Воздействие на эмоции читателей

С помощью изображений можно вызывать различные ощущения. К примеру, на решение о покупке нередко влияет привлекательное изображение товара. Как пример, две истории на разных сайтах о причинах выбора продуктов Apple:

Прежде чем иллюстрировать контент, задайте себе вопрос «Зачем?». Если картинка не имеет ясной цели, значит, она не нужна.

На картинке слева мало понятно, как соотносятся лицо и искусственное яблоко, а вот на изображении справа показан описываемый объект:

Добавляем карандаш к слоям анимации

Шаг 1

Активируем слой с карандашом, и с помощью пиктограммы создания копии слоёв добавляем две копии слоя. Для удобства работы переименовываем  названия трёх слоёв с карандашом. ПКМ кликаем по названию слоя и в выпадающем списке выбираем Изменить атрибуты слоя.

Шаг 2

В открывшемся окне прописываем новое название слоя: Верхний. Аналогично переименовываем другие две копии с карандашами, присвоив им имена Средний и Нижний соответственно.

Шаг 3

Активируем инструмент Вращение. Затем в диалоговом окне Слои активируем слой Средний и поворачиваем его на 10 градусов. Активируем слой Нижний и поворачиваем на 20 градусов.

Активируем первый слой с паутиной и дублируем его.

Выбираем инструмент Перемещение.

Шаг 6

Включаем видимость третьего снизу слоя с паутиной, нажав на пиктограмму глаза. Активируем слой с карандашом Верхний, дублируем его и поднимаем на три слоя вверх. Перемещаем его с помощью инструмента Перемещение в начало завитка буквы П. И в диалоговом окне Слои опускаем его на один слой вниз.

Шаг 7

Активируем слой с карандашом Средний, дублируем его и поднимаем на пять слоёв вверх. Подставляем карандаш к концу завитка инструментом Перемещение.

Шаг 8

Включаем видимость следующего вышестоящего слоя с паутиной. Активируем слой с карандашом Нижний, дублируем его и поднимаем выше ранее включенного слоя с паутиной. Инструментом Перемещение переставляем слой с карандашом к концу закрашенного участка части буквы.

Шаг 9

Включаем видимость следующего вышестоящего слоя с паутиной. Находим в стопке слоёв ближайшую копию слоя Средний, дублируем ее и поднимаем выше ранее включенного слоя с паутиной.

Шаг 10

Дублируем последний слой. Включаем видимость нижестоящего слоя с паутиной. Дублируем ближайший слой с карандашом Верхний и поднимаем его выше предпоследнего слоя с паутиной.

Включаем видимость последнего слоя с паутиной.

Шаг 12

Кликаем ПКМ по названию слоя с карандашом и в выпадающем списке выбираем Объединить с предыдущим. Повторяем это со всеми нижестоящими слоями с карандашами.

Шаг 13

Удаляем слои-исходники с карандашами — Верхний, Средний, Нижний. ПКМ по названию слоя и в выпадающем списке выбираем Удалить слой.

Что же такое эффекты слоев?

Эффекты слоев – это специальные эффекты, которые легко и быстро могут быть применимы к текущему слою, чтобы кардинально изменить внешний вид объекта расположенного на этом слое.

Неоспоримое преимущество Фотошопа над GIMP в том, что эффекты слоев могут быть сохранены для дальнейшего использования при редактировании в фоторедакторе.

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

В GIMP же даже нет этой удивительной возможности быстро и легко применять к слою простые эффекты. Для этого необходимо сделать огромное количество шагов, может быть и 17

этом уроке

В фотошопе же, те же самые действия делаются за два щелчка мыши. Видите друзья, какая не справедливость

Как говорится, за «плюшки» и сервис нужно платить )), гимп же полностью бесплатная программа. И в нем не всегда все гладко. Хотя и вышла однооконная версия редактора, до сих пор многих фишек старшего собрата по цеху ему не хватает.

Так встанем же на сторону правды и поможем нашему редактору обрести невиданную до этого силу с помощью установки дополнительного расширения Layer Effects, которое поможет воссоздать, хоть и отдаленно, те самые любимые эффекты слоев «Как в Photoshop».

Дамы и господа, встречайте поистине уникальное дополнение для GIMP:

Layer Effects представляет собой небольшой скрипт, доступный для скачивания в двух версиях с расширением *scm и *py — Script-Fu и Python версия соответсвенно.

SCM – это версия обычного скрипта для гимпа написанного на специальном языке Script-FU. А вот версия с расширением *py, это скрипт создан на более продвинутом языке программирования Python. Получивший в русском языке название – Питон.

Функционально они не чем не отличаются, но вот в использовании скрипта питона эффекта слоев есть небольшие отличия. Как я уже говорил ранее, у скриптов Python есть огромный плюс по сравнению с версией Script-Fu – это привью (предпросмотр в реальном времени) того или иного эффекта до его применения к текущему слою. Согласитесь, это же намного лучше, чем вы на бум лазорева будете щелкать настройки скрипта scm? а потом отменять их с помощью «ctrl+z», а затем снова подбирать параметры методом научного тыка.

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

В конце статьи вы увидите следующий слайд

Нажмите по нужной версии скрипта (под надписью «Attachment»), чтобы скачать скрипт себе на компьютер.

Но, на всякий случай я продублировал ссылки на скачивание, если у вас не получится скачать скрипт с официальнго сайта.

Теперь поговорим про установку дополнений в Gimp. С версией скрипта scm все просто его достаточно скачать и скопировать в папку скриптов gimp. Более подробно об этом вы можете прочитать в этих уроках:

Если же, я вас уговорил на использование версии питона, то предупрежу вас об одной не существенной загвоздке, которая встанет на вашем пути. А как же за удовольствие нужно платить, а в чем же плата спросите вы? А том, что прежде необходимо установить поддержку языка Python в windows, а лишь после этого неограниченно использовать все возможности скриптов питон для графического редактора Gimp, о которых я буду рассказывать в новых статьях блога. Не пропустите, подписывайтесь на обновления.

Как установить поддержку языка Python в windows смотрите в этом уроке:

Надеюсь, вы справились с установкой Python и скрипта Layer Effects на ваш компьютер? Если что спрашивайте! А я продолжу. Ой, совсем забыл, после установки дополнения, я настоятельно рекомендую

ПЕРЕЗАПУСТИТЬ ПРОГРАММУ

А теперь, давайте рассмотрим более подробно все возможные настройки плагина.

Режимы наложения слоя

Режим наложения – это способ взаимодействия пикселов соседних слоев. Режимы наложения слоя иногда называются «режимами смешивания». В GIMP имеется двадцать один режим наложения слоя.

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

Режим устанавливается в диалоге слоев для активного слоя.

Рассмотрим некоторые из режимов.

• В нормальном режиме, который устанавливается по умолчанию, цвет пикселов верхнего слоя полностью перекрывает цвет пикселов нижних слоев.
• Растворение – контур объекта становится похожим на рассыпанное сыпучее вещество. Если у слоя нет прозрачных областей, то эффекта видно не будет.
• Умножение – итогом будет более темный или черный цвет. Этот режим часто используется для тени.
• Деление — результат обычно светлее исходного изображения, и иногда выглядит «выжженным». 
• Экран — результат обычно светлее исходного изображения, и иногда выглядит «выцветшим». Исключение составляют чёрный слой, который не меняет результата, и белый слой, результат которого — белое изображение. Тёмные цвета выглядят более прозрачными.
• Извлечение зерна — рассчитан на выявление «зернистости фотоплёнки» в слое, чтобы получить слой с чистыми зёрнами, но годится также, когда нужно придать изображению рельеф.
• Объединение зерна — сливает зернистый слой с активным слоем, оставляя зернистую версию искомого слоя и таким образом.
• Тон использует тон верхнего слоя и насыщенность и яркость нижнего слоя, чтобы получить конечное изображение. Однако, если насыщенность верхнего слоя равна нулю, то тон берётся из нижнего слоя.
• Насыщенность использует насыщенность верхнего слоя и тон и яркость нижнего слоя, чтобы получить конечное изображение.

У каждого слоя изображения может быть свой режим. Режим самого нижнего слоя не имеет никакого значения. Эффект режимов слоёв накапливающийся.

Пример

Нормальный режим	Растворение	Только светлое
Только темное	Перекрытие	Разница
Вычитание	Тон	Насыщенность

Как замазать текст на скриншоте или фото

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

Какие варианты для замазывания текста имеются:

• замазывание при помощи фломастера — выбирается просто зачеркивание, фломастер может быть любого цвета и толщины;
• применение геометрических фигур — подходящий вариант, когда нужно скрыть целый блок информации, например, может использоваться квадрат или круг;
• размытие фона — красивый и удобный эффект, в английском языке он носит название «Blur», применяется чаще всего в дорогих редакторах.

Как посмотреть замазанный текст на фото с помощью приложений

Получение должного результата для проявления текста, замазанного кистью, зависит от того, какой формат имеет само изображение. В каждом снимке хранится информация разного вида. Например рисунки векторных изображений могут быть представлены в виде файла, где имеется описание координат геометрических объектов. Графические изображения по наиболее распространенным форматам JPEG, PNG поддаются проще всего обработке. Такие картинки можно изменять, если не применялись дополнительные инструменты с целью закрасить текст.

Чтобы иметь возможность обработать фото и получить желаемый результат, лучше использовать качественные редакторы, имеющие большой набор инструментов.

Наименование	Описание	Цена	Рейтинг
PaintShop	Программа имеет два интерфейса — основной и полную версию. Пользователь может использовать простые инструменты или набор для профессионала. В приложении обширный функционал — работа со слоями, большое количество фильтров, коррекция объектива и пр.	6,300 рублей	★★★★★
Affinity Photo	Для новичков интерфейс приложения может показаться сложным. Для профессионалов, данная программа — это лучший выбор. После ее приобретения открывается широкий спектр возможностей. Самая сильная сторона — работа с цветами	от 899 рублей	★★★★★
Snapseed	Хороший и универсальный фоторедактор, подходящий тем, кто любит вручную изучать настройки и подходить к обработке изображений особо тщательно. Программа включает возможность менять фокусировку на изображении. Snapseed привязано к сервисам Google.	0 рублей	★★★★
Gimp	Популярный аналог Photoshop, имеющий практический одинаковый набор инструментов. В нем можно рисовать, пробовать применение различных слоев, ретуширование фото и создание коллажей. Отлично подходит для графического дизайна и обработки фотографий.	от 400 рублей	★★★★
Paint.net	Отличный графический редактор для  Windows. Программа работает со слоями. Имеет усовершенствованные свойства инструментов. Каждый слой поддается корректировке отдельно и может меняться по очередности. Paint.net имеет немного меньше функций, чем Photoshop, но их вполне достаточно для выполнений простых задач.	от 500 рублей	★★★★

PaintShop

Стоимость

5

Полнота функций

10

Обработка

10

Разнообразные рабочие пространства

10

Доступное использование

6

Итого

8.2
Отличный редактор. Идеальный вариант для профессионального использования

Affinity Photo

Стоимость

5

Полнота функций

10

Обработка

10

Разнообразные рабочие пространства

10

Доступное использование

8

Итого

8.6
Редактор подходит как для профессионалов, так и для любителей обрабатывать личные фото

Snapseed

Стоимость

10

Полнота функций

8

Обработка

10

Разнообразные рабочие пространства

8

Доступное использование

10

Итого

9.2
Легкий в управлении редактор, позволяет совершать необходимые действия как с компьютера, так и телефона

Gimp

Стоимость

10

Полнота функций

8

Обработка

10

Разнообразные рабочие пространства

8

Доступное использование

10

Итого

9.2
Приемлемая цена за отличного качества редактор, имеет обширный набор функций

Paint.net

Стоимость

9

Полнота функций

9

Обработка

10

Разнообразные рабочие пространства

7

Доступное использование

10

Итого

9
Подходящая замена Photoshop. Позволяет быстро обрабатывать фотографии, применяя различные инструменты

Как создать светящийся текст

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

Для этого выполняем следующие действия по порядку:

Шаг 1. Заходим в программу Gimp и создаем новый рисунок. («Файл»– «Создать…»).

Перед вами появится следующее окошко:

Настройте изображения до необходимого вам размера. Мы укажем ширину 500px и высоту 200px.

Шаг 2. С помощью инструмента «Заливка», который находится в левой панели инструментов, залейте изображение выбранным вами цветом (любым).

Примечание. Вы можете залить изображение готовой текстурой, настроив инструмент «Заливка» соответствующим образом:

Пример возможных текстур.

Мы используем заливку со следующей текстурой:

Шаг 3. Создаем новый слой (в правой панели «Слои» – «Кисти» жмем на вкладку «Создать слой»). С помощью инструмента «Текст», который находится в левой панели инструментов, делаем на новом слое любую надпись. Редактируем по желанию: размер, шрифт и прочее.

Мы использовали шрифт Sans Bold Italic, размер текста 66, цвет черный и полужирный формат букв с наклоном.

Вот, что у нас получилось:

Шаг 4. В верхней строке меню, заходим: «Инструменты» — «Преобразование» — «Выравнивание».

Появляется следующее окно:

По очереди нажимаем : «Централизовать по вертикальной оси», «Централизовать по горизонтальной оси». Это делается для того, чтобы написанный текст располагался точно посередине изображения.

Шаг 5. Щелкаем правой кнопкой мыши по слою с надписью и выбираем «Слой» — «Слой к размеру изображения».

Шаг 6. Далее щелкаем по активному слою с надписью (в правой панели инструментов) правой кнопкой мыши и выбираем «Альфа канал в выделение». Наша надпись выделится.

Шаг 7. Создаем новый пустой слой.

Шаг 8. Щелкаем по выделенной надписи правой кнопкой мыши и выбираем «Выделение» — «Увеличить выделение». Увеличиваем на 3 px.

Шаг 9. С помощью инструмента «Заливка» заливаем выделенную надпись любым желаемым цветом.

Мы залили белым:

Шаг 10. Теперь в правой панели «Слои»– «Кисти» опускаем текущий активный слой под слой, в котором вы наносили текст на структуру. Делаем это обычным перетаскиванием мышкой.

Вот, что получилось:

Шаг 11. Снимаем выделение. Для этого щелкаем правой кнопкой мыши: «Выделение» — «Снять выделение». Переименуйте слой. Например, в «тень».

Шаг 12. В верхней строке меню программы нажмите «Фильтры» — «Размывание» — «Гауссово размывание»

Радиус размывания выставляем 45.

Шаг 13. Дублируем полученный слой, также применяем к нему «Гауссово размытие», теперь с радиусом размытия 30. Переименуйте данный слой в «тень2».

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

Шаг 15. Работаем с полученной копией. Применяем к ней также «Гауссово размытие» с радиусом размытия 15.

Шаг 16. Изменим режим смешивания на «Осветление».

Шаг 17. Теперь копируем слой «тень2» и перетаскиваем копию мышкой в самый верх.

Применяем к нему режим «Осветление». Вот, что в итоге должно получиться:

Подводим итоги

Чтобы подытожить статью, составим краткий перечень основных рекомендаций по иллюстрированию контента:

1. Добавляйте иллюстрации, имеющие четкую цель.
2. Используйте качественные изображения, релевантные контенту.
3. Иллюстрируйте только самые важные мысли.
4. Соблюдайте авторское право и не воруйте картинки.
5. В зависимости от задачи выбирайте подходящие варианты иллюстрирования.
6. Для каждой картинки придумайте название, заполните title и alt.
7. Правильно выбирайте формат изображения, используйте сжатие и адаптацию.
8. Все изображения сохраняйте в нужном размере на своем хостинге.

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