Сегодня в этом видео-уроке мы научим вас составлять и готовить проект. создать баннер с помощью программы 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) Итак, у нас все готово к запуску дать анимацию к нашему баннеру.
В следующем видео-уроке я научу вас, как придать анимации нашему баннеру. Не пропустите.