ProGIMP — сайт про Гимп
GIMP — The GNU Image Manipulation Program
Гимп — бесплатный графический редактор
Аватарка для сайта
Открываем картинку, ну или фото. Кому что нравится. Я взяла эту:
Дальше решаем какого размера будет наша аватарка. Моя будет 200×400px (пиксилей). Создаём новое изображение (Файл/Создать) и вбиваем в окошке ширину и высоту. На нашей фотографии выделяем при помощи «Прямоугольного выделения» нужные нам отрезки, затем копируем (Правка/Копировать).
И вставляем в наш новый документ (Правка/Вставить). Теперь подгоняем её под нужный нам размер, можно воспользоваться инструментом «Масштаб».
В итоге должно получиться
Теперь сделаем обычную чёрную рамку. Создаём новый слой (Слой/Создать слой) или значёк «Создать слой» в диалоге (окне) слоёв. Только задайте ему непрозрачность (одноимённый ползунок на панели слоёв).
Затем «Выделение/Всё», «Выделение/Уменьшить» тем самым задаём толщину рамки (я взяла 5px), «Выделение/Инвертировать» тем самым получаем контур рамки. И заливаем его любым цветом (у меня белый). Вот и всё, осталось только объединить слои (Изображение/Свести изображение) и сохранить например в формате jpg, чтоб разместить на сайте.
Вот что в конце примерно должно выйти, чтоб глаза не мозолило.
Похожие уроки
Картинка из нескольких кадров
Создание рамки для фотографии
Эффект кадра из старого фильма
Уроки: ← предыдущий следующий →
18 комментариев
зло27 сентября 2011 в 09:09Личное сообщение
ничего нового и интересного. учитесь еще. на примере урока с батарейкой
Тимур Елизаров27 сентября 2011 в 12:46Личное сообщение
А мне кажется, что не плохой урок. Не всё же новичкам одними фильтрами играться. Пусть что-то дельное сделают.
Валерия Иванова27 сентября 2011 в 12:53Личное сообщение
Урок не о чем. Тимур, на сайте есть простые, но правильно написанные и интересные уроки без фильтров. Учится надо на лучшем
Тимур Елизаров27 сентября 2011 в 13:03Личное сообщение
Учиться надо на плохом. Если учиться на плохом - видишь ошибки и пытаешься их исправить. Развивается мышление, типа, тут ошибка. И чем дальше в лес, тем больше ошибок видишь.
На сайте самые обсуждаемые уроки не всегда самые лучшие. А средних там вообще нет. Либо очень хорошие, либо очень плохие. Иллюстрирует мою позицию, люди учатся: http://www.progimp.ru/articles/comments/
Макс Шевченко27 сентября 2011 в 13:12Личное сообщение
Там из откровенно плохих работ только две..) Две средних и один фейк. Остальные как раз вполне неплохие уроки..)
Тимур Елизаров27 сентября 2011 в 14:50Личное сообщение
Макс, там и странички листать можно. 2, 3, 4, 5. Одни уроки - шикарные, другие - полный позор.
Макс Шевченко27 сентября 2011 в 15:17Личное сообщение
Я знаю про странички, Тимур) Просто самые комментируемые априори расположены на первой странице..) Иначе с таким же успехом можно просто основной раздел уроков пролистывать.
The Passenger27 сентября 2011 в 18:44Личное сообщение
Не проще, ли сделать новое изображение, задать ей размер, потом копировать наше изображение, вставить и потом покрыть рамкой(Толщиной в 5px лучше всего).
Дмитрий Шерстобитов27 сентября 2011 в 20:51Личное сообщение
Кхм,как бы не засмеятся,ну хоть человек экран на фотоаппарат не фотографировал.Спасибо автору за это
Little28 сентября 2011 в 16:20Личное сообщение
The Passanger, очень хорошо выгляждит не пятипиксельная рамка, а однопиксельная. И, автор, урок-то хороший, но рамку лучше делать черную, однопиксельну и аватарку делать лучше квадратной, ИМХО.
The Passenger28 сентября 2011 в 16:55Личное сообщение
Little, эта аватарка как кстати к Вконтакте получается.На обычных форумах где то от 100 - до 200 пикселей размером авы.
Domitory29 сентября 2011 в 13:17Личное сообщение
ченить поинтереснее не могли придумать при создании аватарки кроме как
кадрировать фото?
Гермес Конрад удалил комментарий, посчитав его нарушающим правила сайта.
Сергей Диденко1 октября 2011 в 21:16Личное сообщение
вместо 1 выделения можно было кадрировать
Танюшка Звягина5 ноября 2011 в 00:48Личное сообщение
Это Дима Билан что ли?))
На мой взгляд в уроке обьясняются слишком элементарные вещи. Обрезать фотку и добавить простую рамку, в этом вся суть.. маловато для урока.
Валерия Валькирия5 ноября 2011 в 09:18Личное сообщение
Неплохо...Но просто, очень просто!
Михаил Газзуар5 ноября 2011 в 10:27Личное сообщение
Другой вариант:
В инструменте прямоугольного выделения есть параметр - жестко задать пропорции прямоугольника. Если нам нужна аватарка 100х200, то задаём пропорции 1:2. Выделяем нужную область, дальше кадрируем. А после этого меняем размер картинки на 100х200
Чтобы участвовать в обсуждении вы должны войти или зарегистрироваться.
mrs. LetoКисти
Воспользуйтесь нашим сортировщиком кистей для подбора нужной кисти.
Похожие страницы
Описание редактора
Про Гимп
Вопросы
Как размыть края фотографии в GIMPе?
Рамка в форме закруглённого прямоугольника
Оценка урока
«Аватарка для сайта» получил оценку 2.00 на основе 4 голосов.
9170+244 Комментариев |
со ссылкой на www.progimp.ru. Более подробно →
1) Прямоугольным выделением делаем рамку нужного размера, располагаем, как надобно.
2) Выделение > Граница... и выставляем нужную толщину рамки.
3) Заливаем выделение цветом и кадрируем изображение по эту рамку.
4) ???????
5) Профит!!