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


Делаем полупрозрачную картинку 10-03-2009 23:16 к комментариям - к полной версии - понравилось!





Попытка сделать свой юзерпик полупрозрачным

Ответ на вопрос в этом сообществе.


UPD: Добавил готовый PSD, и результат.



Шаг 1
Создаём "шахматное поле", с размером клеточки 1 пиксель, цвет выбираем черный или #000000 - это важно.
В масштабе 1600% это выглядит так:
Скачать готовый файл можно здесь


[535x551]

Шаг 2
Этот шахматный рисунок копируем (не растягиваем) по всей площади заготовки:


[511x534]

Шаг 3
Загружаем новое изображение и задаем ему нужный размер, по ширине 500 px
Чтобы не портил дизайн ленты:


[516x699]

Шаг 4
Добавляем новым слоем сверху нашу "шахматку":


[516x699]

Шаг 5
При максимальном увеличении на 1600% картинка выглядит так:


[580x580]

Шаг 6
Сохраняем рисунок для web легким нажатием клавиш Alt+Ctrl+Shift+S или из меню:


[699x496]

Шаг 7
Настраиваем параметры gif картинки.
Обратите внимание на красные квадратики. Сначала выберем черный цвет - это те самые черные клетки шахматной доски, затем зададим им прозрачность - самый нижний красный квадратик.


[267x544]

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


[500x667]

© pozitron


вверх^ к полной версии понравилось! в evernote
Комментарии (13):
Ikarus 10-03-2009-23:21 удалить
[показать] В колонках играет - Unknown Artist - Track02

pozitron, а не проще ли полупрозрачность сделать??

______________________________________
А ты знаешь чо будет если тыкнуть сюда? А я знаю =)) Лучше не тыкай! НЕ ТЫКАЙ говорю!

ТЕЙША 10-03-2009-23:24 удалить
что-то не уловила...
можо исходник с картинки с лампой или конечный результат с фиалкой?
Ikarus 10-03-2009-23:28 удалить
[показать] В колонках играет - Unknown Artist - Track18

ТЕЙША, короче эта картинка будет в клеточку водин пиксел

______________________________________
А ты знаешь чо будет если тыкнуть сюда? А я знаю =)) Лучше не тыкай! НЕ ТЫКАЙ говорю!

Ikarus 10-03-2009-23:33 удалить
[показать] В колонках играет - Egon Riedel - Title

ТЕЙША, короче это ужасно смотрица
было так
[показать]
а стало так
[показать]

______________________________________
А ты знаешь чо будет если тыкнуть сюда? А я знаю =)) Лучше не тыкай! НЕ ТЫКАЙ говорю!

ТЕЙША 10-03-2009-23:38 удалить
Ikarus283, нет, все таки что-то не то...
на картинки с фонаем полупрозрачность желтоватая, а автор урока не говорит. каким цветом делать точки карандашом...
и не понятно все же, что в итоге вышло с фиалкой-то?

ладно, пошла я спать, мне вставать затра рано, у меня такси в 7-15 в аэропорт...
Ikarus 10-03-2009-23:46 удалить
[показать] В колонках играет - Unknown Artist - Track01

ТЕЙША, ладно спок ночи и прятного долета =)

______________________________________
А ты знаешь чо будет если тыкнуть сюда? А я знаю =)) Лучше не тыкай! НЕ ТЫКАЙ говорю!

Ikarus 10-03-2009-23:46 удалить
[показать] В колонках играет - Unknown Artist - Track02

ТЕЙША, это картинка желтоватая такая

______________________________________
А ты знаешь чо будет если тыкнуть сюда? А я знаю =)) Лучше не тыкай! НЕ ТЫКАЙ говорю!

pozitron 11-03-2009-07:47 удалить
Ответ на комментарий Ikarus #
Исходное сообщение Ikarus283
[показать] В колонках играет - Unknown Artist - Track02

pozitron, а не проще ли полупрозрачность сделать??

______________________________________
А ты знаешь чо будет если тыкнуть сюда? А я знаю =)) Лучше не тыкай! НЕ ТЫКАЙ говорю!



Не всегда полупрозрачность помогает.
pozitron 11-03-2009-07:49 удалить
Ответ на комментарий Ikarus #
Исходное сообщение Ikarus283
[показать] В колонках играет - Egon Riedel - Title

ТЕЙША, короче это ужасно смотрица
было так
[показать]
а стало так
[показать]

______________________________________
А ты знаешь чо будет если тыкнуть сюда? А я знаю =)) Лучше не тыкай! НЕ ТЫКАЙ говорю!



А если взять фотку побольше?
pozitron, Когда же полупрозрачность не помогает? В случае с предложенной здесь маленькой картинкой это было бы лучше.
Ikarus 11-03-2009-22:37 удалить
[показать] В колонках играет - Виа Гра - Анти Гейша

pozitron, а зачем если сделать полупрозрачной фото и сохранить в пнг то качество будет в разы больше

______________________________________
А ты знаешь чо будет если тыкнуть сюда? А я знаю =)) Лучше не тыкай! НЕ ТЫКАЙ говорю!

chebyrashka2008 15-03-2009-12:08 удалить
Ура! Спасибо за идею! Долго билась над выкладыванием прозрачных картинок на многоцветный фон на свою страничку (png не все браузеры поддерживают, а выдают белый квадрат в местах прозрачности) Приходилось вставлять вместе с куском фона. Прекрасное решение! Побежала все переделывать. СПАСИБО!!!
СПАСИБо, отличный урок.


Комментарии (13): вверх^

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

Дневник Делаем полупрозрачную картинку | УРОКИ_ФОТОШОПА - ...фотошоп-моя жизнь... | Лента друзей УРОКИ_ФОТОШОПА / Полная версия Добавить в друзья Страницы: раньше»