Блиц-опрос

Ваше мнение очень важно для автора сайта! Оцените дизайн и контент сайта:

Круто - 50%
Нормалёк - 18.8%
И так сойдет - 18.8%
Полный отстой - 12.5%

Проголосовали: 16
Голосование для этого опроса закончилось on: 31 Дек 2017 - 00:00

Очистка фона в Фотошопе

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

Часто достаточно простые приемы работы в Фотошопе ставят людей в тупик, особенно тех, кто не собирается глубоко изучать такой мощный графический пакет. Новичку хочется сделать шапку сайта. А это, в самом простом варианте, некая прямоугольная область с заливкой каким-нибудь цветом (или фотография), в которую нужно поместить картинку (фото, логотип), название сайта и какой-нибудь слоган (или поясняющую надпись). Вот тут-то и появляется потребность очистить фон фотографии (или рисунка, картинки). Это можно сделать разными способами, на самом деле. То, что ниже – это инструкция для самых ленивых. Не ленивые и пытливые найдут обучающие курсы или уроки по работе с Фотошопом. Итак, ставим задачу – сделать картинку на прозрачном фоне своими руками.

Рисуем тень в Фотошопе

В статье Очистка фона в Фотошопе мы научились делать любой фон прозрачным. Давайте займемся приятным делом – нарисуем красивую тень для нашего многострадального чайника. Задача простая – создать копию чайника, сделать ее черной и размытой и «завалить» ее набок. Тут придется иметь дело со слоями. Слои в Фотошопе – это основа основ. Именно навык работы со слоями позволяет делать в редакторе умопомрачительные вещи, любые коллажи. Итак загружаем редактор и открываем наш файлик – чайник на прозрачном фоне.

работа со слоямиШаг #1

Выделяем объект [Волшебной палочкой] (внутренние области выделяем [Shift] + [Волшебная палочка]). Теперь у нас есть отмеченная область фона. А нам нужно отметить (выделить) сам объект – чайник. Идем [Выбор] > [Инверсия]. Теперь у нас есть выделенный пунктиром объект, а не фон. Идем дальше — [Правка] > [Копировать]. На панельке слоев (справа внизу обычно) кликаем по иконке [Создать новый слой]. Затем [Правка]  > [Вставить]. Инструмент [Перемещение] (стрелочка слева на панели инструментов) позволяет нам перемещать скопированный объект – это нам пригодится.

Рисуем объемную букву

объемная букваИногда необходимо вставить в страницу сайта или в шапку красиво оформленный текст, объемную букву, иконку, кнопку и прочие графические элементы. Такие картинки достаточно просто сделать в Фотошопе при наличии хотя-бы коротенькой инструкции. Такую инструкцию вы и прочтете здесь.

Итак, открываем Фотошоп, затем [Файл] > [Новый] > Выставляем ширину 300 пикселей и высоту 200 пикселей, фон оставляем прозрачным > [Ок].
В панели инструментов правой кнопкой мыши открываем [Т] > [горизонтальный текст]. Вверху в баре выбираем цвет текста, тип шрифта и высоту букв. Кликаем курсором в области нашей будущей картинки и печатаем [ABC].

объемные буквыТеперь переходим к табличке стилей (обычно справа внизу) – курсор наводим на левую крайнюю иконку внизу (добавить стиль слоя) – открываем правой кнопкой мыши [Опции смешивания] > ставим птичку [Bevel and Emboss] > Выставляем прозрачность (сверху) от 60 до 80% (Opacity) > [Ok]. Кликаем по стрелочке вверху панели инструментов [Move Tool]. Нажимаем и удерживаем кнопку [Alt] и жмем на кнопки на клавиатуре [вниз] и [влево] (или [вверх] и [вправо]) раз 5–10 в зависимости от желаемой степени объемности букв. Также можно создать тень ([Опции смешивания] > [Drop Shadow]) или изменить цвет верхнего слоя ([Опции смешивания] > [Color Overlay]).

объемные буквы

Картинка, которую вы видите в заставке к данной статье, создана как раз по этой технологии. Просто я сделал три слоя, в каждом впечатал одну букву, чтобы получить комбинацию букв более интересной. Самое интересное — можно поэкспериментировать и со значком «доллара», например. Посмотрите на результат. По моему здорово!

объемный знак

Вот, собственно, и все.

Поделитесь с друзьями!

Поиск по сайту