Главная | Регистрация | Вход | RSSЧетверг, 21.11.2024, 18:26

PhotoShopWorld

Форма входа
PhotoShopWorld
Уроки Фотошоп
Фотошоп дополнения
Учебник Фотошоп
Фотошоп Ещё...
Категории раздела
Эффекты [243]
Работа с текстом [188]
Работа с фото [444]
Графика для сайта [96]
Дизайн/Рисование [389]
Анимация [43]
Практика [53]
Работа с планшетом [33]
Кисти [22]
Фильтры / Плагины [17]
Рамки [1]
Текстуры (фоны) [11]
Экшены [0]
Стили [0]
Градиенты [7]
Шрифты [0]
Фигуры [2]
Шаблоны для фото [0]
Иконки [0]
PSD исходники [0]
Основы работы [65]
Установка дополнений [7]
Описание инструментов [32]
Фотошоп Ещё... [0]
Фотошоп
Орфография
Система Orphus
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0

Мир Фотошопа

Главная » Файлы » Графика для сайта

Креативный дизайн для блога
18.03.2011, 15:39

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

Шаг 1. Создайте новый документ (CTRL+N) 1280 px x 1500 pxразрешением (Resolution) 72 пикселя и цветовым режимом RGB (Mode RGB Color). Залейте фон (background) тёмно-синим цветом (#041d51). Инструментом «Прямоугольник» (Rectangle Tool) в режиме контуров нарисуйте прямоугольник в верхней части документа, клик ПКМ и выберите «образовать выделенную область» и на новом слое залейте любым цветом, примените стиль слоя «Наложение градиента»\GradientOverlay (линейный, цвета #041d51 #01151d).

Шаг 2. Рисуем шапку. Инструментом «Прямоугольник со скруглёнными углами» (Rounded Rectangle Tool) в режиме «выполнить заливку пикселов», радиус скругления 16 рх,  нарисуйте прямоугольник на новом слое, назовите «шапка».

Шаг 3. Дублируйте слой «шапка» (Ctrl+J), инструментом «Перо» (Pen Tool) в режиме контуров отрежьте фигуру, как показано ниже.

Примените стили слоя: Тень\Drop Shadow.

Тиснение\Bevel and Emboss.

Глянец\Satin.

Наложение цвета\ Color overlay .

Шаг 4. Нарисуйте потёки краски (например, нарисуйте пером контур и залейте контур любым цветом) или найдите подходящее изображение и вставьте на новый слой, назовите «краска» .

Шаг 5. Деформируйте слой, как показано ниже при помощи Редактирование\Трансформирование\Деформация (Edit\Transform\Warp).

Объедините слой «краска» с предыдущим «шапка (копия)» (Ctrl+E). Добавим декоративные элементы на этом же слое инструментом «Кисть» (Brush)

Шаг 6. Дублируйте слой, удалите стили слоя, загрузите выделение слоя (Ctrl+клик по миниатюре слоя) и в меню Фильтр\Размытие\Размытие по Гауссу (Filter\ Blur\ Gaussian blur), радиус 10. Кисточкой нарисуйте брызги (поищите в интернете), инструментом «Ластик» (Eraser Tool) с мягкими краями сотрите лишнее и примените стиль слоя «Наложение градиента»\GradientOverlay.

Шаг 7. Добавьте брызги на слое «шапка» и примените стиль слоя «Наложение градиента»\GradientOverlay.

Шаг 8. Загрузите выделение слоя «шапка» (Ctrl+клик по миниатюре слоя), создайте новый слой и нарисуйте брызги и скопируйте стили слоя со слоя «шапка (копия)».

Шаг 9. Инструментом «Текст» (Type Tool) напишите название блога.

Растрируйте текст (клик ПКМ по слою с текстом и выберите «Растрировать текст»),  добавьте слой-маску и, оставаясь на маске, нарисуйте брызги; кликните по миниатюре слоя и добавьте брызги .

Примените стили слоя: Тень\Drop Shadow.

Тиснение\Bevel and Emboss.

Глянец\Satin.

Наложение градиента\Gradient Overlay.

Шаг 10. Создайте новый слой и на палитре слоёв расположите ниже слоя с текстом, нарисуйте новые брызги и примените стили слоя: Внешнее свечение\Outer Glow.

Тиснение\Bevel and Emboss.

Наложениеградиента\Gradient Overlay.

Шаг 11. На новом слое напишите слово «Blog» и примените стили слоя Наложение градиента\Gradient Overlay и Тиснение\Bevel and Emboss.

Шаг 12. Инструментом «Прямоугольник со скруглёнными углами» (Rounded Rectangle Tool) нарисуйте прямоугольник для контента  на новом слое, назовите «контент», заполните цветом  #e7e2d5, под шапкой нарисуйте прямоугольное выделение и на новом слое залейте линейным градиентом.

Шаг 13. Нарисуйте кнопку «Search» (на новом слое  «Прямоугольник со скруглёнными углами» (Rounded Rectangle Tool) нарисуйте прямоугольник, клик ПКМ, образуйте выделенную область, залейте любым цветом) и примените стили слоя для кнопки Search Наложение градиента\GradientOverlay.

Тень\Drop Shadow.

Обводка\Stroke.

Шаг 14. Нарисуйте форму для поиска и примените стили слоя
Внутренняя тень\Inner Shadow.

Наложение градиента\GradientOverlay.

Обводка\Stroke.

Шаг 15. Добавляем информацию в правой колонке.

Шаг 16. Добавим брызги в области контента на новом слое.

Примените стили слоя: Тиснение\Bevel and Emboss.

Наложение градиента\GradientOverlay.

Шаг 17. Добавляем названия ссылок.

Шаг 18. Добавляем изображения, к изображениям примените стили слоя Тень\Drop Shadow и Обводка\Stroke (1рх).

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

Категория: Графика для сайта | Добавил: Photoshop-master
Просмотров: 444 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Поиск
Фотошоп-Мастер
Фотоэффекты онлайн
Фотошоп с нуля!
Фотошоп уроки!
Photoshop
RSS лента

Кликните по иконке, чтобы получать новые уроки по RSS каналу

Создать фоторамку
Опросы
Есть ли у вас проблемы с закачкой дополнений с сайта?
Всего ответов: 21
Друзья сайта
  • Официальный блог
  • Сообщество uCoz
  • FAQ по системе
  • Инструкции для uCoz

  • Copyright MyCorp © 2024
    Сделать бесплатный сайт с uCoz