Создание рекламы

с помощью стилей слоя

 

В этом уроке по работе с фотошопом будет показан пример создания рекламы с помощью простейших слоевых эффектов. Мы всего лишь разделим изображение на несколько фрагментов и придадим им стили слоя.

Урок сделан в версии фотошопа CS3, но может быть легко выполнен и других версиях фотошопа.

Урок сделан по мотивам книги "Adobe Photoshop CS6. Мастер-класс Евгении Тучкевич".

 

Откроем исходное изображение.

Выберем инструмент "Прямоугольная область" (М) и создадим первое выделение.

Скопируем его на новый слой - Ctrl+J.

Два раза левой клавишей мыши щёлкаем по верхнему слою.

Откроется окно "Стиль слоя", в котором делаем активной вкладку "Тень" и устанавливаем такие параметры, которые Вы видите на скриншоте ниже.

Получаем вот такую картинку. Так же выделяем второй фрагмент изображения. Делаем активным фоновый (основной) слой (слой "Задний план") и копируем выделение на новый слой - Ctrl+J.

В палитре "Слои" получилось три слоя. Чтобы скопировать уже созданный ранее стиль слоя на вновь созданный слой - Слой 2, удерживаем клавишу Alt, щёлкаем по значку Fx на Слое 1 (этот знак обозначает, что к слою применён какой-то стиль) и перетаскиваем этот знак на Слой 2.

Такую же работу делаем и третьим выделением.

В палитре "Слои" образуется 4 слоя.

Вот такой результат мы получаем на данном этапе.

Создаём ещё одно выделение.

На передний план устанавливаем белый цвет и заливаем белым цветом созданное выделение - Alt+Delete. Снимаем выделение - Ctrl+D.

Так как я забыл перейти на фоновый слой перед заливкой выделения, то белый прямоугольник у меня создался на Слое 3, который был активен перед заливкой белым цветом. В связи с тем, что к Слою 3 уже применён стиль слоя, то к вновь созданному прямоугольнику автоматически применился тот же стиль.

Точно так же я создал и прямоугольник поменьше, но на этот раз, находясь на фоновом слое, скопировал выделение на новый слой - Ctrl+J, залил его белым цветом - Alt+Delete и применил тот же стиль слоя точно таким же способом, как и описано выше. Обратите внимание, что слой с маленьким прямоугольником должен быть выше слоя с большим прямоугольником.

Вот так у нас выглядит палитра "Слои" на данном этапе.

Теперь сделаем что-то типа логотипа. Выберем инструмент "Произвольная фигура" (U)в режиме слой-фигура. Щёлкнем по чёрной стрелочке и в раскрывшемся списке выберем фигуру под названием "Волны". Удерживая клавишу Shift для соблюдения пропорций, растянем выбранную фигуру на маленьком белом прямоугольнике. Так как у меня на переднем плане установлен бордовый цвет, то соответственно фигура получилась бордового цвета.

Выберем инструмент "Горизонтальный текст" (Т) с параметрами, которые Вы видите на скришоте ниже, и что-нибудь подходящее напишем.

Таким образом, мы сделали простейшее создание рекламы в фотошопе.


Чтобы усилить эффект, можно создать новый слой над фоновым слоем и установить ему непрозрачность 50-60%.

Вот тогда наша картинка будет выглядеть более эффектно.

 

Скачать исходный файл можно здесь

 

Чтобы получить интересные уроки на свой адрес, введите свои данные в форму подписки ниже:

 

Комментарии  

admin
0 # admin 12.09.2013 12:41
Автор книги "Adobe Photoshop CS6. Мастер-класс Евгении Тучкевич" Евгения Ивановна Тучкевич большой профессионал в своё деле. В этом я убедился когда проходил под её руководством курсы "Adobe Photoshop для профессионалов" в г. Санкт-Петербурге.
У Евгении Ивановны я взял разрешение на публикацию на своём сайте примеров из вышеназванной книги.
При разработке уроков я использую отдельные моменты этой прекрасной книги и , естественно, поэтому даю прямую ссылку на источник.
В дальнейшем я так же буду ссылаться на книгу.
Публикация этой книги в электронном варианте не планируется.
Ответить | Ответить с цитатой | Цитировать
pavalexandr
0 # pavalexandr 12.09.2013 19:41
Жаль - поговорите с Евгенией Ивановной Тучкевич о выпуске электронной версии, ее же тоже можно продавать.
Ответить | Ответить с цитатой | Цитировать
pavalexandr
0 # pavalexandr 11.09.2013 20:03
ЗДРАВствуйте, Олег! Вы теперь всегда будете ссылаться на книгу "Adobe Photoshop CS6. Мастер-класс Евгении Тучкевич"?
М.б. она есть в электронном виде? Сообщите, пж-та, планируется ли выход электронной версии.
С Богом, Александр.
Ответить | Ответить с цитатой | Цитировать

Добавить комментарий

Введите уникальное имя, или зарегистрируйтесь на сайте, что бы имя в ответах вставлялось автоматически: это займёт 2 минуты! После регистрации вы сможете редактировать свои сообщения и не придётся вводить код проверки.


Защитный код
Обновить

Кто на сайте

Сейчас 538 гостей и 3 зарегистрированных пользователей на сайте

  • l-mo2
  • OlegNakroshaev
  • Shan621

Помощь сайту

Понравился сайт? Внесите вклад в его развитие, пожертвовав любую сумму

Деньги пойдут на оплату серверов и на развитие сайта.

В примечании к платежу укажите Ваш e-mail или логин на нашем сайте.

Администрация сайта.

Пользователи, внесшие вклад

Вход на сайт



 Начните свой путь в мир ФОТОШОПА сейчас!

Соглашение

 

 

 

 

PhotoshopSunduchok

В контакте

 

 

PhotoshopSunduchok

на You Tube

You Tube

PhotoshopSunduchok

в Instagram

 

 

PhotoshopSunduchok

в Twitter

Поиск по сайту

Что в сундучке?

  • Текстовых уроков - 1100
  • Видеоуроков - 743
  • Вебинаров и тренингов - 66
  • Практических советов - 163
  • Программ - 7
  • Шаблонов, обоев и клипартов - 357
  • Наборов кистей, фигур - 306
  • Календарей - 114
  • Наборов рамок - 546
  • Книг, журналов - 125
  • Текстур, узоров и фонов - 37
  • Наборов иконок - 28
  • Наборов логотипов - 3
  • Наборов стилей - 48
  • Шрифтов - 78
  • Разное - 64