• Авторизация


Без заголовка 01-05-2011 20:48 к комментариям - к полной версии - понравилось!

Это цитата сообщения ВЕТЕР__ПЕРЕМЕН Оригинальное сообщение

Фотошоп - Создание узора

[200x329] Иногда для воплощения творческих идей в web требуется залить некоторую область прозрачным фоном. Тут возникает трудность - jpg и gif не сохраняют прозрачность для фоновой заливки.
Что делать?
Имитировать прозрачность!





Создание прозрачного узора для заливки





[421x338] Создайте файл размером 10х10 пикселов -
File --> New.



[208x189] Существующий Layer1 (слой 1) залейте белым цветом.

Над слоем 1 создайте второй прозрачный слой Layer 2 - Layer --> New --> Layer (или воспользуйтесь комбинацией клавиш Shift+Ctrl+N).




[212x133] Максимально увеличьте изображение.




[201x219] На слое 2 инструментом Pencil (карандаш) нанесите черные точки в шахматном порядке. Размер точек 1 пиксел.

Удалите слой 1.


Выберите команду Edit --> Define Pattern (Правка - Определить узор), введите имя созданного узора.



Вуа-ля :-)


и все пропало :-(




[310x182]Проверяем:

Выберите инструмент Paint Bucket, а на панели опций способ заливки узором Fill --> Pattern. В раскрывающейся панели образцов самым последним будет ваш созданный узор.


Зачем вам миниатюрная шахматная доска? Сейчас узнаете.



Создайте или откройте любое изображение которое будет служить фоном. Для тренировки можно взять любую фотографию или ... что-то похожее на будущий сайт.




[197x327] Создайте прозрачный слой 1. Выделите прямоугольную область и заполните ее созданной шахматной заливкой.



[206x382] С помощью эффектов наложите подходящий цвет на заливку слоя 2.


[200x329] Вот мы с вами и у цели - прозрачность при 100% непрозрачности. Фрагмент этого слоя можно смело сохранять в формате gif и заливать фон блока Web-страницы.



ИСТОЧНИК



Серия сообщений "~ Фотошоп - Текстуры, кисти, узоры, градиенты...":

Часть 1 - Как делать кисти для фотошопа?
Часть 2 - Фотошоп, создаем кисти.
Часть 3 - Фотошоп - Создание узора
Часть 4 - Создание собственной текстуры (узора)
Часть 5 - Фотошоп - Создаем глиттеры.
...
Часть 11 - Damask текстуры для Adobe Photoshop
Часть 12 - http://www.liveinternet.ru/community/photoshopia/post86598218/
Часть 13 - Кисти+градиенты для фотошоп


вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Без заголовка | КОПИЛ_КА - Дневник - КОПИЛКА | Лента друзей КОПИЛ_КА / Полная версия Добавить в друзья Страницы: раньше»