Рассылка www.mweb.ru: #3 (16) от 5го марта 2003 года.
Все секреты PhotoShop в подробностях
В этом выпуске: Инструмент Линия (Line) | Инструмент Градиент (Gradient) | Поиск хостера | Интересные ресурсы
Ссылки в Internet: Архив рассылок | Перекур | Статьи по PhotoShop | CorelDRAW | Web-мастеру | Графика | Flash | HTML | DHTML | Java | Программы | Клуб web-мастеров
Доброе время суток!

Вот произошло то, чего вы так долго ждали. Вы ждали перемен. Они есть у нас. У нас есть глобальные перемены. Мы обьявляем о слиянии проектов MASTE.RU (DVK URL CLUB) и WEBG.RU (WEB GRAFFITI). Учередители образовавшегося альянса приложат все силы для того, чтобы сохранить теплую , дружелюбную и уникальную атмосферу на страницах нашего теперь уже "MasterWEB" клуба. Не все материалы еще готовы к печати, поэтому первое время на страницах нашего клуба будут периодически вылезать те или иные баги. Так же хочется отметить, что нынешний дизайн - это полумера. В ближайшем будущем нами будет написан абсолютно новый дизайн, который и будет являться нашей визитной карточкой и в дальнейшем. Надеемся, что наши новости дали вам пищу для обсуждения на нашем форуме - "Перекур". Ожидайте появления приятных мелочей в ближайшее время. Следите за новостями. Ведущие "MasterWEB" клуба :)
Инструмент Линия (Line)

Инструмент Линия (Line) - определенное решение проблемы рисования абсолютно прямых линий. Все, что требуется для этого сделать, - это щелкнуть кнопкой мыши и перетащить указатель. После отпускания кнопки мыши на изображении появится идеально прямая линия.
Но если бы инструмент Линия (Line) годился только на это, он не слишком отличался бы от инструмента Карандаш (Pencil) в комбинации с клавишей Shift. Photoshop предоставляет и другие способы рисования прямых линий.
Дважды щелкните на кнопке инструмента Линия (Line), чтобы раскрыть палитру параметров, показанную на рис. 3.36. Рассмотрим ее.


Рис. 3.36. Палитра Линия (Line Tool Options)

Первое, на что следует обратить внимание, - это наличие в данной палитре, как и у всех ранее рассмотренных инструментов, параметра Непрозрачность (Opacity), обеспечивающего возможность рисовать более или менее прозрачные линии. Следующий ряд параметров палитры позволяет задавать толщину линии в пикселях (параметр Толщина - Line Width) и устанавливать режим сглаживания (флажок Сглаживание - Anti-aliased). Если все линии на рисунке будут располагаться строго горизонтально или вертикально, то установка этого флажка не даст никаких преимуществ. Однако в случае рисования линий под наклоном режим сглаживания заставит их выглядеть гораздо ровнее, как видно из рис. 3.37.


Рис. 3.37. Линии, нарисованные с использованием и без использования сглаживания

Еще одним из достоинств этого инструмента является возможность добавления стрелок на концах линий. Их можно разместить в начале линии (флажок В начале - Start), в конце (флажок В конце - End), а также с обеих сторон. Кроме того, щелкнув на кнопке Форма (Shape) в палитре Линия (Line Tool Options), можно задать длину, ширину и вогнутость стрелок.
Попробуем применить инструмент Линия (Line) для создания фирменного знака.

Работа с инструментом Линия (Line)

  1. Создайте новый документ. Сделайте его квадратной формы со стороной порядка 5 дюймов (12,5 см) и заполните фон белым цветом.
  2. Выберите команды меню Просмотр - Показать сетку (View - Show Grid), а также Просмотр - Выровнять по сетке (View - Snap to Grid).
  3. Щелкните на кнопке Овальная область (Ellipse Marquee) и растяните круглую рамку выделенной области в центре холста документа. Удерживая при этом клавишу Alt нажатой, вы сможете построить окружность из центра, а наличие в окне координатной сетки поможет аккуратно расположить ее.
  4. Теперь нам потребуется обвести рамку выделенной области. Выберите команду меню Редактирование - Выполнить обводку (Edit - Stroke) и задайте ширину линии обводки равной 2 пикселям. Если окажется, что линия имеет размытую границу, дважды щелкните на кнопке Овальная область (Ellipse Marquee) и установите в палитре параметров величину Растушевка (Feather Radius) равной 0.
  5. Выберите вновь команду меню Просмотр - Выровнять по сетке (View - Snap to Grid), чтобы отключить режим привязки объектов к координатной сетке. Этот режим полезен при рисовании окружности, однако он окажется помехой, когда потребуется изобразить линии, выходящие за пределы окружности, как показано на рис. 3.38.

Рис. 3.38. Изображение логотипа должно выглядеть примерно так
  1. Выберите инструмент Линия (Line). Дважды щелкните на его кнопке, чтобы вызвать палитру параметров.
  2. Задайте ширину линии (Width) равной 2 пикселям и установите в группе Стрелки (Arrowheads) флажок В конце (End).
  3. Щелкните на кнопке Форма (Shape) и задайте ширину (Width) и длину (Length) стрелок равной 100%, а кривизну (Concativity) - 50%.
  4. Щелкните на левом краю окружности и растяните линию вправо, выведя ее за пределы окружности. Повторите эту операцию еще два раза, ориентируясь на рис. 3.38.
  5. Завершив рисование, выберите команду меню Просмотр - Спрятать сетку (View - Hide Grid).

Поэкспериментируйте с различными размерами стрелок на концах линий, а также попробуйте использовать линии разной толщины. Попробуйте применить собственные идеи при рисовании дополнительных деталей рассмотренного выше простого логотипа.


ЗАМЕЧАНИЕ Если вы хотите усовершенствовать логотип, выделите окружность с помощью инструментов Прямоугольная область (Rectangle Marquee) или Овальная область (Ellipse Marquee). Затем выберите команду меню Фильтр - Деформация - Сферизация (Filter - Distort - Spherize). Вы получите интересный графический эффект, но помните, что, если он вам не понравится, всегда можно воспользоваться командой Редактирование - Отменить (Edit - Undo).
Поиск хостера
Поисковая система Xosting.ru предоставляет вам возможность в поиске хостинг-провайдера. Что это такое и как оно работает? Вы задаете запрос на нужную вам конфигурацию тарифного плана для вашего проекта, и система самостоятельно выберет наиболее подходящий для вас вариант. Не плетись в конце, воспользуйся этой уникальной системой сейчас!
Инструмент Градиент (Gradient)

Инструмент Градиент (Gradient), показанный на рис. 3.39, дает возможность создания интересных цветовых заливок с эффектом плавного перехода одного цвета в другой. Этот инструмент отлично подходит для оформления заднего плана изображений и для создания текстур.


Рис. 3.39. Инструмент Градиент (Gradient)

Имеется целый ряд готовых градиентных заливок, а кроме того, можно создавать свои собственные. Щелкните дважды на кнопке инструмента Градиент (Gradient), чтобы вызвать палитру параметров, показанную на рис. 3.40.


Рис. 3.40. Палитра Градиент (Gradient Tool Options)

В состав параметров входят стандартные средства выбора режимов наложения пикселей (раскрывающийся список в левой верхней части палитры) и регулирования степени непрозрачности (ползунок Непрозрачность - Opacity), а также раскрывающийся список Стиль (Gradient), содержащий целый набор готовых вариантов. Градиентные переходы могут осуществляться от заданного цвета к полной прозрачности, от основного цвета к фоновому, с использованием спектра цветов или одного монохромного цвета, а также с использованием от одного до четырех цветов, которые можно настраивать по вашему желанию. Хотя на рис. 3.41 не видны цвета, вы можете разглядеть плавный переход оттенков серого.


Рис. 3.41. Пример градиентной заливки

При выборе линейного типа градиента переход цвета происходит вдоль прямой, которую вы указываете, перетаскивая мышь. Это означает, что если вы, скажем, желая создать плавный переход от красного цвета к зеленому, щелкаете кнопкой мыши на левом краю холста, перетаскиваете указатель на правый край и отпускаете кнопку мыши, то левый край изображения станет красным, постепенно переходящим в зеленый в направлении правого края. Если же вы щелкнете на правом краю холста и перетащите указатель мыши на левый край, то направление перехода цветов изменится на противоположное: красный цвет окажется на правом краю, а зеленый - на левом.
Чем на большее расстояние растянута линия, обозначающая направление градиента, тем более плавным будет переход цвета, как показано на рис. 3.42.


Рис. 3.42. Плавный переход одного цвета в другой

Вы можете определить начальный цвет перехода, глядя на полосу предварительного просмотра эффекта градиента в палитре параметров. Цвет, расположенный на полосе слева, всегда будет начальным, а расположенный справа - конечным цветом перехода.
Для обеспечения большей плавности перехода, при которой становятся невидимыми отдельные цветовые полосы, можно установить флажок Настройка (Dither). А для создания градиента с переходом цвета вдоль радиальных направлений, как показано на рис. 3.43, выберите в раскрывающемся списке Тип (Type) вариант Радиальный (Radial).


Рис. 3.43. Радиальный градиент

Можно создать собственный, отличающийся от стандартных вариант градиента, щелкнув на кнопке Редактор (Edit) в палитре параметров. Ниже мы создадим новый вариант градиента, а затем отредактируем маску его прозрачности, что позволит обеспечить различные степени непрозрачности участков области изображения, занятой градиентом. Ведь ползунок Непрозрачность (Opacity) оказывает влияние на общую прозрачность всего участка градиента. С помощью маски можно изменять и корректировать прозрачность в отдельных точках.

Создание нового цветового градиента

  1. Выберите инструмент Градиент (Gradient), щелкнув на его кнопке на панели инструментов. Затем дважды щелкните на кнопке инструмента, чтобы раскрыть палитру параметров.
  2. Убедитесь в том, что ползунок Непрозрачность (Opacity) стоит на отметке 100%, а оба флажка - Маска (Mask) и Настройка (Dither) - установлены.
  3. Откройте файл 03file04.psd, находящийся на компакт-диске.
  4. Щелкните на кнопке Редактор (Edit) в палитре параметров инструмента Градиент (Gradient).
  5. Теперь щелкните на кнопке Новый (New) в окне диалога Редактор градиентов (Gradient Editor), показанном на рис. 3.44. (В учебных целях мы собираемся создать новый вариант градиента, но если вы хотите всего лишь отредактировать существующий вариант, то щелкните на кнопке Дубликат - Rename.)

Рис. 3.44. Настройка нового градиента в окне диалога Редактор градиентов (Gradient Editor)
  1. Щелкните на значке в виде мелка, управляющем начальным цветом градиента и расположенном на левом конце цветовой полосы. Имеется целый ряд способов определения цветов, которые будут использованы в составе градиента. Можно задать цвет, щелкнув на цветовом образце в окне Редактор градиентов (Gradient Editor), или, как предстоит узнать из следующих нескольких пунктов, можно взять образцы цвета из уже открытых окон документов.

ЗАМЕЧАНИЕОпробование означает, помимо всего прочего, взятие образца цвета. Это делается с помощью инструмента Пипетка (Eyedropper), который будет рассматриваться в следующем разделе.
  1. Переместите указатель мыши в окно документа. Он примет вид значка инструмента Пипетка (Eyedropper). Эта пипетка позволяет вам взять образец цвета в той точке, где будет выполнен щелчок кнопкой мыши.
  2. Щелкните на красной части одеяния женщины (см. рис. 3.45). Обратите внимание на изменение цвета в поле образца и на левом краю полосы предварительного просмотра окна диалога Редактор градиентов (Gradient Editor). Они должны приобрести красный цвет.
  3. Вслед за этим щелкните на значке в виде мелка, представляющем конечный цвет градиента и расположенном на правом конце цветовой полосы. Возьмите пробу зеленого цвета с одеяния женщины таким же способом, как вы делали это на шагах 7 и 8.

Рис. 3.45. Взятие образца цвета
    Теперь у вас есть вариант градиента, готовый к применению, но дело пока не завершено. Требуется еще настроить прозрачность градиента.
  1. Щелкните на переключателе Прозрачность (Transparency) в окне диалога Редактор градиентов (Gradient Editor), как показано на рис. 3.46.

Рис. 3.46. Настройка прозрачности градиента
  1. Щелкните на значке мелка начального цвета.
  2. Установите в поле параметра Непрозрачность (Opacity) величину 75%. Вы должны при этом заметить изменения в полосе предварительного просмотра. Перетащите мелок вправо (это равносильно вводу значения в поле параметра Позиция - Location), чтобы эти изменения стали еще более очевидными.
  3. Я предполагал, что степень непрозрачности конечного цвета градиента останется равной 100%, но если вы хотите ее изменить, то ничто не мешает это сделать. Щелкните на мелке конечного цвета и введите степень непрозрачности в процентах. В заключение щелкните на кнопке Да (OK).
    Для завершения упражнения давайте создадим новый документ, нанесем на его холст подготовленную градиентную заливку в качестве заднего плана композиции, а затем перенесем на новый фон изображение танцовщицы.
  4. Во-первых, необходимо выделить изображение танцовщицы, как показано на рис. 3.47. Используйте для этого инструмент Лассо (Lasso). Дважды щелкните на кнопке инструмента, чтобы раскрыть палитру его параметров, и установите параметр Растушевка (Feather Radius) равным 5 или что-то около этого, на свое усмотрение.

Рис. 3.47. Выделение изображения танцовщицы
  1. Выберите команду меню Редактирование - Вырезать (Edit - Cut).
  2. Создайте новый документ, выбрав команду меню Файл - Новый (File - New), придав ему форму квадрата размером около 5 дюймов, а затем дважды щелкните на кнопке инструмента Градиент (Gradient).
  3. В палитре параметров инструмента Градиент (Gradient) выберите вариант Радиальный (Radial).
  4. Растяните линию радиуса градиента в окне нового документа, как показано на рис. 3.48.
  5. Выберите команду меню Редактирование - Вклеить (Edit - Paste). Танцовщица появится в окне нового документа, как показано на рис. 3.49.
  6. Используйте инструмент Волшебная палочка (Magic Wand), чтобы удалить синий ореол, окружающий фигуру женщины.

Рис. 3.48. Радиальный градиент

Рис. 3.49. Изображение женщины размещено на новом фоне
    Градиентные цветовые заливки великолепно подходят для оформления фона изображений.
Интересные ресурсы
Всё о Macromedia Flash - уроки, исходники, статьи...
Подделка печатей - cайт посвящен подделке печатей
Сайт Разнообразие - игры к которым я "приложил руку", военная история и техника...
Стрелковое оружие - статьи, новости, новинки...

Хочешь опубликовать ссылку на свой сайт в этой рассылке? - пиши на kornev@vns.ru
Ведущий рассылки: Павел http://www.mweb.ru