Веб 2.0. Иллюстрации. Урок 4. Обои своими руками.

23 10 2007

Раздел “Иллюстрации“. Урок 4.

Обои своими руками.

(опять же в стиле диско =)) )

132.jpg

Создаем документ с разрешением как у вашего монитора, например 1280х1024 пикселей, 72 dpi. Далее выбираем градиент (Gradient Tool gradienttool.gif) заходим в настройки цвета градиента – обведено красным:

113.jpg

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

23.jpg

Сохраните настройку и закрасьте градиентом фон по направлению от левого нижнего угла к верхнему правому. После этого с помощью Rectangular Tool нарисуйте прямоугольник черного цвета с заливкой (fill) 15%:

33.jpg

Затем с помощью Ellipse tool (ellipsetool.gif) рисуем круг, удерживая клавишу Shift, и значение fill устанавливаем 0%. Потом заходим в Blending options и применяем Stroke со следующими параметрами:

53.jpg

И копируем слой с этой окружностью, размещаем круги произвольно:

44.jpg

Далее с помощью Pen Tool (pentool.gif) рисуем фигуры в стиле изображенных на рисунке, цвет #9bflc0, можно добавить несколько кругов – с помощью Ellipse tool – того же цвета:

63.jpg

Аналогично нарисуем фигуры цветом потемнее – #06913e:

73.jpg

Сделаем новый слой, наложенный сверху на предыдущие. С помощью кисти (Brush tool brushtool.gif) черного цвета и прозрачностью (opacity) 10% закрасим углы как на рисунке, размер кисти равен 200:

83.jpg

Теперь используем фотографию девушки. Нажмите Shift+Ctrl+U чтобы получить черно-белое изображение:

93.jpg

Нажмите Ctrl+U для настройки Hue/Saturation и установите значения в соответствии с рисунком ниже, чтобы получить девушку зеленого цвета:

103.jpg

114.jpg

Осталось добавить отражение девушки: скопируйте слой с девушкой, нажмите Ctrl+T, чтобы появился прямоугольник Free Transform, нажмите на нем правой кнопкой мыши и выберите Flip Vertical, потом сдвиньте вниз, чтобы было похоже на отражение, и у этого слоя установите заливку (fill) на 43%:

123.jpg

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

132.jpg


Действия

Информация

Оставить комментарий