Ciber SLasH » Пн ноя 29, 2004 2:55 pm
Кому интересно, вот примерный мануал по созданию таких картинок:
<!--QuoteBegin--><div class='quotetop'>QUOTE</div><div class='quotemain'><!--QuoteEBegin-->Подбираем 2-е картинки. Фоновая картинка должна быть яркой, насыщенной и многоэлементной. Скрываемая картинка должна быть более тусклой и однотонной. Тогда получится очень даже незаметная вещь.
1. Открываем Photoshop (или какой там у тебя редактор <!--emo&:)-->[img]style_emoticons/<#EMO_DIR#>/smile.gif[/img]<!--endemo-->) и загружаем в него картинку, которая будет фоном (обычная).
2. Создаём изображение размером 2х2 пиксела.
3. Первый пиксел заштриховываем белым цветом, второй - чёрным. С нижними двумя пикселами делаем тоже самое, только наоборот.
4. Определаям полученное изображение как узор для заливки: Edit -> Define Pattern...
5. Создаём в нашей картинке новый слой и заливаем полученным узором, получается шахматная доска.
6. Определяем для "шахмат" режим наложения Multiply (логическое "И").
7. Загружаем картинку, которая будет у нас скрытой и копируем её на новый слой в нашей картинке.
8. Сразу устанавливаем ей непрозрачность 40%.
9. Теперь есть два пути (второй необязательный):
1) Переключаемся в режим быстрой маски (или создаём новый канал, тогда потом нужно будет загрузить выделение из него) и заливаем "шахматкой" (полученной в п.2-4) скрытую картинку и переключаемся в нормальный режим. Получилось "шахматное" выделение, жмём Del... вот мы и удалили кусок скрытой картинки. Забыл сказать, что нужно сделать самым верхним слоем "шахматку", имитирующую выделение в IE. Делается это почти так же как и в п.2-5, только первый пиксел - голубой (как у "ослинного" выделения), а второй - прозрачный. После этого если нужно просмотреть как будет себя вести IE при выделении, просто включаем этот слой и смотрим, как только насмотрелись, отключаем слой (чтобы не мешал).
2) Создаём слой для цвето-тоновой "шахматки". Смотрим на полученную картинку и на том месте, где скрытая картинка сильно выделяется делаем выделение и переключаемся в новый слой (мы его только что создали). Здесь заливаем "шахматкой" выделенную часть (первый пиксел в "шахматке" делаем такого цвета (обычно подходят тёмные цвета), чтобы выделенная часть скрытой картинки как можно больше слилась с фоновой; второй пиксел - белый). У полученного слоя ставим режим наложения Darken или тот, который будет хорошо скрывать скрываемую картинку, но так, чтобы скрытая картинка была видна в "ослинном" выделении. Повторяем, если необходимо, выделение выделяющихся участков картинки и создание "шахматок" с разными цветами (всё на одном слое), пока скрытая картинка практически совсем станет невидимой.
10. Сохраняем результат либо в JPG, либо в GIF (PNG, осёл IE не распознаёт - мудило. Билли видимо считает, что всем и двух форматов достаточно).
<!--QuoteEnd--></div><!--QuoteEEnd-->
Вот несколько фоток, которые у меня получились:
<a href='http://ciber-slash.hotbox.ru/img/IE%20select/Dragon.gif' target='_blank'>>>> 1 <<<</a>
<a href='http://ciber-slash.hotbox.ru/img/IE%20select/Girl.gif' target='_blank'>>>> 2 <<<</a>
<a href='http://ciber-slash.hotbox.ru/img/IE%20select/PC.jpg' target='_blank'>>>> 3 <<<</a>
<a href='http://ciber-slash.hotbox.ru/img/IE%20select/Phidippus.gif' target='_blank'>>>> 4 <<<</a>
<a href='http://ciber-slash.hotbox.ru/img/IE%20select/Predator.gif' target='_blank'>>>> 5 <<<</a>
<a href='http://ciber-slash.hotbox.ru/img/IE%20select/Wall.gif' target='_blank'>>>> 6 <<<</a>