![85-0](http://des-world.net/wp-content/uploads/2014/10/85-0.jpg)
Здравствуйте дорогие читатели моего блога, в сегодняшнем уроке мы рассмотрим несколько методов создания прозрачной картинки (или фона), а также правильного сохранения без потери прозрачности. Это прежде всего необходимо для создания растрового клипарта. Напомню, что в прошлом уроке мы остановились на третьем выпуске серии «Бегущие муравьи», где мы учились работать инструментами
Волшебная палочка и Быстрое выделение. Кстати четвертый выпуск был уже написан давно, он позволяет произвести
выделение сложных объектов в Фотошопе.
Что-то я отвлекся от темы, теперь давайте о прозрачности:
План сегодняшнего урока состоит из следующих пунктов:
- Как сделать прозрачную картинку — первый способ
- Второй способ
- Третий способ
- Правильное сохранение прозрачного клипарта
- Прозрачность, или нет
КАК СДЕЛАТЬ ПРОЗРАЧНУЮ КАРТИНКУ — ПЕРВЫЙ СПОСОБИтак, давайте приступим, первый способ, как сделать картинку прозрачной в фотошопе, заключается в том, что мы создаем создаем клипарт с нуля. В первую очередь нам нужно создать новый документ, для этого нажмите комбинацию клавиш Ctrl+N. После этого у нас появится вот такое диалоговое окошко:
![85-1](http://des-world.net/wp-content/uploads/2014/10/85-1.jpg)
В этом окошке из списка
Содержимое фона необходимо выбрать
Прозрачный. Более подробно мы рассматривали процедуру создания документа можно посмотреть здесь:
Как создать, открыть, сохранить картинку в фотошопе. После настройки всех параметров нажмите кнопку ОК, у вас появится документ с серыми квадратиками, эти квадратики как раз и говорят, что фон прозрачный:
![85-2](http://des-world.net/wp-content/uploads/2014/10/85-2.jpg)
Теперь на этом прозрачном фоне можете делать, что хотите. Помните листья, которые мы учились вырезать в
прошлом уроке. Вот я к примеру поместил их сюда:
![85-3](http://des-world.net/wp-content/uploads/2014/10/85-3.jpg)
Таким образом можно вырезать и поместить любой другой объект на этот прозрачный фон. Чтобы создать более качественный клипарт, в нашем случае можно еще и обрезать фон, для этого используется инструмент
Рамка:
![85-4](http://des-world.net/wp-content/uploads/2014/10/85-4.jpg)
А еще лучше (в нашем случае, так как случаи бывают разные)
Тримминг. Кстати, как работать с этими инструментами, выложу в одном из следующих уроков —
не пропустите:
![85-5](http://des-world.net/wp-content/uploads/2014/10/85-5.jpg)
Результат после обработки инструментом Тримминг:
![85-6](http://des-world.net/wp-content/uploads/2014/10/85-6.jpg)
ВТОРОЙ СПОСОБВторой способ, чтобы сделать картинку прозрачной в фотошопе, применяется для готового изображения. То есть вы уже открыли в Фотошопе какую-то картинку. Помните клубничку, на которой мы учились применять инструмент
Магнитное лассо:
![85-7](http://des-world.net/wp-content/uploads/2014/10/85-7.jpg)
К примеру нам требуется понизить непрозрачность этого слоя. Но вот незадача — фотошоп определяет этот слой как фон, а фону выставить прозрачность не представляется возможности. Он закреплен — об этом свидетельствует значок замка справа на слое:
![85-8](http://des-world.net/wp-content/uploads/2014/10/85-8.jpg)
Чтобы исправить эту проблему, необходимо два раза кликнуть по фоновому слою. Кстати, более детально о слоях вы можете узнать здесь:
Слои в фотошопе: как создать, объединить, дублировать. У вас появится такое окошко:
![85-9](http://des-world.net/wp-content/uploads/2014/10/85-9.jpg)
В этом окошке можно что-то настроить (но совсем не обязательно) и нажать ОК. Все, значок замка убрали и теперь можем понизить непрозрачность. К примеру — до 80% (в правом верхнем углу панели слоев):
![85-10](http://des-world.net/wp-content/uploads/2014/10/85-10.jpg)
При этом станут заметными те серые квадратики, о которых мы говорили в начале статьи:
![85-11](http://des-world.net/wp-content/uploads/2014/10/85-11.jpg)
Но выше мы применили прозрачность ко всему слою — на клипарт это никак не смахивает. Чтобы создать клипарт, необходимо сделать прозрачным фоновый слой, а объект оставить не тронутым. Чтобы отделить объект от фона, используйте методы, описанные во
втором,
третьем, а также
четвертом выпуске уроков по выделению, а также ластиком или
маской. В нашем случае больше подойдет метод, описанный в третьем выпуске. Выделив необходимый участок, можно:
- или удалить фон (Del);
- или дублировать объект на новый слой (Ctrl+J):
![85-12](http://des-world.net/wp-content/uploads/2014/10/85-12.jpg)
ТРЕТИЙ СПОСОБТретий способ подобен второму, только здесь мы оставим фон не тронутым:
![85-13](http://des-world.net/wp-content/uploads/2014/10/85-13.jpg)
Чтобы сделать слой, который можно редактировать (в частности прозрачность добавить), необходимо дублировать фон — для этого выделите его и нажмите комбинацию клавиш Ctrl+J:
![85-14](http://des-world.net/wp-content/uploads/2014/10/85-14.jpg)
А также скройте фоновый слой — для этого достаточно нажать по значку глаза в левой части фонового слоя:
![85-15](http://des-world.net/wp-content/uploads/2014/10/85-15.jpg)
Таким образом мы создали новый слой для редактирования, и оставили фоновый. Теперь, если что-то не получится, можно будет вернуться к фоновому слою — картинка не пропадет.
ПРАВИЛЬНОЕ СОХРАНЕНИЕ ПРОЗРАЧНОГО КЛИПАРТАДопустим мы создали два клипарта с прозрачным фоном. Теперь необходимо их правильно сохранить — чтобы не потерять эту прозрачность. В меню
Файл выберите
Сохранить как:
![85-16](http://des-world.net/wp-content/uploads/2014/10/85-16.jpg)
Откроется диалоговое окно «Сохранить как». В этом окне необходимо выбрать формат PNG — для этого в списке
Тип файлов выберите PNG:
![85-17](http://des-world.net/wp-content/uploads/2014/10/85-17.jpg)
После этого нажмите Сохранить — появится еще одно окно, в нем нажмите ОК. При этом, чтобы минимизировать потерю качества, обратите внимание — у вас должна стоять галочка в поле «Максимизировать совместимость».
Один способ сохранения рассмотрели, теперь второй: в том же меню
Файл нажмите
Сохранить для Web:
![85-18](http://des-world.net/wp-content/uploads/2014/10/85-18.jpg)
В появившемся окне в правом верхнем углу находится вкладка для выбора формата (под списком набор). В ней выберите PNG-24:
![85-19](http://des-world.net/wp-content/uploads/2014/10/85-19.jpg)
После этого нажмите
Сохранить - все наш прозрачный клипарт готов. Кстати можете скачать то, что у меня получилось
по этой ссылке.
ПРОЗРАЧНОСТЬ, ИЛИ НЕТСейчас мы будем определять, на прозрачный документ у нас получился, или нет. Итак, если вы видите на документе темно-серые и светло серые квадратики, этот как раз свидетельствует о том, что участок с ними прозрачный. Мы уже говорили об этом в начале статьи, но все же повторимся. Если же фон белый, или другого цвета, то это уже непрозрачность:
![85-20](http://des-world.net/wp-content/uploads/2014/10/85-20.jpg)
Это в Фотошопе. Ну а уже сохраненный документ можно определить, просто поместив его на рабочий стол (в Windows 7). На значке картинки в прозрачной области будет виден Рабочий стол Windows:
![85-21](http://des-world.net/wp-content/uploads/2014/10/85-21.jpg)
Все, теперь мы знаем, как сделать прозрачную картинку в фотошопе. На этом все, пока пока!
С уважением, Владимир Свищ