Skip to content

All-PS.NET - все для Adobe Photoshop: уроки, кисти, шаблоны, исходники .PSD, плагины и многое другое...

Narrow screen resolution Wide screen resolution Increase font size Decrease font size Default font size default color orange color green color

You are here: Главная arrow Уроки arrow Photoshop: Web графика
Photoshop: Web графика


Урок: Прозрачная идея для шапки сайта Печать E-mail
Рейтинг: / 0
Photoshop: Web графика
Автор Administrator   
05.04.2008 г.

Допустим вы захотели сделать шапку для сайта.

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

Как же сделать плавный переход от картинки к белому цвету?

Сейчас мы разберем этот случай.

У вас есть изображение, которое вы хотите разместить в правую сторону шапки сайта.

Создаем новый документ и перетаскиваем туда наше изображение.

Подробнее...
 
Урок: Рекламный баннер для сайта Печать E-mail
Рейтинг: / 1
Photoshop: Web графика
Автор Administrator   
05.04.2008 г.

В этом Фотошоп уроке будем создавать рекламный баннер на сайт.

Итак, представьте себе ситуацию. Вы профессиональный дизайнер, с фотошопом на "ты".
Звонит вам клиент и говорит: Мне нужно сделать баннер с рекламой iPod Nano на сайт с таким слоганом (например): "iPod Nano - cтильная штучка. Возьми себе такой!"
Вы говорите: Нет проблем! Завтра будет.

И начинаете работать:

1. Создаете новый документ 468×60 px разрешение 72.
2. Создайте новый слой и возьмите инструмент .
Установите цвета градиента.

3. Выберите радиальный градиент .
И проведите по документу с будущим баннером.

Подробнее...
 
Урок: Кнопка - "Отправить письмо" Печать E-mail
Рейтинг: / 0
Photoshop: Web графика
Автор Administrator   
05.04.2008 г.

В этом Фотошоп уроке мы будем рисовать кнопочку для размещения ее на сайте под формой обратной связи, простыми словами кнопка "Отправить письмо"

Создайте новый документ размерами 281 x 129 px и залейте его 6aa3cf цветом. Дважды щелкните по слою и нажмите ОК.

Затем, загрузите текстуру.

В палитре слоев найдите вот такую кнопку , щелкните по ней и выберите стиль "Наложение градиента". Установите такие же настройки:

Подробнее...
 
 

Создание сайтов