Photoshop CS - Скотт Кэлби
.pdfГлава 8. Двигатель прогресса. Создание эффектов для рекламы |
315 |
|
|
|
|
Шаг 4. Нажмите комби- |
|
|
нацию клавиш <Ctrl+T> |
Добавление нового |
|
(<+T>), чтобы отобразить |
||
ограничивающую рамку Free |
слоя под текущим |
|
Transform. Щелкните правой |
По умолчанию после |
|
кнопкой мыши (комбинация |
||
щелчка на значке New |
||
<Control+щелчок>) и вы- |
||
Layer в нижней части |
||
берите из появившегося |
||
палитры Layers созда- |
||
контекстного меню команду |
||
ется новый слой, распо- |
||
Flip Horizontal. Получив необ- |
||
ложенный над текущим. |
||
ходимый результат, нажмите |
||
Но если вам нужно, |
||
клавишу <Enter> (<Return>). |
||
чтобы он располагался |
||
|
||
|
под текущим, удержи- |
|
|
вайте нажатой клавишу |
|
|
<Ctrl> (<>), щелкая |
|
|
на значке New Layer. |
Шаг 5. Нажмите клавишу <V>, чтобы выбрать инструмент Move, с помощью которого согласуйте положение фигур (при этом между ними должен остаться крошечный зазор — это необходимо для получения окончательного эффекта).
Шаг 6. Снова создайте новый слой. Откройте окно Shape Picker и щелкните в нем на третьей фигуре в виде элемента головоломки, как показано на рисунке. Удерживая нажатой клавишу <Shift>, нарисуйте третью часть головоломки, после чего с помощью инструмента Move согласуйте положение элементов головоломки (при этом между ними также должен остаться крошечный зазор, как показано на рисунке).
316 |
Хитрости и секреты работы в Photoshop CS |
|
|
|
|
|
Шаг 7. В палитре Layers |
|
Как сделать четкими |
щелкните на слое с нижним |
|
правым элементом голово- |
||
надписи небольшого |
ломки. Нажмите комбинацию |
|
размера, используемые |
клавиш <Ctrl+J> (<+J>), |
|
в Web |
чтобы скопировать этот |
|
элемент на отдельный слой. |
||
Не поднимая особой |
||
Нажмите комбинацию клавиш |
||
шумихи по этому поводу, |
||
<Ctrl+T> (<+T>), чтобы |
||
компания Adobe пред- |
||
отобразить ограничивающую |
||
ложила новый метод |
||
рамку Free Transform. Щелк- |
||
сглаживания, который |
ните на ограничивающей рамке |
|
очень удобен при |
и перетащите копию элемента |
|
подготовке надписей, |
в верхний левый угол изобра- |
|
предназначенных для |
жения. Щелкните на элементе |
|
использования в Web. |
и поверните его против часовой |
|
Это метод Sharp, и до- |
стрелки. Получив необходимый |
|
ступен он из раскрываю- |
результат, нажмите клавишу |
|
щегося списка Antialising |
<Enter> (<Return>). |
|
(Сглаживание) панели |
|
|
Options при активном |
|
|
инструменте Type. |
Шаг 8. Откройте фотографию, |
|
|
||
|
которую хотите представить |
|
|
в виде головоломки. Нажмите |
|
|
клавишу <V>, чтобы выбрать |
|
|
инструмент Move. Перетащите |
|
|
фотографию в документ с го- |
|
|
ловоломкой. Расположите слой |
|
|
с фотографией под слоем с го- |
|
|
ловоломкой. При этом наибо- |
|
|
лее важные части фотографии |
|
|
должны быть расположены |
|
|
под элементами головоломки. |
|
|
Теперь к элементам голово- |
|
|
ломки необходимо добавить |
|
|
скосы. |
Шаг 9. Выберите команду
Bevel and Emboss из раскры-
вающегося меню Add a layer style в нижней части палитры Layers. Значения параметров Size (Размер) и Soften (Смягчение) уменьшите до 1. Щелкать на кнопке OK пока не следует. Вместо этого выберите из списка стилей в левой части диалогового окна Layer Style
стиль Inner Glow.
Глава 8. Двигатель прогресса. Создание эффектов для рекламы |
317 |
|
|
|
|
Шаг 10. Измените режим нало- |
|
|
жения со Screen на Normal, |
Как быстро вернуться |
|
а значение параметра Opacity |
||
уменьшите до 30%. Для пара- |
к стандартным пара- |
|
метра Size (Размер) задайте |
метрам Photoshop |
|
значение 4 и щелкните |
У вас никогда не воз- |
|
на кнопке OK, чтобы добавить |
||
никало желание |
||
к слою оба стиля. В дальней- |
||
немедленно вернуться |
||
шем их можно будет применить |
||
к значениям всех |
||
ко всем элементам голово- |
||
параметров программы, |
||
ломки (в чем вы очень скоро |
||
заданным по умолча- |
||
убедитесь). |
||
нию? Сделать это совсем |
||
|
||
|
несложно — нажмите |
|
|
комбинацию клавиш |
|
|
<Shift+Alt+Ctrl> |
|
|
(<Shift+Option+>) |
|
|
и только затем запус- |
|
|
кайте Photoshop. |
|
|
В результате вы увидите |
|
|
диалоговое окно, |
|
|
в котором необходимо |
|
Шаг 11. В палитре Layers, удер- |
подтвердить сброс |
|
живая нажатой клавишу <Ctrl> |
значений всех парамет- |
|
(<>), щелкните на слое |
ров программы. |
|
с нижним левым элементом |
|
|
головоломки. В результате этот |
|
|
элемент окажется выделенным. |
|
|
Активизируйте слой с фото- |
|
|
графией (снимать выделение |
|
|
при этом не следует). Теперь |
|
|
можно удалить слой с элемен- |
|
|
том, перетащив его на значок |
|
|
мусорной корзины в нижней |
|
|
части палитры. |
|
Шаг 12. Нажмите комбинацию клавиш <Ctrl+J> (<+J>),
чтобы скопировать выделенную область на отдельный слой. Поскольку вы применили стили Bevel and Emboss и Inner Shadow к слою с фотографией, то при копировании выделенной области все стили переходят вместе с ней, как показано на рисунке.
318 |
Хитрости и секреты работы в Photoshop CS |
|
|
|
|
|
Шаг 13. Повторите эти действия |
|
Как получить доступ |
для остальных трех элементов |
|
головоломки. Удерживая |
||
к инструменту Zoom |
нажатой клавишу <Ctrl> |
|
при открытом окне |
(<>), щелкните на каждом |
|
Curves или Levels |
слое, чтобы добавить выде- |
|
ленную область. Удалите слой, |
||
Как вы уже знаете, что |
||
перейдите к слою с фотогра- |
||
при открытии диало- |
||
фией и скопируйте выделенную |
||
гового окна Curves |
||
область на отдельный слой, |
||
или Levels активным |
||
нажав комбинацию клавиш |
||
оказывается инструмент |
<Ctrl+J> (<+J>). |
|
Eyedropper, причем |
|
|
другой инструмент |
|
|
выбрать нельзя. Однако, |
|
|
если необходимо увели- |
|
|
чить масштаб изобра- |
|
|
жения в окне Curves или |
|
|
Levels, можно получить |
|
|
временный доступ |
|
|
к инструменту Zoom. |
|
|
Для этого достаточно |
Шаг 14. В палитре Layers |
|
нажать комбинацию |
||
клавиш <Ctrl+Spacebar> |
удалите слой с фотографией, |
|
(<+Spacebar>). |
перетащив его на значок мусор- |
|
|
ной корзины в нижней части |
|
|
палитры Layers. В результате |
|
|
останутся только элементы |
|
|
головоломки с примененными |
|
|
к ним стилями, как показано |
|
|
на рисунке. |
Шаг 15. В палитре Layers скройте фоновый слой, щелкнув на значке в виде глаза напротив его названия. Затем выберите команду Merge Visible из меню палитры, чтобы объединить все слои с элементами головоломки в один. Отобразите фоновый слой, щелкнув на значке в виде глаза напротив его названия.
Глава 8. Двигатель прогресса. Создание эффектов для рекламы |
319 |
||
|
|
|
|
Шаг 16. Выберите команду |
|
|
|
Drop Shadow из раскрыва- |
Борьба с цифровым |
||
ющегося меню Add a layer |
|||
style в нижней части палитры |
шумом |
||
Layers. Уменьшите значение |
Чтобы избавиться |
||
параметра Opacity до 65%, |
|||
от шума, присутствую- |
|||
увеличьте значение параметра |
|||
щего в фотографиях, |
|||
Size (Размер) до 10. Щелкните |
|||
полученных с помощью |
|||
на кнопке OK, чтобы добавить |
|||
цифрового фотоап- |
|||
тень и завершить создание |
|||
парата (особенно при |
|||
эффекта. |
|||
съемке в условиях |
|||
|
|||
|
недостаточной освещен- |
||
|
ности), необходимо |
||
|
применить к изобра- |
||
|
жению фильтр Gaussian |
||
|
Blur. Если полученное |
||
|
изображение окажется |
||
|
слишком размытым, |
||
|
уменьшите результаты |
||
|
применения фильтра, |
||
|
выбрав команду Fade |
||
Шаг 17. Несмотря на то что |
Gaussian Blur из меню |
||
данный эффект я увидел |
Edit. В появившемся |
||
на коробке от программы iLife |
диалоговом окне Fade |
||
от компании Adobe, в данном |
выберите режим нало- |
||
случае я разместил элементы |
жения Color. В результате |
||
совершенно по-иному, |
исчезнут и размытие, |
||
поскольку решил представить |
и шум. |
||
полученный результат в виде |
|
|
|
плаката с рекламой фильма. |
|
|
|
Для имен в верхней части |
|
|
|
плаката, а также строки под |
|
|
|
названием фильма я выбрал |
|
|
|
шрифт Minion от компании |
|
|
|
Adobe. Для названия выбран |
|
|
|
шрифт Trajan (также от компа- |
|
|
|
нии Adobe), а для всех осталь- |
|
|
|
ных надписей — Helvetica Bold |
|
|
|
Condensed. |
|
|
|
|
|
|
320 |
Хитрости и секреты работы в Photoshop CS |
|
Имитация газетного объявления |
|
Осветление цвета |
Вы наверняка уже неоднократно встречали подобный эффект на страницах |
|
с сохранением насы- |
газет и журналов, а также в телевизионных шоу. Благодаря его применению |
|
щенности |
любое объявление выглядит так, как будто лист бумаги, на котором оно |
|
Если при работе с окном |
размещено, обгорел по краям. Создать подобный эффект совсем несложно. |
|
Самое главное — найти подходящее изображение. |
||
Color Picker вам необ- |
||
ходимо выбрать более |
|
|
светлый вариант теку- |
|
|
щего цвета с сохране- |
Шаг 1. Найдите или создайте |
|
нием его насыщенности, |
вручную рекламное объявле- |
|
выберите переключатель |
ние. При этом необходимый |
|
S в группе переключате- |
фрагмент должен находиться |
|
лей S, B и H. Затем выбе- |
в центре объявления. |
|
рите необходимый цвет. |
|
|
Обязательно попробуйте |
|
|
воспользоваться этим |
|
|
советом, чтобы понять, |
|
|
что я имею в виду. |
|
Шаг 2. Нажмите клавишу <L>, чтобы выбрать инструмент Lasso (Лассо). Нарисуйте выделенную область, охватывающую необходимый фрагмент объявления. Примечание. Для того чтобы вы смогли рассмотреть границы выделенной области, я уменьшил непрозрачность фонового слоя. Границы выделенной области должны быть неровными, поскольку должно создаваться впечатление, что лист бумаги, на котором напечатано объявление, обгорел.
Шаг 3. Нажмите комбинацию клавиш <Ctrl+J> (<+J>),
чтобы скопировать выделенную область на отдельный слой.
В палитре Layers щелкните на фоновом слое. Нажмите
комбинацию клавиш <Ctrl+A> (<+A>), чтобы выделить весь фон. Нажмите клавишу
<Backspace> (<Delete>),
чтобы оставить только содержимое предварительно созданной области, как показано на рисунке.
Глава 8. Двигатель прогресса. Создание эффектов для рекламы |
321 |
||
|
|
|
|
|
|
Шаг 4. Снимите выделение, |
|
|
|
нажав комбинацию клавиш |
Сокрытие затененной |
|
|
<Ctrl+D> (<+D>). Щелк- |
|
|
|
ните на слое с фрагментом |
области кадрирования |
|
|
объявления в палитре Layers, |
При использовании |
|
|
чтобы активизировать его. |
|
|
|
инструмента Crop |
|
|
|
Выберите команду Drop |
|
|
|
область за пределами |
|
|
|
Shadow из раскрывающегося |
|
|
|
рамки кадрирования |
|
|
|
меню Add a layer style в ниж- |
|
|
|
оказывается затененной |
|
|
|
ней части палитры Layers. |
|
|
|
(конечно же, до тех пор, |
|
|
|
В появившемся диалоговом |
|
|
|
пока вы не обрежете |
|
|
|
окне для параметра Angle |
|
|
|
изображение). Чтобы |
|
|
|
задайте значение 120, а для |
|
|
|
скрыть эту область, |
|
|
|
параметра Size — 10. Щелк- |
|
|
|
нажмите клавишу |
|
|
|
ните на кнопке OK, чтобы |
|
|
|
с косой чертой (/). |
|
|
|
добавить тень к оборванней |
|
|
|
|
|
|
|
газетной странице, как пока- |
|
|
|
зано на рисунке. |
|
|
|
|
|
Шаг 5. Удерживая нажатой клавишу <Ctrl> (<>),
щелкните на слое с оборванной газетной страницей, чтобы выделить фрагмент объявления, как показано на рисунке. Затем выберите команду Contract
(Сжать) из меню SelectModify
(ВыделениеИзменить). В появившемся диалоговом
окне введите значение 3 и щелкните на кнопке OK, чтобы сжать выделенную область на три пикселя.
Шаг 6. Выберите команду
Inverse из меню Select.
В результате выделенная область будет инвертирована, а значит, будет выделена только рамка вокруг объявления шириной 3 пикселя. Вам необходимо осветлить эту рамку, чтобы придать фрагменту объявления оборванный вид, поэтому нажмите комбинацию клавиш <Ctrl+L> (<+L>),
чтобы отобразить диалоговое окно Levels (Уровни).
322 |
|
Хитрости и секреты работы в Photoshop CS |
|||
|
|
|
|
|
|
|
|
Шаг 7. Для осветления краев |
|||
Скругление краев без |
перетащите нижний левый |
||||
ползунок Output Levels вправо, |
|||||
обращения к панели |
как показано на рисунке. |
||||
Options |
Снимите выделение, нажав |
||||
Если вы создали прямо- |
комбинацию клавиш <Ctrl+D> |
||||
(<+D>). Создайте новый |
|||||
угольник со скруглен- |
|||||
слой, щелкнув на значке Create |
|||||
ными углами с помощью |
|||||
a new layer в нижней части |
|||||
инструмента Rounded |
|||||
палитры Layers. |
|||||
Rectangle, а потом |
|||||
|
|
|
|||
пришли к выводу, что |
|
|
|
||
углы оказались недо- |
|
|
|
||
статочно скругленными |
Шаг 8. Нажмите клавишу |
||||
или, наоборот, слишком |
<B>, чтобы выбрать инстру- |
||||
скругленными, значе- |
мент Brush. Щелкните |
||||
ние радиуса скругле- |
правой кнопкой (комбинация |
||||
ния можно изменить, |
<Control+щелчок>) в доку- |
||||
обратившись к панели |
менте для отображения окна |
||||
Options и изменяя значе- |
Brush Picker. Из меню окна |
||||
ние параметра Radius. |
выберите библиотеку кистей |
||||
Однако вы сможете |
Wet Media Brushes (Мокрые |
||||
сэкономить время, если |
кисти). Выберите вертикальную |
|
|
||
воспользуетесь клави- |
кисть размером 19 пикселей |
|
|
||
шей <[> для уменьше- |
Light Oil Flat Tip, как показано |
|
|
||
ния или клавишей <]> |
на рисунке. Перемещайте |
|
|
||
для увеличения значе- |
ползунок Master Diameter |
|
|
||
ния радиуса скругления. |
до тех пор, пока не уменьшите |
|
|
||
|
|
размер кисти до размера |
|
|
|
|
|
шрифта. Задайте в качестве |
|
|
|
|
|
основного цвета светло-желтый |
|
|
|
|
|
(я использовал следующие |
|
|
|
|
|
значения: R=216, G=209, B=0) |
|
|
|
|
|
и выделите наиболее важные |
|
|
|
|
|
строки в объявлении. |
|
|
|
|
|
Шаг 9. Для завершения созда- |
|||
|
|
ния эффекта измените режим |
|||
|
|
наложения слоя с Normal |
|||
|
|
на Multiply, воспользовавшись |
|||
|
|
соответствующим раскрыва- |
|||
|
|
ющимся списком в палитре |
|||
|
|
Layers, чтобы видеть слова |
|||
|
|
в выделенных цветом строках, |
|||
|
|
как показано на рисунке. |
|||
|
|
В нашем примере я объединил |
|||
|
|
слои с объявлением и слой |
|||
|
|
с выделением цветом, нажав |
|||
|
|
комбинацию клавиш <Ctrl+E> |
|||
|
|
(<+E>), после чего восполь- |
|||
|
|
зовался инструментом Move |
|||
|
|
для перемещения полученного |
|||
|
|
фрагмента объявления в макет |
|||
|
|
рекламы. И наконец, я повернул |
|||
|
|
оборванное объявление с помо- |
|||
|
|
щью средства Free Transform. |
|||
|
|
Обязательно сохраните исход- |
|||
|
|
ный файл со всеми его слоями, |
|||
|
|
поскольку в дальнейшем в него |
|||
|
|
можно легко вносить измене- |
|||
|
|
ния. |
|||
|
|
|
|
|
ПРЕДМЕТНЫЙ УКАЗАТЕЛЬ
A
Adobe Illustrator, 58
Д
Диалоговое окно
Brush Name, 269
Canvas Size, 43
Color Picker, 22; 76; 133; 308 Contract Selection, 98 Duplicate Layer, 23
Extract, 51
Feather Selection, 128 Filter Gallery, 64 Gaussian Blur, 33 Gradient Editor, 199 Gradient Map, 67 Gradient Picker, 67 Image Size, 164 Layer Style, 21; 73 Levels, 27
Lighting Effects, 291
Make Selection, 24
Pattern Picker, 51; 242 Save for Web, 140 Save Selection, 52 Shadow/Highlight, 155 Stroke, 199 Threshold, 111 Unsharp Mask, 81
Добавление заметок, 151
З
Загрузка выделенных областей, 65
И
Изображение добавление бокового освещения, 50
добавление движения, 48 обработка краев, 35 уменьшение размеров, 103
Импорт
иллюстрации из Adobe Illustrator, 58
Инструмент
Add Anchor Point, 26
Art History Brush, 261 Brush, 141
Color Replacement, 190 Direct Selection, 25
Edge Highlighter , 51 Ellipse, 106
Elliptical Marquee, 130 Eraser, 54 Eyedropper, 140 Freeform Pen, 26
Free Transform, 21; 35; 150
Gradient, 89; 147; 219
History Brush, 27 Lasso, 31
Line, 198 Magic Wand, 30
Magnetic Lasso, 31
Move, 32; 38; 71; 138; 209
Path Selection, 107
Pen, 25; 211
Polygonal Lasso, 72; 139; 177 Rectangular Marquee, 20; 39; 139; 197 Type Mask, 130
Zoom, 250; 318
Использование фильтра Clouds, 93
фильтра Find Edges, 170 фильтра Lighting Effects, 95
К
Кисть создание с нуля, 42
Команда
Align Linked, 31 Brightness/Contrast, 70 Canvas Size, 43
Clear Guides, 30 Contract, 98 Define Pattern, 51 Defringe, 143 Desaturate, 23 Extract, 51
Free Transform, 32 Inverse, 30; 38 Keyboard Shortcuts, 22 Layer via Copy, 136 Layer via Cut, 136 Load Selection, 38 Make Selection, 24 Merge Down, 34 Merge Visible, 101; 166 Reset Brushes, 40 Reset Character, 80