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

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

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

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

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

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

Продублируйте слой с маленьким прямоугольником и  разместите его на левой стороне полосы. Далее используйте инструмент Текст , чтобы добавить текст (в нашем случае это будет сообщение Твиттер)добавьте ему стили слоя :

41-19

41-20

41-21

Теперь воспользуйтесь ссылкой для добавления значка Твиттер  http://www.iconfinder.com/, затем добавьте значок в наш макет  и добавьте ему три стиля слоя: внутренняя тень, тень и наложение цвета. Выполните настройки, указанные ниже:

41-22

41-23

41-24

41-25

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

41-26

Следующий шаг – создаем окно контента.
Наш сайт будет включать в себя две колонки , которые будут отображать новости, интервью и галерею фотографий.
Создаем прямоугольник со скругленными углами (510*350 пикселей) и радиусом округления 10 пикселей , темно красного цвета # 860609.

41-27

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

41-28

Скопируйте красный прямоугольник , а затем трансформируя уменьшите его на 20%. Добавьте наложение градиента на это прямоугольник.

41-29

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

41-30



 

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


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

поиск
RSS
Креативный дизайн

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

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

Как правильно зарегистрировать сайт.

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

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

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

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

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

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

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

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

5 правил веб-дизайна

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

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