Перейти к содержимому
0
  • Категории
  • Последние
  • Популярные
  • Категории
  • Последние
  • Популярные
Свернуть
  1. Главная
  2. Категории
  3. Начало эпохи
  4. Разработка
  5. Обучение/Вопросы
  6. Как создать Gif анимацию в Фотошоп

Как создать Gif анимацию в Фотошоп

Запланировано Прикреплена Закрыта Перенесена Обучение/Вопросы
90 Сообщения 50 Участники 141 Просмотры
  • Сначала старые
  • Сначала новые
  • По количеству голосов
Ответить
Авторизуйтесь, чтобы ответить
Эта тема удалена! Эта тема была удалена. Только пользователи с правом управления темами могут её видеть.
  • -SHEOL- -SHEOL-

    Спасибо)

    lihoz0r
    lihoz0r
    lihoz0r
    Это сообщение удалено!
    написал в отредактировано
    779т
    #27

    Всегда пожалуйста.

    0 Ответов Последний ответ
    0
    • -SHEOL- Автор
      -SHEOL-
      -SHEOL-
      Это сообщение удалено!
      написал в отредактировано
      Добавляй
      #28

      Ну ..

      0 Ответов Последний ответ
      0
      • Scroodge
        Scroodge
        Scroodge
        Это сообщение удалено!
        написал в отредактировано
        Продвинутый
        #29

        Норм

        -SHEOL- 1 Ответ Последний ответ
        0
        • Scroodge Scroodge

          Норм

          -SHEOL- Автор
          -SHEOL-
          -SHEOL-
          Это сообщение удалено!
          написал в отредактировано
          Добавляй
          #30

          спс

          0 Ответов Последний ответ
          0
          • dron21041
            dron21041
            dron21041
            Это сообщение удалено!
            написал в отредактировано
            Гуру
            #31

            С***ено с сайта

            0 Ответов Последний ответ
            0
            • puschara
              puschara
              puschara
              Это сообщение удалено!
              написал в отредактировано
              траллю школьников
              #32

              дайте ссылку на норм фотошоп)

              -SHEOL- Берия 2 Ответа Последний ответ
              0
              • puschara puschara

                дайте ссылку на норм фотошоп)

                -SHEOL- Автор
                -SHEOL-
                -SHEOL-
                Это сообщение удалено!
                написал в отредактировано
                Добавляй
                #33

                гугл в помощь!

                0 Ответов Последний ответ
                0
                • Sa1nT_JeSuS.
                  Sa1nT_JeSuS.
                  Sa1nT_JeSuS.
                  Это сообщение удалено!
                  написал в отредактировано
                  Угловой
                  #34

                  много тем таких видел уже

                  0 Ответов Последний ответ
                  0
                  • Zarik
                    Zarik
                    Zarik
                    Это сообщение удалено!
                    написал в отредактировано
                    DDOS
                    #35

                    4 шаг поправь!!!

                    -SHEOL- 1 Ответ Последний ответ
                    0
                    • Zarik Zarik

                      4 шаг поправь!!!

                      -SHEOL- Автор
                      -SHEOL-
                      -SHEOL-
                      Это сообщение удалено!
                      написал в отредактировано -SHEOL-
                      Добавляй
                      #36

                      поправил! Спасибо что заметил!)

                      0 Ответов Последний ответ
                      0
                      • Берия
                        Берия
                        Берия
                        Это сообщение удалено!
                        написал в отредактировано
                        не кого не кидал,горжусь этим
                        #37

                        Вот взял и поднял)

                        0 Ответов Последний ответ
                        0
                        • Русский
                          Русский
                          Русский
                          Это сообщение удалено!
                          написал в отредактировано
                          По рукам татуировками...
                          #38

                          ШЕОЛ СМЕНИЛ АВУ?

                          -SHEOL- 1 Ответ Последний ответ
                          0
                          • sokolovashka
                            sokolovashka
                            sokolovashka
                            Это сообщение удалено!
                            написал в отредактировано
                            Продвинутый
                            #39

                            Нормас))Спс

                            0 Ответов Последний ответ
                            0
                            • puschara puschara

                              дайте ссылку на норм фотошоп)

                              Берия
                              Берия
                              Берия
                              Это сообщение удалено!
                              написал в отредактировано
                              не кого не кидал,горжусь этим
                              #40
                              
                              дайте ссылку на норм фотошоп)
                              

                              Ищи cs6 норм фотошоп ток гиг весит)

                              0 Ответов Последний ответ
                              0
                              • Русский Русский

                                ШЕОЛ СМЕНИЛ АВУ?

                                -SHEOL- Автор
                                -SHEOL-
                                -SHEOL-
                                Это сообщение удалено!
                                написал в отредактировано
                                Добавляй
                                #41

                                ага

                                0 Ответов Последний ответ
                                0
                                • -SHEOL- -SHEOL-

                                  Может тема была, такой не видел, если что закрою сам!
                                  *Задумывались ли вы, как создаются анимированные GIF-файлы?

                                  Результат урока.
                                  image

                                  Шаг 1
                                  Создайте новый документ (Ctrl + N) с размерами файла 800 х 500 пикселей. Залейте фон любым цветом, который вы хотите. Теперь идём в меню Слои – Стиль слоя – Наложение градиента (Layer> Layer Styles> Gradient Overlay). Примените следующие настройки: Стиль Радиальный (Radial), цвета от чёрного (# 000000) к синему (# 54799b), который будет использоваться в центре.image

                                  Шаг 2
                                  Создайте новый слой и назовите его Noise Layer. Выберите инструмент Заливка (Paint Bucket Tool) и залейте созданный слой тёмным цветом (# 231f20). Оставьте активным слой Noise Layer и идите в меню Фильтр – Шум – Добавить шум (Filter> Noise> Add Noise). В диалоговом окне настроек фильтра поставьте такие значения: Эффект (Amount) 3%, распределение Равномерное (Uniform) и нажмите ОК.image

                                  Шаг 3
                                  Нажмите комбинацию клавиш (Ctrl + U) и в появившемся диалоговом окне настроек коррекции введите значения Насыщенности (Saturation) 100%: Измените этому слою режим наложения на Мягкий свет (Soft Light).
                                  Примечание переводчика: для того чтобы добиться такого цвета как у автора на скриншоте, можно при коррекции Цветовой тон / Насыщенность (Hue/Saturation) значение Цветового тона (Hue) поставить на – 140.image

                                  Шаг 4
                                  Добавьте любой текст, который вы хотите. Здесь мы будем использовать текст логотипа сайта 123RF. В стилях слоя используйте Обводку (Stroke). Значения размера обводки выберите по своим предпочтениям.
                                  Примечание переводчика: На скрине автора уже растрированный текст вместе со стилем Обводка. Чтобы у вас получилось так же, после того как применили обводку, уберите Заливку (Fill) слоя с текстом на 0%, преобразуйте этот слой в смарт объект, а затем растрируйте его.image

                                  Шаг 5

                                  В этом шаге мы будем создавать светящийся эффект для текста с помощью стилей слоя. Дважды щёлкните по слою, чтобы вызвать окно настроек стилей. Для того чтобы настроить стили слоя, используйте скриншоты ниже.Тиснение (Bevel & Emboss)image
                                  Внутренняя тень (Inner Shadow)
                                  image
                                  Внутреннее свечение (Inner Glow)
                                  image
                                  Наложение цвета (Color Overlay)
                                  image
                                  Внешнее свечение (Outer Glow)
                                  image
                                  Тень (Drop Shadow)

                                  image


                                  Шаг 6
                                  Как только вы закончите создавать световые эффекты с помощью стилей слоя, перейдите в палитру слоёв и уменьшите этому слою значение Заливки (Fill) на 0%.image

                                  Шаг 7
                                  Дублируйте слой, который вы создали в шаге 5 и отключите этой копии все стили слоя. Настройте теперь стили так:
                                  Внутренняя тень (Inner Shadow)imageВнутреннее свечение (Inner Glow)
                                  image

                                  [spoiler=Шаг 8]Ниже результат после того как вы применили стили слоя.
                                  image[/spoiler]
                                  [spoiler=Шаг 9]Теперь мы создадим движущиеся световые пятнышки. Создайте 5 слоев поверх существующих, и переименуйте их как 1,2,3, R и F. Если у вас свой текст создайте слои в соответствии с вашими буквами. Сгруппируйте эти слои в папку, которой дайте название Light Spots и смените режим наложения на Осветление основы (Color Dodge).
                                  Активируйте инструмент Кисть (Brush Tool), выберите мягкую кисточку, установите Непрозрачность (Opacity) на 95% и белым цветом нарисуйте пятнышки поверх текста. Для каждой буквы отдельное световое пятно на своём слое. Ниже на скриншоте вы можете рассмотреть, как слои выглядят у автора в палитре слоёв.image[/spoiler]

                                  [spoiler=Шаг 10]Теперь идём в меню Окно – Шкала времени (Window > Timeline). Вы заметите, что ваши слои уже построены в этой палитре в левой её части. Выделите каждый из пяти слоёв со световыми пятнами, которые находятся в группе Light Spots и убедитесь что индикатор текущего времени (голубой слайдер) стоит на нулевом кадре. Теперь на каждом слое в группе, при его активности, нажмите на опцию Позиция (Position), чтобы создать ключевой кадр.
                                  Примечание переводчика: Для того чтобы активировать шкалу времени, нажмите кнопку Создать временную шкалу для видео (Create Video Timeline) и все ваши слои загрузятся в шкалу времени. Выделен в ней будет тот же слой или группа, что и в палитре слоёв.*image[/spoiler]
                                  [spoiler=Шаг 11]Установите индикатор текущего времени (голубой слайдер) на отметке 01:00 F и переместите слои со световыми пятнами по траектории их движения относительно контура буквы.
                                  image[/spoiler]
                                  [spoiler=Шаг 12]Так будет выглядеть начальное положение светового пятна на буквах. Перемещайте индикатор текущего времени по шкале и двигайте слои со световыми пятнами, создавая ключевые кадры. Продолжайте их перемещать, пока не закончите движение пятнышка по всей букве каждого текстового слоя. Для инструкции смотрите несколько скриншотов ниже
                                  Примечание переводчика: Делайте небольшие отрезки для перемещения световых пятен, чтобы их движение и соответственно анимация были плавными.imageimageimageimage[/spoiler]
                                  [spoiler=Шаг 13]Вот так будет выглядеть шкала времени после передвижения световых пятен и создания ключевых кадров. Заметьте, что ключевой кадр находится в точке изменения положения пятнышка в вашей анимации.
                                  image[/spoiler]
                                  [spoiler=Шаг 14]Как только все будет готово, перейдите в меню Файл - Сохранить для Web (File > Save for Web) и примените настройки, как показано на скриншоте. После этого нажмите кнопку Сохранить (Save) и сохраните анимацию в формате GIF.
                                  Селективное (Selective)
                                  Случайное (Diffusion)
                                  Постоянно (Forever)
                                  image[/spoiler]
                                  [spoiler=Шаг 15]Вот и готова наша очень крутая анимашка с движущимися световыми пятнышками.image
                                  [/spoiler]
                                  Слито!


                                  [spoiler=Мои темы: Посмотри, ты найдешь много интересного]Мои темы:
                                  Сколько тебе лет?
                                  10 вещей на столе
                                  Пчёлки и Винни пух. Тверкинг [Видео/обсуждение]
                                  Играете ли Вы в Доту? [Опрос]
                                  Как создать Gif анимацию в Фотошоп
                                  ВТопе [Обсуждение/Новости]
                                  Какая самая крутая игра?
                                  Каким спортом вы занимаетесь?
                                  Закрытая школа
                                  Взлом пороля Windows
                                  SMS Аноним
                                  [/spoiler]

                                  НЕМЕЦ в НОСКАХ
                                  НЕМЕЦ в НОСКАХ
                                  НЕМЕЦ в НОСКАХ
                                  Это сообщение удалено!
                                  написал в отредактировано
                                  gde moja konfeta
                                  #42

                                  %(red)[Была,ну еще 1 не помеха]

                                  0 Ответов Последний ответ
                                  0
                                  • sokolovashka
                                    sokolovashka
                                    sokolovashka
                                    Это сообщение удалено!
                                    написал в отредактировано
                                    Продвинутый
                                    #43

                                    Буду делать))

                                    -SHEOL- 1 Ответ Последний ответ
                                    0
                                    • sokolovashka sokolovashka

                                      Буду делать))

                                      -SHEOL- Автор
                                      -SHEOL-
                                      -SHEOL-
                                      Это сообщение удалено!
                                      написал в отредактировано
                                      Добавляй
                                      #44

                                      УДАЧИ

                                      0 Ответов Последний ответ
                                      0
                                      • id41788
                                        id41788
                                        id41788
                                        Это сообщение удалено!
                                        написал в отредактировано
                                        Местный
                                        #45

                                        :): спс

                                        -SHEOL- 1 Ответ Последний ответ
                                        0
                                        • id41788 id41788

                                          :): спс

                                          -SHEOL- Автор
                                          -SHEOL-
                                          -SHEOL-
                                          Это сообщение удалено!
                                          написал в отредактировано
                                          Добавляй
                                          #46

                                          не за что

                                          0 Ответов Последний ответ
                                          0

                                          • Войти

                                          • Войдите, чтобы искать.
                                          © 2011–
                                          • Первое сообщение
                                            Последнее сообщение