Вверх страницы
Вниз страницы
Неожиданно, правда? Спустя 4 года молчания, Стайл Веб снова открывает свои объятия. You are welcome =)


StyleWeb

Объявление

       





! АКТУАЛЬНО на февраль 2016!

Кто всё - таки  заинтересован в восстановлении SW FORUM`а, с радостью ждём вас в ЛС у ПтичьеМолоко

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » StyleWeb » Архив SW » Урок Делаем блестяшки 4 способами или все вместе


Урок Делаем блестяшки 4 способами или все вместе

Сообщений 1 страница 5 из 5

1

Итак, урок 1. Простейшие блёстки

Я взяла три типичные аватарки формата GIF.
[реклама вместо картинки]
[реклама вместо картинки]
[реклама вместо картинки]

Если кто не знает, как изменять форматы, рассказываю: открываем картинку, затем щёлкаем в меню «Файл» кнопку «Сохранить как…», выбираем нужный нам формат в нижней строке и кликаем «Сохранить».
Так вот. Видим мы нашу картинку, пока мёртвую и абсолютно неинтересную.
Первым делом мы изменяем режим. У меня он почему-то всегда автоматически стоит на «Индексированные Цвета», в таком режиме там используется какая-то хреновая палитра, так что жмём RGB.
[реклама вместо картинки]
Теперь пришло время для того, чтобы размножить нашу картинку. Если окна «Слои» нет, то кликаем наверху «Окна» и выбираем «Слои». Появилось окошко. Кликаем на полосу с надписью «Слой 1» правой кнопкой, жмём «Создать дубликат слоя». Создадим оптимальное количество слоёв – три.
Вот что получится.
[реклама вместо картинки]
Теперь очень важный момент. Отключаем все слои, кроме са-амого первого. Как это сделать? «Глазик» с левой стороны окошка говорит нам, что мы сейчас данный слой видим. Нажимаем на глазик – всё, «зенку» мы не видим - слой отключён, и его мы также не видим.
[реклама вместо картинки]
Вот, что получается. «Глаз» только на первом слое – это будет первый кадр, который мы увидим при анимации.
[реклама вместо картинки]
Любой красивой (ну, логично предположить, что лучше всего «звёздочной») кистью бликаем по картинке.
[реклама вместо картинки]
Важные правила:
- не бликать слишком часто. Много – не значит хорошо.
- выбрать подходящий цвет для блёсток.
Разумеется, всё это относительно. Кому как нравится, тот пускай так и делает, это просто общие положения. :)
Затем нажимаем и на первый глаз. У нас отключено ВСЁ, мы видим незакрашенное шахматное поле. Жмём на место второго «глазика», он появился, и теперь уже на втором слое располагаем блёстки. Важно теперь бликать кисточкой в тех местах, где на первом слое бликов НЕ БЫЛО.
Подобным образом совершаем операции над третьим слоем.
Итак, на всех слоях есть блёстки, они везде в разном положении.
Время переходить в Святую Святых анимации… Image Ready.
Очевиден вопрос: а эта ваще хде?
А эта типа тут:
[реклама вместо картинки]
А-а-а-а! Что-то стало загружацца!!!
Младший братик Фотошопа, Имадж Рэди, в соответствующих кругах.
Опять же, если нет окна «Анимация», то мы знаем, где его найти.
[реклама вместо картинки]
Пока всё выглядит вот так:
[реклама вместо картинки]
Нажимаем малюсенькую кнопочку «Создать дубликат текущего кадра», нажимаем её два раза.
[реклама вместо картинки]
Получаем вот такое:
[реклама вместо картинки]
Теперь кликаем на первый кадр (именно кадр, а не слой! В окне «Анимация»!), и в окне «Слои» убираем нах все глазики, оставляем только первый.
[реклама вместо картинки]
Производим со вторым и третьим кадрами и слоями соответствующее: на втором кадре – второй глазик, на третьем кадре – третий глазик.
Па-а-а-а-ачти ффсё. :)
Осталось выбрать задержку по времени.
Выбирается она вот здесь левым кликом мыши под кадром:
[реклама вместо картинки]
Можно выставить и собственную, если хочется.
Выставляем так под каждым кадром, желательно везде одинаковую, в особых случаях – различную.
Теперь кликаем «Оптимизация».
[реклама вместо картинки]
Затем просматриваем получившуюся фиговинку:
[реклама вместо картинки]
Если что-то не нравится, меняем скорость или возвращаемся в Фотошоп.
[реклама вместо картинки]
В общем, в конце концов, мы кликаем на кнопку «Файл» в Имадж Рэди, «Сохранить оптимизированное как…» и сохраняем в формате GIF.
Фу-у-у-ух…
Открываем файл в любом просмотрщике, наслаждаемся результатом.
[реклама вместо картинки]-[реклама вместо картинки]-[реклама вместо картинки]

0

2

Урок 2. Использование шума

Этот эффект стоит на втором месте по своей важности в блещении картинок, потому что шум создаёт максимальное впечатление настоящего мерцающего изображения.
Итак, выбираем картинку, в моём случае:
[реклама вместо картинки]
Выделяем на ней те области, которые хотим "ошумить".
[реклама вместо картинки]
Теперь в меню "Фильтр" выбираем "Добавить шум"
[реклама вместо картинки]
Теперь выбираем, насколько сильно выражена будет зернистость. В открывшемся окошке есть кнопка "Монохромный". Мне такой вариант нравится больше, чем обычный, потому что "Монохромный шум" не добавляет других цветов, выбранная область становится зашумлённой только оттенками "своего" цвета, образно выражаясь.
[реклама вместо картинки]
Вот что мы видим, когда нажимаем ОК.
[реклама вместо картинки]
Теперь можно добавлять/не добавлять блёстки, шарики... В общем, дополнять чем, угодно...
Затем по стандартной схеме: в Имадж Рэди - кадры - "глаза" - время - Оптимизирование - Сохранить.
Вот и всё. А получается офигительно.
[реклама вместо картинки]

0

3

Урок 3. Светотени

Ну, не знаю, как это правильно назвать, а эффект важный.
Итак, исходная картинка:
[реклама вместо картинки]
Если кому интересно, девушку эту зовут Джайна Праудмур. :) Варкрафтовцы, если таковые имеются, поймут. :)
Пока скучно, не правда ли?
Создаём 3 слоя, первый НЕ трогаем (ну, по крайней мере, на первых порах).
[реклама вместо картинки]
На ВТОРОМ выделяем области, которые желаем видеть… ну… как сказать… «мерцающими» уже было… мигающими? Нет, тоже неверно.
В общем, выделяем те части картинки, которые светлее остальных (это отнюдь не правило) или наоборот, темнее остальных (поясняю: это «типа» эффект «лампы» - мы на два кадра вдруг освещаем картинку, и несложно представить, что только тёмные или только светлые части будут изменять свет. Тьфу ты, чорд, всё равно нах всех запутала…).
[реклама вместо картинки]
КОРОЧЕ. На втором слое выделенную часть кликаем инструментом «Осветлить» (такой шарик на палочке), причём, кисть должна быть ОГРОМЕННАЯ, потому что ВОДИТЬ инструментом «Осветлить» по картинке НЕЛЬЗЯ!!!
Затем на ТРЕТЬЕМ слое, НЕ СНИМАЯ ВЫДЕЛЕНИЯ С НУЖНОЙ ОБЛАСТИ, щёлкаем «Осветлить» уже ДВА раза. Именно ЩЁЛКАЕМ – раз-два.
Ффсё. :)
Прогуливаемся в Имадж Рэди, где создаём 4, повторюсь, 4 (но не 3!) кадра.
[реклама вместо картинки]
На первом – первый глаз, на втором – второй глаз, на третьем – третий глаз, а на четвёртом кадре – ВТОРОЙ глаз.
[реклама вместо картинки]
То есть что вообще получаиццо. Вот оно, освещение, на картинку нашло – и ушло плавно.
[реклама вместо картинки]
Разумеется, этим можно не ограничиваться.
Блёстки а уэлкам.
[реклама вместо картинки]

0

4

Урок 4.Вспышки

Результат:
http://l.foto.radikal.ru/0612/947f8b12a777.gif
Я попытаюсь объяснить вам, как можно сделать вспышки, что, в общем, то тоже предаёт блеск.
И так, открываем картинку, в которой хотим сделать вспышки. (Ctrl+O)
Создаём столько слоёв, сколько хотим сделать вспышек (Ctrl+J).
Берём первый слой, и... открываем фильтры.
В Фильтрах ищем Render и нажимаем на Lens Flare..
http://foto.radikal.ru/f.aspx?k06121e78ead8e573jpg
В появившемся окне выбираем, где будет вспышка, размер и нажимаем на ок.
http://foto.radikal.ru/f.aspx?k0612667905196809jpg
И повторяем эту операцию на всех слоях. Конечно же, меняя размер вспышки.
После того как мы закончили мучить слои и вспышки, делаем всех их невидимыми кроме первого. Переводим нашу картину в Имэдж Реади
Вставляем кадры (треугольник - Make frames from Layers).
http://foto.radikal.ru/f.aspx?k061233f86203f52djpg
Выбираем время, сохраняем. С этим проблем не должно быть, но для тех, кто не уверен картинка внизу или просто нажмите на Ctrl+Shift+Alt+S.
http://foto.radikal.ru/f.aspx?k0612b37b9e714191jpg
Вуаля! Картинка готова.

0

5

Урок № 5. Блестящие надписи

Я постараюсь быть краткой:
1. Нажимаем на CtrlN, что бы создать новый документ
2. Появляется примерно такое окошко
[реклама вместо картинки]
В этом окне мы вписываем размер нашей будующей надписи, и в значении Background Contents меняем White на Transparent.
3. Нажимаем на ок.
4. Выбираем Text Tool
[реклама вместо картинки]
5.Выделаем сколько хотим места для текста.
6. Выбираем размер, шрифт, эфект и цвет.
[реклама вместо картинки]
1 - размер
2 - эфект (жирний, крсив, подчёркнутый и т.д.)
3 - шрифт
4 - цвет

7. Печатаем текст.
8. Сохраняем для веба. File -> Save for Web
[реклама вместо картинки]
9. Потом снова открываем этот текст, и обрабатываем его как обычно обрабатываем, картинки, которые хотим облестить. (Урок 1)
http://n.foto.radikal.ru/0612/e706f5fe77ce.gif

0


Вы здесь » StyleWeb » Архив SW » Урок Делаем блестяшки 4 способами или все вместе