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: уроки веб дизайна | Графика для сайта | Уроки Photoshop | уроки web дизайна

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

Для начала создадим новый документ размерами 960*900 пикселей, что касается цвета фона, то я использую # eeeeee. Можно использовать инструмент Заливка, чтобы окрасить фон в нужный цвет.

Далее возьмем инструмент Прямоугольная область и создадим форму:

Добавьте слою следующие стили:

Далее я добавлю изображения кустарников из своих старых запасов:

Следующим шагом берем инструмент Прямоугольное выделение и создаем формы следующего цвета # eeeeee в нижней части кустов:

С помощью инструмента Прямоугольник со скругленными углами создадим форму того же цвета что и прошлая:

Добавим к этому слою стили:

 

Вот что должно получится на данном этапе:

Теперь инструментом Эллипс создадим две формы, для этого я использую цвет :# 463d2e.

Применим к данным слоям фильтр-Размытие - Размытие по Гауссу:

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

Далее я перетащу эти слои прямо под большую белую форму:

Инструментом Линия я буду создавать линии на панели навигации:

Далее добавим немного облаков на изображение:

В левую часть макета я добавлю изображение с ромашками

На правой стороне я размещу изображение с бабочкой:

Далее с помошью инструмента Горизонтальный текст я буду размещать текст в своем макете.

Между текстами кнопок я сделаю полоски инструментом Линия:

Далее растрируем все три полоски и объединяем их в один слой.
Инструментом Ластик с мягкими краями удаляем верхние и нижние части полос.

Дублируем слой с полосками и ставим между каждым текстом кнопок.

И вот что у меня получилось в итоге:

Источник.

AddThis Social Bookmark Button
 

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


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

поиск
RSS
Приятный глазу сайт. Как его сделать.

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

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

Основные правила набора текста.

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

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

Построение сайта. С чего начать и чем закончить.

Зачастую многие дизайнеры долгое время могут искать идею для создания сайта, многие так ее и не находят. Сидят часами перед...

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

Модульная сетка.

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

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

Определение ключевых слов.

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

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