Путеводитель по работе форума   ЗДЕСЬ   :connie_43:

 

Дорогие друзья!
Мы рады сообщить Вам, что для Вашего удобства мы стали еще ближе к Вам!
Прямая связь с организаторами и анонсы самых популярных закупок  в нашем
сообществе Viber

Узнавай из первых уст! Приглашайте знакомых и родных!

 

Не помните логин или пароль? Необходимо внести изменения в профиль? Требуется помощь в восстановлении доступа к аккаунту Клуба Шопоголиков? Напишите нам admin@samarskie-roditeli.ru и мы вам обязательно поможем или воспользуйтесь кнопкой "Обратной связи!

 

Пожалуйста, не пишите в ЛС!

 

 

Helga

Светящаяся аватарка

В этом уроке будем учиться делать простую анимацию, которую можно использовать для создания собственной оригинальной аватарки
[url="http://www.radikal.ru"][img]http://s49.radikal.ru/i125/0901/2a/8efca3ca9230.gif[/img][/url] или [url="http://www.radikal.ru"][img]http://s58.radikal.ru/i161/0901/49/91293bfeb8e8.gif[/img][/url]

1. Открываем фотографию, делаем ее слоем. Так как фотография у меня была почти во весь рост, я выделила необходимую область и сделала немного размытые края.
[url="http://www.radikal.ru"][img]http://s40.radikal.ru/i088/0901/42/5cae671e9a29.jpg[/img][/url]
2. Теперь необходимо сделать выделение тех элементов, которые нужно чтобы «светились». Выделение нужно сделать «с запасом», чтобы присутствовал эффект ореола при свечении. Я применила инструмент «перо», потом сделала выделение
[url="http://www.radikal.ru"][img]http://s46.radikal.ru/i113/0901/78/5f73d6636713.jpg[/img][/url]
3. При этом значение параметра Feather radius поставила отличным от 0, это сделает края растушеванными.
[url="http://www.radikal.ru"][img]http://s39.radikal.ru/i085/0901/5f/6214a5d0ae63.jpg[/img][/url]
4. Выделяем все остальные элементы, которые хотим сделать светящимися. Чтобы нам потом было проще работать – объединяем слои с этими элементами. Для этого делаем невидимым наш основной слой и в контекстном меню (по правой кнопке мыши) выбираем Merge Visible (объединить видимые).
[url="http://www.radikal.ru"][img]http://s56.radikal.ru/i152/0901/51/75cddb22d53a.jpg[/img][/url]
5. Теперь осветляем элементы (так, как мы хотим видеть их в самой яркой точке). Выбираем пункт меню Image – Adjustments – Levels… и двигаем бегунки до получения необходимого осветления (должен быть установлен крыж Preview, чтобы видеть результат). Затем у этого слоя поставить прозрачность, отличную от 100 (например 30%).
[url="http://www.radikal.ru"][img]http://s53.radikal.ru/i139/0901/e7/31c644f9c734.jpg[/img][/url]
[url="http://www.radikal.ru"][img]http://s55.radikal.ru/i147/0901/3f/d50cb265134c.jpg[/img][/url]
6. Теперь переходим в пакет ImageReady, щелкнув там, где показано на рисунке или сочетание клавиш Ctrl+Shift+M.
[url="http://www.radikal.ru"][img]http://s55.radikal.ru/i150/0901/5a/d85b6c2165aa.jpg[/img][/url]
7. Открываем панель анимации
[url="http://www.radikal.ru"][img]http://s49.radikal.ru/i126/0901/b5/c837446b2256.jpg[/img][/url]
8. Теперь продублируем уровень с осветленными элементами несколько раз (я например это сделала 7 раз). Чем больше уровней, тем плавнее получится свечение.
[url="http://www.radikal.ru"][img]http://s40.radikal.ru/i088/0901/68/d9f7188d240a.jpg[/img][/url]
9. В каждой копии уровня меняем значение % прозрачности на бОльший и доводим его до 100.
[url="http://radikal.ru/F/i018.radikal.ru/0901/86/bfd376fe3682.jpg.html"][img]http://i018.radikal.ru/0901/86/bfd376fe3682t.jpg[/img][/url]
10. На панели анимации добавляем копию первого кадра и видимым вместо второго слоя делаем 3-ий.
[url="http://www.radikal.ru"][img]http://s59.radikal.ru/i166/0901/4d/277dbcfbd6a0.jpg[/img][/url]
11. Так доходим до последнего слоя и затем добавляем кадры, делая видимыми слои с элементами в обратном порядке (затухание свечения). Последним будет кадр такой же, как 2-ой.
12. Устанавливаем время длительности для каждого кадра (если сразу же установить на первом кадре время до добавления новых кадров, то при копировании время будет такое же).
[url="http://www.radikal.ru"][img]http://s42.radikal.ru/i095/0901/ef/64d6edb8d724.jpg[/img][/url]
13. Наша анимация готова, можно ее просмотреть, нажав на треугольник прокрутки изображения.
14. Если вы собираетесь делать из этой картинки аватарку, то нужно позаботиться о ее размерах. Например, на нашем сайте, чтобы показывалась анимация, размер аватарки должен быть не более 90*90 пикселей. Устанавливаем необходимый размер.
[url="http://www.radikal.ru"][img]http://i069.radikal.ru/0901/36/1ddde12fa4be.jpg[/img][/url]
15. Затем сохраняем изображение в формате gif
[url="http://www.radikal.ru"][img]http://i032.radikal.ru/0901/6a/ac2187c8dd0f.jpg[/img][/url]
16. Готово!!!!!
[url="http://www.radikal.ru"][img]http://s49.radikal.ru/i125/0901/2a/8efca3ca9230.gif[/img][/url]
17. Если на первых этапах объединить вместе не все слои с элементами свечения, а разбить их на группы, то работая отдельно с каждым из слоев, можно «заставить» их светиться в разном порядке.
[url="http://www.radikal.ru"][img]http://s58.radikal.ru/i161/0901/49/91293bfeb8e8.gif[/img][/url] Изменено пользователем Helga


Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Очень полезный урок, но пока я не справилась. Первый раз работаю в ImageReady и делаю анимацию, поэтому на этом моменте неполадки, но я обязательно разберусь и выложу результат. Спасибо за интересные уроки!

[URL=http://www.maminsite.ru/metric/][IMG]http://www.maminsite.ru/metric/m18701.gif[/IMG][/URL]

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

[b]Helga[/b],я сделала анимацию! А вот по фотографиям сына, не придумала, что можно сделать. Подбросьте пожалуйста идеи, что еще можно в этом духе анимировать!

[url="http://www.radikal.ru"][img]http://s39.radikal.ru/i085/0901/ee/c5521ad8a1ae.gif[/img][/url] Изменено пользователем Lulu

[URL=http://www.maminsite.ru/metric/][IMG]http://www.maminsite.ru/metric/m18701.gif[/IMG][/URL]

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

[b]Lulu[/b], ЗАМЕЧАТЕЛЬНО вышло :i-m_so_happy:
А для мальчика можно попробовать - или на одежде картинку "засветить", или можно подписать на фото имя и по очереди светить буковки (ну или сразу все)

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

а вот моя аватарка, не шик конечно но всё же ;)
[url="http://www.radikal.ru"][img]http://s43.radikal.ru/i102/0912/f7/bce6b66785e2.gif[/img][/url] Изменено пользователем len OK

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Девчонки, всё так красиво!

<noindex>[url="http://photo-manual.ru/forum/"][img]http://lines.ladoshki-forum.ru/100602.png[/img][/url]</noindex>

[color="#9932CC"][size="4"]КОЛЛЕКЦИОНИРУЮ ИГРУШКИ ИЗ КИНДЕРОВ, ПРИМУ В ДАР ИЛИ ОБМЕНЯЮ[/size][/color]

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

[b]Helga[/b], как здорово..хочу попробовать линеечку-излавку так же сделать..только не светящуюся, а со сменой кадров..надеюсь, получится :ix: Ну а потом уж и аватарку поменяю

[size=1][color="#708090"]Мой сотовый: 274-три-689[/color][/size][url="http://smajliki.ru/smilie-271860135.html"][img]http://s2.rimg.info/0609c40ca4142acce7781e4fa3d3adca.gif[/img][/url]
[color="#000080"][i]"Success is not final, failure is not fatal: it is the courage to continue that is counts"[/i][/color]

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

В Фотошопе 4 нет пакета ImageReady, пришлось по инет-уроку учиться делать анимацию в режиме Видео. Результат в подписи)))))

e76636ee8a3367da8df010ef077599d5.jpg
4d180dcc0cbc588f06d1b647cf5a5167.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!


Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.


Войти сейчас

  • Мы в Instagram