-Подписка по e-mail

 

 -Поиск по дневнику

Поиск сообщений в Photoshop_Tricks

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 30.04.2007
Записей:
Комментариев:
Написано: 1378


Анимация аватара: Мозаика

Вторник, 27 Января 2009 г. 15:57 + в цитатник
Пятнистый_Щасвирнус все записи автора Всем доброго времени суток!

Сегодня попробую предложить вам еще один вариант обработки аватара, эффект которого придуман не мной, но найден в сети (автор - Steve Patterson). Может быть, кому-нибудь понравится.

Также этот эффект можно применять для создания красивого коллажа из фото или картинки.

Для дальнейших издевательств выбрана вот такая картинка:





1. Откроем картинку для аватара в фотошопе, а также панель слоев (F7).
Копируем слой с картинкой (Сtrl+J) и создаем еще один новый прозрачный слой (Ctrl+Shift+N). Сейчас панель слоев выглядит вот так:



2. Теперь в панели слоев мышкой перетащим прозрачный слой, помещая его между двумя слоями с картинкой:





3. Нажмем Х (чтобы сделать рабочим цветом белый) и зальем наш прозрачный слой белым цветом (Alt+Backspace):



4. Выберем для работы слой-копию (просто щелкнем мышкой в панели слоев по верхнему слою с картинкой), возьмем инструмент Прямоугольное выделение (М) и выделим небольшой квадратик на картинке:



5. Не снимая выделения (!) добавим маску слоя к слою-копии:



В результате картинка выглядит так:



6. Теперь снимем связку слоя и маски, один раз щелкнув мышкой по замочку:



7. Добавим внешнее свечение к квадратику: меню Слой (Layer) - Стиль слоя (Layer Style) - Внешнее свечение (Outer Glow)





Пока свечения не видно из-за того, что у нас белая подложка, так что не волнуемся. :)

8. Продолжим: копируем верхний слой с картинкой (Сtrl+J), берем инструмент Перемещение (V), выделяем миниатюру маски, щелкнув по ней мышкой один раз:



Прижимаем мышкой квадратик на картинке и тащим его в какую-нибудь сторону:



Видим, что у нас получился второй квадратик с другим участком картинки, а заодно теперь видно и свечение по краям.



Сделаем второй квадратик побольше размером: нажмем Ctrl+T, ухватим мышкой какой-нибудь угол и чуть-чуть потянем, чтобы квадратик увеличился, нажмем Enter, чтобы применить трансформацию.




9. Повторяем шаг 8 несколько раз, каждый раз сдвигая квадратики в разные стороны и меняя их размер:

Предупреждение: это операция очень кропотливая, и может оказаться так, что уже готовые квадратики, сделанные ранее, будут нуждаться в увеличении или уменьшении размера или смещении в какую-либо сторону. Если это потребуется, то каждый раз возвращаясь к предыдущим квадратикам, не забывайте выделять мышкой маску слоя в панели слоев (как в шаге 8). Немного внимания и терпения, и все получится.

10. В итоге получилось вот так:



Теперь, если отключить видимость у двух нижних слоев - базовой картинки и белой подложки:



и сохранить его в формате gif: нажать Alt+Shift+Ctrl+S и поставить следующие настройки в открывшемся окне:



то уже получится весьма необычный аватар:



11. Этот аватар можно еще и анимировать. Переходим в Image Ready (Shift+Ctrl+M), открываем окно с анимацией и окно со слоями (F7 и F11).

Удаляем два нижних слоя - базовую картинку и белую подложку (щелкаем по ним мышкой в панели слоев и нажимаем на мусорную корзинку внизу панели)

Отключаем видимость всех квадратиков, нажав на глазик рядом с ними:



Дублируем кадр в окне анимации:



и включаем видимость нижнего слоя с квадратиком:



Снова дублируем кадр и включаем видимость второго слоя со следующим квадратиком:



И так продолжаем, пока все не включим видимость всех квадратиков.
Установим время показа у всех кадров - 0,1c, а у последнего - 1с.



Осталось сохранить анимацию: меню Файл - Сохранить оптимизированный Как...(Save Optimized As...)



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

Удачи! Вопросы, критика и демонстрация ваших результатов приветствуются. :)
Рубрики:  Делаем аватары


Процитировано 53 раз
Понравилось: 2 пользователям

Martiny   обратиться по имени Вторник, 27 Января 2009 г. 22:26 (ссылка)
Очень понравился урок. Большое спасибо!
Ответить С цитатой В цитатник
Пятнистый_Щасвирнус   обратиться по имени Среда, 28 Января 2009 г. 02:30 (ссылка)
Martiny, пожалуйста. :)
Ответить С цитатой В цитатник
LebWohl   обратиться по имени Среда, 28 Января 2009 г. 15:33 (ссылка)
Спасибо за урок и вроде все понятно.
Ответить С цитатой В цитатник
reginana   обратиться по имени Среда, 28 Января 2009 г. 16:26 (ссылка)
Спасибо!
Ответить С цитатой В цитатник
ВЕТЕР__ПЕРЕМЕН   обратиться по имени Среда, 28 Января 2009 г. 17:03 (ссылка)
Спасибо большое за урок.
Ответить С цитатой В цитатник
Пятнистый_Щасвирнус   обратиться по имени Среда, 28 Января 2009 г. 17:22 (ссылка)
Всем пожалуйста! :)
Ответить С цитатой В цитатник
rak_du   обратиться по имени Среда, 28 Января 2009 г. 21:58 (ссылка)
Ответить С цитатой В цитатник
awewesome   обратиться по имени Воскресенье, 15 Марта 2009 г. 11:57 (ссылка)
класссно)только когда я выделаю какую-нибудь часть она не остается одна на белом фоне:(
Ответить С цитатой В цитатник
Пятнистый_Щасвирнус   обратиться по имени Вторник, 17 Марта 2009 г. 19:44 (ссылка)
Frenki_Chibi_Chan, пропускаешь какое-то действие, я думаю, может быть, забываешь щелкать по маске слоя...
Внимательно пункт 8 проделывай.
Ответить С цитатой В цитатник
EgoEl   обратиться по имени Понедельник, 06 Апреля 2009 г. 11:44 (ссылка)
ух ты, надо попробовать!
Ответить С цитатой В цитатник
Солнечный_лис   обратиться по имени Среда, 15 Апреля 2009 г. 21:45 (ссылка)
Спасибо большое!!! Утащила и попробовала!!!
Вот что получилось! Очень интересный эффект!!!
 (197x300, 35Kb)
Ответить С цитатой В цитатник
Пятнистый_Щасвирнус   обратиться по имени Среда, 22 Апреля 2009 г. 17:11 (ссылка)
Солнечный_лис, здорово! :)
Ответить С цитатой В цитатник
моё-небо   обратиться по имени Понедельник, 21 Сентября 2009 г. 11:30 (ссылка)
очень здорово)
спасибо
 (600x568, 329Kb)
Ответить С цитатой В цитатник
Пятнистый_Щасвирнус   обратиться по имени Понедельник, 21 Сентября 2009 г. 12:06 (ссылка)
december_boys, отлично!
Ответить С цитатой В цитатник
лидия_кузнева   обратиться по имени Воскресенье, 18 Октября 2009 г. 15:59 (ссылка)
ПОПРОБУЮ , СПАСИБО!!!
Ответить С цитатой В цитатник
Design_Miledi_Serenity   обратиться по имени Воскресенье, 14 Августа 2011 г. 12:32 (ссылка)
Классный урок!
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку