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

Создание контент-слайдера для веб-сайта в Фотошопе

Создание контент-слайдера  для веб-сайта в Фотошопе

 

В этом уроке Вы узнаете, как можно легко и просто сделать контент-слайдер для веб-сайта в  Photoshop!  На протяжении урока мы будем работать со многими слоями, масками слоя и другими полезными инструментами.

 

Шаг 1

 

Создайте новый документ необходимого вам размера. Теперь выберите на панели инструментов инструмент Прямоугольник (Rectangular Marquee tool) и сделайте форму, как, как показано ниже.

 

Создание контент-слайдера  для веб-сайта в Фотошопе

 

Шаг 2

 

Ещё раз выберите инструмент Прямоугольник (Rectangular Marquee tool) и сделайте форму, как показано ниже заполните её цветом # 2E2E2E.

 

Создание контент-слайдера  для веб-сайта в Фотошопе


 

Шаг 3

 

Теперь выберите инструмент Перо (Pen) и  сделайте форму, как показано ниже.

 

Создание контент-слайдера  для веб-сайта в Фотошопе

 

Шаг 4

 

Теперь выберите слой и скопируйте его (Ctrl + C) и вставьте его (Ctrl + V)  как показано ниже. Сделайте тоже самое как на рисунке.

 

Создание контент-слайдера  для веб-сайта в Фотошопе

 

Шаг 5

 

Далее выберите инструмент Горизонтальный текст (Text Type Tool)  и сделайте надписи на слайдере как показано ниже.

 

Создание контент-слайдера  для веб-сайта в Фотошопе

 


Шаг 6

 

Теперь установите нужное изображение на слайде, как показано ниже.

 

Создание контент-слайдера  для веб-сайта в Фотошопе

 

Шаг 7

 

Далее выберите инструмент Горизонтальный текст (Text Type Tool)  и сделайте надписи внутри слайдера как показано ниже.

 

Создание контент-слайдера  для веб-сайта в Фотошопе

 

Окончательный результат

 

Создание контент-слайдера  для веб-сайта в Фотошопе

 

Я надеюсь, вам понравился этот урок и что эти методы вдохновили вас на новые мысли и идеи для вашего следующего проекта.



Автор урока: Шази


Переводчик урока: Ирина Шипилова 

Ссылка на источник



Если Вам понравился наш сайт, выразите свое "спасибо" нажатием на кнопочки ниже. Расскажите друзьям. Спасибо :)


  • 23.06.2012
  •   Просмотров: 3864
Комментарии Вконтакте:
Комментарии Facebook:
Комментарии:
Оставить комментарий:
Включите эту картинку для отображения кода безопасности
обновить, если не виден код
Сложите два числа
(ответ введите цифрой).
Если символов не видно, нажмите на картику для её обновления.
Полный курс по After Effects на русском!

Все о МАСКАХ

Полный курс по Cinema 4D на русском!

Создание профессиональных видеоуроков!

Помощь сайту
Если вам нравится у нас на сайте, и мы вам помогли, вы можете внесите свой вклад в его развитие, пожертвовав любую сумму на один из кошельков:

WebMoney
Z280416942189
R894500715826

Яндекс Деньги:
410012466071950

Все деньги пойдут на развитие сайта (оплату хостинга, оплату авторам уроков т.д.)

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

С уважением администрация сайта.
http://of-law.ru/iskovye-zayavleniya/ - Of-law.ru-судебные решения, исковые заявления, образцы жалоб, судебная практика, юридическая консультация бесплатно,нет ничего проще
Популярное на сайте
Следите за нами

Кроссовки дешево!
http://mykrosovkii.ru/catalog/nike.html - Уцененные кроссовки со всего мира,кроссовки Nike, Adidas, Converse кеды, Reebok Classic,New Balance
Партнерские ссылки