Здравствуйте дорогие читатели моего блога, в сегодняшнем уроке мы рассмотрим несколько методов создания прозрачной картинки (или фона), а также правильного сохранения без потери прозрачности. Это прежде всего необходимо для создания растрового клипарта. Напомню, что в прошлом уроке мы остановились на третьем выпуске серии «Бегущие муравьи», где мы учились работать инструментами Волшебная палочка и Быстрое выделение. Кстати четвертый выпуск был уже написан давно, он позволяет произвестивыделение сложных объектов в Фотошопе.

Что-то я отвлекся от темы, теперь давайте о прозрачности:
План сегодняшнего урока состоит из следующих пунктов:

1. Как сделать прозрачную картинку — первый способ


2. Второй способ


3. Третий способ


4. Правильное сохранение прозрачного клипарта


5. Прозрачность, или нет

КАК СДЕЛАТЬ ПРОЗРАЧНУЮ КАРТИНКУ — ПЕРВЫЙ СПОСОБИтак, давайте приступим, первый способ, как сделать картинку прозрачной в фотошопе, заключается в том, что мы создаем создаем клипарт с нуля. В первую очередь нам нужно создать новый документ, для этого нажмите комбинацию клавиш Ctrl+N. После этого у нас появится вот такое диалоговое окошко:

В этом окошке из списка Содержимое фона необходимо выбрать Прозрачный. Более подробно мы рассматривали процедуру создания документа можно посмотреть здесь: Как создать, открыть, сохранить картинку в фотошопе. После настройки всех параметров нажмите кнопку ОК, у вас появится документ с серыми квадратиками, эти квадратики как раз и говорят, что фон прозрачный:

Теперь на этом прозрачном фоне можете делать, что хотите. Помните листья, которые мы учились вырезать в прошлом уроке. Вот я к примеру поместил их сюда:

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

А еще лучше (в нашем случае, так как случаи бывают разные) Тримминг. Кстати, как работать с этими инструментами, выложу в одном из следующих уроков — не пропустите:

Результат после обработки инструментом Тримминг:

ВТОРОЙ СПОСОБВторой способ, чтобы сделать картинку прозрачной в фотошопе, применяется для готового изображения. То есть вы уже открыли в Фотошопе какую-то картинку. Помните клубничку, на которой мы учились применять инструмент Магнитное лассо:

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

Чтобы исправить эту проблему, необходимо два раза кликнуть по фоновому слою. Кстати, более детально о слоях вы можете узнать здесь: Слои в фотошопе: как создать, объединить, дублировать. У вас появится такое окошко:

В этом окошке можно что-то настроить (но совсем не обязательно) и нажать ОК. Все, значок замка убрали и теперь можем понизить непрозрачность. К примеру — до 80% (в правом верхнем углу панели слоев):

При этом станут заметными те серые квадратики, о которых мы говорили в начале статьи:

Но выше мы применили прозрачность ко всему слою — на клипарт это никак не смахивает. Чтобы создать клипарт, необходимо сделать прозрачным фоновый слой, а объект оставить не тронутым. Чтобы отделить объект от фона, используйте методы, описанные во втором,третьем, а также четвертом выпуске уроков по выделению, а также ластиком или маской. В нашем случае больше подойдет метод, описанный в третьем выпуске. Выделив необходимый участок, можно:

• или удалить фон (Del);


• или дублировать объект на новый слой (Ctrl+J):

ТРЕТИЙ СПОСОБТретий способ подобен второму, только здесь мы оставим фон не тронутым:

Чтобы сделать слой, который можно редактировать (в частности прозрачность добавить), необходимо дублировать фон — для этого выделите его и нажмите комбинацию клавиш Ctrl+J:

А также скройте фоновый слой — для этого достаточно нажать по значку глаза в левой части фонового слоя:

Таким образом мы создали новый слой для редактирования, и оставили фоновый. Теперь, если что-то не получится, можно будет вернуться к фоновому слою — картинка не пропадет.
ПРАВИЛЬНОЕ СОХРАНЕНИЕ ПРОЗРАЧНОГО КЛИПАРТАДопустим мы создали два клипарта с прозрачным фоном. Теперь необходимо их правильно сохранить — чтобы не потерять эту прозрачность. В меню Файл выберите Сохранить как:

Откроется диалоговое окно «Сохранить как». В этом окне необходимо выбрать формат PNG — для этого в списке Тип файлов выберите PNG:

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

В появившемся окне в правом верхнем углу находится вкладка для выбора формата (под списком набор). В ней выберите PNG-24:

После этого нажмите Сохранить - все наш прозрачный клипарт готов. Кстати можете скачать то, что у меня получилось по этой ссылке.
ПРОЗРАЧНОСТЬ, ИЛИ НЕТСейчас мы будем определять, на прозрачный документ у нас получился, или нет. Итак, если вы видите на документе темно-серые и светло серые квадратики, этот как раз свидетельствует о том, что участок с ними прозрачный. Мы уже говорили об этом в начале статьи, но все же повторимся. Если же фон белый, или другого цвета, то это уже непрозрачность:

Это в Фотошопе. Ну а уже сохраненный документ можно определить, просто поместив его на рабочий стол (в Windows 7). На значке картинки в прозрачной области будет виден Рабочий стол Windows:

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