GIMP может все!
Практически все дизайнеры считают и упорно доказывают, что гимп — не ровня фотошопу. Что он вообще не полноценный графический редактор, а так, любительская поделка, которая ничего не умеет. Сейчас я докажу Вам обратное. Статья эта написана как раз для того, чтобы можно было ткнуть в рожу «дизайнеру», который считает, что The Gimp никогда не заменит Adobe Photoshop.
В конце этого урока мы получим следующую картинку:
Ну, поехали.
Для начала надо открыть текстуру для фона, которую мы будем использовать. Я взял текстуру, которую делал для своего сайта. Как создавать бесшовные текстуры Вам расскажет гугл, а может и я, если будет время.
Нажмем Выделение - Выделить все. Затем Правка – Копировать (ну или естественно Ctrl + A, Ctrl + C). После этого Правка – Вставить как – Новая текстура
В появившемся окошке надо ввести название и имя файла для новой текстуры.
Результат можно увидеть в окне текстур:
Теперь создадим новый файл размером 350х250 пикселей с прозрачным фоном.
Это ведь было не сложно, правда?
Кликнем правой кнопкой мыши на новом изображении и выберем Правка – Залить текстурой.
Теперь с помощью инструмента Прямоугольное выделение мы выделим небольшой верхний кусок изображения.
Создадим новый слой, назовем его «Верх»
Возьмем стандартную текстуру «Warning» и зальем ею выделение. Хотя для своего сайта я делал по-другому. Если необходим другой размер линий - можно взять инструмент Свободное выделение и зажав Ctrl нарисовать прямоугольник. Тут кстати гимп обходит фотошшоп, т.к. в таком решиме линии рисуются не только под углом в 90 градусов, но и 45.
С помощью инструмента «Выделение связанной области» выделим все желтые полоски.
Теперь их необходимо заполнить всю выделенную область грязно-желтым цветом #c4b10f
Инвертируем выделение и удаляем черные полоски, нажав клавишу Del.
Сейчас нам необходимо продублировать слой с фоном. Нужно это затем, чтобы режим слоя «Осветление» применялся по отношению к фоновой текстуре, а не к тени, которую мы сейчас будем делать.
Здесь мы выделим все, что находится ниже нашей верхней полоски.
Затем выделим слой, который мы только что сделали и удалить оттуда все выделенное, нажав del.
Теперь сменим режим у слоя «Верх» на «Осветление»
Вот, что у нас из этого получилось:
Продублируем слой «Копия фон» и назовем его «Верхняя тень». Заодно выключим видимость всех остальных слоев.
Выделим содержимое нашей тени и зальем его черным цветом
Затем снимем выделение, нажав Shift+Ctrl+A.
Применим Гауссово размывание к нашей тени, чтобы она действительно стала тенью. Радиус размывания возьмем 7 пикселей.
Теперь включим все остальные слои и подвинем нашу тень на 2-3 пикселя вниз.
Теперь поочередно объединим три верхних слоя.
Продублируем слой «верхняя тень» и назовем его «нижняя тень».
Чтобы наша нижняя тень действительно стала нижней, необходимо ее отразить по вертикали с помощью Слой – Преобразования – Отразить по вертикали.
Теперь напишем немного текста.
Опять продублируем слой с фоном и поместим его под нашим текстом, как мы делали это для верхней окантовки.
После этого у слоя с текстом надо выставить режим «Осветление», чтобы наш текст выглядел так же, как и окантовка сверху.
Выделим видимую часть текстового слоя.
Затем создадим новый слой с тенью и зальем его черным цветом.
Снимем выделение, а затем применим гауссово размытее с теми же параметрами, что и в прошлый раз. После этого подвинем тень на 4 пикселя вниз и вправо.
Так как изображение у нас получилось немного большое, то мы подвинем нижнюю окантовку вверх и выделим область, которую мы хотим оставить. Затем нажмем правой кнопкой на изображении, Изображение – Откадрировать в выделение.
Погуглим и скачаем иконку гимпа, затем закинем ее в наше окно.
С помощью инструмента масштаб уменьшим иконку.
Теперь немного стилизуем иконку под общую тематику.
Вот в принципе и все. Гимп может практически все, что может фотошоп, так что если вдруг кто-то будет кричать что он никогда не заменит фотошоп, то можно усмехнуться над недалекостью ума этого «дизайнера». Просто адоб сьют позволяет делать говно куда быстрее, а настоящему художнику подойдет любой инструмент.
Конечно нужно отметить и недостатки гимпа, например нет групп слоев и горячие клавиши не работают при русской раскладке(хотя это уже камень в огород GTK). Больше я вроде не заметил за эти 1.5 часа использования(да, я использовал гимп всего 1.5 часа и мне не практически не пришлось переучиваться, разве вот только инструменты тут на других горячих клавишах)
