среда, 20 марта 2013 г.

Урок Photoshop по отрисовке пушистиков.


1 Создаём новый документ 2000*2000 пикс и разрешением 300 пикс\дюйм. Перетаскиваем на него картинку, и растягиваем на всю страничку 



2.Выбираем кисть для рисования шерсти 


3. на новом слое начинаем обводить контур нашей птички( цвет ставлю немного темнее основного фона).Размер кисточки подганяем под изображение, и стараемся выбрать кисточку с нужным направлением ворса. 


4.Теперь основной цвет берём немного светлее, и продолжаем обводить, но на новом слое, и немного сместив путь кисточки, чтоб немножко выступал тёмный ворс 


5. Дальше опять тон ещё немного светлее, и тоже делаем на новом слое В конце размер сделала немного больше, вот что вышло 


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


 7. Теперь опять отключаем отрисованные слои, и рисуем крыло 


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


9. На этом рисование пушистостей закончено, их можно объединить в один слой, дальше рисуем пером. Выставляем такие настройки кисти и пера 



 10. Опять же на новом слое. Ставим точку исходную, и дальше ставим следующую точку, при этом мышкой кликаем, но не отпускаем кнопку мышки, держим и изгибаем, изогнули как нам надо, жмём Alt, и наша стрелочка возвращается в точку, и только теперь отпускаем кнопку мышки, вот здесь нужно потренироваться. Дальше ставим следующую точку на контуре и изгибаем, пока не дойдём до самой первой точки. 




 11. Теперь кликаем правой кнопкой мышки, выбираем "Выполнить заливку, и выбираем цвет, у нас всё что в середине контура зальётся выбранным цветом, потом на новом слое, опять кликаем правой кнопкой мышки, и выбираем "Выполнить обводку контура", здесь выбираем кисть, и основной тон на палитре инструментов должен быть темнее того, которым залита основа Вот что получилось, и только теперь кликаем опять же правой кнопкой мышки и выбираем удалить контур 






 12. Для придания объёма на слое с основной заливкой нашей лапки. Выбираем Параметры настройки, внутренняя тень и ставим цвет внутренней тени такой, как у обводки нашей лапки, или немного темнее. 


13. Теперь слоё с основной заливкой делаем невидимым, оставляем только контур, и мы видим что нам нужно отрисовать ещё линии, которые остались под залитым слоем Вот что вышло.



 14. точно так же отрисовываем остальные детали нашей птички, вторую лапку, язычок, клювик, глазки. Глазки рисуем без контура, только заливаем и тень, и небольшой секрет, когда последний слой глаза Чорный, то мы этот слой дублируем и применяем к нему стеклянный стиль, тогда реалистичнее глаз становится. Ну вот что получилось


15. Есть ещё вот такая кисть, добавляем где нужно волосики, и придаём где нам нравится тень. 



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


Желаю вам успехов, и как же мне хочется, чтоб у вас всё получилось!

пятница, 15 марта 2013 г.

88 секретов Adobe Photoshop

Нажмите на изображение, чтобы его увеличить :



1. Нажмите Tab, чтобы скрыть панель инструментов и палитры, Shift+Tab скроет только палитры.
2. Shift+клик по синей верхней полосе у панели инструментов или палитрах, переместит их к боковой границе окна.
3. Двойной клик по верхней синей полосе, в любом окне палитры, свернет ее.
4. Двойной клик по серому фону откроет диалоговое окно для открытия файла, Shift+двойной клик откроет браузер Adobe Bridge.
5. Устали от серого фона вокруг изображения? Возьмите инструмент Paint Bucket Tool (Ведро), зажмите Shift+клик по серому фону и он сменится любым цветом, который Вы выбрали в качестве цвета переднего плана.
6. Чтобы выбрать все слои нажмите Alt+Ctrl+A.
7. Caps Lock сменит Ваш курсор на более четкий крестик.
8. Нажмите клавишу F, и Вы сможете выбрать один из 3х различных режимов экрана, что позволит сделать рабочую область больше.
9. Чтобы нарисовать прямую линию с помощью кисти или карандаша, сделайте один клик в точке начала, затем зажмитеShift+клик в точке конца.
10. Нажатый Ctrl превратит любой инструмент в Move Tool (Перемещение), пока удерживаете его.
11. Ctrl+Alt+клик создаст копию изображения и переместит его по ходу движения мышки.
12. Нажатый Space (Пробел) превратит любой инструмент в Hand Tool (Рука), пока удерживаете его.
13. Ctrl+Space+клик увеличит масштаб изображения, Alt+Space+клик - уменьшит.
14. Нажав Ctrl и "+" или "-" изменит масштаб изображения в процентах.
15. Если использовать Eyedropper Tool (Пипетка) с нажатой Alt - это позволит взять образец цвета для цвета фона.
16. Инстрмент Measure Tool (Линейка), сделайте линию, а затем зажмите Alt и создайте другую линю из конца первой - то Вы определите угол между ними.
17. Ctrl+Alt+Z и Ctrl+Shift+Z используйте для отмены и возврата ряда действий.
18. Alt+Backspace и Ctrl+Backspace зальет изображение цветом переднего плана и фона соответсвенно. Shift+Backspace вызовет диалоговое окно для заливки изображения. Alt+Shift+Backspace и Ctrl+Shift+Backspace зальет изображение цветом переднего плана и фона соответсвенно, но оставив при этом прозрачные места прозрачными.
19. Если зажать Alt и вызвать свободную трансформацию с помощью Ctrl+T, то трансформация будет производится над копей объекта. Ctrl+Shift+T повторит любые последние трансформации.
20. Рамер холста легко можно увеличить используя инструмент Crop Tool, растяните его за пределы холста и нажмите Ок.
21. Ctrl+J создаст копию текущего слоя.
22. Ctrl+Shift+E сольет все видимые слои в один, Ctrl+Shift+Alt+E сольет копию видимых слоев в один новый слой.
23. При использовании Marquee Tool (Выделение), зажмите Alt, чтобы сделать стартовую точку центром выделенной области.
24. Ctrl+D для снятия выделения, Ctrl+Shift+D для возврата выделения.
25. Когда Вы создаете выделение с помощью инструментов Marquee Tool, зажмите Space, чтобы переместить выделение, отпустите - чтобы продолжить выделять.
26. Нажав Shift и "+" или "-" сменит режим наложения слоя на: Normal, Dissolve, Multiply, Screen, Overlay
27. Если выбран инструмент Brush или любой другой, прозрачность слоя можно менять нажатием на соответсвующую цифру на клавиатуре:
- при нажатии на одну цифру [4=40%]
- для задания более точного % прозрачности [зажмите 7 а затем 2 даст в результате 72%].
28. Зажмите Alt и сделайте клик по значку глаза рядом с иконкой слоя на палитре слоев, чтобы скрыть все остальные слои, кроме текущего.
29. Образец цвета можно взять не только с изображения в Photoshop, но и за пределами программы. Уменьште окно фотошопа так, чтобы видеть изображение, на котором хотите определить цвет, возмите инструмент Eyedropper Tool(Пипетка), сделайте клик внутри фотошопа и не отпуская выведите ее за пределы окна.
30. Выберите слой, зажмите Alt и сделайте клик на границе между верхним и текущим слоем, чтобы создать Cliping Mask, т.о. верхний слой будет виден в рамках нижнего, нижний заменяет маску.
31. Удерживая Alt нажмите по кнопке создания нового слоя "Create a new layer" на палитре слоев, чтобы появилось диалоговое окно с настройками для нового слоя.
32. Выберите слой и удерживая нажатой Alt сделайте клик по мусорной карзине на палитре слоев, т.о. слой удалится без лишнего вопроса. Сделайте выделения для прозрачности где Вы хотите, перейдите на вкладку Channels и нажмитеCtrl+клик по кнопке "Create new channel", т.о. создатся альфа-канал только для выделенных областей.
33. File > Automate > Contact Sheet II - создаст небольшие превивьюшки для каждого файла, октрытого в данный момент в фотошопе, в отдельном документе в ряд и подпишет их.
34. У инструмента Move Tool в настройках доступна опция автовыделения слоя "Auto Select Layer" в зависимости от места клика.
35. Работая с инструментом Move Tool, нажав Alt+Shift+клик правой кнопкой мыши по различным объектам изображения, расположеных на различных слоях, позволит выделить все эти слои.
36. Работая с сеткой Grid, потяните за верхний левй угол, где расположены шкалы для Grid, и начало отсчета для них станет в том месте, где Вы отпустите клавишу мыши. Двойной клик в верхнем углу, сбросит точку отсчета в первоначальное положение.
37. Создав путь с помощью инструмента Pen Tool можно скрыть/показать его вновь с помощью комбинации Ctrl+Shift+H.
38. Управление навигацией с помощью клавиш может быть часто эффективней мышки:
Home = пролистать в верхний левый угол
End = пролистать в правый нижний угол
PageUp = пролистать вверх на одну страницу
PageDown = пролистать вниз на одну страницу
Ctrl+PageUp = пролистать влево на одну страницу
Ctrl+PageDown = пролистать вправо на одну страницу
Shift+PageUp = пролистать вверх на 10 pixel
Shift+PageDown = пролистать вниз на 10 pixel
Ctrl+Shift+PageUp = пролистать влево на 10 pixel
Ctrl+Shift+PageDown = пролистать вправо на 10 pixel
39. Ctrl+Tab переключит Вас между различными окнами с изображениями.
40. F12 вернет состояние изображения, которое было при последнем сохранении.
41. Горячие клавиши для Каналов: RGB, CMYK, Indexed color
Ctrl+"~" = RGB
Ctrl+1 = red
Ctrl+2 = green
Ctrl+3 = blue
Ctrl+4 = other path
Ctrl+9 = other path
Ctrl+"~" = CMYK
Ctrl+1 = light green
Ctrl+2 = pink red
Ctrl+3 = yellow
Ctrl+4 = black
Ctrl+5 = other path
Ctrl+9 = other path
Ctrl+1 = Indexed
Ctrl+2 = other path
Ctrl+9 = other path

42. Удерживая Ctrl Вы можете на палитре Navigator растянуть красный прямоугольник, масштабируя тем самым изображение.
43. Зажмите Alt и сделайте клик на любом шаге в истории, т.о. шаг скопируется.
44. Нажмите Alt и потяните за шаг из одного Action в другой, получите копию действия.
45. В фильтре Lens Flare (Filter > Render > Lens Flare) задать точные координаты можно зажав Alt+кликнув по окошку предпросмотра.
46. Удерживая Shift+Alt трансформация объекта будет производится пропорционально, из центра.
47. Если у Вас выбран инструмент Move Tool и Вы хотите что-то скопировать, просто зажмите Alt и потяните за изображение. Удерживая Shift+Alt объект легко переместить вдоль напрявляющих Grid.
48. Если Вы хотите выровнять горизонт или неровные края после сканирования, то возьмите инструмент Measure Tool(Линейка), проведите линию вдоль Вашей кривой, затем идем в Image> Rotate Canvas> Arbitrary, значения угла поворота фотошоп подставит сам, осталось нажать Ок и изображение повернуто.
49. Если Вы создаетет что-то в Illustrator'е, скоприуйте и вставьте в Photoshop, он спросит в каком виде вставлять: пиксельном либо в Shape.
50. Чтобы отобразить панель Rules, нажмите Ctrl+R.
51.Чтобы изображение было четко по центру Ctrl+A, Ctrl+X, Ctrl+V.
52. Ctr+E сольет текущий слой с нижележащим.
53. Если выбран инструмент Brush Tool, управлять диаметром кисти можно по средствам кнопок [ и ].
54. Двойной клик по инструменту Zoom Tool вернет масштаб изображения в 100%, а по инструменту Hand Tool растянет изображение на область экрана.
55. Работа с текстом:
Ctrl+H скроет выделение выделеных символов.
Если у Вас выделены символы, сделайте клик в строке выбора типа шрифта и Вы можете использовать стрелки на клавиатуре для выбора типа шрифта.
Alt+стрелка влево или вправо изменит отступ между символами на 10.
Ctrl+Alt+стрелка влево или вправо изменит отступ между сиволами на 100.
56. Ctrl+Alt+T создаст копию объекта, который Вы хотите трансформировать.
57. Ctrl+Alt+стрелка вправо, влево, вверх или вниз скоприует текущий слой и сдвинет на 1px.
58. Смените активный слой при помощи Alt+[ или ].
59. Переместите активный слой вверх или вниз при помощи Ctrl+[ или].
60. Чтобы скрыть направляющие Grid, нажмите Ctrl+
61. Ctrl+[клавиша плюс] увеличит масштаб изображения, Ctrl+[клавиша минус] - уменьшит. Ctrl+Alt+[клавиша плюс]увеличит масштаб и размер окна, тоже самое для Ctrl+Alt+[клавиша минус].
62. Используя инструмент Polygonal Lasso Tool, нажмите Backspace, чтобы отменить последний шаг.
63. Нажмите X для перключения цвета переднего плана и фона местами.
64. Нажмите D чтобы сбросить настройки цветов для переднего плана и фона в цвета по умолчанию: черный и белый.
65. Чтобы отобразить палитру с настройками Brushes, нажмите F5.
66. Чтобы отобразить палитру Layers, нажмите F7.
67. Ctrl+клик по иконке слоя на палитре слоев создаст выделение содержимого слоя.
68. Если хотите увидеть содержимое маски слоя, то зажмите Alt и сделайте клик по маске слоя.
69. Alt+клик по иконке создания маски для слоя создаст черную маску .
70. Когда используете Polygonal Lasso Tool, зажмите Shift, чтобы создать прямые под углом с шагом в 45 градусов.
71. Для лучшей организации слоев - сгруппируйте выделенные, нажав Ctrl+G.
72. Ctrl+Shift+N создаст новый файл, с выводом диалогового окна; Ctrl+Shift+Alt+N создаст новый слой в рабочем файле.
73. Вернемся к кистям, клавиши [ и ] уменьшают и увеличивают диаметр кисти, а Shift+[ или ] изменят жесткость кисти.
74. Нажмите Alt, чтобы Burning Tool стал выполнять функцию Dodge Tool, и наоборот.
75. Stamp Tool клонирует участки изображения (Alt+клик - для определения участка для копирования). Это также работает, если в фотошоп открыто несколько изображений и Вы можете также клонировать любые участки из других изображений, достаточно лишь расположить изображения в пределах видимости на экране.
76. Ctrl+клик по иконке слоя создает выделение объекта на этом слое. Если необходимо выделить более чем 1 объект на нескольких слоях, удерживайте дополнительно еще и Shift.
77. Чтобы объединить палитры в одной, потяните за ярлычек любой вкладки на другую палитру к другим ярлычкам и она переместится.
78. Когда создаете текст, нажате на Enter создает новую строку, чтобы закончить писать нажмите Ctrl+Enter или Enter на цифровой клавиатуре.
79. Вы можете переместить слой на любое другое открытое изображение в фотошоп, т.о. создастся копия слоя. Удерживайте при перетаскивании нажатой Shift и содержимое слоя вставится четко по центру.
80. Создайте новый документ в Photoshop размером 500х500px, создайте новый слой, возьмите инструмент Brush Tool, кисть возмите стандартную круглую, любого диаметра и поставьте точку вверху по центру (позиция как в часах у 12). Нажмите Ctrl+Alt+T, это создаст копию точки и позволит ее трансформировать. Потяните за точку в центре трансформируемого объекта Pivot Point и установите ее четко по центру изображения, вверху впишите угол повора 30 градусов и нажмите Ок. А теперь трюк.... Нажмите Ctrl+Shift+Alt+T 10 раз и Вы увидите что получится!
81. Работая с инстрмуентом Move Tool Вы можете выбрать любой слой кликнув по части объекта с нажатым Ctrl.
82. Как выбрать группу слоев не используя палитру слоев? Как выделить один слой мы знаем из пункта 81, а добавить еще один слой в группу можно зажав Ctrl+Shift и сделав клик по части объекта, расоложенному на другом слое.
83. Удалить сразу несколько слоев можно простым пертаскиванием группы слоев на иконку корзины на палитре слоев, как выбрать группу знаем из пункта 82.
84. Удалить текущий слой можно зажав Alt и нажав 3 раза L.
85. После применения фильтра, его действие можно смягчить при помощи функции Fade, нажав Shift+Ctrl+F.
86. Скопировать маску слоя можно перетянув ее с нажатым Alt на другой слой.
87. Из вертикальной направляющей Grid легко можно получить горизонтальную, выбрав инструмент Move Tool, зажать Altи кликнуть по самой направляющей. И наоборот.
88. Сохраняя документ при помощи Save for Web информация о документе теряется, чтобы сохранить информацию используйте Save As.

среда, 13 марта 2013 г.

Классический световой эффект в фотошоп


В этом простом уроке мы будем создавать надпись из спирали лампочки.
Результат урока:

Дополнительные материалы:
Лампочка
Шрифт "Exmouth"
Сияние
Шаг 1. Создайте новый документ и при помощи инструмента "Заливка" (G) (Paint Bucket Tool) залейте фоновый слой черным цветом.

Шаг 2. Откройте изображение "Лампочка" и поместите лампу на рабочий документ.

Шаг 3. Теперь нам необходимо стереть стекло. Автор создал новый слой и закрасил стекло при помощи инструмента "Кисть" (B) (Brush Tool) черного цвета. Проще это сделать, добавив Маску слоя (Layer Mask) к слою с лампой и при помощи инструмента "Кисть" (B) (Brush Tool) черного цвета стереть стекло лампочки.

Шаг 4. Теперь нам нужно стереть спираль, вместо которой мы будем создавать текст. Выберите инструмент "Пипетка" (I) (Eyedropper Tool) и определите цвет сияния. Затем создайте новый слой и при помощи инструмента "Кисть" (B) (Brush Tool) с мягкими краями закрасьте спираль.

Шаг 5. Теперь установите в набор шрифт "Exmouth" (о том, как установить новый шрифт Вы узнаете на сайте из раздела "Установка дополнений"). Выберите инструмент "Горизонтальный текст" (T) (Horizontal Type Tool), установите размер 82pt. (размер шрифта зависит от размера Вашего документа) и напишите слово "Light". Затем создайте новую группу и поместите в нее слой с текстом (Ctrl+G). Установите Режим наложения(Blending Mode) группы на Осветление основы (Color Dodge).

Шаг 6. Выберите слой с текстом и перейдите в Меню - Фильтр - Размытие - Размытие по Гауссу… (Gaussian Blur…) (Filter - Blur - Gaussian Blur) и установите параметры как показано ниже.

Шаг 7. Т.к. слой с текстом расположен внутри группы с Режимом наложения Осветление основы (Color Dodge), эффект будет такой же, как если бы текстовый слой располагался на черном фоне. Вы видите, что края текста великолепно смешиваются с фоном, тем самым получился световой эффект.

Шаг 8. Откройте изображение "Сияние" и поместите его на рабочий документ. Затем нажмите сочетание клавиш Ctrl+Shift+U чтобы обесцветить изображение.

Шаг 9. Установите Режим наложения (Blending Mode) слоя с сиянием на Осветление (Screen).

Шаг 10. Теперь создайте новый слой и перейдите в Меню - Фильтр - Рендеринг - Облака (Menu - Filter - Render - Clouds).

Шаг 11. Установите Режим наложения (Blending Mode) слоя с облаками на Осветление основы (Color Dodge). Затем создайте новую группу и поместите в нее слой с облаками (Ctrl+G). Установите Режим наложения (Blending Mode) группы на Перекрытие (Overlay).

Шаг 12. Создайте новый слой и поместите его в группу со слоем облаков. Расположите этот слой ниже слоя с облаками. Затем установите цвет на #f5d38b, выберите инструмент "Кисть" (B) (Brush Tool) с мягкими краями и нарисуйте круглое пятно в центре светового эффекта.

Шаг 13. Создайте новый слой и расположите его выше всех слоев. Затем выберите инструмент "Кисть" (B) (Brush Tool) и создайте пятно белого цвета в центре свечения. К этому слою примените Стиль слоя (Layer Style) - Наложение цвета (Color Overlay), Цвет: #ffd648, Режим: Линейный затемнитель (Linear Burn).
Результат урока:

От Автора: Помните, что большая часть световых эффектов создается при помощи добавления цветов на изображение. Режимы наложения играют очень большую роль для создания свечений, и я рекомендую Вам изучить их, особенно Режим Осветление основы (Color Dodge).