Итак, берем любую картинку ( в данном случае просто черная картинка ).



Выделяем, например, овал вокруг нужного участка картинки, как показано на рисунке. Теперь, не снимая выделения, выполняем растушевку ( Ctrl+Shift+D) радиусом например 6 пикселей. На вид ничего не произойдет, не спешите пугаться.



Теперь делаем инверсию ( Ctrl+Shift+I) и выбираем на панели в качестве основного фона белый. Применяем команду заливки (Редактирование/Заливка). Все изображение готово.



Вот еще один пример, который сделан таким же образом.



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

Автор: Кушнерук Денис

Итак - частичное совмещение изображений. Берем 2 любые картинки ( в данном случае просто бекграунды) и открываем каждую в отдельном окошке.



Делаем активным любое окно с картинкой и выделяем нужного размера область и копируем ее в буфер обмена ( Ctrl+С). Далее идем на второе окно и вставляем из буфера обмена (Ctrl+V). Таким образом мы получили 2 изображения на разных слоях наложенные друг на друга (причем виден только верхний слой).



Теперь щелкаем на инструменте ластик (который на панели приборов) 2 раза. После щелчков справа вылетит менюшка, где можно настроить параметры ластика ( в данном случае выбран вид ластика - аэрограф). Теперь просто водим этим ластиком по картинке и увидим что там где мы провели начинает проясняться вторая картинка. Ну вот собственно и все. С помощью этого трюка можно делать довольно интересные вещи не только с 2-мя картинками но и больше. Главное в этом деле - фантазия.



Автор: Кушнерук Денис

Сегодня, в этом уроке мы научимся заполнять выделенные обьекты заранее подобранной текстурой. Это - один из важнейших и часто используемых приемов, которые используются большинством веб-строителей.



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



Далее откроем файл с фоном (с любым), который мы будем использовать в качестве текстуры. Выделим этот фон ( Ctrl + A) и выберем в меню Редактирование/Определить образец.



Далее преходим к тексту и выделяем его (Выделение/Загрузить область). Теперь заливаем его текстурой (Shift+F5) выбрав в открывшейся менюшке слово "Образец". Готово.



Если хотите то с помощью специальных фильтров можно придать изображению более красивый вид. Экспериментируйте.

Автор: Кушнерук Денис

Описание создания эффектов я буду брать с разных сайтов. И псиать свои тоже буду.
Да, кстати советую ставить русскую версию ФШ.


Отбрасываем тень

Создадим новое изображение на новом слое. Копируем получившийся слой (Слой/Создать копию слоя). У нас получилось 2 одинаковых слоя, которые наложились друг на друга.

Переходим на нижний слой (Окно/Показать слои) щелкнув на нем в окне слоев. И обьединяем нижний слой с белым фоном (Слой/Обьединить с предыдущим). И выполняем команду (Фильтр/Размытие/Размытие по Гауссу) с коэффициентом 3.

Далее переходим на верхний слой (который мы копировали), щелкнув на нем в окне слоев и инвертируем его клавишами Ctrl-I. Вот в принципе и все.

Но, если вы хотите чтобы текст отбрасывал более густую тень, то делайте (в пункте 2) коэффициент размывки больше, например 7. Результат показан на картинке.


Автор: Кушнерук Денис

Это были инструменты для создания выделений правильной формы. Они используются не так часто, как следующие:

1. Lasso (лассо).
Принцип действия тот же, что и у любого из инструментов рисования. Этим инструментом можно обвести некоторую область. Замыкая ее, получаем, что все, что попадет внутрь этой области, будет выделено. И даже если не замкнуть "линию", выделение будет создано автоматически (туда попадет максимальное количество пикселей, которое, по мнению Photoshop, должно быть выделено, судя по вашим движениям).
2. Poligon lasso (полигональное лассо).
Выделение осуществляется щелчками, и имеет вид любого многоугольника (выпуклого или вогнутого), причем вершины этого многоугольника образованы именно щелчками. В отличие от лассо, выделение не состоится, пока первая точка не совпадет с последней, т.е. пока не замкнется фигура (либо замкнуть выделение двойным щелчком).
3. Magnetic lasso (магнитное лассо).
Штука хитрая. Но неудобная (хотя многим нравится). Допустим, у нас картинка с черной кляксой на белой бумаге. С помощью этого инструмента можно выделить кляксу. Выбираем , первый щелчок мышкой делаем на "стыке" кляксы с бумагой. Отпускаем мышку и далее, ничего больше не делаем, кроме того, что просто обводим курсором кляксу. Лассо само "цепляется" по контуру черного, действуя по цветовому принципу. Иногда можно щелкать кое-где по контуру, как бы создавая опорные точки. В завершение остается только опять же вернуться к начальной точке и щелкнуть по ней мышкой.
4. Pen. Инструменты группы "перо" -->см. Урок "Контуры"
5. Инструменты текст-маски: рассмотрим позже.

Использование инструмента "перо" служит скорее не для рисования, а для выделения объектов. Допустим, у вас есть фотография любимого(ой) на фоне местной свалки. Естественно, вы хотите "переместить " дорогого человека ну если не на Канары, то уж в какое-нибудь более симпатичное место. Придется драгоценного(ую) "выделить". А для этого необходимо его(ее) обвести. Вот тут-то и пригодится умение работать пером, создавая как гладкие, так и ломаные линии.




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

Этот контур будет обтравочным (вокруг объекта).

ВАЖНО!

Рекомендации по созданию обтравочного контура.

1. Опорные точки контура должны лежать точно на границе объекта.
2. Опорные точки контура лучше ставить в характерные точки объекта: углы, изломы, перегибы, максимумы.
3.Правило касательной: управляющие линии должны идти по касательной к границе объекта. (При этом если создается угловая точка, то по касательной к границе должны быть расположены и входящая и выходящая управляющая линия, при этом между ними естественно получится излом).
4. Создавайте как можно меньше опорных точек. Это позволит легче настраивать контур в дальнейшем.
5. Контур не должен выходить в область фона, а должен целиком располагаться внутри объекта. Это нужно для того, чтобы вокруг объекта не появилось цветного ореола.
Рекомендуемый масштаб при создании контура: от 200%
Увеличение масштаба
1. CTRL > "+"
2. Нажатие по рабочей области инструментом

Уменьшение масштаба
1. CTRL > "-"
2. Нажатие по рабочей области инструментом ( при нажатом ALT).

ВАЖНО!

При большом масштабе вам потребуется передвигаться по вашей картинке. Нажмите ПРОБЕЛ, курсор станет в виде руки и этой рукой можно будет "ухватиться" за часть картинки и таскать ее в разные стороны. Повторяю — все это при нажатом ПРОБЕЛЕ! Именно этим так удобен этот способ. Вы отпускаете ПРОБЕЛ и можете продолжать работать, например, создавать контур.

отредактировано: 29-06-2003 10:46 - Рисовальщик

Вид кривой, созданной пером, можно изменять:

Нарисуем еще раз кривую инструментом , как показано на рисунке слева. Далее, при нажатой клавише ALT, щелкаем по средней точке кривой. Курсор примет вид черной жирной стрелки и, не отпуская мышку, вид кривой можно будет изменить. То же самое — для ломаной линии.
И еще раз нарисуем кривую, аналогичную левой на рисунке. При нажатой клавише CTRL (курсор примет вид ) можно менять угол округления, перетаскивая управляющие точки (см. точка (В)). Также "перетаскиванием" можно менять расположение точек привязки (точка (Е)) .

Add Anchor Point Tool — "перо+". Нажимая этим инструментом в любом месте любого сегмента (А), получаем новую точку.
Delete Anchor Point Tool — "перо -". Нажимая этим инструментом по любой из точек контура, удаляем эту точку.
Convert Point Tool — угол. Изменяет тип опорной точки, то есть преобразует гладкую точку в угловую и наоборот. (см рисунок выше: слева - средняя точка контура является гладкой, справа - средняя точка контура угловая).

Контуры (Path) — это единственные векторные объекты в Photoshop, научиться работать с ними сложно, но использование программы без применение контуров смысла не имеет. Я постараюсь объяснить эту тему как можно проще и доходчивее. Итак, приступим.

Рассмотрим инструменты работы с контурами

Selection Tool — стрелка

Direct Selection Tool — "пустая стрелка", изменяет форму контура.
Слева на панели инструментов найдем инструмент Pen Tool (P) — контур. За этим инструментом скрываются вспомогательные инструменты контуров, их можно увидеть "длинным" щелчком мыши по инструменту).

Freeform Pen Tool — свободное перо.

Add Anchor Point Tool —"перо+".

Delete Anchor Point Tool — "перо -".

Convert Point Tool — угол.

Спасибо http://design-dm.narod.ru/

Панель инструментов.
Слева. Узенькая такая, длинненькая.

Без нее не обойтись никогда. Понажимаем беспорядочно на некоторые элементы — вверху на палитре настроек будут их описания.
Названия этих инструментов вы увидите, указав на них мышкой. Символ в скобках указывает, какай клавишей клавиатуры можно активизировать тот или иной инструмент. Это касается любого инструмента.
Справа на некоторых иконках инструментов есть маленькая стрелочка в виде треугольника, почти точка. Это означает, что за данным инструментом скрывается еще один или несколько, их можно увидеть длинным нажатием на иконку (и выбрать).


Normal: режим отображения слоя. Поэкспериментируйте с другими режимами.
Opacity: 100% — абсолютная непрозрачность, можно поставить хоть 0% — слой будет не виден.
Опции Lock (блокировка слоя).
Далее сами слои — каждый в своей строке. На рисунке "zebra": слой с изображением зебры, "lion" — льва, "map" — некий фоновый рисунок, "background" — слой основного фона, по умолчанию этот слой всегда полностью заблокирован, разблокировка возможна только при изменении его статуса (это можно сделать двойным нажатием по слою и нажатии ОК в появившемся меню - слой станет обычным с именем "Layer 0").

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

Палитра цвета.

Служит для назначения цветов фона и переднего плана, а также для их редактирования в различных цветовых моделях (RGB, CMYK, HSB). Подробнее о моделях цвета и назначении палитры Color читайте здесь.

Палитра истории.

В этой палитре отображаются последние действия, вами произведенные. Нажав на любое из предыдущих, мы "возвращается в прошлое". А в самом верху палитры — наш файл, беленький и чистенький, каким он был до всех произведенных манипуляций. Можно нажать на него, тем самым вернувшись к исходному состоянию.

Файл, в своем исходном состоянии, имеет 4 или 5 каналов. Если файл создан в режиме RGB, то канал под номером 1 соответствует R (красному цвету изображения), канал под номером 2 — G (зеленому цвету), канал под номером 3 — B (синему цвету). Четвертый канал - канал составляющего цвета. Каждый из них может быть отключен/включен из видимости нажатием на на палитре Channels. Соответственно, для системы CMYK, в палитре Channels будут указаны 5 каналов, каждый из которых соответствует своему цвету C, M, Y или K. Палитра каналов.


Палитра контуров.

Для работы с контурами существует палитра контуров (Paths)
Допустим, вы обвели какой-нибудь чайник или иной объект. Теперь посмотрите в палитру Paths. Ваш контур представлен там под именем Work Path. Если собираетесь этот контур в дальнейшем использовать, советую дать ему имя (двойной щелчок по Work Path) — это будет Path 1. Если этого не сделать, то при создании следующего контура предудущий исчезнет, так как Work Path — контур рабочий.

Палитра каталога цветов(Swatches)

В этой палитре содержится набор готовых цветов (в виде маленьких квадратиков), каждый из которых вы можете активизировать, удалить, создать копию или новый цвет. Нажимаете на любой из них и цвет Foreground становится активным. Вы увидите изменения на панели инструментов или палитре Color:
С помощью меню палитры можно загрузить (Load) один из стандартных наборов цветов или набор понтонных цветов.

Спасибо сайту http://design-dm.narod.ru/

Итак, Вы все же решились освоить Photoshop, и, конечно, первое, что Вы сделали — это купили диск Adob'a, или нашли дома другой, с множеством программ различной ориентации, среди которых (о чудо!) оказался многоуважаемый Photoshop. Если же из необходимого ничего не оказалось (ни подходящего диска, ни денег на новый, ни компьютера) советую обратиться к друзьям за хотя бы одним из вышеперечисленного.
Установка.
Ничего сверхъестественного в установке именно этой программы нет, так что останавливаться подробно на ней не будем. И, пока, мы чайники, смело нажимаем "Далее" или "ОК, везде, где можно.
Скажу лишь, что, какой бы ни заманчивей казалась идея установить русскую версию, советую уничтожить ее в зародыше (идею). Даже если вы не в зуб ногой в английском,
К версии на английском будете привыкать не дольше, чем к "родной", а, привыкнув, поймете, что сделали правильно. Во первых, меньше "глюков", во-вторых, дурацкий перевод некоторых инструментов и функций наводит настоящую тоску.

Итак, после установки смело нажимаете "Пуск" и в программах найдете долгожданный Adobe, а в нем сундук, в сундуке — утку, в утке — яйцо, в яйце-иглу… В Adobe — Photoshop. Открылось серое мрачное окно.
Слева — панель инструментов. Узенькая такая, длинненькая.
Справа — информационные панели. Каждую из них можно свернуть/развернуть двойным щелчком по верхней синенькой полосочке.

Верхнее меню:

File : как всегда отвечает за операции, связанные с созданием, сохранением, открытием/закрытием файла.
Edit: редактирование файла. Изменение размеров выбранных объектов, некоторые операции с цветом, шаг назад/вперед.
Image: Ваша будущая (пока) картинка и все, что с ней связано. В основном это размер и цветовая коррекция.
Layer: Слои. "У людоедов есть слои" ( это для тех, кто смотрел "Шрек", и для тех, кто не смотрел, ибо советую потратить пару часов. Классный мультик). Простите за маленькое лирическое отступление. О слоях — позже.
Select: Ну это вообще элементарно. Выделим позже лицо начальника (училки, преподавателя…) и будем будим его усердно мучить.
Filter: Очень интересный пункт меню, и его, как самое вкусное, оставим на потом.
View: Вспомогательные элементы, необходимые при работе. Некоторые из них будут для Вас абсолютно бесполезными, но знать о них надо.
Window. Установка и удаление Windows 95,98,ME,NT,XP по выбору. Ну а если серьезно, меню Window позволяет включить/выключить панельки справа.
Help: Помощь, естественно. И если она Вам поможет, дальше можете не читать...

Создание нового файла.

File > New
Открылось диалоговое окошко. Какой типа файл хотите?
Имя? (по умолчанию Untitled-1)
Размер?
Width (ширина) зададим 500 пикселей. Можно указывать в сантиметрах, точках… Кому как нравится. Советую придерживаться пикселей или сантиметров.
Height(длина) тоже 500.
Resolution (разрешение) по умолчанию — 72 pixels/inch. Разрешение небольшое, подходит лишь для публикации работ в Internet. Если же плоды ваших фантазий предназначены для печати в типографии, необходимо увеличить разрешение до 300 dpi/ppi (dot per inch/pixels per inch).
Mode (режим) либо Grayscale (черно-белый), либо RGB или CMYK. Если результат ваших плодов предназначен для показа в Интернете, выбираем RGB, ибо цвета в дальнейшем будут видны на экране монитора и останутся такими, какие вы их зададите. Если же собираетесь пустить творение на печать (будь то обычный цветной принтер или навороченный Heidelberg типографии) работайте только в CMYK если не хотите увидеть на бумаге вместо задуманного сиреневого фиолетовый цвет.

RGB
Цвет объекта складывается из трех составляющих:
R — red — красный
G — green — зеленый
B — blue — синий
Каждый из этих цветов может принимать значения от 0 до 255, в результате, если и R, и G и B равны 0, то конечный цвет черный, если равны 255 — белый. Соответственно, чтобы получить к примеру зеленый цвет, R должен быть = 0, B=0, а G=255.

CMYK
Цвет объекта складывается из четырех составляющих:
С — cyan — синий
M — magenta — пурпурный
Y — yellow — желтый
K — black — черный
Каждый из этих цветов может принимать значения от 0 до 100%, в результате, если и С, и M, и Y, и K равны 0, то конечный цвет белый. Чтобы получить к желтый цвет, Y должен быть = 100%, остальные — 0.

И последнее, что запрашивает Photoshop в этом окошке — первоначальный фон файла — White(белый), Background (пока вы ничего не меняли он тоже белый) и Transparent («прозрачный» - отобразится как «мир в клеточку»). Его — transparent — и выбираем, заодно и разберемся с background.
Жмем ОК.

(Продолжение следует)

Спасибо сайту http://design-dm.narod.ru/

отредактировано: 27-06-2003 20:56 - Рисовальщик