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

Сначала мы создаём новый документ.
С помощью Rounded Rectangle Tool (U) рисуем
прямоугольник с закругленными углами (цвет #747474).

Выбираем Elliptical Marquee Tool (M), и рисуем
выделение как на изображении ниже:

Кликаем правой кнопкой на слое с прямоугольником и выбираем команду Rasterize Layer.
Далее щёлкаем правой кнопкой в центре нашего
выделения и выбираем команду Layer via Cut.

Де ... Читать дальше »

лаем стильный хедер с навигацией для автомобильного сайта.

На новом документе нарисуйте черный прямоугольник с помощью rectangular shape tool

Щелкните дважды на слое с прямоугольником, чтобы открыть палитру стилей. Примените следующие стили:

Получится такая форма:

Создайте еще одну форму, используя pen tool

Щелките дважды на слое с новой фигурой, чтобы снова открыть палитру стилей. Примените следующие стили:

... Читать дальше »

Этот урок по Фотошопу покажет вам, как сделать потрясающий вид для сайта с персональным портфолио.

1. Создайте новый документ с белым фоном.
Размер документа 760 x 770 px. Затем используя инструмент заливка (Paint Bucket Tool) и цвет #282828 залейте документ этим темно-серым цветом.

2. Выберите инструмент Rectangle Tool и нарисуйте такой же прямоугольник как на картинке ниже. После того, как вы нарисовали прямоугольник, щелкните по слою с фигурой дважды - появиться палитра стилей “Blending Option”, там выберите параметр “Gradient Overlay” и установите такой вид градиента:

Прямоугольник должен принять вот такой вид:

... Читать дальше »

Кнопка для влюбленных

Мы начнем этот урок с создания нового документа
размером 300 x 155 px с белым фоновым цветом.

Теперь выберите инструмент Rectangle Tool и нарисуйте небольшой прямоугольник такого цвета - 8f8f8f. Назовите этот слой "кнопка" в панеле слоев.

Теперь мы создадим две вспомогательные точки на фигуре как показано ниже. Выберите инструмент Add Anchor Point Tool и разместите дополнительные точки в тех же местах как на картинке.

Теперь выберите инструмент Delete Anchor Point Tool и кликните по крайним точкам, которые отмечены на картинке.

... Читать дальше »

В этом уроке Photoshop у вас получится вот такое стильное меню для блога.

Давайте начнем с создания нового документа, размеры 400*200 px.
Залейте его темно-серым цветом #7d7d7d.

Теперь, используя Rounded Rectangle Tool, нарисуйте такую форму любого цвета.

Примените к форме следующие настройки:

Вот, что у нас получилось:

... Читать дальше »

В этом уроке Photoshop мы будем создавать привлекательную навигационную панель для сайта.
Внимание: Для этого урока необходима версия программы CS 2 или CS 3

Возьмите инструмент - скругленный прямоугольник (rounded rectangle tool) и нарисуйте такую фигуру:

Нажмите Ctrl+T. Щелчок правой кнопкой, выбираем команду Warp. Установите параметру warp значение "Inflate"
Примените настройки как показано ниже.

Нажмите Ctrl+T. Снова выберите Warp кликнув правой кнопкой.
Выберите значение "Bulge" и примените такие настройки.

Дважды щелкните на слое с фигурой, чтобы открыть окно добавления стилей. Выполните следующие действия.

... Читать дальше »

Этот урок Photoshop покажет вам, как создать стильную навигационную панель для веб-сайта.

Начнем с того, что нарисуем прямоугольную форму.
Возьмите инструмент закругленная прямоугольная форма (rounded rectangular shape tool)

Дублируйте слой с фигурой (Layer - Duplicate layer).
В меню Фильтры выберите sketch > halftone pattern.
Примените такие настройки:

Примените еще один фильтр - noise > add noise с такими настройками:

Нажмите Ctrl+T и уменьшите параметр горизонтального масштаба (на ваше усмотрение). Поменяйте режим смешивания слоев на "Difference" ... Читать дальше »

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

Начнем с того, что нарисуем прямоугольную форму.
Возьмите инструмент закругленная прямоугольная форма (rounded rectangular shape tool)

Щелкните дважды по слою с новым прямоугольником и добавьте следующие стили.

Получится так:

Нарисуйте фигуру эллипса, используя инструмент ... Читать дальше »

Этот урок Photoshop решила посвятить рисованию кнопки для веб-сайта.

Рисовать буду вместе с вами, поэтому даже сама не знаю, что получится в конце.

Итак, приступим:

1. Создайте новый документ с белым фоном размером примерно 300х300 пикселей.

Установите в качестве основного цвета, например такой #03836C

2. Возьмите инструмент - обычные формы (Custom Shapes) и выберите форму листика:

Нарисуем в режиме фигур форму листа.

Нажмите Ctrl + T (свободная трансформация) - форма листа должна быть слегка вытянутой.
При активной рамке трансформации нажмите правой кнопкой мыши и выберите Rotate 90 CW

После поворота нажмите Enter, чтобы п ... Читать дальше »

В этом уроке Photoshop вы научитесь создавать стильную кнопку для веб-сайта. Такой стиль кнопок, кстати, очень популярен в западном Интернете.

Шаг 1:

Создайте новый документ.
Возьмите инструмент - прямоугольное выделение (Rectangular Marquee Tool) и сделайте прямоугольное выделение как показано на скриншоте:

Шаг 2:

Обратитесь в меню Select, далее Modify > Smooth и установите следующие параметры:

Результат:

Шаг 3:

Установите в качестве основного цвета: #1A7CA1,
а фоновый цвет: #09A5D7:

... Читать дальше »