Четверг, 02.02.2023, 12:35


Главная
Онлайн уроки Регистрация ВходРеклама у нас / ПОМОЧЬ ПРОЕКТУ
Приветствую Вас, Новичок · RSS
Меню сайта
доска почета

brettnz69
Файлов:
8565

zyzy
Файлов:
2481

didl3
Файлов:
1056

NIKIG
Файлов:
1013
статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0

Сегодня были:
wallacetq3, brettnz69, NIKIG

 Каталог статей
Обучающие уроки » Статьи » Онлайн уроки Photoshop


Создаем баннер с эффектом увеличения, Онлайн уроки Photoshop

Нравится

В этом уроке я попробую объяснить как можно сделать интересный баннер для сайта. Сразу скажу что сначала лучше все сделать в Photoshope, а анимацию в ImageReady.

Итак начнем!

Шаг 1.
Создаем новый документ. Размером 468Х60 (Стандартный размер баннера).
И заливаем фон темным цветом, (каждый может сделать фон по вкусу).
Баннер с эффектом увеличения

2.
Берем инструмент эллипс ellipse.gif , выбираем цвет его заливки темнее фонового и рисуем в нижней части нашего баннера. Так чтобы что бы в видимой части находилось только половина эллипса.
Баннер с эффектом увеличения

3.
Берем инструмент shape tool:custom shape: и выбираем фигуру World (хотя по моему мнению это не обязательно, каждый может выбрать другую форму) и рисуем его на нашем баннере как показано на рисунке.
Баннер с эффектом увеличения

Далее мы меняем режим наложения этой фигуры на color dodge и прозрачность на 50%. В результате у нас должно получиться:
Баннер с эффектом увеличения
Баннер с эффектом увеличения

4.
Создаем новый слой и с помощью инструмента Т horisontal_type.gif пишем на нем
«searching for best deal». В данном случае автор не акцентирует свое внимание на шрифте текста.
Баннер с эффектом увеличения

5.
После того как вы это сделали мы опять возвращаемся к инструменту shape tool и вбираем фигуру под названием magnifying glass. И рисуем его на нашем баннере, и так чтобы размер окружности был чуть больше размера текста.
Баннер с эффектом увеличения

Дальше мы идем в Blending Options и настраиваем этот слой как показано на рисунке.
Баннер с эффектом увеличения
Баннер с эффектом увеличения

6.
Продолжим. Теперь мы дублируем слой с текстом и изменяем тип шрифта, размер и цвет.
Баннер с эффектом увеличения

7.
Теперь мы рисуем круг. Как показано на рисунке.
Баннер с эффектом увеличения

Нажимаем Ctrl+Alt+G чтоб сделать маску.
Баннер с эффектом увеличения
Баннер с эффектом увеличения

В результате у нас должно получиться что то такое.
Баннер с эффектом увеличения

8.
Далее мы создаем новый слой и вставляем туда логотип и название компании.
Баннер с эффектом увеличения

9.
Далее мы открываем наш банер в ImageReady, и переходим к окну анимации. В первом же кадре у нас должно быть все слои кроме название компании, то есть кроме последнего.
Баннер с эффектом увеличения

10
Теперь самое интересное. Мы в панели слоев выбираем только два слоя. Это наше увеличительное стекло и слой с маской.
Баннер с эффектом увеличения

Теперь мы дублируем каждый кадр и перемещаем нашу линзу через весь текст.
Баннер с эффектом увеличения

У автора данной работы получилось всего 7 кадров. Чтобы пройти от начала до конца. Теперь ведем наше стекло обратно к началу. Также дублируя кадры и передвигая форму увеличительного стекла
Баннер с эффектом увеличения
Баннер с эффектом увеличения
Баннер с эффектом увеличения

Шаг 11.
Теперь на 14 кадре мы вставляем название фирмы и логотип, а остальные слои отключаем.
Баннер с эффектом увеличения

Теперь дублируем кадр с названием фирмы чтоб сделать эффект блика
Баннер с эффектом увеличения
Баннер с эффектом увеличения

Ну вот и все, теперь нажимаем Ctrl+Alt+Shift+S чтобы оптимизировать и наслаждаемся.

Баннер с эффектом увеличения

Смотрите также:


Категория: Онлайн уроки Photoshop | Добавил: GOR (11.01.2012)
Просмотров: 1177 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email:
Код *:
Copyright BENO Corp © 2023
кабинет
Четверг
02.02.2023
12:35

Требуются файловики за плату
Логин:
Пароль:
Пользователей: 47488 Зарегистрируйтесь чтобы убрать рекламу
Предлагаем:
БЕСПЛАТНОЕ РАЗМЕЩЕНИЕ ВАШИХ СТАТЕЙ С ВЕЧНЫМИ ССЫЛКАМИ!
Онлайн уроки
Эффект крутящейся планеты
Девушку в книгу с эффектом старого издания
Создаем ангельские крылья
Создаем радужный логотип используя сетки
Технический дизайн: Описание Ретушь-отрисовки деревянного домика
Переделываем фото в стиле старой мозаики
Стилизация изображения при помощи цветных фигур
Девушка на урбанистическом фоне - поп-арт постер
Волшебное превращение портрета в фарфоровую маску
Цветокоррекция и фотообработка портрета женщины
НОВЫЕ КОММЕНТАРИИ
Учимся создавать собственный форум Big Ass Photos - Free Huge Butt Porn, Big Bo

Учимся создавать собственный форум Young Heaven - Naked Teens & Young Porn Pict

Учимся создавать собственный форум My new hot project|enjoy new website
Учимся создавать собственный форум Dirty Porn Photos, daily updated galleries <

Учимся создавать собственный форум My new hot project|enjoy new website
Учимся создавать собственный форум Scandal porn galleries, daily updated lists

Учимся создавать собственный форум My new hot project|enjoy new website
Учимся создавать собственный форум Big Ass Photos - Free Huge Butt Porn, Big Bo

Учимся создавать собственный форум Sexy pictures each day
http://bomdage

Учимся создавать собственный форум Nude Sex Pics, Sexy Naked Women, Hot Girls P

Учимся создавать собственный форум New hot project galleries, daily updates
Учимся создавать собственный форум Hot sexy porn projects, daily updates





Любая публикация опубликованная на софт портале предоставлена только для ознакомления и является авторским материалом. Администрация не несет никакой отвественности за размещенные новости, программы, статьи и ущерб не оплачивает. Копирование без авторского разрешения уголовно наказуемо законодательством РФ и Украины: "Об авторском и смежном праве". Если вы берете новость с сайта то вы обязаны поставить активную ссылку!
Карта сайта