Создаём иконку из фотографии

дата: 2009-05-24
автор: scartissue

Начали!

Первым делом нам нужно найти фотографию. Я нашёл её в гугле - это изображение фотокамеры. Его можно найти здесь.

benq-e800-digital-camera

Шаг первый

После того, как вы открыли картинку в GIMP'е, нажмите правой кнопкой мыши на первый слой и выберите «Add Alpha Channel».

ScreenShot010

Шаг второй

Добавьте быструю маску (или нажмите Shift+Q). Экран при этом станет красным. Теперь, выберите инструмент Eraser и стирайте красную область вокруг камеры.

ScreenShot011

Далее, нажмите снова кнопку Quick mask (или Shift+Q) и вы должны будете увидеть область выделения вокруг изображения камеры.

ScreenShot012

Третий шаг

Выберите  «Select>Invert» (или нажмите  Shift+I). Теперь, всё кроме камеры должно быть выделено. Нажмите Delete. Теперь будет видно лишь камеру на чёрно-сером «шахматном» фоне.

ScreenShot013

Шаг четвёртый

Теперь выберите «Image > Canvas Size». Появится диалоговое окно. Нужно разорвать связь между шириной и высотой, нажав на значок справа от полей Width и Height. Затем измените значение ширины и высоты изображения таким образом, чтобы по краям камеры практически не оставалось пустого пространства. Убедитесь, чтобы конечная ширина и высота были одинаковы. Если потребуется, измените также значения X и Y.

Пятый шаг

Правой кнопкой мыши нажмите на слой и выберите «Layer to Image Size». Границы слоя (чёрная и жёлтая линии) должны быть теперь теми же, что и основная рамка.

Шаг шестой

Теперь, если есть желание, вы можете изменить цвет камеры для достижения лучшего эффекта. Чтобы сделать это выберите «Color > Colorize» и изменяйте параметры пока картинка не будет смотреться как нужно.

ScreenShot018

(эти параметры выбрал я)

Создание иконки

Шаг первый

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

Первое что вы должны сделать -  это скопировать первый слой. Выберите инструмент Scale Tool (или нажмите Shift+T), и уменьшите изображение до размера 256x256 пикселей.

ScreenShot019

Шаг второй

Теперь выберите «Image > Fit Canvas to Layers», после чего  размеры рамки должны совпасть с границами слоя.

Шаг третий

Вставьте скопированный ранее слой и выберите «Layer>New Layer» (или нажмите  Shift+Ctrl+N). Теперь выберите Scale Tool снова (Shift+T). Уменьшите вставленный слой до 128x128 px. Повторите этот шаг три раза, уменьшая изображение до 48x48 px, 32x32 px и 16x16 px.

Шаг четвёртый

Теперь посмотрите на слои (их должно быть пять), и если какой-либо из них смотрится размытым, выберите  «Filters > Enhance > Sharpen...» и примените эффект Sharpen если нужно.

ScreenShot020

Шаг пятый

Теперь выберите пунк меню «File>Save As...» (или нажмите Ctrl+Shift+S)  и сохраните то, что сделали в нужную папку. Не забудьте указать расширение файла - .ico.

В диалоговом окне сохранение будет опция - сжимать ли слой размером 256x256 px. Отметьте этот пункт и нажмите Save. (Сжатый PNG используется Windows Vista и выше поскольку в ней есть возможность масштабирования. Однако в Windows XP такой функции нет. Установленная опция сжатия при сохранении позволит большим иконкам отображаться в Viste а другие иконки будут спокойно работать в XP).

Теперь вы закончили!

Теперь у вас есть очень реалистичная иконка фотокамеры!




Гость