Видеоурок: Как легко сделать движущийся баннер в Photoshop

Учебник - Как сделать-баннер-движение-в-фотошоп-легко

Сегодня в этом видео-уроке мы научим вас составлять и готовить проект. создать баннер с помощью программы Adobe Photoshop, для следующего видео-урока, который научит вас анимация, а также экспортировать его готовым к использованию.

Я начну с того, что расскажу вам, кто этот мужчина на фотографии, что это не просто аноним, выбранный из любого банка изображений, нет, сэр, это Великий Милтон Глейзер, создатель логотипа I Love New York насколько сильно повлияло на наше общество в прошлом веке или обложка Боба Дилана.

Итак, оставив в стороне историческую справку, приступим к видео-уроку: Как легко сделать движущийся баннер в Photoshop, мой первый видеоурок, который, я надеюсь, вам понравится и окажется очень полезным. Начнем.

I) Делаем набросок с нашим составом и мы начали создавать и искать различные элементы баннера.

II) Ищем и загружаем фотографию старого доброго Милтона Глейзера, персонажа, которого я выбрал для нашего баннера.

III) Открываем Adobe Photoshop и создаем новый документ. Мы выбираем между разными предустановками которые Photoshop дает нам для использования в веб-формате. Из всех них мы выбрали холст 800 × 600, который является хорошим размером для баннера.

IV) Мы открываем файл JPG, содержащий фотографию хорошего Милтона Глейзера, и готовимся к ретушированию фотографии.

V) Выбираем из группы инструментов выбора один из циклов, Магнитная петля в таком случае. Обрисовываем старого доброго Милтона.

VI) После того, как наметили, переходим к маршруту Выделение - Уточнить края. Мы собираемся использовать этот инструмент, чтобы сделать края изображения хорошо очерченными.

VII) После того, как мы полностью оставили кромку Milton по своему вкусу с помощью инструмента Уточнить край, мы нажимаем CNTRL + J и новый слой будет создан с выделением.

VIII) Удаляем фоновый слой, и таким образом у нас будет Милтон на прозрачный фон которые мы можем использовать в нашем баннере.

IX) Для его сохранения воспользуемся инструментом Сохранить для Интернета. В диалоговом окне этого инструмента мы находим возможность экспорта файла в файлы разных типов, такие как GIF, JPG или PNG. Что ж, в этот файл мы собираемся экспортировать его, чтобы он оставался на прозрачном фоне. Сохраняем и называем. Закрываем и сохраняем в PSD на всякий случай.

X) Возвращаемся к нашему веб-проекту, к баннеру. Меняем цвет фонового слоя на черный. Для этого мы используем инструмент Paint Bucket, меняя цвет лицевой панели на черный и щелкая непосредственно на фоновом слое.

XI) Мы начинаем с импорта фотографии Милтона Глейзера в наше рабочее пространство или холст. Для этого мы используем Поместите инструмент, нашел в файле вариант.

XII) Ставим старый добрый Glaser в нижний угол справа от экрана.

XIII) Создаем речевой пузырь из комиксов. Размещаем так, будто говорит Глейзер.

XIV) Создаем 3 предложения с Текстовый инструмент, которые передают информацию о баннере. Один из них войдет внутрь бутерброда.

XV) Каждое из предложений должно находиться на отдельном текстовом слое.

XVI) Итак, у нас все готово к запуску дать анимацию к нашему баннеру.

В следующем видео-уроке я научу вас, как придать анимации нашему баннеру. Не пропустите.


Содержание статьи соответствует нашим принципам редакционная этика. Чтобы сообщить об ошибке, нажмите здесь.

Будьте первым, чтобы комментировать

Оставьте свой комментарий

Ваш электронный адрес не будет опубликован. Обязательные для заполнения поля помечены *

*

*

  1. Ответственный за данные: Мигель Анхель Гатон
  2. Назначение данных: контроль спама, управление комментариями.
  3. Легитимация: ваше согласие
  4. Передача данных: данные не будут переданы третьим лицам, кроме как по закону.
  5. Хранение данных: база данных, размещенная в Occentus Networks (ЕС)
  6. Права: в любое время вы можете ограничить, восстановить и удалить свою информацию.