Архив Айгуст —
архив помогалки Августа
«Никто не вечен… В отличие от знаний»
Внимание!
  Материалы на данном сайте представляют собой архивную копию форума «Айгуст - помогалка Августа» на момент октября 2019 года с целью сохранения знаний. Все права на материалы принадлежат их авторам. Материалы представлены в открытый доступ в ознакомительных целях, запрещено их коммерческое использование без согласования с авторами. Администрация сайта не несёт ответственности за содержание материалов, в том числе за наличие вредоносных закладок в коде, используйте любой предоставленный код на свой страх и риск. Рекомендуется проверять любые файлы вручную и перезаливать на собственный хостинг, дабы избежать возможной модификации или исчезновения в будущем.

Создание анимированного графника (блик)

22.06.2012 04:00:17
Создание анимированного графника (блик)
Создаем новый файл. Ставите размер, который вам нужен. Заливаете фон черным цветом. Пишете ник, делаете его цветным, лучше добавить тиснение.
[изображение]

Переходим в меню Изображение/Тримминг. Делать это нужно обязательно до применения градиента.
[изображение]

Создаете новый слой. Выбираем инструмент градиент. Сверху настраиваем его: нужно выбрать из белого в прозрачный, зеркальный.
[изображение]

Теперь применяем градиент к слою, не заходя за края. Чтобы ровно нарисовать градиент удерживаем Shift.
[изображение]

Теперь переходим на слой текста. Нажимаем правой клавишей на слое, рядом с глазом. Выбираем Выделить пикселы.
[изображение]

Образуется выделенная область. Переходим на слой с градиентом. Нажимаем маску слоя. Рядом со слоем появится связанная с ним маска.
[изображение]

Нужно сделать слой и маску независимыми друг от друга. Для этого щелкните по значку между ними.
[изображение]

Теперь нажмите именно на слой с градиентом, но не на маску. Можно делать анимацию. Выберите инструмент Перемещение и стрелками на клавиатуре сдвиньте градиент влево за границы рисунка. Создайте новый кадр. Стрелками сдвиньте градиент вправо за границы рисунка. Создайте промежуточные кадры. Сохраните в gif.
[изображение]

Можно добавить режим наложения Перекрытие. Ваш ник [изображение]
#23992
22.06.2012 11:56:02
Re: Создание анимированного графника (блик)
да именно таким методом и делала (использовала еще перекрытие ) [изображение]
#24004
22.06.2012 16:43:25
Re: Создание анимированного графника (блик)
Продолжай! -)
#24013
22.06.2012 17:02:33
Re: Создание анимированного графника (блик)
Пижон: Продолжай! -)
всмысле? О_о
#24014
22.06.2012 17:52:41
Re: Создание анимированного графника (блик)
Замечательный урок , но что делать тем у кого к примеру фотошоп попроще и в более ранней версии ? к примеру (CS2 или CS3) . В более ранних версиях фотошопа ребята не смогут применить некоторые параметры с урока по наложению блика . Поэтому я подготовила продолжение этого урока в более ранней версии .

Итак , первое что делаем , это создаем слой с выставлением параметров(размеров) для графника , аваторки или где еще бы вы захотели применить данный урок по блику. Заливаете слой черным фоном и пишите *ваш ник* , после чего выставляете параметры (цвет , тиснение , внешнее свечение , внутреннее свечение и так далее).
Я создала вот такой вот пример на котором покажу урок (с выставлением определенным параметров для слоя *ваш ник*)
[изображение]
Применила параметры : цвет слоя , тиснение и внешнее свечение .

После этого я создала *копию слоя* *ваш ник* для дальнейшей работы .
[изображение]
[изображение]
Почему я это сделала ? так удобнее в конце удалить слой испорченный , если к примеру вы захотели переделать какие параметры и это сокращает время на создание нового слоя , удалив всего лишь слой *копия* и слои связанные со слоем *копия* . А основной слой я закрыла , убрав *глазик видимости* слоя *ваш ник* . (Триминг можно выполнять по желанию , не в обязательном пордке , кому как захочется).

Потом создаем новый чистый слой над слоем (копия) для будущего нашего блика.
[изображение]
После как создали чистый слой , вернемся к нашему слою *копии* , чтобы преобразовать наш слой в *смарт-обьект* .
Для чего это нужно ? Для того , чтоб в дальнейшем наш слой с *бликом* проходил ровно по слою *ваш ник* , не залезая на слои (к примеру с кисточками , примененными на графе).

Вот мы подготовили основу для будущего блика , теперь можем перейти непосредственно к нашему *блику* .
Возвращаемся к чистому слою . Далее нам необходимо использовать инструмент *Градиент* для *блика* .
[изображение]
Нажимаем на инструмент *Заливка* правым кликом мышки , в появившемся окошке меняем режим с инструмента *Заливка* на инструмент *Градиент* .
Жмем на окошко с градиентом и применяем *градиент* от белого к прозрачному . После мы выставляем режим *Зеркальный градиент* .

Начинаем применять наш подготовленный градиент на чистом слое .
[изображение]
При помощи курсора мышки и клавиши *Shift* (удерживаем данную клавишу) проводим ровную линию с *бликом* . Отпустив клавишу и курсор получаем ровненький градиент поверх нашего слоя копии *ваш ник*.
[изображение]
При помощи инструмента *Перемещение* мы можем наклонить в любую сторону, сузить или увеличить в размере наш слой с градиентом(Для примера я немного наклонила градиент в правую сторону).
После как выполнили поворот, увеличили или сузили наш *градиент* жмем на любой инструмент и появится окошко (как показано выше на скрине) , на котором жмем *применить* .
Применяем к нашему слою с бликом *Обтравочную маску* .
[изображение]
[изображение]
После чего . мы получаем наш блик ровно по слою копии *ваш ник* . Этот режим позволяет нашему блику проходить ровно по слою копии *ваш ник* не переходя на другие слои.
Далее выставляем для нашего слоя с *бликом* параметр *перекрытие*.
[изображение]
В результате мы получаем вот такой красивый блик , который более заметен на букве *Ш*.

Теперь переходим непосредственно к анимации нашего *блика* . Для этого открывает окошко с *анимацией* .
[изображение]
[изображение]
При помощи инструмента *Перемещение* будем осуществлять перемещение нашего блика по слою копии *ваш ник* для кадров.
На данном этапе на 1 кадре выставляем время на 0,2 сек .
[изображение]
С помощью инструмента *Перемещение* перемещаем наш блик на один шаг за букву *В* (это выполняем для 1 кадра).
Затем создаем новый кадр (на данный момент считается 2 кадр). После перемещаем наш *блик* на один шаг за букву *К* (это проделываем для 2 кадра).
[изображение]

После этого мы создаем *Промежуточные кадры* между 1 и 2 кадром.
[изображение]
Жмем на 1 кадр , затем нажимаем кнопку *Создание промежуточных кадров* . Откроется окошко , в котором выставим количество кадров *7* . Остальные параметры оставляем без изменений как показано выше на скрине и нажимаем на слово *да* . В результате у нас появится промежуточные кадры между 1 и 2 кадром (2 кадр станет уже 9 кадром , т.е. последним).
После проделанной работы на 1 кадре выставим время на 2-4 сек (по желанию). Жмем на *Запуск воиспроизведения анимации* и видим как пробегает наш блик красиво и ровно по слою копии *ваш ник* .
[изображение] [изображение]
Если хотите сделать ваш граф на прозрачном фоне , то внизу создайте чистый слой , не заливая никаким цветом. Нажмите на этот слой , затем жмите файл --> Сохранить для Web и устройств... Откроется окошко , в котором проверте чтоб ваш граф был в формате *Gif* (этот формат хорош для работ с анимацией) . жмите сохранить выберите папку куда удобнее сохранить вашу работу и подпишите , после нажмите кнопку сохранить и все ваш граф сохранен и готов .

Вот собственно и все =) Работайте с фотошопом и у вас все получится =)
#24015
22.06.2012 18:39:20
Re: Создание анимированного графника (блик)
Гостья: В более ранних версиях фотошопа ребята не смогут применить некоторые параметры с урока по наложению блика . Поэтому я подготовила продолжение этого урока в более ранней версии .
Каких параметров нет? Маски слоя?
#24016
22.06.2012 18:44:25
Re: Создание анимированного графника (блик)
Snow Pearl:
Гостья: В более ранних версиях фотошопа ребята не смогут применить некоторые параметры с урока по наложению блика . Поэтому я подготовила продолжение этого урока в более ранней версии .
Каких параметров нет? Маски слоя?
Выделенние пикселей , маски . от этого труднее понять как дальше делать *блик* . Потому как заступарятся на данных пунктах и будут их искать. А этих параметров нету . Поэтому чуть иначе делается блик в ранних версиях фотошопа.
#24017
22.06.2012 18:57:35
Re: Создание анимированного графника (блик)
Snow Pearl:
Пижон: Продолжай! -)
всмысле? О_о
Смысл - продолжай дальше писать уроки, развивать начинающих дизайнеров.
Что же тут непонятного... -)
#24018
22.06.2012 19:01:04
Re: Создание анимированного графника (блик)
Итак, только что скачала фотошоп БОЛЕЕ ранней версии (cs2) исключительно в экспериментальных целях. Все есть, выделение и маска и градиент. Не знаю почему были проблемы.
#24019

Другие темы раздела