ресурс для начинающих веб-разработчиков
комплексные веб-услуги по созданию сайтов

Справочный материал по основным языкам программирования и верстки сайтов.

Готовая методика создания простых и сложных динамичных сайтов, с использованием PHP и MySQL.

Использование веб-редактора Adobe Dreamweaver в разработке сайтов.

Использование графических редакторов Adobe Flash, Adobe Photoshop, Adobe Fireworks в подготовке веб-графики.

Разработка веб-сайтов под "ключ".

Разработка отдельных фрагментов сайтов, консультации по вопросам верстки веб-страниц и веб-программирования.

Создание рисунка компакт-диска

Создание рисунка компакт-диска

Прежде чем приступить к созданию рисунка компакт-диска, найдем и откроем файл (Файл ⇒Открыть) с рисунком деревянной текстуры. У меня он был сохранен как Деревянная структура.psd.

Рисунок с деревянной структурой

На фоне этого изображения мы будем рисовать компакт-диск. Создадим новый документ Файл ⇒Создать.

Параметры нового документа

Перейдем к рисунку с деревянной структурой. Выделим его в меню Выделение ⇒ Все. Перейдем в меню Редактирование ⇒Скопировать.

Перейдем в созданный новый документ и вставим изображение Редактирование ⇒Вставить. Вместе с рисунком появится новый слой Слой 1.

Холст после вставки изображения

Создадим новый слой Слой ⇒Новый ⇒ Слой. Назовем этот слой Круг. Прежде чем приступить к рисованию создадим горизонтальную и вертикальную направляющие Просмотр ⇒ Новая напрявляющая. Появится окно Новая направляющая. В пункте Ориентация устанавливаем флажок в положение Вертикальный и нажимаем ОК.

Окно Новая направляющая

Создаем тем же образом горизонтальную направляющую и используя инструмент Перемещение перетаскиваем направляющие в центр изображения и закрепляем Просмотр ⇒Закрепить направляющие.

Установка направляющих

Активируем слой и с помощью инструмента Эллипс рисуем, удерживая клавишу Shift, двигаясь снизу к верху по вертикальной направляющей, круг с параметрами указанными на рисунке. Установите заливку круга #c1bcba.

Параметры инструмента Эллипс

Круг

Выделим слой Круг, нажав клавишу Ctrl и щелкнув мышью по пиктограмме слоя на панели Слои.

После выделения слоя перейдем в меню Выделение ⇒ Трасформировать выделенную область.

Трасформировать выделенную область

Установим параметры выделенной области на панели опции согласно рисунка.

Параметры выделенной области

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

Рисунок после трансформирования

Нажмем на пиктограмму Выполнить трансформирование на панели Опции и маркеры исчезнут. Нажмем клавишу Delete.

Рисунок примет следующий вид.

Вид рисунка после выполнения трансформирования

Скопируем слой Круг щелкнув правой кнопкой мышки по слою Круг на панели Слои и в открывшемся контекстном меню выберем пункт Создать дубликат слоя. Непрозрачность установим на уровне 25%.

Слой Круг копия

Добавим к этому слою стиль Тиснение с параметрами указанными на рисунке.

Параметры стиля Тиснение

Сделаем видимым основной слой Круг и выделим его.

Выделение слоя Круг

Перейдем в меню Выделение ⇒ Трансформировать выделенную область и уменьшим выделение до 98%.

Трансформирование выделенной области

Уберем маркеры, щелкнув по пиктограмме Выполнить трансформирование, на панели Опции.

Затем в меню Выделение щелкнем по пункту Инверсия. Выделится весь документ. Нажмем Delete и отменим выделение. Рисунок примет следующий вид.

Рисунок после трансформирования

Снова выделим слой Круг. В меню Выделение ⇒ Трансформировать выделенную область уменьшаем выделенную облласть до 37%.

Рисунок после трансформирования

Нажимаем на пиктограмму Выполнить трансформирование и убираем маркеры.

Теперь нажмем Delete и уберем выделение. Рисунок примет следующий вид.

Рисунок после трансформирования

Теперь нарисуем поверхность нашего диска. Для этого выбирираем инструмент Градиент, открываем редактор градиентов и делаем приблизительно так как показано на рисунке.

Редактор градиентов

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

Параметры градиента

Выделим слой Круг и зальем выделенную область градиентом.

Рисунок после заливки градиентом

Уберем выделение и сделаем копию слоя Круг и на новом слое Круг копия 2 установим режим наложения для слоя — Осветленные основы.

Рисунок после создания копии слоя

Нарисуем еще одну темную линию, но уже для текста. Для этого в меню Выделение кликнем по пункту Загрузить выделенную область.

После этого в меню Выделение ⇒ Трансформировать выделенную область и поставить 103% вертикаль и горизонталь.

Трансформирование рисунка

Щелкнем кнопкой мыши по пиктограмме Выполнить трансформирование на панели Опции и уберем маркеры.

Выберем Выделение ⇒ Инверсия. Создадим новый слой и зальем его черным цветом.

Рисунок после заливки черным цветом

Удерживая клавишу Ctrl кликнем по слою Круг, чтобы загрузить выделенную область. Выбираем меню Выделение ⇒ Трансформировать выделенную область. Устанавливаем значение Ш и В на уровне 75%.

Трансформирование слоя

Удаляем маркеры. В меню Выделение ⇒ Инверсия и нажимаем Delete.

Рисунок после удаления выделенного черного фона

Уменьшим Непрозрачность слоя до 35%.

Получим вот такой рисунок.

Рисунок после уменьшения непрозрачности слоя

Теперь приделаем текст. Для этого инструментом Эллипс в режиме контура нарисуем круг.

Параметры инструмента Эллипс

Рисунок с контуром эллипса

Выбираем инструмент Горизонтальный текст и делаем надпись.

Рисунок с надписью

Теперь создадим световое отражение.Создаем новый слой и инструментом Прямолинейное лассо делаем выделение и заливаем его белым цветом.

Заливка белым цветом выделения прямолинейного лассо

Отменим выделение и применим к слою фильтр Фильтр ⇒ Размытие ⇒ Размытие по Гауссу.

Параметры фильтра Размытие по Гауссу

А затем применим еще один фильтр Фильтр ⇒ Размытие ⇒ Радиальное размытие.

Параметры фильтра Радиальное размытие

Рисунок примет следующий вид.

Рисунок после применения фильтров

А сейчас держим Ctrl и кликаем по слою Круг. Ctrl+Shift+I для инвертирования выделения. И жмем по клавише Delete.

Рисунок после удаления лишнего

Установим непрозрачность слоя 70%.

Рисунок после установки непрозрачности слоя

Теперь можно объединить слои и поэксперементировать с коррекцией слоя.

Рисунок почти готов. Убираем направляющие и сохраняем документ.

Финишный рисунок