Beauty – ретушь для начинающих при помощи Photoshop.

Beauty – ретушь для начинающих при помощи Photoshop.

Эффект голограммы на фотографии.

Эффект голограммы на фотографии.

Создание портрета при помощи шрифтов.

Создание портрета при помощи шрифтов.

Создаем красивую оригинальную шапку для блога.

Создаем красивую оригинальную шапку для блога.

Необычный эффект глаз при помощи Photoshop.

Необычный эффект глаз при помощи Photoshop.

Создаем макет сайта о звездах и знаменитостях.

Создаем макет сайта о звездах и знаменитостях.

Создание текстового логотипа в стиле Ретро при помощи фотошоп.

Создание текстового логотипа в стиле Ретро при помощи фотошоп.

Урок ретуши фото. Создаем потрясающий портрет в Photoshop.

Урок ретуши фото. Создаем потрясающий портрет в Photoshop.

Урок по созданию летнего водного макета сайта в Photoshop.

Урок по созданию летнего водного макета сайта в Photoshop.

Урок по созданию футуристического логотипа в фотошоп.

Урок по созданию футуристического логотипа в фотошоп.

Создаем дизайн телефона на Android в Photoshop.

Создаем дизайн телефона на Android в Photoshop.

Создание макета сайта в стиле минимализма.

Создание макета сайта в стиле минимализма.

Как создать пиксельную кнопку в фотошопе

Как создать пиксельную кнопку в фотошопе

Создаем макет сайта для службы знакомств.

Создаем макет сайта для службы знакомств.

Создание RSS иконки.

Создание RSS иконки.

Урок по созданию простого  и современного  макета для сайта.

Урок по созданию простого и современного макета для сайта.

Графика для сайта.  Рисуем иконку на сайт.

Графика для сайта. Рисуем иконку на сайт.

Урок по созданию зимнего текста.

Урок по созданию зимнего текста.

Урок по созданию красивого новогоднего макета в фотошоп.

Урок по созданию красивого новогоднего макета в фотошоп.

Псевдо HDR.

Псевдо HDR.

Как создать основу для рекламы профессиональной косметики для волос.

Как создать основу для рекламы профессиональной косметики для волос.

Создание эффекта рисунка на фотографии.

Создание эффекта рисунка на фотографии.

Создаем макет сайта, продающий програмное обеспечение.

Создаем макет сайта, продающий програмное обеспечение.

Урок по созданию макета сайта-портфолио при помощи текстуры "джинс".

Урок по созданию макета сайта-портфолио при помощи текстуры "джинс".

Урок по созданию макета сайта для гостиниц и ресторанов.

Урок по созданию макета сайта для гостиниц и ресторанов.

Создаем креативный макет для продажи косметических средств с помошью Photoshop.

Создаем креативный макет для продажи косметических средств с помошью Photoshop.

Урок по созданию фотореалистичного макета сайта для его дальнейшей верстки CSS/XTML.

Урок по созданию фотореалистичного макета сайта для его дальнейшей верстки CSS/XTML.

Урок по созданию яркого красочного дизайна сайта.

Урок по созданию яркого красочного дизайна сайта.

Создание простого и стильного макета сайта.

Создание простого и стильного макета сайта.

Создаем макет блога в фотошоп.

Создаем макет блога в фотошоп.

Создаем оригинальный чистый стиль для сайта.

Создаем оригинальный чистый стиль для сайта.

Создаем профессиональную панель навигации для сайта.

Создаем профессиональную панель навигации для сайта.

Рисуем милую девчушку-смайл.

Рисуем милую девчушку-смайл.

Урок по рисованию прохлаждающегося солнца.

Урок по рисованию прохлаждающегося солнца.

Фантастический эффект фотографии.

Фантастический эффект фотографии.

Создание приятного макета сайта портфолио.

Создание приятного макета сайта портфолио.

Создание макета сайта для портфолио в стиле Веб 2.0

Создание макета сайта для портфолио в стиле Веб 2.0

Урок по созданию стильного рекламного банера с помошью Photoshop.

Урок по созданию стильного рекламного банера с помошью Photoshop.

Урок по созданию профессионального бизнес-шаблона сайта с помощью фотошоп.

Урок по созданию профессионального бизнес-шаблона сайта с помощью фотошоп.

Урок рисования реалистичного динамика.

Урок рисования реалистичного динамика.

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

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

Урок по созданию макета дизайна сайта в стиле Веб 2.0

Урок по созданию макета дизайна сайта в стиле Веб 2.0

Урок создание эффекта металлического текста

Урок создание эффекта металлического текста

Небесный коллаж

Небесный коллаж

Урок по созданию макета сайта для гостиниц и ресторанов.

Tags: американский бизнес стиль | Графика для сайта | уроки создания сайта | фото уроки фотошоп

В этом уроке создадим макет сайта для гостиниц, изменив картинку в шапке можно также применить этот макет и для ресторанов, кафе, пиццерии, бара и т.д.

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

 

Создайте новый документ размером 1000*1100 пикселей.
Сохраните следующую картинку у себя на компьютере мы будем использовать ее в качестве фонового слоя.

Откройте изображение в фотошопе и перейдите Правка-Определить узор. Таким образом можно создать узор из любого изображения которое у вас имеется.

Чтобы добавить этот узор в наш макет воспользуйтесь инструментом Заливка и убедитесь что в настройках выбран тип заливки Узор.

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

Как вы увидели узор заполнил не весь документ, чтобы исправить это возьмем кисть с мягкими краями, для выбора цвета воспользуемся пипеткой, чтобы точно подобрать цвет и выровняем низ макета.

Инструментом Прямоугольник со скругленными углами создадим форму в центре макета.

Добавим к форме следующие стили слоя:

Вот результат того, что должно получится:

Теперь на эту форму добавим изображение, вы можете использовать это место для слайд-шоу, либо для меню бронирования номеров.

Сверху нашей формы создадим еще одну аналогичную это будет нашим главным меню.

Для меню добавим стили:

Вот мой результат.

Используем еще раз Прямоугольник со скругленными углами и создадим еще три формы:

Для всех этих форм зададим следующие стили:

Вот что должно получится:

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

Для этой формы задаем стили:

Вот что должно получится:

Далее я буду дублировать этот слой несколько раз, чтобы получить результат, как на рисунке:

Добавим текст и изображения на наш макет.

Далее создадим с помощью инструмента перо еще одну форму.

Стили для этой формы копируем с формы верхнего меню и добавляем надпись.

Вот что у меня получилось.

Источник.

 

AddThis Social Bookmark Button
 

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


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

поиск
RSS
Интернет сервис Photoshop Online позволяет редактировать фотографии не устанавливая редактор на компьютер.

https://www.photoshop.com/ С помошью наиболее часто используемых функций программы можно корректировать цвет, устранять эффект красных глаз, менять яркость и контрастность, делать картинку...

кол-во просмотров6178
Подробнее...

Что такое веб-дизайн?

    Многие люди когда слышат словосочетание "Веб-дизайнер" представляют себе человека , сидящего за компьютером и что-то рисующего. На самом деле...

кол-во просмотров5315
Подробнее...

Контент. Как сделать материал читаемым.

    Как известно контент - это хозяин сайта, то зачем приходит посетитель на ваш сайт. От того насколько хорошо вы...

кол-во просмотров6726
Подробнее...

Креативный дизайн

    Креатив (анг. creative) - созидательный творческий процесс, в котором формируется и воплощается та или иная оригинальная идея.Креатив это относительно...

кол-во просмотров7144
Подробнее...

Что такое релевантная страница?

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

кол-во просмотров9089
Подробнее...