ПОМОЩЬ ПО ФОТОШОПУ

Страницы :  1 2 3 ... 36 37 38  След.
Автор Сообщение
Денис ®

Стаж: 15 лет
Сообщений: 268
Откуда: Уфа

Создавать темы Денис ® написал(а)
22-Май-2009 00:32
В данном топике можете задавать свои вопросы по пользованию Photoshop-ом
В скором времени здесь будет собран небольшой FAQ


Флуд будет безжалостно удаляться, а пользователь - караться предупреждением. Будьте взаимовежливы!
Подумайте о тех, кому понадобится помощь, но они не смогут ее получить из-за десятков бессмысленных сообщений
Профиль  ЛС 
GotHunter

Стаж: 15 лет
Сообщений: 224
Откуда: Оренбург

Создавать темы GotHunter написал(а)
23-Май-2009 08:39 (спустя 1 день 8 часов)
Так народ как написал в шапке модератор Денис, здесь не флудим.
Ниже немного правил работы этой темы!!!

*Если у вас появились какие то вопросы по работе с фотошопом. Не пишем здесь сообщения на пол страницы. А четко давайте определеннее проблемы или что вы считаете надо добавить в эту рубрику (к примеру: Добавить сюда побольше уроков с работай над слоями, или побольше надо уроков как делать гиф анимацию в фотошопе.).
Вот пример того как надо оставлять свои пожелания или вопрос:
Проблема: Загрузил все скаченые кисти с этого трекера, теперь в фотошопе огромный списак наборов кистей. Могу только просматривать первые 60.
Помогите: Как сделать доступным к просмотру весь список наборов с кистями?
Или Прошу выложить: Надо урок про то как сделать бегущею строку со своим текстом, в гиф формате.

*К рассмотрению будут приниматься только те запросы, которые оформлены как я показал ранее. То есть без начальных и выделеных определений [b]Проблема:[b] , [b]Помогите:[b] , [b]Прошу выложить[b] все будет расматриватся как флуд. И соответственно будут игнорироваться и удаляться с форума по мере их накопления.

*Так же запрещено размещать здесь уроки, комментарии и т.п. не по теме "Помощь по фотошопу".

*Если у вас есть интересный урок или знаете хитрость как упростить работу в фотошопе. Просим выкладывать. Но соблюдать одно простое правило. Урок, подсказку и т.д. Обязательно надо поместить под один споллер если в нем содержатся скриншоты. Исключение составляет только те моменты когда скриншотов всего один или два, и они идут после определения [b]Помогите:[b]. В таких случаях под сполер помещаются только сами скриншеты.

*Также если у вас есть информация, урок или подсказка где нет скриншетов, но текст в общей сложности превышает количество в 15 строк. Такой текст надо помещать под сполер. И в названии сполера написать его название (пример:
Коты и кошки


*Авторы которые будут помещать здесь свои уроки, подсказки и т.д. ДОЛЖНЫ новое не размещать в новом сообшении а дополнять свое старое. Это позволит вам держать ваши уроки и т.д в одном сообщении, Новые уроки (и т.д) не будут терятся в последующем общении. поьователям будет проще и удобнее искать нужное.

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


Последний раз редактировалось: GotHunter (2009-05-23 12:17), всего редактировалось 3 раз(а)
Профиль  ЛС 
utyashev

Стаж: 15 лет
Сообщений: 50
Откуда: Russia

Создавать темы utyashev написал(а)
23-Май-2009 11:52 (спустя 3 часа)
  • Ctrl+N New Document Новый документ
  • Ctrl+O Open Открыть
  • Ctrl+W / Ctrl+F4 Close Закрыть
  • Ctrl+Shift+O File Browse Пролистать
  • Ctrl+Shift+W  Close All  Закрыть Все
  • Ctrl+Shift+K color Settings Настройки Цвета
  • Ctrl+Alt+N New Document (with Last Settings) Новый документ (С последними настройками)
  • Ctrl+Shift+Tab Next Document Следующий документ
  • Ctrl+Alt+O Open As Открыть как
  • Ctrl+Shift+P Page Setup Установки страницы
  • Ctrl+K Preferences Предпочтения
  • Ctrl+Alt+K Preferences (Last Used) Предпочтения (Последние)
  • Ctrl+P Print Печать
  • Ctrl+Alt+Shift+P Print One Copy Печатать одну копию
  • Ctrl+Alt+P Print Options Печать с предпросмотром
  • Ctrl+Tab Previous Document Предыдущий документ
  • Ctrl+Q Quit Выход
  • Ctrl+S Save Сохранить
  • Ctrl+Shift+S Save As Сохранить как
  • Ctrl+Alt+S Save As (Copy) Сохранить как копию
  • Ctrl+Alt+Shift+S Save for Web Сохранить для Web
  • F12 Revert Вернуть
A Path Component Selection Tool Выделение пути
B Paintbrush Tool Кисть/Карандаш
C Crop Tool Кадрирование
D Default colors Основные цвета и цвета подложки по умолчанию
E Eraser Tool Ластик
G Gradient Tool Градиент/Заливка
H Hand Tool Рука
I Eyeper Tool Пипетка
J Healing Brush / Patch Tool Лечащая кисть/Замена цвета/Вставка
K Slice Tool Срез
L Lasso Tool Лассо
M Marquee Tool Прямоугольник/Эллипс
N Notes Tool Заметки
O Dodge / Burn / Sponge Tool Осветление/Затемнение/Губка
P Pen Tool Перо
Q Standard / Quick Mask Mode Стандартный/Режим быстрой маски
R Blur / Sharpen / Smudge Tool Размытие/Резкость/Палец
S Clone Stamp Tool Штамп
T Type Tool Текст
U Shape Tool Прямоугольник/Эллипс/Полигон/Линия/Форма
V Move Tool Перемещение
W Magic Wand Tool Волшебная палочка
X Switch colors Переключить основные цвета и цвета подложки
Y History Brush Tool Историческая/Узорная кисть
Z Zoom Tool Лупа
[ Decrease Brush Size Уменьшить размер кисти/инструмента
] Increase Brush Size Увеличить размер кисти/инструмента
Shift+[ Decrease Brush Softness by 25% Уменьшить твердость кисти на 25%
Shift+] Increase Brush Hardness by 25% Увеличить твердость кисти на 25%
< Previous Brush Предыдущая кисть
> Next Brush Следующая кисть
Shift+< First Brush Первая кисть
Shift+> Last Brush Последняя кисть
1-0 Tool Opacity 10-100% Твердость инструмента от 10 до 100%
+ Add Shape Добавить форму
- Subtract Shape Вычесть форму
Shift+A Cycle Path Comp. Переключение инструментов прямого выделения
Shift+B Toggle Paintbrush / Pencil Tools Переключение кисти и карандаша
Shift+E Cycle Eraser Tools Переключение ластиков
Shift+G Toggle Gradient / Paint Bucket Tools Переключение градиента и заливки
Shift+ I Cycle Eyeper / Sampler / Measure Переключение пипетки и выбора цвета
Shift+J Toggle Healing Brush / Patch Tool Переключение лечащей кисти и вставки
Shift+K Toggle Slice / Slice Select Tools Переключение среза и выбора среза
Shift+L Cycle Lasso Tools Переключение между видами лассо
Shift+M Toggle Rect. / Elliptical Marquee Переключение между прямоугольником и эллипсом
Shift+N Toggle Notes / Audio Annotation Tools Переключение между видами заметок
Shift+O Cycle Dodge / Burn / Sponge Tools Переключение между осветлением, затемнением и губкой
Shift+P Toggle Pen / Freeform Pen Tools Переключение между видами пера
Shift+R Cycle Blur / Sharpen / Smudge Tools Переключение между размытием, резкостью и пальцем
Shift+S Toggle Clone / Pattern Stamp Tools Переключение между видами штампа
Shift+U Cycle Shape / Line Tools Переключение между эллипсом, прямоугольником, линией и др.
Shift+Y Toggle History / Art History Brush Переключение между исторической и узорной кистями
Ctrl+Shift+N New Layer Новый слой
Ctrl+Alt+Shift+N New Layer (without Dialog Box) Новый слой (без диалогового окна)
Alt+ ] Ascend through Layers Переключение между слоями (вверх)
Alt+ [ Descend though Layers Переключение между слоями (вниз)
Ctrl+Shift+ ] Bring Layer to Front Переместить слой наверх
Ctrl+G Group with Previous Создать клип-маску
1-0 Layer Opacity 10-100% Прозрачность слоя от 10 до 100%
Ctrl+J Layer via Copy Копировать слой
Ctrl+Alt+J Layer via Copy (with Dialog Box) Копировать слой (с диалоговым окном)
Ctrl+Shift+J Layer via Cut Копирование слоя через вырезание
Ctrl+E Merge Down (Linked / Grouped) Слить с нижним
Ctrl+Shift+E Merge Visible Объединить с видимым
Ctrl+Alt+Shift+E Merge Visible to Active Layer Оттиск видимых
Ctrl+ [ Move Layer Down Переместить слой ниже
Ctrl+ ] Move Layer Up Переместить слой выше
Alt+Shift+ [ Select bottom Layer Выбрать нижний слой
Alt+Shift+ ] Select top Layer Выбрать верхний слой
Ctrl+Shift+ [ Send Layer to Back Переместить слой вниз
Ctrl+Alt+E Stamp Down Сбросить оттиск
Ctrl+Alt+Shift+E Stamp Visible Оттиск видимых
Ctrl+Shift+G Ungroup Layers Разгруппировать
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.
(как альтернатива: move tool - в опциях есть выровнять по центру горизонтали и вертикали, нужнол только выделить слой с фоном и редактируемым слоем)

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.

89. Часто, при создании коллажей или хедеров для сайтов, в программе набирается не один десяток открытых файлов. И найти из них нужный бывает довольно затруднительно. Чтобы быстро переключиться между открытыми изображениями или просмотреть их, нужно запомнить комбинацию клавиш Ctrl + Tab. Это намного быстрее, чем просматривать изображения с помощью мышки.

90. Как уместить большое трансформируемое изображение в открытом окне
Часто при трансформации объектов (Ctrl+T), если объект больше рабочего окна, угловые маркеры не видны. Приходится отменять трансформацию, затем изменять масштаб так, чтобы изображение полностью поместилось в окне и затем снова повторять попытку трансформации.
Если вы попали в такую ситуацию, не спешите всё отменять, нажмите Ctrl+0. Масштаб области активного окна изменится автоматически и угловые маркеры станут доступны для перетаскивания.

91. Как назначить собственные «горячие клавиши»?
Помимо того, что в Photoshop существуют сотни клавишных комбинаций, вы можете назначить свои собственные для наиболее часто используемых операций (например я использую свои комбинации для быстрого доступа к фильтрам Gaussian Blur и Smart Sharpen).
Для этого заходите меню Edit -> Keyboard Shortcuts (Alt+Shift+Ctrl+K), выбираете из раскрывающихся списков нужную опцию и назначаете ей свою комбинацию клавиш. Все назначаемые комбинации должны быть вида: Ctrl + «нужная клавиша».

92. Просто кликните на чёрный треугольник рядом с любой папкой сгруппированных слоёв, при зажатой клавише Ctrl. Точно также потом можно и скрыть все слои обратно в папки.

93. Чтобы просмотреть один слой, нужно кликнуть alt+"видимость слоя" (глазик). скроются все слои. Чтобы вернуть обратно, придется повторить действие.

94. "Alt+Ctrl+Shift+C" скопировать выделенное со всех слоев, используется при последующей вставке в новый слой
Перевод названий инструментов соответствует официальному русскому мануалу по Photoshop СS3, в скобках же даны варианты, встречающиеся в различных русских учебниках по Photoshop
Normal - Нормальный
Dissolve - Растворение
Behind - Подложка (Задний)
Clear - Очистка (Чистый)
Darken - Замена темным, Темнее
Multiply - Умножение
Color Burn - Затемнение основы (Затемнение)
Linear Burn - Линейный затемнитель (Прямое затемнение)
Lighten - Замена светлым, Светлее
Screen - Осветление (Экран)
Color Dodge - Осветление основы (Цветовое осветление)
Linear Dodge (Add) - Линейный осветлитель (Добавить), (Линейное осветление)
Overlay - Перекрытие
Soft Light - Мягкий свет
Hard Light - Жесткий свет
Vivid Light - Яркий свет
Linear Light - Линейный свет (Прямой свет)
Pin Light - Точечный свет
Hard Mix - Жесткое смешение
Difference - Разница
Exclusion - Исключение
Hue - Цветовой тон (Оттенок)
Saturation - Насыщенность
Color - Цвет
Luminosity - Яркость (Свечение)
Behind - Подложка (Задний)
Clear - Очистка (Чистый)
Color Burn - Затемнение основы (Затемнение)
Color Dodge - Осветление основы (Цветовое осветление)
Color - Цвет
Darken - Замена темным, Темнее
Difference - Разница
Dissolve - Растворение
Exclusion - Исключение
Hard Light - Жесткий свет
Hard Mix - Жесткое смешение
Hue - Цветовой тон (Оттенок)
Lighten - Замена светлым, Светлее
Linear Burn - Линейный затемнитель (Прямое затемнение)
Linear Dodge (Add) - Линейный осветлитель (Добавить),(Линейное осветление)
Linear Light - Линейный свет (Прямой свет)
Luminosity - Яркость (Свечение)
Multiply - Умножение
Normal - Нормальный
Overlay- Перекрытие
Pin Light - Точечный свет
Saturation - Насыщенность
Screen - Осветление (Экран)
Soft Light - Мягкий свет
Vivid Light - Яркий свет
Подложка и очистка отсутствуют в числе тех, что применяются при наложении слоев . Но, например, при рисовании кистью вы можете выбрать один из этих режимов. Если вы выберите в панели свойств при работе с кистью Clear, то кисть будет работать как обычный ластик. Выбрав Behind, вы сможете рисовать только на прозрачных участках слоя, краска не будет ложиться поверх изображения, уже находящегося в слое.
Иногда возникает необходимость пересесть с русского на английский или наоборот. При этом возникают трудности перевеода, поэтому тут выложены выше перевод режимов наложения (которые трудно перевести, тем более понять) и ниже перевод и краткое описание фильтров
Last Filter - последний фильтр (Ctrl+F)
Extract - извлечь (Alt+Ctrl+X)
Filter Gallery - галерея фильтров
Liquify - пластинка (Shft+Ctrl+X)
Pattern Maker - конструктор узоров (Alt+Shft+Ctrl+X)
Vanishing Point - исправление перспективы (Alt+Ctrl+V)
Video - видео
De-Interlace Устранение чересстрочной развертки
NTSC Colors Цвета NTSC

Artistic - имитация художественных эффектов
  Colored Pencil - цветные карандаши; толщина, нажим, яркость бумаги
  Cutout - аппликация; кол-во уровней, простота краев, четкость краев
  Dry Brush - сухая кисть; размер кисти, детализация, текстура
  Film Grain - зернистость фотопленки; зерно, область светов, интенсивность
  Fresco - фреска; размер кисти, детализация, текстура
  Neon Glow - неоновый свет; область, яркость, цвет
  Paint Daubs - масляная живопись; размер кисти, резкость, кисть (простой, светлая губка, широкая резкость, широкая размытая, искры)
  Palette Knife - шпатель; размер штриха, детализация, сглаживание
  Plastic Wrap - целлофановая упаковка; подсветка, детализация, смягчение
  Poster Edges - очерченные края; толщина краев, интенсивность, постеризация
  Rough Pastels - пастель; длина штриха, детализация, текстура (кирпич, мешковина, холст, известняк), масштаб, рельеф, свет (направление), инвертировать
  Smudge Stick - растушевка; длина штриха, область светов, интенсивность
  Sponge - губка; размер кисти, контрастность, смягчение
  Underpainting - рисование на обороте; размер кисти, текстурный фон, текстура (кирпич, мешковина, холст, известняк), масштаб, рельеф, свет(направление), инвертировать
  Watercolor - акварель ; детализация, глубина теней, текстура

Distort - искажение
  Diffuse Glow - рассеянный свет; зернистость, эффект, оригинал
  Displace - смещение; масштаб по гор-ли, масштаб по вертикали, растянуть, мозаика, неопред.области (вставить отсеч. фрагменты, повторить граничные пикселы)
  Glass - стекло; искажение, смягчение, текстура (блоки, холст, изморозь, маленькие линзы) масштаб, инвертировать
  Lens Correction - коррекция дисторсии; настройки (линза по умолчанию, предыдущее исправление, заказное), удалить искажение, хроматическая абберация (красная/голубая кайма, синяя/желтая кайма), виньетка - эффект (затемнение-осветление), средняя точка, перспектива (по вертикали, по гор-ли, угол, на краях (расширение краев, прозрачность, фоновый цвет), масштаб)
  Ocean Ripple - океанские волны; размер волн, сила волн
  Pinch - дисторсия; степень
  Polar Coordinates - полярные координаты; прямоуг-ные в номерные, номерные в прямоугольные
  Ripple - рябь; степень, размер (малая, средняя, большая)
  Shear - искривление; неопред.области (вставить отсеч. фрагменты, повторить граничные пикселы)
  Spherize - сферизация; степень, режим (норм-ый, по гориз., по верт.)
  Twirl - скручивание; угол
  Wave - волна; число генераторов, длина волны, амплитуда, масштаб, тип (синусоида, треуг-к, квадрат), неопред.области (вставить отсеч. фрагменты, повторить граничные пикселы)
  ZigZag - зигзаг; степень, складки, стиль (вокруг центра, от центра, круги на воде)

Pixelate - оформление
  Color Halftone - цветные полутона; макс. радиус, углы наклона растров в градусах (1 канал, 2, 3, 4)
  Crystallize - кристаллизация; размер ячейки
  Facet - фасет
  Fragment - фрагмент
  Mezzotint - меццо-тинто; тип(мелкие точки, сред.точки, круп. точки, пятна, короткие линии, сред. линии, длинные линии, корот. штрихи, сред. штрихи, длинные штрихи)
  Mosaic - мозаика; размер ячейки
  Pointillize - пуантилизм; размер ячейки

Blur - размытие
  Average - среднее
  Blur - размытие
  Blur More - размытие +
  Box Blur - размытие по рамке; радиус
  Gaussian Blur - размытие по Гауссу; радиус
  Lens Blur - размытие при малой глубине резкости; просмотр (быстрее, точнее); карта глубины - источник (нет, прозрачность, слой-маска), диафрагма (форма, радиус, кривизна листа, поворот), зеркальная подсветка (яркость, изогелия), шум (кол-во), распределение (равномерное, по Гауссу), монохромность
  Motion Blur - размытие в движении; угол, смещение
  Radial Blur - радиальное размытие; степень, метод (кольцевой, линейный), качество (черновое, хорошее, наилучшее)
  Shape Blur - размытие по фигуре; радиус, фигура
  Smart Blur - "умное" размытие; радиус, порог, кач-во (низ.,сред.,выс.) режим (нормальный, только края, совмещение)
  Surface Blur - размытие по поверхности; радиус, порог уровней

Sharpen - резкость
  Sharpen Edges - резкость на краях
  Sharpen More - резкость +
  Smart Sharpen - "умная " резкость; просмотр (основной, дополнительно) настройки (по умолчанию), эффект, радиус, удалить (размытие по Гаусу, разм. при малой глуб. резкости, размытие в движении), точнее
  Unsharp Mask - нерезкая маска (контурная резкость); эффект, радиус, порог

Rеnder - рендеринг
  Clouds - облака
  Difference Clouds - облака с наложением
  Fibers - волокна; отклонение, интенсивность, рандомизировать
  Lens Flare - блик; яркость, тип объектива (трансфокатор 50-300 мм, 35 мм, 105 мм, начало ролика)
  Lighting Effects - эффект освещения; стиль (вспышка, заливающий свет, круг света, мягкий всенаправленный, мягкий направленный вниз, мягкий свет прожектора, парал-но направленный, перекрестие, перекрестие вниз, по умолчанию, прожектор на 2 часа, пять прожекторов вверх, 5 прожекторов вниз, света RGB, синий всенаправленный, трехцветный прожектор, три вниз), источник (дневной свет, лампочка, прожектор), вкл., яркость, фокус, свойства (глянец, материал, экспонирование, среда), текстурный канал ( не задан, красный, зеленый, синий), белый над черным, рельеф

Stylize - стилизация
  Diffuse - диффузия; режим (нормальный, только замена темным, осветление, анизотропный)
  Emboss - тиснение ; угол, высота, эффект
  Extrude - экструзия(блоки,пирамиды); тип (блоки, пирамиды), размер, глубина (случайная, по яркости), закрасить лицевые грани, маскировать неполные блоки
  Find Edges - выделение краев
  Glowing Edges - свечение краев ширина краев, яркость, смягчение
  Solarize - соляризация
  Tiles - разбиение; кол-во фрагментов, макс смещение, использовать для заполнения интервалов (цвет фона, основной цвет, инверсное изображение, оригинал
  Trace Contour - оконтуривание; тоновый уровень, край (снизу, сверху)
  Wind - ветер; метод (ветер, ураган, колебания), наплавление (справа, слева)

Texture - текстура
  Graquelure - кракелюры; интервалы, глубина трещин, освещенность
  Grain - зерно; интенсивность, контрастность, тип зерна (обычный, мягкий, брызги, комки, контрастные, увеличенные, пунктирные, гориз-ные, вертикальные, пятна)
  Mozaic Tiles - мозаичные фрагменты; размер фрагмента, величина зазоров, яркость зазоров
  Patchwork - цветная плитка; размер квадратов, рельеф
  Stained Glass - витраж; размер ячейки, толщина границ, интенсивность света
  Texturizer - текстуризатор

Brush Strokes - штрихи
  Accented Edges - акцент на краях; ширина краев, яркость, смягчение
  Angled Strokes - наклонные штрихи ; баланс направлений, длина штриха, резкость
  Grosshatch - перекрестные штрихи; длина, резкость, интенсивность
  Dark Strokes - темные штрихи; баланс, содержание темного, содержание белого
  Ink Outlines - обводка; длина штриха, темные тона, интенсивность света
  Spatter - разбрызгивание; радиус разбрызгивания, смягчение
  Sprayed Strokes - аэрограф; длина штриха, радиус разбрызгивания, направление штрихов (по диаг.вправо, гориз., по диаг.влево, верт.)
  Sumi-e - сумми-э; ширина штриха, нажим, контрастность

Noise - шум
  Add Noise - добавить шум; кол-во, распределение (равномерное, по Гауссу), монохромный
  Despeckle - ретушь
  Dust & Scratches - пыль и царапины; радиус, порог
  Median - медиана; радиус
  Reduce Noise - уменьшить шум; просмотр (основной, дополнительно) настройки (по умолчанию), интенсивность, сохранить детали, уменьшить шумы цветов, детали резкости, удалить артефакт JPEG

Sketch - эскиз
  Bas Relief - рельеф; детализация, смягчение, свет (направление)
  Chalk & Charcoal - мел и уголь; уголь, мел, нажим
  Charcoal - уголь; интенсивность, детализация, тоновый баланс
  Chrome - хром; детализация, смягчение
  Conte Crayon - линогравюра; тоновый баланс, смягчение
  Graphic Pen - волшебный карандаш; уровень переднего плана, уровень фона, текстура (кирпич, мешковина, холст, известняк), масштаб, рельеф, свет (направление), инвертировать
  Halftone Pattern - полутоновый узор; размер, контрастность, тип узора
  Note Paper - почтовая бумага; тоновый баланс, зернистость, рельеф
  Photocopy - ксерокопия; детализация, затемнение
  Plaster - гипс; тоновый баланс, смягчение, свет (направление)
  Stamp - тушь; длина штриха, тоновый баланс, направление штрихов
  Torn Edges - рваные края; тоновый баланс, смягчение, контрастность
  Water Paper - мокрая бумага; длина волокна, яркость, контрастность

Other - другие
  Custom - заказной
  High Pass - цветовой контраст
  Maximum - максимум
  Minimum - минимум
  Offset - сдвиг

Digimarc водяной знак
  Embed Watermark встроить водяной знак
  Read Watermark читать водяной знакe уфф епт
Blending Options - параметры наложения режим, непрозрачность, непрозрачность заливки, каналы (R,G,B), просвечивание (нет, мелкое, глубокое), наложить внутренние эффекты как группу, наложить обтравочные слои как группу, слой-фигура прозрачности, слой-маска скрывает эффекты, векторная маска скрывает эффекты, наложить если (серый, красный, зеленый, синий), данный слой, подлежащий слой

Drop Shadow - тень, режим, непрозрачность, непрозрачность, угол, глобальное освещение, смещение, размах, размер, контур, сглаживание, шум, слой выбивает падающую тень

Inner Shadow - внутренняя тень, режим, непрозрачность, угол, глобальное освещение, смещение, стянуть, размер, контур, сглаживание, шум

Outed Glow - внешнее свечение, режим, непрозрачность, шум, метод (мягкий, точный), размах, размер, контур, сглаживание, диапазон, колебание

Inner Glow - внутреннее свечение, режим, непрозрачность, шум, метод (мягкий, точный), источник (из центра, на краях), стянуть, размер, контур, сглаживание, диапазон, колебание

Bevel and Emboss - тиснение, стиль (внешний скос, внутренний скос, тиснение, контурное тиснение, обводящее тиснение), метод (плавный, жесткая огранка, мягкая огранка), глубина, направление (вверх, вниз), размер, смягчение, угол, глобальное освещение, высота, контур глянца, сглаживание, режим подсветки, непрозрачность, режим тени, непрозрачность.

contour (контур, сглаживание, диапазон).
Texture (узор, привязать к началу координат, масштаб, глубина, инверсия, связать со слоем)

Satin - глянец, режим, непрозрачность, угол, смещение, размер, контур, сглаживание, инверсия

Color Overlay - наложение цвета, режим, непрозрачность

Gradient Overlay - наложение градиента, режим, непрозрачность, градиент, инверсия, стиль (линейный, угловой, радиальный, зеркальный, ромбовидный), выровнять по слою, угол, масштаб

Pattern Overlay - перекрытие узора, режим, непрозрачность, узор, привязать к началу координат, масштаб, связать со слоем

Stroke - обводка размер, положение (снаружи, внутри, по центру), режим, непрозрачность, тип обводки (цвет, градиент, узор), цвет
Copy Layer Style - скопировать стиль слоя
Past Layer Style - вклеить стиль слоя
Clear Layer Style - очистить стиль слоя
Global Light - глобальное освещение
Creat Layer - образовать слой
Hide All Effects - спрятать все эффекты
Scale Effects - воздействие слой эффектов
    создаем документ с прозрачным фоном
  • ...
  • B
  • 5
  • Alt + Ctrl + 0
  • F
  • F
  • tab (тут можно поработать мышкой (левой кнопкой))
  • [[[ (тут можно поработать мышкой (левой кнопкой))
  • по надобности, пробел (тут можно поработать мышкой (левой кнопкой))
  • 7 (тут можно поработать мышкой (левой кнопкой))
  • ] (тут можно поработать мышкой (левой кнопкой))
  • E (тут можно поработать мышкой (левой кнопкой))
  • ctrl+j
  • ctrl+t (тут можно поработать мышкой (левой кнопкой))
  • enter
  • enter
  • ctrl+j
  • ctrl+shift+t
  • ...
процессs mdnsNSP.dll и mDNSResponder.exe
процессs mdnsNSP.dll и mDNSResponder.exe
Если после установки Photoshop CS3 вы наблюдаете в папке Program Files вашего компьютера папку с именем Bonjour и двумя файлами в ней (mdnsNSP.dll и mDNSResponder.exe) - знайте, за вами следят из ADOBE. Cервис все время висит в процессах и раздражает своим присутствием. А ведь вы не давали согласие на его установку, ADOBE вас об этом предупреждала? Нет. Так и нечего шарить по вашей собственности! Bonjour может попасть с другим софтом адобе или макромедии, даже с прогой от айпод например или Plug and Play дровами, возможно со скайпом.
Это не троян. Насколько подобная вещь неправомерна, решать правозащитникам. Если хотите избавиться от “сего бонжура” – на это Вы имеете полное право: Ваш компьютер, Ваш реестр, что хотите, то и делаете, если не нарушаете явно подтвержденных Вами соглашений.

А как его остановить?

Пуск->Настройки->Панель управления->Администрирование->Службы
Или
Пуск->Выполнить и набираешь C:\WINDOWS\system32\services.msc /s
Видишь службу с дурацким именем :##Id_String1.6844F930_1628_4223_B5CC_5BB94B879762# #
Щелкаешь на ней правой кнопкой -> Свойства-> тип запуска -> Отключен, саму службу остановить соотвествующей кнопкой.
(инструкция для вычищения) Тем кто сомневается в своих силах, пожелание ничего не делать.

В консоли

sc stop “Bonjour Service”
sc delete “Bonjour Service”
regsvr32 /u “C:\Progra~1\Bonjour\explorerplugin.dll”
regsvr32 /u “C:\Progra~1\Bonjour\mdnsnsp.dll”
ren “C:\Progra~1\Bonjour” xxx
del %systemroot%\system32\dns-sd.exe
del %systemroot%\system32\dnssd.dll

В реестре
HKLM\System\CurrentControlSet\Services\WinSock2\Pa rameters\NameSpace_Catalog5\Catalog_Entries удаляем подветку, где идёт упоминание о mdnsnsp.dll (например 000000000007). Устанавливаем HKLM\System\CurrentControlSet\Services\WinSock2\Pa rameters\NameSpace_Catalog5\Num_Catalog_Entries со значением нового кол-ва каталогов (например, 6, до этого у нас было 7).

Ищем и удаляем в реестре любые ключи связанные с explorerplugin.dll, mdnsnsp.dll, mdnsresponder.exe и Program files\Bonjour.

Перегружаемся.

Удаляем папку xxx в “c:\Program files”.
ну очень полезные ссылки, откуда тянут все что попало наши соотечественники и откуда у нынешних авторов переводов уроков эти самые уроки растут:
http://www.deviantart.com/ ооо, с этого сайта вообще сливаю все время - что-нить интересное, там и нашел свои раздачи - rainmeter, вообще, люди туда действительно красивые и стильные вещи выкладывают, особенно понравились рабочие столы и еще с этого сайта кисти сливал и темки под винду
http://www.flickr.com/ этот использую в качестве поиска сэмплов, благо народ бесплатно выкладывает
http://psd.tutsplus.com/ этот наполовину коммерческий, но большинство уроков - бесплатные, да и еще на нем много полезных ссылок лежит
http://www.bittbox.com/ вообще вещь хорошая!
ну и всякие остальные, типа http://www.psdtop.com/ http://www.pxleyes.com/blog
тут уроки даже в флв http://ae.tutsplus.com/
ну и вот: http://net.tutsplus.com/
ну и например сюда загляните http://north.cgsociety.org/gallery/ красиво.
а-ля уроки:
gnomon work.mp4


Последний раз редактировалось: utyashev (2009-09-07 23:53), всего редактировалось 17 раз(а)
Профиль  ЛС 
GotHunter

Стаж: 15 лет
Сообщений: 224
Откуда: Оренбург

Создавать темы GotHunter написал(а)
23-Май-2009 11:59 (спустя 6 минут)
EPS (Encapsulated PostScript) — расширение формата PostScript, данные в котором записываются в соответствии со стандартом DSС (Document Structuring Conventions), но при этом c рядом расширений, позволяющих использовать этот формат как графический.

Формат EPS был создан компанией Adobe на основе языка PostScript и послужил базой для создания ранних версий формата Adobe Illustrator.

В своей минимальной конфигурации EPS-файл имеет так называемый BoundingBox DSC comment — информацию, описывающую размер изображения. Таким образом, даже если приложение не может растеризовать данные, содержащиеся в файле, оно имеет доступ к размерам изображения и его preview.

Программа QuarkXPress версий 4, 5 и 6 не может растеризовать данные из EPS-файла, поэтому использует в верстке preview — уменьшенную копию всего изображения, которая хранится в EPS-файле отдельно от основных данных. Программа Adobe InDesign версий CS, CS2 и CS3 такого ограничения не имеет.

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

Изображение, записанное в EPS-формате, может быть сохранено в разных цветовых пространствах: Grayscale, RGB, CMYK, Lab, Multi-channel.

Структура данных растрового EPS-файла может быть записана разными методами: ASCII-данные (текстовые данные), Binary (двоичные данные) и JPEG с различной степенью сжатия.

Preview EPS-файла также может быть создано с использованием различных методов уменьшения объёма данных: JPEG, TIFF (1/8 bit).
BMP ( ← англ. bitmap) — формат хранения растровых изображений. Изначально формат мог хранить только аппаратно-зависимые растры (англ. DDB — Device Dependent Bitmap), но с развитием технологий отображения графических данных формат BMP стал преимущественно хранить аппаратно-независимые растры (англ. DIB — Device Independent Bitmap).

С форматом BMP работает огромное количество программ, так как его поддержка интегрирована в операционные системы Windows и OS/2. Файлы формата BMP могут иметь расширения .bmp, .dib и .rle. Кроме того, данные этого формата включаются в двоичные файлы ресурсов RES и в PE-файлы.

Глубина цвета в данном формате может быть от 1 до 48 бит на пиксель, максимальные габариты изображения 65535×65535 пикселей.

В формате BMP есть поддержка сжатия по алгоритму RLE, однако теперь существуют форматы с более сильным сжатием, и из-за большого объёма BMP редко используется в Интернете, где для сжатия без потерь используются PNG и более старый GIF.

В качестве нейтрального растрового формата без сжатия для преобразования иногда используется portable anymap. Для сохранения промежуточных версий растровых изображений редакторы иногда используют собственный формат — например, XCF у GIMP и PSD у Adobe Photoshop.
ICO (Windows icon) — формат хранения значков файлов в Microsoft Windows.

Формат ICO аналогичен формату CUR (Windows cursors), предназначенному для хранения курсоров. Отличие состоит в численном значении одного поля в заголовочной структуре, и интерпретации значений двух других полей этой же структуры.

Один ICO-файл содержит один или несколько значков, размер и цветность каждого из которых задаётся отдельно. Размер значка может быть любым, но наиболее употребимы квадратные значки со стороной 16, 32 и 48 пикселов. Также используются значки с размером 24, 40, 60, 72, 92, 108, 128 пикселов.

Начиная с Windows 98/2000, формат поддерживает внедрение изображений в формате JPEG и PNG[2], но обычно данные значков хранятся в несжатом виде.

Значки бывают в естественном цвете (True Color, глубина цвета 24 бит), High Color (глубина цвета 16 бит), или с фиксированной палитрой (из двухсот пятидесяти шести, шестнадцати, или всего из двух цветов). В этом случае число, соответствуюшее каждому пикселу указывает не на цвет, а на номер цвета в палитре.

По своей структуре изображения в файле ICO наиболее близки к BMP, но принципиально отличаются от них наличием дополнительного изображения — маски, накладываемой на задний план при помощи операции побитового «И», что позволяет реализовать (полную) прозрачность рисунка. Последующее наложение основного изображения с помощью «исключающего ИЛИ» может даже дать «инверсные» пиксели в тех местах, где задний план не был замаскирован.

Кроме того, начиная с Windows XP поддерживаются 32-битные значки — каждому пикселу соответствует 24-бита цвета и 8-битный альфа-канал, позволяющий реализовать 256 уровней частичной прозрачности. С помощью альфа-канала можно отображать значки со сглаженными (размытыми) краями и тенью, сочетающимися с любым фоном; маска в этом случае игнорируется.
JPEG (произносится «джейпег»[1], англ. Joint Photographic Experts Group — объединённая группа экспертов в области фотографии) — является широкоиспользуемым методом сжатия фотоизображений. Формат файла, который содержит сжатые данные обычно также называют именем JPEG; наиболее распространённые расширения для таких файлов .jpeg, .jfif, .jpg, .JPG, или .JPE. Однако из них .jpg самое популярное расширение на всех платформах.
Сжатие

При сжатии изображение переводится в цветовую систему Jpeg. Далее каналы изображения Cb и Cr, отвечающие за цвет, уменьшаются в 2 раза (по линейному масштабу). Уже на этом этапе необходимо хранить только четверть информации о цвете изображения.

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

Далее цветовые каналы изображения, включая черно-белый канал Y, разбиваются на блоки 8 на 8 пикселей. Каждый блок подвергается дискретно-косинусному преобразованию. Полученные коэффициенты подвергаются квантованию и упаковываются с помощью кодов Хаффмана (см. Алгоритм Хаффмана).

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

[править] Варианты хранения

Progressive JPEG — такой способ записи сжатого изображения в файл, при котором старшие (низкочастотные) коэффициенты находятся в начале файла. Это позволяет получить уменьшенное изображение при загрузке лишь небольшой части файла и повышать детализацию изображения по мере загрузки оставшейся части. Поэтому Progressive JPEG получил широкое распространение в Internet. В целом алгоритм основан на дискретном косинусоидальном преобразовании (ДКП), которое является разновидностью дискретного преобразования Фурье, применяемом к матрице изображения для получения некоторой новой матрицы коэффициентов. Для получения исходного изображения применяется обратное преобразование. ДКП раскладывает изображение по амплитудам некоторых частот. Таким образом, при преобразовании мы получаем матрицу, в которой многие коэффициенты либо близки, либо равны нулю. Кроме того, благодаря несовершенству человеческого зрения, можно аппроксимировать коэффициенты более грубо без заметной потери качества изображения. Для этого используется квантование коэффициентов. В самом простом случае — это арифметический побитовый сдвиг вправо. При этом преобразовании теряется часть информации, но могут достигаться большие коэффициенты сжатия.

Процесс сжатия по схеме JPEG включает ряд этапов:

* преобразование изображения в оптимальное цветовое пространство;
* субдискретизация компонентов цветности усреднением групп пикселей;
* применение дискретных косинусных преобразований для уменьшения избыточности данных изображения;
* квантование каждого блока коэффициентов ДКП с применением весовых функций, оптимизированных с учетом визуального восприятия человеком;
* кодирование результирующих коэффициентов (данных изображения) с применением алгоритма группового кодирования и алгоритма Хаффмана для удаления избыточности информации.
PNG (англ. portable network graphics, сокращение произносится по-английски /pɪŋ/[1]) — растровый формат хранения графической информации, использующий сжатие без потерь. PNG был создан как для улучшения, так и для замены формата GIF графическим форматом, не требующим лицензии для использования.

Обычно файлы формата PNG имеют расширение PNG или png и используют обозначение MIME-типа image/png.
История формата

Днём рождения PNG можно считать 4 января 1995 г., когда Т. Боутелл предложил в ряде конференций Usenet создать свободный формат, который был бы не хуже GIF. И уже через три недели после публикации идеи были разработаны четыре версии нового формата. Вначале он имел название PBF (Portable Bitmap Format), а нынешнее имя получил 23 января 1995 г. Уже в декабре того же года спецификация PNG версии 0.92 была рассмотрена консорциумом W3C, а с выходом 1 октября 1996 г. версии 1.0 PNG был рекомендован в качестве полноправного сетевого формата.

[править] Область применения

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

PNG поддерживает три основных типа растровых изображений[2]:

* Полутоновое изображение (с глубиной цвета 16 бит)
* Цветное индексированное изображение (палитра 8 бит для цвета глубиной 24 бит)
* Полноцветное изображение (с глубиной цвета 48 бит)

Формат PNG хранит графическую информацию в сжатом виде. Причём это сжатие производится без потерь, в отличие, например, от JPEG.

Он имеет следующие основные преимущества перед GIF:

* практически неограниченное[3] количество цветов в изображении (GIF использует в лучшем случае 8-битный цвет);
* опциональная поддержка альфа-канала;
* возможность гамма-коррекции;
* двумерная чересстрочная развёртка;
* возможность расширения формата пользовательскими блоками (на этом основан, в частности, APNG).

Формат GIF был разработан фирмой CompuServe[4] в 1987 г. и доступен изначально для свободного использования[5]. Некоторое время назад, до окончания в 2004 г. действия патентов, принадлежавших Unisys, на алгоритм сжатия LZW[4], используемый в GIF, его применение в свободном программном обеспечении было затруднено. На данный момент такие затруднения сняты. PNG же с самого начала использует открытый, не запатентованный алгоритм сжатия DEFLATE, бесплатные реализации которого доступны в Интернете. Этот же алгоритм используют многие программы компрессии данных, в том числе PKZIP и gzip (GNU zip).

Формат PNG обладает более высокой степенью сжатия для файлов с большим количеством цветов, чем GIF, но разница составляет около 5-25 %, что недостаточно для абсолютного преобладания формата, так как небольшие 2-16 цветные файлы формат GIF сжимает с не меньшей эффективностью.

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

Различные реализации алгоритма Deflate дают разную степень сжатия, поэтому были созданы программы для пережатия изображений с несколькими вариантами настроек в целях получения наилучшего сжатия — например, форк pngcrush OptiPNG и advpng из комплекта AdvanceCOMP (использует 7-Zip).

Мультипликация

Существует одна особенность GIF, которая в PNG не реализована — поддержка множественного изображения, особенно мультипликации; PNG изначально был предназначен лишь для хранения одного изображения в одном файле.

Для передачи анимированных изображений был разработан расширенный формат MNG, опубликованный в середине 1999 года и уже поддерживаемый в различных приложениях, однако пока так и не ставший общепринятым.

Некоторые — в частности, разработчики Mozilla Foundation — критиковали MNG за сложность и большой размер реализации, и отсутствие обратной совместимости с PNG. В 2004 году они разработали формат APNG, который не был принят в качестве официального стандарта разработчиками PNG и MNG, но его поддержка к 2008 году была реализована в тестовых сборках некоторых веб-браузеров и программ просмотра изображений.

Совместимость с браузерами

Не все веб-браузеры одинаково отображают содержимое png-файла. Узким местом являются:

1. частичная прозрачность (альфа-канал);
2. поддержка прозрачности в палитре;
3. гамма-коррекция.

Проблема поддержки 32-битной (полной) прозрачности картинки формата PNG в Microsoft Internet Explorer была решена в седьмой версии браузера. Для остальных версий IE есть несколько способов, которые помогут веб-мастеру добиться прозрачности путём включения в веб-страницу специальных функций и скриптов.

Название

* Неофициально PNG расшифровывают как «PNG is Not GIF» («PNG — это не GIF») по аналогии с известным рекурсивным акронимом «GNU is Not Unix» («GNU — это не UNIX»).
* PNG произносится по-английски так же, как слово ping[6], то есть [pɪŋ].
Photoshop Document (PSD) — растровый формат хранения графической информации, использующий сжатие без потерь[1], созданный специально для программы Adobe Photoshop и поддерживающий все его возможности[2].

Преимущества формата

* Сохраняет слои и папки слоёв
* Сохраняет прозрачность и полупрозрачность
* Сохраняет векторные графические элементы и стили слоёв программы Photoshop[3]
* Изображение сжимается без потери качества (RLE-сжатие)[1][3]

Недостатки формата

* Большой объём файла
* Может открываться не всеми программами

Примечания

1. Формат PSD
2. Графические форматы файлов, параметры и области применения
3. Только программа Corel PHOTO-PAINT 8 полностью совместима с PSD-форматом: Формат PSD (Adobe Photoshop Document)
TIFF (англ. Tagged Image File Format) — формат хранения растровых графических изображений. Изначально был разработан компанией Aldus в сотрудничестве с Microsoft, для использования с PostScript. TIFF стал популярным форматом для хранения изображений с большой глубиной цвета, используется при сканировании, отправке факсов, распознавании текста, в полиграфии, широко поддерживается графическими приложениями. TIFF был выбран в качестве основного графического формата операционной системы NeXTStep, и из неё поддержка этого формата перешла в Mac OS X. Владелец спецификаций Aldus впоследствии объединилась с Adobe, владеющей в настоящее время авторским правом на эти спецификации.

Файлы формата TIFF, как правило, имеют расширение .tiff или .tif.

Поддерживаемые форматы хранения данных

Формат является весьма гибким. Позволяет сохранять изображения в режиме цветов с палитрой, а также в различных цветовых пространствах:

* Черно-белого битового
* Полутоновом
* С индексированой палитрой
* RGB
* CMYK
* YCbCr
* CIE Lab


Поддерживаются режимы 8, 16, 32 и 64 бит на канал при целочисленном, а также 32 и 64 бит на канал при представлении цвета числом с плавающей запятой.

Сжатие

Имеется возможность сохранять изображение в файле формата TIFF со сжатием и без сжатия. Степени сжатия зависят от особенностей самого сохраняемого изображения, а также и от используемого алгоритма. Формат TIFF позволяет использовать следующие алгоритмы сжатия:

* PackBits (RLE)
* Lempel-Ziv-Welch (LZW)
* LZ77
* ZIP
* H.264 (Apple)
* JBIG
* JPEG
* CCITT Group 3, CCITT Group 4

При этом JPEG является просто инкапсуляцией формата JPEG в формат TIFF. Формат TIFF позволяет хранить изображения, сжатые по стандарту JPEG, без потерь данных.

Алгоритмы CCITT Group 3 и 4 (иногда называют Fax 3, Fax 4) предназначены для кодирования бинарных растровых изображений. Первоначально они были разработаны для сетей факсимильной связи. В настоящий момент также используются в полиграфии, системах цифровой картографии и географических информационных системах. Алгоритм Group 3 напоминает RLE, т. к. кодирует линейные последовательности пикселов, а Group 4 — двумерные поля пикселов.
GIF (англ. Graphics Interchange Format — формат для обмена изображениями; произносится /dʒɪf/, но многие произносят /gɪf/ или «гиф»[1]) — формат хранения графических изображений. Формат GIF способен хранить сжатые данные без потери качества в формате до 256 цветов. Независящий от аппаратного обеспечения формат GIF был разработан в 1987 году (GIF87a) фирмой CompuServe для передачи растровых изображений по сетям. В 1989-м формат был модифицирован (GIF89a), были добавлены поддержка прозрачности и анимации. GIF использует LZW-компрессию, что позволяет неплохо сжимать файлы, в которых много однородных заливок (логотипы, надписи, схемы).

GIF широко используется на страницах Всемирной Паутины.

Область применения

Изображение в формате GIF хранится построчно, поддерживается только формат с индексированой палитрой цветов. Стандарт разрабатывался для поддержки 256-цветовой палитры.

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

Один из цветов в палитре может быть объявлен «прозрачным». В этом случае в программах, которые поддерживают прозрачность GIF (например, большинство современных браузеров) сквозь пиксели, окрашеные «прозрачным» цветом будет виден фон. «Полупрозрачность» пикселей (технология альфа-канала) не поддерживается.

Сжатие

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

Алгоритм сжатия LZW относится к форматам сжатия без потерь. Это означает, что восстановленые из GIF данные будут в точности соответствовать упакованым. Следует отметить, что это верно только для 8-битных изображений с палитрой, для цветной фотографии потери будут обусловлены переводом её к 256 цветам.

Метод сжатия LZW разработан в 1978 году израильтянами Лемпелом и Зивом и доработан позднее в США. Сжимает данные путём поиска одинаковых последовательностей (они называются фразы) во всем файле. Выявленные последовательности сохраняются в таблице, им присваиваются более короткие маркеры (ключи). Так, если в изображении имеются наборы из розового, оранжевого и зелёного пикселов, повторяющиеся 50 раз, LZW выявляет это, присваивает данному набору отдельное число (например, 7) и затем сохраняет эти данные 50 раз в виде числа 7. Метод LZW, так же, как и RLE, лучше действует на участках однородных, свободных от шума цветов, он действует гораздо лучше, чем RLE, при сжатии произвольных графических данных, но процесс кодирования и распаковки происходит медленнее.

Чересстрочный GIF

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

В чересстрочном GIF’е сначала записываются строки 1, 5, 9 и т. д. Таким образом, загрузив 1/4 данных, пользователь будет иметь представление о целом изображении. Вторым проходом следуют строки 3, 7, 11, разрешение изображения в браузере ещё вдвое увеличивается. Наконец, третий проход передаёт все недостающие строки (2, 4, 6…). Таким образом, задолго до окончания загрузки файла пользователь может понять, что внутри и решить, стоит ли ждать полной загрузки изображения. Чересстрочная запись незначительно увеличивает размер файла, но это, как правило, оправдывается приобретаемым свойством.

Анимированные изображения
Прыгающий шарик


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

История

Существует две спецификации формата GIF — GIF 87a и GIF 89a.

Первая спецификация была создана в 1987 году компанией CompuServe для замены устаревшего формата RLE. GIF стал популярен в ходе развития интернета, так как позволял использовать более компактные (по размеру файла) по сравнению с другими форматами картинки на веб-страницах. Хотя к настоящему времени формат во многом устарел, и для его замены создан формат PNG, он по прежнему широко используется.

Патентная защита

GIF первоначально был проприетарным форматом, однако срок его патентной защиты истёк. В США патент на алгоритм сжатия LZW, использующийся в GIF (патент № 4 558 302) истёк 20 июня 2003 года. Срок действия канадского патента завершился 7 июля 2004 года. Действие патента для Великобритании, Франции, Германии и Италии завершилось 18 июня 2004 года, а для Японии — 20 июня 2004 года.

Срок действия последнего патента на GIF истёк 11 августа 2006 года.
Формат, широко используемый для обмена двухмерными объектами. Стандартные файлы просты в написании. К сожалению, файлы, созданные прикладными программами, которые реализуют полную спецификацию AI, бывают громоздкими, сложными и обычно медленно воспроизводятся.

Обзор

Adobe Illustrator, первоначально разработанный для платформы Macintosh, — известная и широко используемая программа создания изображений. Существуют версии для Macintosh, Microsoft windows и NeXT. Мощные возмож-ности Adobe Illustrator обусловлены тем, что в качестве графических объектов здесь реализованы кривые Безье, а также наличием простого пользовательского интерфейса, который обеспечивает точное позиционирование сплайновых графических объектов. Использование кривых Безье дает некоторые преимущества при моделировании естест-венных (а в определенных случаях и искусственных) объектов, файлы Adobe Illustrator применяются для обмена графическими элементами.

Формат AI инкапсулирует и формализует в структурированном файле подмножество языка описания страницы (PDL) PostScript. Такие файлы предназначены для отображения на принтере PostScript, но могут включать и растровую версию изображения, обеспечивая тем самым его предварительный просмотр. PostScript в полной реализации представляет собой мощный и сложный язык и способен определять почти все, что может быть отображено на двумерном устройстве вывода, формат AI адаптирован для хранения традиционных графических данных: рисунков, чертежей и декоративных надписей. Отметим все же, что файлы AI могут быть очень сложными. Мощь PostScript обусловлена в основном возможностью определять последовательности операций и затем объединять их простыми синтаксическими средствами. Эта скрытая сложность в файлах Adobe Illustrator иногда (но не всегда) сводится к минимуму.

Простые файлы AI конструировать довольно легко, и прикладная программа сможет создавать файлы, которые будут прочитаны любой программой чтения AI и распечатаны на любом PostScript-принтере. А вот чтение файлов AI — совсем другое дело. Некоторые операции могут оказаться слишком сложными для реализации и моделирования программой визуализации. Поэтому разработчики часто предпочитают не визуализировать изображение из данных этого подмножества PostScript. Тем не менее следует отметить, что, как правило, почти все изображение можно реконструировать простыми операциями. Если хотите разработать программу чтения файлов Adobe Illustrator, то рекомендуем в качестве подсказки воспользоваться исходными текстами системы GNU GhostScript, которая содержит почти полную реализацию языка PostScript.

PostScript, а следовательно, и его подмножество AI, представляет собой особый язык со своими правилами. Поэтому, прежде чем начать работать с AI-файлами и изучать спецификацию и ознакомится с документацией по PostScript.

Организация файла

Файл AI состоит из последовательности текстовых строк, которые могут быть комментариями, данными, командами, а также комбинациями команд и данных. Команды в файлах AI — это операторы, за которыми могут следовать или не следовать данные. Данные помещаются в стек и извлекаются из него по схеме "пришел последним — вышел первым" (LIFO). Иногда PostScript рассматривают как потоковый PDL. Однако строки сначала нужно анализировать как полные, а только затем размечать. Строки-операторы обычно имеют такую форму:

список -аргументов оператор

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

Комментарий — это строка, в которой первым символом, отличным от пробела, является символ %. Специальные строки, называемые структурирующими комментариями, обозначаются комбинацией %%. Знак "+", следующий сразу же за обозначением структурирующего комментария означает, что данные в этой строке связаны с предыдущим структурирующим комментарием.

Мы будем использовать следующие обозначения: llx — нижняя левая координата x, lly — нижняя левая координата y, urx — верхняя правая координата x, uryу— верхняя правая координата y. Этими точками определяется ограничи-тельная рамка; аналогичным образом такие рамки задавались в исходной среде проектирования Macintosh. В других системах могут возникнуть проблемы, поскольку многие объекты ориентированы относительно своих ограничитель-ных рамок. Будем считать, что мы предупредили разработчиков, работающих в таких системах.

Файлы AI организованы следующим образом: вначале записана строка идентификатора, за ней следует заголовок, затем остальная часть файла, в которой определяются графические объекты. В терминологии фирмы Adobe заголовок называется "Прологом" (Prolog) и состоит из структурирующих и простых комментариев. За заголовком следует раздел "Настройки сценария" (Script Setup); он содержит команды, определяющие объекты, из которых состоит изображение. Затем идут разделы "Дополнение страницы" (Page Trailer) и "Дополнение документа" (Document Trailer). Завершаются файлы структурирующим комментарием %%ЕОР, который сообщает программе или устройству визуализации о том, что данные, относящиеся к визуализируемому изображению, закончились.
Пример схемы организации:
Строка идентификатора
Пролог
Комментарии
Настройка сценария
Объекты
Дополнение страницы
Дополнение документа

Уроки по фотошопу
Посредством нажатия Ctrl+N или через команду меню Файл > Создать (File > New) создадим новое изображение размером 200х200 пикселей. В качестве фона выберем белый цвет.
Первое, что нам необходимо выполнить, - это создать несколько Направляющих (Guides). Для этого нажмем Ctrl+R, тем самым отобразив линейки; затем щелкнем на линейке и, не отпуская кнопку мыши, перетащим направляющую на рабочую область. Нам понадобиться три горизонтальных и пять вертикальных направляющих. Координаты их следующие:

Сверху-вниз: 30-100-170.
Слева-направо: 90-95-100-105-110.

В данной градации значение координаты направляющей - это ее положение относительно начальной точки отсчета (0) на соответствующей линейке.
Убедимся, что у нас включена (отмечена флажком) привязка к направляющим: Вид > Привязка к направляющим (View > Snap To Guides).

Создадим новый слой и, используя Полигональное (или Многоугольное) лассо (Polygonal Lasso), нарисуем шестиугольник в рамках, ограниченных направляющими. Благодаря наличию последних это сделать совсем несложно. Если Вы, к тому же, видите рисунок слева, Ваша задача упрощается еще больше. Зальем созданное выделение черным цветом (Alt+Backspace).

Этот шаг является определяющим для дальнейших действий, поэтому, если у Вас по каким-либо причинам не получился ровный шестиугольник, попытайтесь выполнить этот шаг еще раз.
Снимем выделение (Ctrl+D) и спрячем направляющие (уберем флажок с View > Show > Guides :: Вид > Демонстрация > Направляющие), хотя они нам еще могут пригодиться.

Если Вы в процессе рисования увеличивали масштаб изображения, нажмите Ctrl+Alt+0, чтобы отобразить его реальный размер. Многоугольник должен иметь правильную форму и четкие очертания.
Теперь приступим к самому интересному.
Создадим дубликат слоя и, удерживая активным новый слой, перейдем к команде Редактирование > Свободная трансформация (Edit>Free Transform) или просто нажмем Ctrl+T.

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

На заметку: удерживая Shift при вращении объекта в Photoshop, Вы можете вращать его интервалами по 15 градусов. Таким образом мы сейчас повернули изображение ровно на 30 градусов.
Повторим шаг 4, но повернем нашу фигуру уже на четыре деления или на 60 градусов. Еще трижды повторим проделанные действия; в итоге у нас получится изображение, по форме напоминающее цветок ромашки.
При дублировании слоя всегда делайте дубликат первого - так Вам будет легче получить фигуру правильной формы.
Если мы все делали правильно, к шестому шагу мы должны иметь изображение, состоящее из семи слоев, шесть из которых являются "лепестками" нашей "ромашки".
Если у Вас есть возможность, сравните с изображением слева.
Создадим новый слой, расположим его непосредственно над всеми другими слоями, и, с помощью Эллиптического выделения (Elliptical Marquee Tool) нарисуем окружность от центра изображения, учитывая, что окружность в диаметре должна быть несколько меньше, чем имеющаяся фигура.

Чтобы Вам было легче, можете опять включить направляющие. Установив курсор в самом центре изображения, нажмем Alt+Shift и, удерживая эти клавиши, нарисуем окружность.
Зальем (Alt+Backspace) окружность черным цветом.
Не снимая выделения с окружности, нажмем Ctrl+Shift и поочередно будем щелкать на всех слоях, созданных нами до этого момента, кроме белого фона, таким образом выделив все элементы будующей шестеренки.

У нас должна получиться фигура, напоминающая солнце, окруженная по периметру "марширующими муравьями".
Не снимая выделения, создадим новый слой и сделаем невидимыми все остальные. Белый фон можно в данном случае оставить без изменений. Чтобы сгладить зубцы шестеренки, выполним команду Выделение > Изменить > Упростить (Select > Modify > Smooth) со значением 3.

Теперь наша фигура больше стала похожа на шестеренку, благодаря скругленным краям.
Зальем полученное черным цветом (Alt+Backspace), снимем выделение (Ctrl+D) и порадуемся тому, что у нас получилось.
Хотя радоваться по настоящему нам придется буквально через 2-3 минуты.
Не меняя порядок слоев, сделаем своеобразное отверстие для предполагаемого вала.

Для этого создадим еще одно овальное выделение от центра изображения подобно тому, которое мы уже делали на седьмом шаге. Диаметр его можете выбрать на свое усмотрение.
Когда выделение создано, просто нажмем Del и еще на шаг приблизимся к цели настоящего урока.

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

Автор: Топорков Сергей

Шаг 1.

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

Используйте инструмент Eraser, для удаления цвета с глаз и очистите все частицы, где нарисованы внешние линии.


Шаг 2.

Добавьте маску, чтобы скрыть цвет лица. Это делается по нажатию CTRL+Alt+D, для смягчения блеска следующих цветов. Теперь добавьте новый слой для колоризации волос, затем лица, рубашки и губ.

Цвет слоя в режиме Multiply должен иметь параметр Opacity 90%

Добавляйте необходимые цвета, используя инструмент Airbrush tool, с параметром 12%, и приложите некоторый румянец (красный цвет) к губам, щекам и лбу. В заключении перейдите на верхний слой и выберите режим Luminosity.
Автор:Tap Dancer (с сайта http://www.ulitka.com)
Для этого урока я использовал пример с сайта Photos.com. Ребята с Photos.com были столь любезны, что позволили мне использовать их картинки в моих уроках, и с тех пор это мой любимый фото-сайт, сочетающий высокое качество и широкий выбор. Если вы еще там не были, я рекомендую зайти. Ну а теперь - приступим.
Эта молодая женщина кажется немного грустной и задумчивой. Чуточку одинокой и несколько печальной... ей просто необходим макияж! ОК, может быть, я провел слишком много времени за просмотром телевизора вместе со своей женой, но все же мне кажется мы можем попытаться немного поднять ей настроение.
Сначала давайте дублируем оригинальное изображение в отдельный слой. Я всегда оставляю копию оригинала. На всякий случай.
Теперь дублируем фоновый слой еще раз. Сделаем пока верхний слой невидимым и выберем средний слой. Начнем с волос на этом слое.

Нажмите кнопку "New Adjuisment Layer" внизу панели слоев, или просто выполните Layer -&gt; New Adjuisment Layer. Выберите Hue/Saturation.
В диалоге Hue/Saturation отметьте чек-бокс "Colorize" в правом нижнем углу. Двигайте бегунки, чтобы получить нежный тон сепии, как показано на картинке. Когда удачный тон подобран, жмите ОК.
Теперь выберите самый верхний слой - тот, который мы раньше сделали невидимым. Мы выполним большую часть работы на нем.
Нажмите кнопку "Add a Mask" внизу панели слоев. Цвет краски теперь черный, а цвет фона - белый, потому что мы работаем с маской. Если у вас цвет краски - белый, нажмите D, чтобы восстановить цвета по умолчанию.
Тем, кто незнаком с масками, следует знать: черный скрывает, белый открывает. Вы спросите, что я имею ввиду. Ну, лучшим способом это описать будет обычная демонстрация. Когда вы рисуете черным на слое Layer Mask, эта часть содержимого слоя становится невидимой, открывая слой, лежащий ниже. Поэтому когда я рисую черным по волосам в левой части маски, в этом месте проявляется нижний слой, который мы только что раскрасили.
Давайте, пробуйте, рисуя во всех областях, где вы видите волосы. Пробуйте изменять настройки и размер кисти, чтобы проявлялись только волосы.
Теперь нажмите на иконку с изображением слоя. Это позволит вам работать с настоящим изображением вместо маски.

Выполните Image &gt; Adjustment &gt; Hue/Saturation. Снова щелкните по чекбоксу "Colorize". Настраивайте тон слоя пока не добьетесь получения оттенка цвета кожи. Когда тон будет найден, жмите ОК.
Щелкните по иконке краски на панели инструментов, чтобы вызвать диалог Color Picker. Выберите тон для глаз. В этом примере я решил сделать их голубыми. Когда выбор сделан, кликните ОК.
Это очень важная и хитрая штука - раскрашивание глаз и губ. Выберите инструмент кисти (Paintbrush). Выберите мягкую кисть не большего размера, чем это нужно для раскрашивания выбранного участка. Установите режим смешивания кисти на Color. Установите Opacity на 50% и Flow на 60%.
Рисуйте прямо по радужке. Заметьте, что когда мы рисуем в режиме Color, белые участки не закрашиваются, цвет изменяют только более темные.
Вы можете использовать этот трюк и при раскраске губ. Выберите красный оттенок краски и, пользуясь тем же приемом, раскрасьте кистью губы.
Давайте взглянем на все изображение и проверим, насколько мы продвинулись. Вот мой вариант.
Если следующие несколько шагов покажутся вам излишними, вы уж простите. Я не специалист по макияжу, поэтому понятия не имею, какие цвета подходят к типу кожи нашей девушки. Но думаю, тут важнее методы и техника ретуши, чем качество макияжа.

Создайте новый слой. Установите режим смешивания слоя на Overlay.
Для ресниц, бровей и век нам понадобится более темный тон. Вызовите диалог Color Picker для выбора цвета краски. Я использовал темный серо-голубой тон.
Снова воспользуйтесь кистью и рисуйте поверх ресниц, бровей и век.


Измените цвет краски на более светлый серо-голубой.
Выберите слой с маской и кликните на инструменте кисти.
Не меняя режим смешивания кисти (Color), закрашивайте те области, где вы хотите придать эффект использования теней или карандаша.
Теперь можно усилить или ослабить тона инструментом Burn. Выберите инструмент Burn на панели инструментов. Установите значение Range на Shadows и Exposure на 20%.
Легкими мазками рисуйте инструментом Burn поверх губ, бровей и областей, где должен быть применен макияж.

Выберите верхний слой.
Мы можем придать губам еще немного больше цвета, рисуя по этому слою красной или коричневой краской. Откройте Color Picker краски. Выберите тон (коричневый / красный) для губ и нажмите ОК.
Выберите инструмент кисти в режиме Color. Рисуйте поверх губ.
Ну вот и все. Пока делал урок, у меня получились два примера, демонстрирующие использование одних и тех же техник.
Я надеюсь, вам понравился процесс раскрашивания, описанный здесь, и я предлагаю вам попробовать его на ваших собственных фотографиях.
Как обычно создаем простой юзербар:
Выбираем инструмент перо (Pen tool) и рисуем вот такой контур:
Выбираем инструмент кисть (Brush):
И ставим размер 1 пиксель:
Снова выбираем перо, жмем правой кнопкой на контур и выбираем выполнить обводку контура (Stroke path):
Инструмент кисть(Brush) и отмечаем галочку имитировать нажим (Simulate pressure):
Опять жмем правой по контуру и удаляем его:
Повторяем три (или сколько вам нужно) раз:
Переходим на вкладку каналы:
Создаем новый канал (создается точно также как и слой).

Выбираем инструмент градиент вот с такими настройками:
И заливаем созданный канал вот так:
Выделяем канал (жмем ctrl и левой кнопкой мыши по иконке канала, выделяется точно также как и слой) и добавляем слой-маску к каждой линии, при этом нужно каждый раз переходить на вкладку каналы и выделять канал альфа 1 заново:
Убираем связи у всех трех слоев, выделяем слой-маску и поочередно перемещаем их влево так что бы нарисованных линий не было видно. Дублируем кадр и перемещаем слой-маски вправо. Создаем промежуточные кадры. Вот результат:
НО ТЕМ КТО НЕ ПОНЯЛ, предлогаю попробывать понять по видео уроку. Скачать его можете щелкнув
сюда --->>***<<----
Те для кого видео слишком быстро идет: попробуйте просто снизить скорость просмотра (в некоторых плеерах если не ошибаюсь это нажатие несколько раз Shift+Num -)
Если вы щелкнули по ссылке и вам сообщили что фаил удален из-за чегото. То не понекуем и просто пишем мне в личку, а я обновлю ссылку.
Создаем обычный юзербар с текстом, растрируем текст чтобы было возможно применить фильтры. Эта анимация делается не созданием промежуточных кадров а покадрово, т.е. придется редактировать каждый кадр отдельно. Дублируем слой с текстом раз 5-10 (чем больше слоев тем плавнее будет анимация), снимаем видимость всех слоев. На первом кадре делаем первый слой видимым и дублируем кадр. На втором кадре снимаем видимость верхнего слоя с текстом и делаем видимым второй слой. Применяем к этому слою фильтр - размытие - размытие в движении (Filter - Blur - Moution Blur) размером 2-5 пикселей. Дублируем кадр и делаем невидимым слой который тока что редактировали и делаем видимым следующий слой. К этому слою применяем размытие в движении рамером в два раза больше предыдущего. Когда отредактируете последний слой необходимо создать обратную анимацию. Для этого выделяем все кадры вставляем после и делаем реверс кадров (обратный порядок, revers frames), удаляем повторяющиеся кадры и готово:
От себя добавлю небольшое пояснение к:

Цитата:

, снимаем видимость всех слоев.
,

Цитата:

снимаем видимость верхнего слоя с текстом и делаем видимым второй слой.

Это означае что вам надо убрать или наоборот поставит значок в виде глаза рядом со слоем в окне "Слои"
Создаем простой юзербар и новый документ размером 700*700, рисуем пером (Pen tool) контур по диоганали:
Обводим контур кистью(brush) 4px, белого цвета и удаляем контур. Дублируем слой с линией несколько раз нажимаем Ctrl+T и поворачиваем каждую линию на 3 градуса, т.е. на 3, 6, 9, 12 и т.д. Чтобы облегчить работу объединяем слои. В результате должно получиться вот это:
Приминяем Фильтр-Искажение-Сферизация (Filter-Distort-Spherize):
Выделяем все на Ctrl+A копируем Ctrl+C и вставляем в юзербар Ctrl+V:
Приминяем стиль к слою с линиями (Layer - Layer Style - Inner glow, Outer glow):
Теперь необходимо создать анимацию. Для этого необходимо определиться насколько плавной будет анимация, т.к. мы поворачивали линии на 3 градуса то и все изображение необходимо повернуть на 3 градуса. Если будем поворачивать на 0.5 градуса то получиться 10 кадров, если на 0.1 то 30. Я выбрал самую плавную, т.е. 30 кадров. Следовательно дублируем слой с линиями 30 раз, незабываем снять видимость с первоначального кадра. На первом кадре делаем видимым первый слой, на втором снимаем видимость с первого, делаем видимым следующий и поворачиваем его на 0.1 градуса. Со следующими кадрами делаем тоже самое только поворачивать уже нужно не на 0.1 а на 0.2 0.3 0.4 и т.д. Вот что получилось:
Что бы скачать урок о том как сделать такой юзербар кликни
сюда ----->>>>***<<<<-----
Те для кого видео слишком быстро идет: попробуйте просто снизить скорость просмотра (в некоторых плеерах если не ошибаюсь это нажатие несколько раз Shift+Num -)
Если вы щелкнули по ссылке и вам сообщили что фаил удален из-за чегото. То не понекуем и просто пишем мне в личку, а я обновлю ссылку.
К примеру текст в своем стиле:
Для этого создаешь (ну или открываешь) новый документ. При помощи инструмента "Горизонтальный текст" (можно и вертикальный). Пишем нужный вам текст:
После этого жмем на верхнем меню- закладку "Слои" -->> "Стиль слоя".
Там выбираем вкладку "Параметры наложения..."
Откроется окно настроек стиля:
Где вкладки с настройками:
Тень - Здесь вы можете настроить тень падающия от вашего текста на фон (длина, непрозрачность, цвет, направление, контур).
Внутренняя тень - Здесь настраивается тень падающая во внутрь (тем самым придавая вид неровностей у букв) Настройки схожи с настройками "Тень".
Внешнее свечение - Добавляет подсветку вашему тексту. К настройкам как у "Тень" и "Внутренняя тень", во "Внешнее свечение" добавлена возможность выбора "цвет" или "градиент".
Внутреннее свечение - Аналог "Внешнее свечение", с той разницей что тут вы добавляете не внешьнию подсветку, а краю текста с внутренней стороны текста.
Тиснение - Эти настройки позволят вам настроить текст в объеме. Есть два варианта: первый - текст выпуклый и лежит на поверхности фона. Второй вариант - текст плоский, но он находится в отдалении от фона. Как бы завис над фоном.
Здесь вы также можете задать критерии к :глубина, направление, размер, смягчение, угол, высота, контур глянца, режим подсветки и режим тени.
Вкладка "Тиснение" имеет еще 2 под вкладки, для добавления контура и текстуры.
- "Контур" - Позволит вам настроить более точьно, контур вашего текста.
- "Текстура" - Позволит вам добавить рельефность тексту по текстуре.
Глянец - Позволяет вам придать тексту более выразительный вид (осторожно, иногда глянец наоборот портит вид, все зависит от цвета объекта и настроек которые вы применили в других вкладках).
Наложение цвета - Позволит вам наложить поверх основного цвета, еще один. Настроек тут мало. Есть выбор цвета, способ наложения и непрозрачность (к примеру если на синие буквы наложить красный с настройками: Режим- растворение и непрозрачность - 30. То ваш текст покроется красненькими пятнышками).
Наложение градиента - Здесь тотже смысл что и с наложением цвета, Но только здесь градиент вместо цвета и настроек поболее. Есть выбор градиента, направление, масштаб, угол, стиль, режим и непрозрачность.
Перекрытие узора - По суте схож с под вкладкой "Текстура".
Обводка - Здесь вы сможете добавить обводку к вашему тексту. Настройки позволяют вам выбрать чем обводить (цвет или градиент), размер, положение, режим, тип обводки, непрозрачность, стиль, угол, масштаб.
Пример:
Естественно, сперва нам необходимо найти изображение автомобиля, которому мы и будем придавать эффект движения.
Для начала нужно отделить сам автомобиль от фона. 100% аккуратности не требуетя. Я сделал это в режиме быстрой маски (Клавиша Q).
Чтобы сделать выделение точнее, я приблизил картинку и выбрал кисть поменьше.
Вот, как выглядело мое выделение (в режиме быстрой маски) в итоге:
Возвращаемся в стандартный режим (Клавиша Q) и делим изображение на две части, путем перемещения автомобиля на новый слой (Ctrl+I, чтобы выбрать машину и Shift+Ctrl+О, чтобы создать новый слой из выделенного фрагмента).
На слой с фоном добавляем фильтр “Blur -> Motion Blur” с настройками, как указано на этой картинке:
Теперь копируем слой с автомобилем (Ctrl+J) и тоже добавляем Motion Blur с такими настройками:
Измените прозрачность этого, только что созданного, слоя на 40%.
На слое с неразмытым автомобилем выделите один из его дисков (инструментом Elliptical Marque Tool (M)) и добавьте к нему фильтр “Blur > Radial Blur…” со следующими значениями:
То же самое сделайте и с другим диском.
Готово!
Шаг 1
Откройте новый документ, cделайте фон черным, и напишите текст белым. Теперь нажмите CTRL+E, чтобы объеденить слой с фоном.
Шаг 2
Теперь идите filters-blur-gaussian и установите значение приблезительно на 1,2.
Затем filters-stylize-solarize.
И image-adjust-auto.
Шаг 3
Далее идём filters-disort-polar coordinates , и выбераем polar to rectangular.
Шаг 4
Теперь поверните изображение на 90 градусов (image-rotate canvas-90°CCW). Применим ещё один эффект- filters-stylize-wind. Выберите wind-from left.
Шаг 5
Поворачиваем изображение в обратную сторону - image-rotate canvas 90°CW. Сново идите filters-disort-polar coordinates, и на сей раз выберите rectangular to polar
Шаг 6
Идём к image-adjust-hue/satursation, ставим галочку на "colorize", если Вы хотите, раскрасить надпись. Лучше всего этот эффект выглядит на больших изображениях с большим разрешением.
Отличный и очень реалистичный эффект!

Создайте новый документ





Напишите каким-нибудь мягким шрифтом (размер моего текста составил 250pt) Ваш текст



Правый клик по слою с текстом и Rasterize Type.



Добавьте точек или пятен того же цвета, что и цвет вокруг букв



Откройте палитру каналов и скопируйте Blue канал. Далее Image>Adjustments>Invert



Теперь Filter>Blur>Gaussian Blur 25px. Затем тот же фильтр, но уже 15px





Отключите Blue Copy канал, но не удаляйте его



Отправляйтесь в Filter>Render>Lighting Effects





Скопируйте слой и Filter>Sketch>Chrome



Ntgthm можно поиграться со стилями слоя. Выберите стиль Bevel&Emboss





CTRL+клик по иконке текстового слоя, чтобы выделите его содержимое и настройте Image>Adjustments>Curves и Image>Adjustments>Levels





Залейте фон черным - так будет смотрется более выигрышно



Выделите все слои, кроме фонового и слейте их (CTRL+E)



Далее отправляйтесь в Filter>Liquify. Инструментом Bloat подредактируйте картинку, чтобы придать ей водянистого эффекта. Когда будете довольны результатом, нажимайте ОК
Шаг 1
Откройте вашу фотографию в Photoshop.


Шаг 2
Жмите Ctrl+B или выберите Color Balance из меню и установите значения, как на картинке ниже:


Шаг 3
Жмите Ctrl+M, чтобы открыть окно настройки Кривых(Curves) и сделайте что-то вроде этого:


Шаг 4
Нажмите Ctrl+L, чтобы открыть Уровни(Level):


Шаг 5
Идем в Image -> Adjustments -> Selective color:


Шаг 6
Создайте новый слой. Закрасьте кистью с цветом #03C4F9 все небо, затем установить слою следующие параметры - режим смешивания: Soft light, Opacity: 50%, Flow: 50%. У вас должно получиться примерно такое :


Шаг 7
Идем в Image -> Adjustments -> Selective color и ставим следующие настройки :


Шаг 8
Проделываем шаг 6, только цвет кисти #D29609 и зарисовываем не небо, а траву. Затем идем в Selective color:


Шаг 9
Идем в Filter -> Sharpen -> Unsharp Mask :


Шаг 10
Идем в Кривые(Curves) :


Шаг 11
Идем в Filter -> Blur -> Surface blur :
Финальные результаты:


Последний раз редактировалось: GotHunter (2009-07-25 11:30), всего редактировалось 8 раз(а)
Профиль  ЛС 
Darn

Стаж: 15 лет
Сообщений: 55
Откуда: Russia

Создавать темы Darn написал(а)
23-Май-2009 13:27 (спустя 1 час 27 минут)
История создания Adobe Photoshop


История создания Adobe Photoshop
Дата создания Adobe Photoshop не отмечена ни на одном календаре. В 2005 году состоялась годовщина выпуска программы, которой вы и многие другие пользуетесь больше всего. Всё произошло 17 лет назад, в феврале, когда компания Adobe спустила на воду первую версию Photoshop 1.0 графического редактора, который до сих пор является самым популярным среди художников, фотографов и дизайнеров. Photoshop на сегодняшний день занимает позиции лидера среди редакторов растровой графики, а также является единственной программой, которая обзавелась собственной формой глагола.
Своё начало Photoshop берёт гораздо раньше. Программа, на экранной заставке которой сегодня список разработчиков их 41, ранее принадлежала двум братьям Томасу и Джону Нолл. С детства отец привил сыновьям любовь к искусству и компьютерной технике. В фотолаборатории отца, которая была расположена в подвале, Томас изучал основы цветокоррекции и контраста, а Джон с интересом ковырялся в стареньком Apple. В 1984 году отец купил один из первых Макинтошей, функциональные возможности которого очень разочаровали братьев – именно это и положило начало созданию программы, которая в будущем принесёт прибыль в миллионы долларов.

Начало

До 1987 г. Джон Нолл работал в Industrial Light and Magic ILM в подразделении фирмы Lucasfilm, которое специализировалось на создании спецэффектов для проекта Звёздные войны Stars Wars. Томас в это время писал диссертацию о процессе обработки изображений – получение степени кандидата наук для него было самым главным в то время. Окончательно разочаровавшись в новеньком Apple Mac Plus – монитор только что купленного компьютера не отображал полутоновые изображения (Grayscale images), Томас приступил к написанию программы, которая поможет исправить ситуацию.

Как ни странно, в ILM Джон также работал над процессом обработки изображений. Поражённый успехами брата, Джон предложил Тому объединить усилия. В своей книге Основы компьютерной графики Джон писал: Как только увидел результаты работы Томаса, я вспомнил программное обеспечение по обработке изображений в студии Pixar, сходства были поразительными. С того момента мы начали совместную разработку более сложной и совершенной программы, которую в последствии нарекли Display.

Немного времени спустя Джон приобрёл новый Макинтош II с цветным экраном и убедил Томаса переписать Display для работы с цветными изображениями. Более того, чем больше Джон работал с Display тем больше функций он требовал от программы: коррекцию цветовой гаммы, импорт и сохранение файлов в различных форматах и т.д.

Работа над программой отвлекала Томаса от написания диссертации, но всё же он был этому рад. Некоторое время спустя Том разработал инновационный метод выбора отдельного участка изображения и последующей работы с ним, а также наборы приложений для обработки изображений, которые позже будут известны как плагины Plug-ins. Затем были разработаны: настройки тонов Levels, функция управления балансом, управление оттенками и насыщением Hue and Saturation. Эти возможности стали ключевыми в Photoshop, ведь в то время, таки функции присутствовали лишь в специализированном программном обеспечении, которое находилось в лабораториях или в ILM.

В 1988 Display был переименован в ImagePro. Программа была современной на то время, Джон надеялся, что у них есть шанс продать её в виде коммерческого приложения. Томас был против этого, кроме того, он ещё не закончил свою диссертацию и для разработки полностью завершённого программного продукта потребуется много времени и труда. После проведения анализа конкурентов братья поняли, что созданный ими ImagePro по многим параметрам опережал аналоги.

От ImagePro к Photoshop

Начались поиски инвесторов. Никто точно не знает, откуда произошло название Photoshop, говорят, имя было предложено одним из потенциальных издателей, во время демонстрации программного обеспечения – название, как говорится, прилипло. В самых ранних версиях, на экранной заставке красовалось название PhotoShop – в наше время наблюдается такая же тенденция, очень часто встречаются названия на подобии ExTraneous CapitaliSation

На удивление, большинство производителей программного обеспечения повернули свои корпоративные носы в направлении Photoshop или пытались разработать подобные программы своими силами. Всего лишь одной компании было по силам купить Photoshop – это была Adobe, но до взаимовыгодного решения было ещё далеко. Производитель сканеров Barneyscan предложил братьям поставлять Photoshop в комплекте со своей продукцией, в итоге чего около 200 копий программы разошлось под торговой маркой Barneyscan XP.

К счастью для будущего цифровой графики, переговоры с Adobe длились не долго - вскоре Джон пришёл в компанию, чтобы привлечь больше внимания к своему продукту. Там он встретился с Расселом Брауном и продемонстрировал ему возможности программы, затем Photoshop был продемонстрирован арт-директору, который остался доволен увиденным и настоял на немедленной покупке программного обеспечения. То ли по наивности со стороны Adobe, то ли по осторожности со стороны братьев, Photoshop не был продан полностью, а только лицензирован и гонорары от продаж программы принадлежали братьям.

Всё шло превосходно, но это не означало, что братья могут расслабиться и остановиться на достигнутом. Теперь им предстояла работа куда тяжелее – нужно подготовить Photoshop для выпуска официальной версии – версии 1.0

Томас продолжал работу над исходным кодом программы. В это время Джон отдельно вёл разработку расширений Plug-ins, что сильно волновало некоторых сотрудников Adobe - они видели во всём этом хитрость и обман.

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

Даже во время окончательного этапа работы над финальной версией вносились изменения и усовершенствования – любым способом Томас находил время и силы, чтобы делать это. При поддержке Джона и Рассела Брауна – который вскоре стал ярым сторонником Photoshop – как и остальных креативных решений в Adobe, программа постепенно стала обретать форму. Официальная версия Adobe Photoshop была выпущена в феврале 1990 года.

Цифровая графика для всех

Безусловно, выход первой версии стал успехом, несмотря даже на большое количество ошибок. Как и у сегодняшнего Apple, ключевым маркетинговым шагом Adobe было показать, что Photoshop - программа для широкого рынка пользователей – простой инструмент в использовании, которым сможет пользоваться каждый в отличие от большинства графических программных продуктов того времени, которые были разработаны для специалистов.

Adobe обещала, что при помощи Photoshop вы сможете достичь таких же результатов, которых раньше можно было получить с помощью профессионального программного обеспечения стоимостью несколько тысяч долларов. Главным конкурентом Photoshop на то время была программа под названием Letraset’s ColorStudio стоимостью 1,995, в то время как Photoshop можно было приобрести менее чем за 1,000.
В процессе разработки версии 2.0, Adobe расширил штат программистов. Для внедрения в программу кривых Безье в команду был приглашён Марк Гамбург. В это время для Photoshop были разработаны новые возможности: перо Pen tool, работа с двух тоновыми изображениями, импорт и растеризация векторных изображений из Illustrator, вдобавок ко всему появилась поддержка CMYK. Теперь для Photoshop был открыт путь на профессиональный рынок полиграфических услуг, что является очень важным тактическим ходом Adobe. Первый менеджер по продажам, Стивен Гутман, предложил давать кодовые названия к бета-версиям программы - эта традиция соблюдается по сегодняшний день. Fast Eddy – кодовое название бета-версии 2.0, которая была запущена в 1990 году.

Продолжительное время Photoshop работал исключительно на платформе Макинтош, но его успех гарантировал появление версии для развивающегося на то время рынка графических приложений для Windows. Разработка версии для новой платформы являлось заданием не из лёгких – для этого было основано новое подразделение во главе с Брайаном Лемпкином. Не смотря на то, что было разработано большое количество нововведений, как например поддержка 16-битных файлов, это появилось лишь в версии 2.5.1 в 1993 году.

Так же как издание третьего альбома для музыкальной группы – разработка версии 3.0 могла принести успех или потерпеть полное фиаско. К счастью удача была на стороне команды разработчиков – был сделан огромный шаг в развитии программы - разработана поддержка слоёв Layers.

Поддержка слоёв получила всеобщее одобрение и являлась одной из основных функций программы, которая в скором будущем склонила множество художников и дизайнеров на свою сторону. Всё же поддержка слоёв на то время уже не была уникальной. HSC – позже известная как MetaCreations – разрабатывала программу для обработки изображений под названием Live Picture, которая поддерживала такую же технологию. MetaCreations допустили единственную и роковую ошибку – достойная по своим возможностям Live Picture, была выпущена по очень завышенной цене, что и оставило Photoshop 3.0 вне конкуренции на рынке.

В последующих версиях таких глобальных изменений, как например поддержка слоёв, не было. Несмотря на это совершенствование программы продолжалось. В версии 5.0 были введены возможности управления цветом и панель истории History Palette, с помощью которой можно было влиять на произведённые пользователем действия – что позволило расширить творческие возможности программы. Значительные изменения произошли вместе с выходом версии 5.5 именно с этой версии началось моё знакомство с Photoshop – в комплекте с Photoshop поставлялась ещё одна программа – ImageReady, которая добавила к функционалу ещё и богатые средства разработки графики для WEB. В следующей версии – 6.0 появились стили слоя Layer Styles и расширенные возможности управления текстом. Восстанавливающая кисть Healing Brush появилась в версии 7.0

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

Интерфейсы Photoshop в хронологическом порядке
Поддерживая позиции лидера на рынке столь продолжительное время, на удивление, Adobe продолжает совершенствовать программу. На сегодняшний день Photoshop входит в состав пакетов Creative Suite 2 CS2 и Creative Suite 3 CS3, Creative Suite 4 CS4, вдобавок ко всему Adobe подчеркнула функциональную совместимость программ входящих в пакеты при помощи Adobe Bridge.

К счастью разработка программы не прекращается и скорее всего не прекратится. Во-первых, из-за высокой конкуренции огромного количества производителей программного обеспечения, многие из которых предлагают функциональные возможности Photoshop бесплатно. Также конкуренцию составляют более дешёвые программы-аналоги, которые предназначены для любительского и домашнего использования, к примеру, Paint Shop Pro, который ориентировался на Photoshop многие годы. В ответ Adobe выпустили бюджетную версию программы, хоть и с урезанными возможностями, но всё же достаточно функциональную - Photoshop Elements – последняя версия 4.0

Что же будет дальше? К сожалению, Adobe не анонсирует. Photoshop – это драгоценный камень в короне Adobe и аспекты его разработки тщательно скрываются, но изредка компания всё-таки делает намёки. Брайан Лемкин, занимающий пост старшего вице-президента отдела по разработке цифровых изображений и видео, подтвердил предположения о выпуске 64-битной версии приложения Adobe Photoshop CS4 x64, а также возможную поддержку технологии Apple’s CoreImage, которая существенно увеличит производительность программы. Также разносятся слухи о возможном объединении Illustrator и Photoshop в единое целое приложение

Что бы ни произошло, Томас Нолл продолжит принимать участие в проекте. Хоть он непосредственно разработкой Photoshop не занимается, но постоянно держит руку на пульсе событий, продолжая разрабатывать новые версии плагинов Adobe Camera Raw и участвуя в дискуссиях на форумах компании Adobe.

Так случилось, что Photoshop начал свой путь 21 год спустя, одновременно со мной – мы ровесники. Я очень рад, что моё знакомство с этой замечательной программой продолжается уже 8 лет, и я абсолютно уверен, что Adobe продолжит приятно удивлять и восхищать нас своими нестандартными идеями и разработками в области программного обеспечения.
Кисти
[spoiler="КАК ИНТЕГРИРОВАТЬ КИСТИ В ФОТОШОП"]1. Для начала распакуйте кисти в одну папку. Закройте фотошоп если он запущен. После чего переместите файлы кистей (без папок и другого типа файлов) в папку "Brushes" по адресу:
C:Program FilesAdobeAdobe Photoshop CS*PresetsBrushes (*- ваша версия программы).
2. После чего запускаем фотошоп. Открываем или создаем новый документ. Выберем инструмент "Кисть". Жмем правую кнопку мыши на документе. В появившемся окне жмем на стрелочку

Затем выберем в списке "Загрузить кисть"

Потом проходим по адресу C:Program FilesAdobeAdobe Photoshop CS*PresetsBrushes и выберем нужный фаил с кистями

Все. В окне кистей добавились новые кисти.
Так можно поменять форму не только кистям, но и карандашу,ластику и т.д.
Как правильно установить новую кисть в Photoshop?

Этот урок поможет вам установить новую кисть.

Итак, приступим.

Допустим вы скачали новый файл с кистью (этот файл находится у вас на рабочем столе или вы уже разместили его в специальной папке для скаченных дополнений)

Откройте программу Photoshop.
Обратитесь в главном меню во вкладку Edit - Preset Manager (Редактирование - Управление наборами)

Если у вас английская версия:
Появится такое окошко, где если нажать на кнопку под буквой А, то вы можете выбрать вид дополнения, который вы хотите установить - это кисти, текстуры, фигуры, стили и т.д.

Вот посмотрите весь перечень:
В данный момент мы устанавливаем кисти, значит кликаем по строке Brushes (Кисти) и нажимаем Load(Загрузить)

Появляется новое окошко. Здесь вы указываете адрес скаченного файла с кистью. У меня она лежит на рабочем столе.
И снова нажимаете Load(Загрузить)

Теперь, если вы опустите полосу прокрутки вниз, то увидите новые кисти.
Вот и все, программа Photoshop скопировала указанные вами кисти в свой набор. Можете пользоваться!

Я вместе с вами установила себе новые кисти! Надо опробовать!
[spoiler="Как сделать свои кисти?"]Открываем исходник из которого будем делать кисть в фотошопе. К примеру для простоты я взял PSD-фаил

. Так как он состоит уже из нарезанных картинок. Далее вы можете либо вырезать из изображения, либо также как в этом уроке пользоваться запчастями из PSD-файлов.
Заходим в "Редактирование", там выбираем "Определить кисть..."

. Появится вот такая вот табличка

. Где имя кисти написано по умолчанию тоже самое что у исходного файла из которого мы взяли эту машину. Жмем ОК-й. Кисть готова и появилась с карточке кистей

. Теперь вам надо убрать старые кисти которые были уже в этом наборе. Для этого жмети правую кнопку на кисте и выберете "Удалить кисть"

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

В принципе все. Вот только пару советов. Данная кисть в примере у меня получилась без заднего фона. Так как исходник не имел фона. Но вы можете создавать так же и с фоном кисти. Во вторых когда вы полностью подготовили заготовку к переводу ее в кисть (через "Определить кисть..." ), не поленитесь и подгоните размер ее через команду: изображение - размер холста (не путать с "размер изображения

. Так чтобы край объекта переводимого в кисть был немного меньше размера холста.

Напоминаю что величина объекта из которого будете делать кисть, влияет напрямую на максимальный размер кисти.
[spoiler="Как сделать свои кисти?"]Как сделать свою кисть в Фотошоп?

А вы знаете, что делать Фотошоп кисточки - очень просто!!!

Создаем новый документ с такими же параметрами:
Выбираем картинку, которая станет кисточкой. Я взяла фото бабочки и вырезала ее из фона с помощью волшебной палочки, так как фон был чисто белый.
Затем я перетащила бабочку в рабочий документ.
После перешла в меню Edit - Define Brush Preset... (Редактирование - Определить кисть) и дала имя "моя бабочка".
ОК

Затем я взяла инструмент кисть и нашла свою бабочку:
Вот такая история:
Данная статья подготовлена для Вас командой сайта http://www.photoshop-master.ru
[spoiler="Если у вас возникла проблемма -кисти не умещаются в окне фотошопа то делаем так:-"]Объединяем схожие кисти в один набор. Делается это так: Запускаем фотошоп. Выбрав инструмент кисти жмём прав.кноп. мыши на стрелку (при помощи которой выбирается набор кистей, в прав. верхнем углу). Там есть функция "Загрузить кисти", выбрав ее добавляем к тем кистям что у вас уже активны, (и так до бесконечности). После того как вы собрали все нужные кисти, жмём опять прав. кноп. мыши и соответственно опять стрелку. Только теперь выбираем "Сохранить кисти". Внимание. Проверьте адрес куда сохраняете. По умолчанию фотошоп их сохранит в папку которая находится в C:Documents and Settings. Переправьте адрес на тот где все кисти. Точно так же можно переименовать своий набор кистей.
Шрифты
[spoiler="Шрифты-как их устанавливать"]Распаковываем архив, копируем, открываем папку "C:WINDOWSFonts" и просто жмем вставить. Виндовс сам при вставке установит шрифты. Если у вас был запущен и незакрыт фотошоп до установки шрифтов, То перезапустите фотошоп после установки шрифтов. При запуске фотошопа, программа автоматом проверит и внесет новые шрифты в свою базу. Все!
Плагины
[spoiler="Как установить плагины (фильтры):"]Запускаете ".ехе" - фаил. Устанавливаете его по адресу который прописан при установке по умолчанию. Но обратите внимание на то что иногда адрес будет указан в папку "Plug-Ins", но более старой версии фотошопа (пример: C:Program FilesAdobeAdobe Photoshop CS или CS2Plug-Ins). Вместо него указываете новый путь (пример: C:Program FilesAdobeAdobe Photoshop CS3Plug-Ins).
Если в архиве лежат файлы с расширением - .8BF, то просто кидаете его по адресу: C:Program FilesAdobeAdobe Photoshop CS3Plug-Ins
Стили
[spoiler="Как установить и пользоваться стилями:"]Закидываем файлы-наборов по адресу: C:Program FilesAdobeAdobe Photoshop CS3PresetsStyles . После чего запускаем фотошоп и находим их в правом меню,в центрально секции (где закладки: "цвет", "образцы", "стили").
Экшены
[spoiler="Как установить и пользоваться экшенами:"]Кидаем фаил экшена в папку: C:Program FilesAdobeAdobe Photoshop CS3PresetsActions.
После чего запускаем фотошоп. Открываем картинку или фотку. Жмем на панели справа на вкладку в виде 3 квадратиков и стрелки.

Там в открывшемся окне, выберем закладку "Операции". Там жмем на стрелку в правом верхнем углу. Которая направлена вниз.

В открывшемся списке выберем нужный экшен.
После чего открываем полностью дерево выбранного экшена.

Сделав все как на скрине вы запустили экшен, но это не все.
Теперь во время выполнения экшена фотошоп будет вам выдавать окна с выбором действий( "Продолжить" и "Стоп"). На что производим такие вот действия:
Читаем что от нас хочет программа. После чего жмем кнопку "Стоп". Производим нужные изменения. Это может быть связано с необходимостью: набора текста если это экшен для текста, может быть предложено настроить по свойму окно настроек(например контрастность,цветность, шум и так далее), либо для того чтобы сменить выбранный слой на другой.
После того как вы сделали требование программы, жмем опять на стрелку которой запускали сам этот экшен. Опять выскочит табличка с выбором действия. Только теперь жмем "Продолжить".
Программа во время применения экшена может предлагать вам такие вот действия не раз. Самое главное внимательно читаем что надо сделать.
Экшен считается примененным тогда, когда все действия описанные в виде списка в окне экшена, будут выполнены. Хотя некоторые экшены могут предлагать вам несколько вариантов готового применения. Вы либо продолжаете, либо останавливайтесь на получившемся.
Формы
[spoiler="Как установить и пользоваться формами:"]Кидаете файлы по адресу: C:Program FilesAdobeAdobe Photoshop CS3PresetsCustom Shapes . Потом запускаете фотошоп. Выберете инструмент "Произвольная форма". В верхнем меню жмем стрелку возле окна "фигура". В открывшемся окне жмем на стрелочку в правом верхнем углу. Там выберем из нижнего списка нужный набор. Все, теперь уже выбераем саму форму.
Иконки
[spoiler="Иконки на рабочий стол-своими руками"]Очень просто сделать иконки на рабочий стол самому.
Выбираем понравившуюся картинку или рисуем сами и сохраняем в формате -ICO. Затем на рабочем столе заменяем стандартную иконку на свою .Можно делать иконки даже из своих фотографий.
Анимация,уроки.
[spoiler="Редактирование Анимации."]Допустим вам понадобилось переделать GIF анимацию(аватарку ,юзербарку или нужную вам картинку в формате GIF.
Для этого сперва надо анимацию GIF сохранить в формате PNG. Затем открыть в фотошопе в формате PNG и редактировать по вашему усмотрению(Как душе угодно,вставить надпись,поменять фон,что то добавить или удалить и т.д.)Затем открываем окно Анимация ,делаем заного кадры анимации и сохраняем в GIF формате.
[spoiler="Как заставить шестерёнку крутится"]« Урок по анимации : вращающаяся 3D шестерёнка »
Как нарисовать вращающуюся шестерёнку, повёрнутую в 3D. Анимация в фотошопе...

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

Ну вот и всё предисловие, можно приступать к творчеству...
Вращающаяся 3D шестерёнка в фотошопе, использование в качестве аватара

1. Создаём новое изображение, размер побольше (чтобы лучше было с ним работать, уменьшим потом), в моём примере 400x400 px.

Начнём рисовать шестерёнку. Выбираем Rectangle Tool и рисуем такой прямоугольник (в примере я нарисовал прямоугольник размером 56x295 px):



2. Теперь нужно сделать три копии этого прямоугольника и повернуть каждую относительно предыдущей на 45 градусов. Но для этого не нужно повторять одну и ту же операцию 4 раза, можно сделать проще...

Перейдите на панель Actions и нажмите кнопку Create New Action:



3. Введите название и жмите кнопку Record:



4. Сделайте дубликат слоя с прямоугольником, для чего нажмите сочетание клавиш Ctrl + J (или перетащите изображение слоя на иконку для создания слоя; или кникните на изображении слоя правой клавишей и выберите пункт Duplicate layer).

Поверните дубликат на 45 градусов, для чего используйте произвольную трансформацию: в меню выберите Edit —> Free Transform (или нажмите сочетание клавиш Ctrl + T) и в поле Rotate введите число 45:



5. Примените трансформацию, нажав клавишу Enter и в окошке Actions нажмите кнопку Stop Playing/Recording.

Сейчас кликните по только что созданному (записанному) экшену (Action) и нажмите два раза кнопку Play Selection. Вот что должно произойти:



6. Создайте новый слой. Сейчас выберите инструмент Ellipse Tool и, зажав клавиши Shift (для рисования круга, а не овала) и Пробел (для перемещения фигуры во время рисования), нарисуйте по центру круг:



7. Сейчас будем учиться работать с альфа каналом. Перейдите на панель Channels и там нажмите кнопку Create new channel, должен создаться новый канал (это и есть альфа канал):



8. Теперь зажмите клавишу Ctrl и кликните по любому другому каналу чтобы создать выделение. Инвертируйте выделение (через меню: Select —> Inverse или комбинацией клавиш Shift + Ctrl + I), выберите Paint Bucket Tool и залейте выделение белым цветом:



9. Размойте альфа канал, применив фильтр: Filter —> Glur —> Gaussian Blur со следующими настройками:



10. Вот что должно получиться:



11. Теперь сделаем изображение более чётким. Для этого зайдём в меню: Image —> Adjustment —> Levels и в открывшемся окошке выставим следующие параметры:



12. Жмём Ok и получаем чёткую шестерёнку:



13. Шестерёнка у нас нарисована в альфа канале, а нужно сделать её на слое. Для этого зажмите Ctrl и кликните по альфа каналу с шестерёнкой, перейдите в окошко Layers, создайте новый слой и залейте выделение чёрным цветом (с помощью Paint Bucket Tool):



14. Все остальные слои уже можно удалить, чтобы они нам не мешали (ну или хотя бы отключить).

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

Т.к. у неё 8 зубцов, то нужно повернуть её на 45 градусов. С углом определились, теперь нужно определиться с колличеством кадров.

Чтобы анимация казалась более плавной, разобъём её на 6 кадров, т.е. на каждом кадре шестерёнка будет поворачиваться на 7,5 градусов (45 / 6 = 7,5).

Делать мы это будем по такому же принципу, как и во 2м пункте: создайте новый экшен (на панели Actions), создайте копию слоя и поверните её на 7,5 градусов (используя произвольную трансформацию), остановите запись:



15. Теперь выберите только что созданный экшен и 4 раза нажмите кнопку Play Selection (напанели Actions). Вот что мы получим:



Вот так будет выглядеть панель слоёв (Layers):



16. Отключите отображение всех слоёв, кроме первого слоя с шестерёнкой. Кликните по нижнему слою, зажмите клавишу Shift и кликните по верхнему слою, чтобы выделить все слои:



17. Разместим шестерёнки в перспективе. Для этого примените трансформацию: Edit —> Transform —> Distort, исказив фигуру следующим образом (не обязательно точно так, можно и подругому):



18. Начнём украшать шестерёнки. Выберите нижний слой. Зайдите в Layer Style (кликните правой клавишей по изображению слоя на панели слоёв Layers и выберите пункт Blending Options...) на вкладку Drop Shadow и настройте параметры отбрасывания тени:



19. За тем перейдите на вкладку Inner Glow и там настройте внутреннее свечение:



20. Вкладку Bevel and Emboss настройте следующим образом:



21. На вкладке Gradient Overlay настройте параметры градиента:



Вот как выглядит окошко с подробными настройками градиента (открывается при клике по полосе с градиентом в прошлом окне):



Теперь жмём везде Ok и смотрим на результат проделанных операций:



Это же эффект нужно применить ко всем остальным слоям с шестерёнками. Для этого на панели слоёв кликните правой клавишей по слою с готовой шестерёнкой и выберите пункт Copy layer style, потом кликните правой клавишей на другой шестерёнке и выберите пункт Paste layer style, повторите это для каждого слоя с шестерёнками.

22. Теперь нужно обрезать ненужную часть изображения. Для этого выберите инструмент Crop Tool, зажмите клавишу Shift и выделите область с шестерёнкой:



Нажмите клавишу Enter чтобы применить обрезание изображения.

23. Теперь, если вы хотите сделать аватар, уменьшите изображение до размеров 100x100 px. Делается это через меню: Image —> Image Size (или комбинацией клавиш Alt + Ctrl + I):



24. Вот что произойдёт после нажатия кнопки Ok:



25. Теперь создайте новый слой, разместите его под всеми остальными слоями и залейте любым цветом (с помощью Paint Bucket Tool):



26. Примените к этому слою несколько эффектов, зайдя в Layer Style. Сразу самозатенение (Inner Shadow):



27. За тем цветной оверлей (Color Overlay):



28. И обводку (Stroke):



Жмём Ok и вот что получаем:



29. Продолжим работу с фоном. Давайте на нём нарисуем ещё несколько шестерёнок, но не вручную, а используя фигуры (Shapes).

Выберите инструмент Custom Shape Tool, в качестве фигуры выберите шестерёнку (это не стандартная фигура, скачать её можно в конце урока):



30. Создайте новый слой и нарисуйте несколько шестерёнок различных размеров (при этом зажимая клавишу Shift):



31. Каждая шестерёнка получилась на отдельном слое. Давайте их украсим. Будем работать с одной шестерёнкой, а потом скопируем её эффекты для каждой.

Сразу непрозрачность заливки (Fill) выставьте в 0%:



32. За тем зайдите в Layer Style на вкладку Outer Glow и настройте свечение:



33. Вкладку Color Overlay настройте следующим образом и жмите Ok:



34. Вот что у нас получилось:



35. Скопируйте эти эффекты и примените их для других шестерёнок (как это мы делали ранее, в пункте №21):



36. Напишите ниже какой-нибудь текст, например, название сайта или ник и примените к нему те же эффекты:



37. Создайте новый слой и разместите его под слоем с самой нижней вращающейся шестерёнкой (не путайте с шестерёнками, которые мы использовали в качестве фона!). Залейте этот слой любым цветом (с помощью Paint Bucket Tool), непрозрачность заливки Fill выставьте в 0% и переходите в Layer Style на вкладку Pattern Overlay (в качестве текстуры Pattern выберите такую, как показано ниже; как её сделать написано, например, вот в этом уроке):



После нажатия на Ok должно получиться как у меня:



38. Теперь всё готово непосредственно для создания самой анимации. Если у вас Adobe PhotoShop CS2, то перейдите в ImageReady (для чего в меню выберите пункт File —> Edit in ImageReady), если у вас Adobe PhotoShop CS3 Extended, то откройте окошко с анимацией (Window —> Animation).

Вот как выглядит окошко редактирования в ImageReady:



39. На панели Animation нажмите кнопку Duplicates Current Frame чтобы создать новый кадр (точнее дубликат кадра):



40. Теперь отключите отображение первой шестерёнки и включите вторую:



Вот она:



42. Продолжайте последние операции пока не дойдёте до последней шестерёнки:



43. теперь можете нажать кнопку Play/Stop Animation чтобы просмотреть анимацию, а чтобы сохранить сделайте следующее:

Если у вас Adobe PhotoShop CS2, то в меню выберите: File —> Save Optimized As....

Если у вас Adobe PhotoShop CS3, то в меню выберите: File —> Save for Web.

Ну вот и всё. Вот что у нас получилось:



Урок взят с [url="http://www.designarts.ru"]www.designarts.ru[/url]
[spoiler="Травяной текст "]
Травяной текст в Photoshop
В этом уроке описано как сделать довольно симпатичный вариант надписи, используя фотографию травы, инструмент «карандаш» и немного терпения.

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

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

Для начала давайте посмотрим, что же должно получиться.
Первая часть — фон

Урок состоит из трех частей — фон, текст и немного дополнительных эффектов. Поэтому сначала мы сделаем фон. Создаем новый документ в Photoshop, скажем размером 1920 на 1200 пикселей.

Шаг 1

Начнем с рисования радиального градиента с помощью инструмента «градиент» (Gradient Tool — G), начиная со светло-зеленого (#ADBF41) и заканчивая средне-зеленым (#328A26).
Шаг 2

Сейчас мы сделаем этот фон более реальным, используя для этого готовую текстуру бумаги.
К счастью, мы можем взять хорошие текстуры бумаги в арживе который скачать надо по ссылке в самом начале урока — кроме того, они достаточно большие.
Теперь нужно сделать текстуру черно-белой (CTRL- SHIFT-U) и растянуть ее так, чтобы она полностью закрывала наш документ.
Шаг 3

Далее мы переводим этот слой в режим перекрытия (Overlay) и ставим прозрачность на 70%, чтобы смешать текстуру с нашим зеленым фоном.
Шаг 4

Чтобы сделать текстуру еще лучше, мы копируем слой с текстурой, поворачиваем его на 180 градусов и делаем его прозрачным на 20%. Далее мы берем еще какие-нибудь текстуры бумаги (с того же Битбокса) и проделываем с ними тоже самое, размещая каждый следующий слой над предыдущим.
Все это нужно сделать для того, чтобы текстура смотрелась более реалистичной и появились мелкие детали.
Как вы можете видеть, получилось шесть слоев.
Шаг 5

Теперь необходимо скопировать самый первый зеленый фон, разместить копию над всеми слоями и поставить прозрачность на 40%.
Шаг 6

Создаем новый слой, который будет выше всех. Используя большую мягкую черную кисть (Brush — B), добавляем немного темного цвета по краям картинки. Стоит вернуть прозрачность на 30% и перевести в режим перекрытия (Overlay). Затем вы можете скопировать этот слой и применить к копии размытие по Гауссу (Gaussian Blur) при 32 пикселях. В результате углы станут более мягкими.
Шаг 7

Вот теперь мы получили отличный фон! af ag
Вторая часть — «травяной» текст!

Сейчас мы готовы сделать сам текст. Для этого нам необходима симпатичная фотография травы.
Берем ее тамже в архиве "Исходники", скаченом в начали урока.

Шаг 9

Теперь необходимо выбрать шрифт для текста и сам текст, к примеру «Earth».
Итак, сделайте свой текст белым, поставьте режим смешивания на перекрытие (Blending mode ? Overlay) и прозрачность на 50%. Это вспомогательный слой, его не будет видно в конце.
Шаг 10

Сейчас у нас есть белый прозрачный текст поверх травы.
Чтобы сделать реалистичный текст из травы, недостаточно просто вырезать кусок травы соответствующей формы — нам нужно, чтобы куски травы выходили за границы букв. Для этого нам придется вручную вырезать маленькие кусочки травы для каждой буквы.
Шаг 11

На этом шаге мы будем выделять куски травы с помощью инструмента «карандаш» (Pen Tool — P).
Сейчас нужно не просто выделить куски травы случайным образом, а выделить именно сами травинки, тогда мы получим эффект того, что трава как бы вырывается из букв.
Шаг 12

Когда вы закончите выделение контура, лучше всего сохранить его на случай, если потом оно понадобится снова. Перейдите во вкладку «контуры» и нажмите маленькую стрелочку, выбрав в списке «сохранить контур».
Выделите свой контур и перейдите к слою с травой. Сделайте копию этого слоя, чтобы хватило травы на все буквы. Затем делаем инверсию выделения (CTRL- SHIFT-I) и вырезаем лишнюю траву.
Шаг 13

Итак, вот конечный вариант буквы «E» на нашем фоне. Но сейчас она смотрится не на много лучше, чем если бы мы не делали такие мелкие выделения травинок. Значит, нам нужно еще немного поработать на ней.
Шаг 14

Для начала мы добавим некоторые стили к слою, чтобы он выглядел более «трехмерным». Сами стили показаны ниже.
Стили слоя

Вот первый набор стилей.
Шаг 15

Теперь сделайте копию слоя и очистите стили слоя-копии. Теперь нужно добавить вот эти стили.
Стили слоя

Вот второй набор стилей слоя. Обратите внимание, что здесь прозрачность 51%.
Шаг 16

Теперь добавим немного теней. Итак, теперь выделите содержимое слоя с травой (CTRL-Click на слое) и создав новый слой под ним, запоните выделение черный цветом. Затем нажмите на клавиатуре стрелку вниз и потом стрелку вправо и злейте черным. Такую операцию необходимо повторять до тех пор, пока не получится примерно так, как показано ниже (это около 15 раз).
Шаг 17

Теперь выполним «фильтр» ? «размытие» ? «размытие в движении» (Filter ? Blur ? Motion Blur) на слое с нашей тенью, установив угол в 45 градусов и дистаницию на 30. Затем установите прозрачность на 50%. У вас должно получится что-то похожее на вот этот рисунок.
Шаг 18

Передвиньте тень вниз и вправо — если все сделано правильно, то ваш текст должен отбрасывать тень.
Шаг 19

Теперь сделайте три копии этого слоя, каждый раз отрезая от него кусок так, чтобы около букв тень была темнее. В режиме перекрытия этих слоев установите «умножение» (Blending options ? Multiply).
Шаг 20

Наш текст смотрится довольно неплохо, но для лучшего эффекта необходимо добавить небольшие куски травы в область тени.
Как видно ниже, мы создали небольшие кусочки травы — они вырезаны из главной буквы.
Шаг 21

Пеедвигая эти куски в тень мы создаем эффект того, что трава выбивается из фона.
Так как эти куски находятся в тени, нам нужно сделать их более темными. Для этого воспользуйтесь инструментом Burn Tool (O).
Шаг 22

Мы закончили с одной буквой, осталось еще 4 ah
Шаг 23

Используя те же приемы мы получаем «А».
Шаг 24

А вот «R» и «T» на картинке.
Шаг 25

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

Как бы хорошо не смотрелся наш текст сейчас, он довольно скучный и монотонный. Так что в последней части мы добавим несколько дополнительных элементов в картинку.
Для начала добавим немного дополнительного текста, например цитату о Земле.
Переведем слой с цитатой в режим перекрытия (Blending options ? Overlay) и выставим прозрачность на 50%. Затем добавим кавычки и источник, из которого взята цитата.
Шаг 27

Пришла очередь добавить немного света. Чтобы сделать это, создадим новый слой над всеми остальными. В это слое сделаем градиент к верхнему левому углу, изменяя фон от белого до прозрачного. Затем выставим слой в режим мягкого свечения и установим прозрачность на 50%.
Шаг 28

Сейчас мы добавим 2 ярких элемента. Это будет синяя бабочка и маленькая красная божья коровка.
Шаг 29

Вставка картинок достаточно проста. Для начала открываем картинку в Photoshop, вырезаем белый фон с помощью «волшебной палочки» (Magic Wand Tool — W), затем выполняем «выделить» ? «модифицировать» ? «сжать» и выполняем сжатие на 1 пиксел. Инвертируем выделение (CTRL- SHIFT-I) и копируем бабочку в наш главный рисунок.
Для вырезания божьей коровки используем инструмент «карандаш», обводим нужную часть и копируем в главный рисунок.
Шаг 30

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


Готово!!! bm

Взято с http://psd.tutsplus.com/text-effects-tutorials/crea...ct-in-photoshop/
[spoiler="Огненые линии."]FIRE LINES


1. Для выполнения этого урока нам нужно подобрать хорошее фото. Желательно, чтобы на нём было изображено какое-либо действие, и оно было темное (этот эффект лучше смотрится на тёмных изображениях).

2. Открываем фото. Затем переходим в закладку Path и создаём новый путь (create new path (A)). Жмём "P" на клавиатуре - чтобы выбрать инструмент pen tool. Наметьте для себя, где будет проходить огненная линия.



3.
A. Поставьте первую узловую точку, там где будет начинаться ваша линия.
B. Затем ставим следующую точку и, не отпуская её, тянем её, чтобы получилась кривая, - это необходимо, чтобы линии получились плавными.
C. Продолжаем выстраивать нашу линию.

Не беспокойтесь, если у вас не получится построить кривую с первого раза.
Один маленький трюк - если вы нажмёте и будете удерживать ctrl во время использования инструмента pen tool, можно будет пользоваться инструментом direct selection tool, чтобы корректировать кривую.



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



5.
A. Берем мягкую кисть (примерно 5 px) оранжевого цвета.
B. Создаём новый слой (CTRL+Shift+N), назовём его "Огонь"/"Fire".
C. Идём в панель paths и выбираем stroke path, в появившемся диалоговом окне выбираем brush.



6. На моей картинке вы видите части линии, которые получились не в результате обводки. Чтобы сделать такие же, берем инструмент clone stamp tool, и при помощи кисти spatter (её можно найти в стандартном наборе кистей) клонируем части линии. Это добавит иллюзию движения огня.

7. Теперь нужно удалить те части линии, которые находятся за руками, ногами или любыми другими частями.

8. Делаем правый клик на слое "FIRE" и переходим в "Blending options":



9. Дублируем слой "FIRE" и меняем режим наложения на OVERLAY
Уберём видимость эффектов inner shadow и inner glow на дублированном слое (кликните на значке глаза возле эффекта).



10. Теперь сделайте двойной клик на эффекте outer glow и поменяйте его настройки на следующие:



Результат.
Воспользовавшись своей фантазией, можно получить что-то вроде этого:



Для того, чтобы добавить эффектности, можно ещё раз дублировать слой "FIRE" и применить filter>distort>wave...., поиграть с прозрачностью и режимами наложения слоя.
Удачи!

Урок взят с [url="http://online.ufanet.ru/forum"]http://online.u...t.ru/forum[/url]
[spoiler="Создание блика"]В этом уроке показанно как сделать блик на картинке .
Для этого мы открываем нужную нам картинку,и создаём небольшой аватар с названием урока "Блик"
Приступаем к работе:
Создаём новый слой с прозрачным фоном и располагаем его поверх слоя "Блик"
Жмём правой кнопкой по новому слою и выбираем "Создать отправочную маску" слои у нас должны выглядеть так:
Теперь выбираем инструмент "Градиент"
После чего приминяем его на новом слое:
Как видно градиент применился только к буквам "Блик"
Для создания анимации идём в "Окна" и выбираем "Анимация"
На каждом кадре двигаем наш новый слой на 4-5 пикселей
Сохраняем нашу анимацию через "Фаил"->"Сохранить для веб устройства"
Вот что получилось:


Взято с http://online.ufanet.ru/forum/index.php?topic=31423.0#quickreply
Animation UserBars.

Сегодня создадим юзербар с переливанием!

Создаём новый документ и заливаем цвет фона чёрным.
Дальше создаем новый слой и заливаем ранне сделаным узором
С такими настройками.
пишем текст, и создаём новый слой и заливаем "зеркальным" градиентом
Я выбрал такой.
Делаем слой с текстом прозрачным.
На слое с текстом выбираем "выделить прозрачность слоя"
и выбираем слой с градиентом

создаем маску(между маской и слоем убрать "скрепочьку")

Открываем окно анимации двинем маску слоя с градиентом влево, создаём новый кадр и двинем маску вправо.

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

Автор: energy
Здравствуйте дорогие любиnели Photoshop и анимации. Сегодня покажу Вам анимацию стекающего текста.
1. Начнем с создания документа размером 640Х480.
2. Зальем фон черным цветом, нажав сначала D затем Alt+delete. Создадим новый слой нажав Layer-New-Layer, или просто нажав Ctrl+Shift+N. Также зальем его черным
3. Создадим текст выбрав инструмент Horizontal Type Tool (Т). Выставим цвет текста белым. Вот мой текст
Нажмем Layer - Merge Down ( Ctrl + E ). Этим действием мы объединим текст с фоном. Назовем объединенный слой blood.

4. Нажмем Image – Rotate Canvas – 90CW. Теперь нажмем Filter – stylize – Wind и выставьте Method ( Wind ), Direction (From the right). Далее нажмите Ctrl + F два раза, тем самым повторив фильтр Wind два раза. И затем нажмите Image – Rotate canvas – 90CCW.
Напоследок выберем Filter – Blur – Gaussian Blur и выставьте количество пикселей равное 3.
5. Далее дублируем слой blood 15 раз. Для этого нажмем Ctrl + J 15 раз при активном слое blood. Убираем видимость у всех слоев кроме верхнего. Для этого нажимаем в палитре Layers на глазик справа от убираемого слоя.
6. Если у Вас Photoshop версии CS2 и выше нажимаем Windows – animation, а если ниже то переходим в Image Ready, для этого нажмем Ctrl + Shift + M.
7. Этот шаг будет повторяться для каждого слоя. Активируем наш видимый слой и применяем к нему Filter – Sketch – Stamp. Ставим параметры для этого фильтра Light/Dark Balance – 48, а Smoothness – 2. Далее смазываем слой Filter – Blur – Gaussian Blur ставим 1 пиксель.
8. Сделаем новый кадр в палитре Animation для этого нажмите на иконку помеченную красным
Далее уберем видимость у верхнего слоя и сделаем видимым слой под ним и активируем его. Далее повторим шаг 7 только Light/Dark Balance поставим 46.

Вы уже поняли что дальше создаем новый кадр, делаем видимый следующий слой и повторяем шаг 7 для этого слоя только Light/Dark Balance поставим на 2 меньше предыдущего слоя. Повторим данные действия до самого нижнего слоя. Довольно трудоемко, но легко.
9. У вас должно получиться 17 кадров по кадру на слой. Далее активируем верхний слой и нажимаем Layer – New Adjustment layer - Hue/Saturation и выставляем параметры как на рисунке:
Можно еще поставить время отображение всех кадров 0,1, а то кровь течет слишком быстро. Но это уже как Вы хотите.

Вот моя конечная анимация.
Автор: Lionman.
Анимация крученого текста, спецэффект
1. Создайте новый документ, напишите одну букву. Примените к тексту эффекты, какие сами пожелаете.
Теперь растеризуйте этот слой и дублируйте его 10 раз, в итоге у вас получится 11 слоев. Уберите значок видимости со всех слоев, кроме первого слоя.
К этому слою (номер 1) применим Filter-Distort-Twirl с такими настройками:
Для остальных слоев мы применим тот же фильтр, только с каждым разом понижаем настройки Angle на 100:
слой 2: 900
слой 3: 800
слой 4: 700
слой 5: 600
слой 6: 500
слой 7: 400
слой 8: 300
слой 9: 200
слой 10: 100
слой 11: оставляем все как есть.

2. Сделайте новый слой и напечатайте следующую букву.
Растеризуйте слой и дублируйте его 10 раз, у вас получится 11 слоев. Уберите значок видимости со всех слоев, кроме первого слоя.
Применим к нему Filter-Distort-Twirl с такими настройками:
Для остальных, последующих слоев применим тот же фильтр, только изменим настройки Angle на 100 :
слой 2: -900
слой 3: -800
слой 4: -700
слой 5: -600
слой 6: -500
слой 7: -400
слой 8: -300
слой 9: -200
слой 10: -100
слой 11: оставим без изменений.

Теперь, с последующими буквами поступим аналогично, чередуя настройки Twirl(подобно тому, как мы делали выше)
3. Щелкните эту кнопку чтобы прыгнуть в ImаgeReаdy. Откроем окно анимации:
Для начала уберем все значки видимости со всех слоев, кроме 1-го.
Дублируем кадр 1, отключаем значок видимости на слое 1 и включаем его на 2-ом слое
дублируем кадр 2, отключаем значок видимости слоя 2 и включаем его на 3-ем слое.
Дублируем кадр 3, отключаем видимость на 3-ем слое и включаем ее на 4-ом.
Проделайте все то же самое для остальных слоев. Когда вы достигнете финального слоя, значок видимости оставьте включенным. Вот, как это должно быть:
Автор: Chewy
Перевод: rediska
Движение текста по пути, переделываем Photoshop во Flash ai
Софт: Photoshop&ImageReady CS.

Навеяно уроком: Бегающий муравей

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

1. Создаем новый документ (Ctrl+N) с размерами 100х100 px, разрешением 72 px/inch, цветовым режимом RGB и прозрачным фоном (transparent).

2. Инструментом Ellipse Tool (U) рисуем эллипс:
Чтобы рисовался именно путь, выберите в настройках контура Paths:
3. Нажимаем Ctrl+T и трансформируем эллипс, как показано ниже:
Нажимаем Enter, принимая трансформацию.

4. Выбираем инструмент Horizontal Type Tool (T) и щелкаем на контуре в удобном для нас месте:
- текст печатается вдоль пути;
- текст заполняет площадь замкнутого контура.
5. Набираем текст (желательно без сглаживания, чтобы смотрелся на любом фоне):
6. Переключаемся на инструмент Path Selection Tool (A). С его помощью мы будем перемещать текст вдоль контура. Мышью перетаскиваем текст на внутреннюю сторону пути (вы можете этого и не делать, исходите из поставленной задачи):
7. Применяем к текстовому слою эффект Stroke (обводка):
8. Увеличьте масштаб для удобства. Вооружившись мышкой, потренируйтесь передвигать текст вдоль пути. Крестик и кружок на контуре - границы текстового слоя, надо двигать и тот и другой (появляются разные курсоры: и . Понаблюдайте, что при этом происходит.
Автоматизации процесса создания анимации не получается. Photoshop не улавливает изменяющиеся параметры текстового слоя, и макрос не записывается. Так что будем работать ручками, но это не сложно и не так долго, как может показаться.

9. Дублируем текстовый слой (Ctrl+J) и немного сдвигаем текст вдоль контура. Ориентируемся на нижний слой, который оставляем видимым:
10. Нижний слой делаем невидимым, а верхний дублируем.

11. Новую копию слоя немного сдвигаем и т.д., пока не дойдем до положения на контуре первого слоя.

Каждый сдвиг будет отображаться в отдельном слое!

12. Переходим в ImageReady (в Photoshop CS3 открываем палитру Animation: Window > Animation).

13. В раскрывающемся меню команд палитры Animation выбираем Make Frames From Layers (Сделать кадры из слоев). Из каждого слоя получается отдельный кадр. Видимо-невидимо устанавливается автоматически.

14. Выделяем все кадры в палитре Animation (клик по первому кадру и Shift+клик по последнему) и устанавливаем задержку 0,1 сек:
Наша анимация готова:
Не обязательно, чтобы контур был из стандартного набора и замкнутый. Вы можете создать любой путь, по вкусу, используя инструменты для работы с контурами (Pen Tool и др.).

Вооружившись буквами, знаками препинания и фантазией реализуем самые смелые замыслы:
Автор: Kroleg.

По совету Редиски сбросил нереализованные идеи сюда:

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

- Для каждого слоя (сдвига) можно понемногу изменять параметры стилей: эффект будет потрясающий! Кстати, и здесь можно будет попробовать применить макрос...

- Так как мы не растеризуем текстовые слои - легко изменить цвет каждого последующего слоя. Можно добиться эффекта переливания цвета…
- Можно изменять размер шрифта в каждом последующем слое...
Переворачивающиеся буковки
2. Дублируем слой. Делаем невидимым первоночальный. Нажимаем Ctrl+T и чуть-чуть сместим.
3. Теперь пишем другое слово. И повторяем.
4. Создадим 5 фигурок листа.
5. Дублирем слой с листочком несколько раз. Делаем с ними, что хотим. Поместите примерно так.
6. Открываем окно анимации. Первый кадр делаем видимым. Другие скроем.
7. Дублируем кадр и делаем видимым первый слой с листком.
8. Дублирем кадр, делаем видимым второй слой с листком, первый скроем.
9. Дублируем кадр и делаем видимым слой с листком, что касается буквы А
10. Дублируем кадр и начинаем открывать слои, где мы делали буквы "сжатыми"
11. Для 7-ого кадра открываем слой с буквой Н (начинаем с самого "сжатого" слоя, в смысле буквы)
13. Для последнего кадра все слои со словом AIDS спрячем, а слово HOPE откроем. Никаких листьев
14. Нажимаем Ctrl+Alt+Shift+S, чтобы сохранить как ГИФ

А вот и результат:
Автор: Head Nerd
Перевод: Спирит
Стильная анимационная подпись
1) Создадим новый документ (я возьму 210x50). Фон-прозрачный.

2) Теперь рисую прямоугольник. И применяю градиент (Layer-Layer Style- Blending Options-Gradient Overlay)

Вот:
3) Рисую ещё один прямоугольник.
4) Я нарисовал ещё один (практически монотонную подложку для бегалки), вы-как хотите.
5) Теперь нужно сделать Элемент, который будет бегать под решёткой. Рисую прямоугольник, убираю Fill=0 и навешиваю градиент нужного цвета (у меня-от прозрачности к красному). Слой можно как-нить обозвать, чтобы впоследствии долго искать не пришлось. Я обозвал progress
6) Теперь нам нужна решётка. Рисуем прямоугольник. И растрируем слой.
Вот так, (если кому не знакомо)
6.1) Нарезаем в ней дырки. Я использовал выделение, передвигал по горизонтали кнопками влево

вправо на клавиатуре и очищал выделение Delet oм
Вот что получилось:
-------------------------------------------------------------------
Теперь нарисуем сам индикатор
-------------------------------------------------------------------

1) Я нарисовал корпус при помощи , но тут всё на ваше усмотрение. Хоть кругом.
(радиус выставил на 6pix)
ещё один скруглённый прямоугольник, только с развёрнутым градиентов. (я ещё применил Layer-Layer Style-Blending options-Stroke только прозрачный и шириной в один пиксель)

Вот что должно получиться:
2) Далее нарисуем или стырим откуда-нибудь текстурку разводки платы и разместим её вот-так:
(поиграем с opacity, способом наложения и.т.д для лучшего результата. Мне пришлось наложить на картинку полупрозрачный градиент (как накладывать градиент, описано выше))
3) Теперь текстом навесим индикаторы (я использую цифру восемь).

Я использовал шрифт a_LCDNova Если кому надо, выкладываю.
С дизайном всё!

-------------------------------------------------------------------
Анимирование
-------------------------------------------------------------------

До этого были цветочки. Теперь пойдут ягодки...
Если честно, то чтобы получить нормальную анимацию, я раз пять всё запарывал и загружался снова. Так-что не беда, если сразу не получится.

1) Сначала заставим бегать полоску.
1.1) Утащим слой с полоской (progress) за документ (влево, чтобы небыло видно) (используйте клавиши влево и вправо на клавиатуре).

***
ПРИМЕЧАНИЕ
Нам щас часто будет нужна менюшка (на скрине она помечена красным кругом), для экономии места давайте

назовём её AnimOpt
1.2) Создадим новый фрейм из имеющегося. AnimOpt-New Frame

1.3) На втором фрейме Утащим слой с полоской (progress) под корпус индикатора (вправо, чтобы небыло видно)

1.4) Зажимаем Ctrl и выделяем оба фрейма путём кликанья на них.
1.5) Теперь заставим её двигаться. AnimOpt-Tween...
Параметры выставляем по вкусу. Я поставил Frames to Add = 25 это количество кадров, в которых наш

progress будет перемещаться от позиции фрейма1 до позиции фрейма2
Layers=All Layers;
Остальное оставить как есть.

1.6) Теперь я подогнал скорость. Выделил все фреймы AnimOpt>Select All Frames и поменял скорость

снизу иконки фрейма. Со скоростью советую поиграть используйте Other... для точной подстройки,

так-как для разных ситуаций подходит разная скорость оптимально для просмотра на компе как я подобрал

0,06 на деми , чтобы не тормозило, я кажется ставил 0,02. Причём даже эта сотая ишрает большую роль, так-что экспериментируем
Теперь наша progress ина должна бегать.

Вот:
2) Индикация. Для примера я буду выводить слово hello.
Вот здесь передо мною стала запороловка... Если кто-нибудь придумает решение лучше, просьба сообщить.
Так-как способов менее извращённых не вижу, будем делать так:

2.1) Для начала, срежем лишнее Image-Trim Transparent Pixels

2.2) Выделяем наш документ Ctrl+A и копируем обязательно Ctrl+ Shift +C

2.3) Создаём новый документ. Размер должен быть равен размеру нашего документа.

2.4) Вставляем скопированное на новый документ Ctrl+V
Положение изображения подгоняем так, чтобы оно было равно положению изображения на нашем первом документе. иначе потом на анимации оно будет прыгать
2.5) Теперь с помощью на месте первой 8-ки пишу "О" (последняя из слова Hello)
2.6) Помещаем кадр на нашу анимацию. AnimOpt-Copy Frame
потом переходим на наш документ с анимацией. должен быть выделен последний имеющися фрейм и Вставляем AnimOpt-Paste frames After Selection

3) Вернёмся к нашим бара... к нашей копии.

3.1) Сдвигаем слой с буквой О на второе место, а на первое место размещаем букву L и так далее...
думаю алгоритм понятен и проблем с текстом не будет.

4) После того как всё будет готово, не забудьте поменять скорость у кадров с текстом.

Вот что получилось:
Вот и всё!

Автор: Shara
Сверкающее сердце
Этот урок покажет Вам, как создать сердечко со сверкающими звездами, т.е. научит вас делать глиттеры (блестяшки)
1. Создайте новый документ 200x160 и светло-голубым фоном. Выберите Custom Shape Tool и создайте темно-красное сердце, или другую форму по вашему выбору. Теперь растеризуйте слой Layer - Rasterrize - Shape и затем сделайте выделение Ctrl+клик на слое. Далее примените select > feather 10 и select > modify > contract 10 и заполните получившееся выделение более светлым красным цветом на новом слое выше темного слоя
2. Затем создайте розовый круг на новом слое и затем используйте овальное выделение, чтобы удалить его как на рисунке ниже
3. Используйте filter > blur > gaussian blur с радиусом 3. Дублируйте слой, примените к нему горизонтальное отражение edit > transform > flip horizontal и переместите его вправо.
4. Теперь создайте темно-красную форму сердца и затем растеризуйте слой. Установите цвет переднего плана #AE0012 и второстепенный цвет #CD1233. Добавьте немного шума filter > noise > add noise к сердцу, с amount 8 и uniform. Добавьте небольшую внутреннюю тень к сердцу, layer > layer style > inner shadow.
5.Создание звезды.
Измените масштаб изображения к 600 % и создайте новую группу слоев (нажмите иконку папки в панели слоев) , назовите ее - звезда 1. Создайте новый слой в группе и используйте polygonal lasso tool, чтобы создать первую часть звезды
6. Дублируйте слой и затем поверните на 90 градусов - edit > transform > rotate 90 CW. Затем создайте линию на новом слое, шириной в 1 пиксель, используя rectangular marquee tool
7. Поверните ее на 45 градусов, расположите, как на рисунке и затем дублируйте слой
8. Слейте слои звезды вместе и выделите ее. Увеличьте выделение - select > modify >Expand 1 feather 3, и затем заполните слой под звездой (блеск) белым цветом.
9. Верните изображение звезды к обычному масштабу 100%. Слейте слой звезды с блеском, назовите его "large", затем дублируйте и сделайте его пока невидимым (уберите глазик). А дублированный слой назовите "medium" и уменьшите его до 70 %, используя edit- tranform
10.Сделайте "medium" невидимый и затем дублируйте "large" снова. Назовите этот новый слой "small" и затем уменьшите его до 30 % (рисунок a). Теперь вы имеете 3 слоя различного размера в группе слоев, названном "Star 1"
11. Дублируйте набор слоя и назовите новую группу слоев "Star 2".
12. Перейдите в image ready. Для первого кадра сделайте "large" из "Star 1" видимым, а "small" и "medium" невидимыми. Для "Star 2" сделайте только "small" видимым
13. Для второго кадра сделайте только "medium" видимым для "Star 1" и никаких видимых слоев для "Star 2".
14. Отобразите слои, видимые для кадра 3 (рисунок c)
18. Посмотрите, что у нас есть 2 мерцающих звезды. Теперь все, что Вы должны сделать, дублировать несколько раз группы звезд, создать цикл для каждой группы в 6 кадров (как мы делали выше), и таким образом, вы создадите вот такие сверкающие звезды, как на рисунке 2.
Надеюсь, вам понравился урок
вот еще примеры
Автор flash-game-design
Перевод Afrodita
Глиттеры. Учимся создавать блестящие картинки. Cs 3, Cs4
Шаг 1. Для урока нам понадобится:
1. Картинка которую мы будем делать блестящей
2. 2 фона
Правой клавишей клик на фон в рамке. В появившемся окошке выбераем пункт сохранить картинку как. И сохраняем ее на свой комп. Открываем их в фш и сохраняем как узор. Редактирование - определить как узор.
3.Руки
Шаг 2. Берем инструмент Лассо и выделяем нос. P.S после выделения первого носика нажимаем и удерживаем shift и выделяем второй носик.
Шаг 3. В панели слоев нажимаем ctrl + j дублируется наше выделение. Назовем его 1 нос
Шаг 4. В панели слоев нажимаем ctrl + j на слое 1 нос. У нас продублирует наш носик. Назовем слой 2 нос.
Теперь тоже самое проделываем с шапками и шарфом. У меня отдельно слои с шапкой и слои с шарфом. Выделяем
Делаем копию ( дубликат ) от первого слоя. И дублируем наши шапки и шарфы. Сейчас положение слоев у меня вот такое.
Шаг 6. Создаем 2 группы. Перекидываем слои с единичкой а группу 1, с двойкой в группу 2
Шаг 7. Убираем глазик с группы 2. Добавляем к нашему шарфу шума. Фильтр - Шум - Добавить шум.
Шаг 8. Убираем глазик с группы 1 и включаем видимость у группы 2. Добавляем шум к 2 слою с шарфом.Фильтр - Шум - Добавить шум. Увеличиваем на немного шума.
Шаг 9. То же самое повторяем со слоем нос 1 и нос 2.
Шаг 10. Теперь работаем только со слоями шапки. Так же добавляем шума на оба слоя, но со значением меньше 20. У меня стоит 14 для первого слоя с шапкой и для второго 19 . CNTRL клик на слой с шапкой 1. Выделилась наша шапочка.Создаем новый слой. И
заливаем наш новый слой 1 узором. Для слоя со 2 шапкой используем узор 2.
Шаг 11. Приступаем к анимации. Открываем панель анимации. Окно - анимация. Ставим время отображения кадров 0,2. Вы можете поставить любое другое время. Ели хотите что бы двигалось быстрее ставим 0,1 ,если медленнее 0,5. В панели слоев делаем невидемую 2 группу.
Взято с photoshopto4ka
Спецэффект - фото из пазлов.
Трюк фотошоп найден в одном из великолепных журналов, автором которого, является главный редактор журнала "Photoshop User" Скотт Келби - президент Национальной ассоциации профессионалов Фотошоп. Трюк фотошоп сделан на основе применения элементов головоломки или пазлов, которые доступны в панели элементов фотошоп:
Создайте новый документ в режиме RGB, в верхнем меню фотошоп (файл - новый...). В панели инструментов фотошоп, цвет основного фона задайте светло серый. Активируйте инструмент "Произвольная фигура" (на клавиатуре U). На палитре настроек, щелкните на третьем значке слева, чтобы была возможность создавать растровые фигуры:
Далее необходимо найти фигуру пазл, где выбирать видно из скриншота с правой стороны.

Когда будете выбирать фигуры, доступно будет 4 варианта пазлов, для начала возьмите четвертый пазл:
Создайте новый слой, щелкнув в панели слоев фотошоп - на значке создание слоя:
Идем на новый документ, который был нами создан. Удерживая клавишу Shift, рисуем в правом верхнем углу наш первый пазл головоломки. Смотрите ниже:
По аналогии создайте еще один слой, щелкнув на значке создания слоя в панели слоев фотошоп, затем возьмите второй пазл, там же где брали первый (который стоит вторым при выборе пазлов). Удерживая клавишу Shift, рисуйте вторую часть головоломки, по размерам примерно соответствующую первой.

Вторую часть головоломки нужно будет перевернуть нажав комбинацию клавиш Ctrl+T, появится выделение и мышкой можно будет вертеть пазл в любую сторону. После того, как перевернете второй пазл, мышкой переместите его под первый:
Совместите пазлы в одно целое, но оставьте между ними небольшой зазор для получения эффекта в дальнейшем, когда будет готово нажмите Enter, чтобы снять выделение.

Снова создаем новый слой для того, чтобы в фотошоп нарисовать третий пазл, выбираем фигуру третий пазл, рисуем по аналогии удерживая Shift и совмещаем с нижним пазлом, оставляя при этом небольшой зазор:
В панели слоев фотошоп, щелкните по слою с правым нижним пазлом и сделайте его копию, нажав комбинацию клавиш Ctrl+J, передвиньте последний четвертый пазл выше влево и слегка поверните (Ctrl+T), не забудьте нажать после этого Enter. Вот что должно получиться после выполнения этой части урока фотошоп:
Откройте любую фотографию или изображение к которой хотите применить данный спецэффект фотошоп, выбрав на жестком диски из своей коллекции. В данном примере я выбрал фото девушки в кресле.

Активируйте инструмент фотошоп "Перемещение" (на клавиатуре V) и переместите фото в документ с пазлами. В панели слоев фотошоп, мышкой опустите слой с фото в самый низ под слои с пазлами:
Наиболее важные элементы фотографии, должны быть закрыты серыми пазлами, чтобы добиться наилучшего эффекта фотошоп.
К элементам головоломки (пазлам) добавим эффект скоса и тени, чтобы смотрелись более реалистичнее. Щелкните 2 раза мышкой на слое с фотографией и установите следующие параметры тиснения и тени:
После того как параметры спецэффектов будут установлены нажмите ОК. В дальнейшем оба эти спецэффекта фотошоп, можно будет легко применить ко всем элементам.

Теперь удерживая клавишу Ctrl щелкните по первому слою с пазлом, в результате чего элемент станет выделенным. Активизируйте слой с фотографией, нажав на нем мышкой в панели слоев фотошоп (снимать выделение пока не надо):
Теперь можно удалить слой с пазлом, перетащив его на значок корзины в панели слоев фотошоп, выделение пока не снимайте. Нажмите Ctrl+J, чтобы создать новый слой с пазлом, на котором будет наложена часть фотографии:
По аналогии сделайте это со всеми тремя слоями с пазлами, нажимая на них мышкой с удержанием Ctrl, тем самым выделяя, затем активируйте слой с фото, удаляйте слой с элементом и делаете копию Ctrl+J.

Когда все будет готово, в панели слоев фотошоп, удалите слой с фотографией - переместив его на значок корзины. Вот спецэффект фотошоп готов, должно получиться как показано на рисунке в начале урока. Этот урок фотошоп немного посложнее, но если разобраться, то все станет понятно. В результате получается отличный спецэффект, который применим для любого изображения.
3d открытка
1) Создайте новый документ 900х675 рх.
2) Залейте фон градиентом от темно-серого к светло-серому цвету.
3) Используя Pen Tool и Convert Point tool нарисуйте контур открытки (верхнюю и нижнюю половинки). В качестве референса можете использовать это фото.
4) Подкорректируйте края формы с помощью трансформации Warp.
5) По аналогии создайте тень под открыткой, только в этот раз сдвиньте левый и правый углы немного вниз.
6) Примените фильтр Gaussian Blur к слою с тенью.
7) Примените радиальный градиент к верхней части открытки, линейный - к нижней. Цвета градиента - серый и белый.
8) Продублируйте нижнюю часть открытки, залейте ее более темным линейным градиентом. Отрежьте левый и правый углы, примените фильтр Gaussian Blur.
9) Повторите предыдущее действие, но в это раз оставьте только выделенную область. Залейте ее еще более темным градиентом.
10) В результате вы должны получить:
30) Добавьте маску к слою с деревом. Залейте ее черно-белым градиентом, как на картинке ниже.
31) Слейте слой background и слой с деревом.
32) Примените Gradient Overlay.
36) Используя Pen Tool, создайте выделение, как на картинке ниже.
37) Залейте выделение черно-прозрачным градиентом, поэкспериментируйте с opacity, примените фильтр Gaussian Blur (около 3 рх)
43) Примените трансформацию Distort.
44) Выделите небо и сотрите лишнее.
45) Для создания отдаленности используйте полупрозрачную резинку (opacity 20%) и Blur Tool (strength 15%).
49) Выделите центральную часть пейзажа (feather 40%), скопируйте выделенную область.
50) Вставьте ее на новый слой.
51) Выберите Image -> Adjusyments -> Levels.
56) Создайте новый слой, залейте его черно-прозрачным радиальным градиентом. Измените режим смешивания на Multiply, уменьшите opacity до 20%.
57) Добавьте маску и, используя мягкую кисть, удалите центральную часть.
64) Добавьте карандаш.
65) Вырежьте тень и разместите ее на новом слое под карандашом. Измените режим смешивания на Multiply.
66) Загрузите выделение карандаша и на новом слое закрасьте его верхнюю часть, используя мягкую полупрозрачную кисть белого цвета.
69) На новом слое нарисуйте большой белое пятно, измените режим смешивания на Dissolve, уменьшите opacity до 6%.
70) Слейте этот слой с новым пустым слоем.
Меняем цвет глаз профессионально
Красивый эффект, но очень простой. Единственный минус этого урока, он не подойдет для слишком темных глаз, например, темно-карих.
1. Откроем изображение, в котором будем менять цвет глаз:
2. Добавим корректировочный слой. Для этого на палитре слоев внизу кликаем по черно-белому кружку (или Layer > New Adjustment layer > Hue/Saturation), далее поставтье галочку рядом с Colorize и двигая ползунками, выберите подходящий цвет для глаз. Если не знаете точно какой цвет хотите, в будущем его легко можно будет изменить, тогда просто выберите любой цвет.
3. Кликните по маске слоя Hue/Saturation, используя инструмент заливки, залейте область черным цветом (просто кликните инструментом Paint Bucket Tool по изображению), красным на скриншоте обведена маска слоя:
После этого картинка стала в прежней цветовой гамме, т.к. черный цвет в маске слоя означает непрозрачность, а белый, соответственно - прозрачность. Т.е. наш тонированный слой стал непрозрачным. Поскольку нам необходимо стонировать только радужную оболочку глаза, то и прозрачность маски сделаем только в необходимых нам местах.

4. Теперь возьмите кисть белого цвета и в настройках кисти укажите Hardness 60%.
5. Диаметр кисти возьмите примерно равным радужной оболочки глаза, и сделайте 1 или несколько кликов, убедитесь, что Вы находитесь на маске слоя Hue/Saturation.
6. Глаз выглядит слегка мутно, поэтому изменим режим наложения слоя Hue/Saturation на Overlay и понизим прозрачность слоя Opacity до 70%.
7. Вот и все! Теперь Вы можете легко менять цвета, сделав двойной клик по слою Hue/Saturation на палитре слоев. Вот несколько примеров настроек: первая цифра отвечает за Hue, а вторая за Saturation, попробуйте!
3D-фото эффект
В этом уроке я расскажу как сделать 3D-эффект из 2D-фотографии.
1. Возьмите фотографию, над которой будете работать, я решила сделать лягушку, довольно симпатичная Оригинальное изображение выглядит так:
2. Сделаем выделение для будущей рамки с помощью инструмента Polygonal Lasso Tool (L). И сохраните выделение под именем Frame.
3. Снимите выделение. Сделайте копию слоя и дальше работаем с ним. Перейдите в режим редактирования быстрой маски Edit in Quick Mask Mode (Q). Выбираем кисть черного цвета и начинаем зарисовывать ею ту часть картинки, которая будет выступать за пределы рамки. Вот так:
*Важно: там, где объект будет выступать за границы нашей рамки можно закрасить больше, т.е. ниже обозначенной нами ранее верхней границы рамки, т.е. наше выделение должно будет перекрывать рамку.

4. Переходим обратно в режим Edit in Normal Mode (Q), инвертируем выделение Select > Inverse или нажатием Shift+Ctrl+I, копируем выделенное Edit > Copy и вставляем Edit > Paste, фотошоп вставит на новый слой, как нам и надо.

5. Делаем рамку. Переходим обратно на слой с нашей картинкой, загружаем выделение которое Вы сохранили во 2м шаге урока ( Select > Load Selection...), выбираем Frame. Инвертируем его Shift+Ctr+I, далее очищаем все Edit > Clear. Инвертируем еще раз Shift+Ctr+I, далее идем Select > Modify> Contract selection и ставим значение 15 - это будет ширина нашей рамки. Сохраняем получившееся новое выделение как InnerFrame ( Select > Save Selection...).
Далее загружаем снова наше выделение c именем Frame ( Select > Load Selection...), идем еще раз в Select > Load Selection... и выбираем выделение InnerFrame, но со значением Operations: Subtract from selection. Теперь это должно выглядить так:
6. Сделайте новый слой, не снимая выделения, и заливаем градиентом. От белого в верхнем левом углу до светло-серого в нижнем правом.

7. Далее делаем тень. Создайте новый слой под нашим основным с картинкой, загрузите выделение Frame и залейте его черным цветом ( Edit > Fill). Снимите выделение Ctrl+D и сделайте размытие по Гаусу со значением 5 ( Filter > Blur > Gaussian Blur..)
8. Трансформируем нашу тень Edit > Transform > Skew и потяните вниз справой стороны вот так:
10. Создайте еще один слой под текущим, он должен быть расположен ниже всех видимых, и зайлейте его любым понравившимся Вам цветом. Вот что получилось у меня
*Если раньше картинка имела темный фон, например как у меня, а выбранный Вами цвет светлый - то вполне вероятно, что у вас будут темные края вокруг объекта. Перейдите на слой, где расположен сам объект, у меня это верхний, и пройдитесь мягким ластиком по краям, также можете использовать инструмент для высветления цвета Dodge Tool (O).
Волшебная ручка
Создаем новый слой, устанавливаем приятный градиент и заливаем. Я использовала градиент от мягко-красноватого к белому, тип градиента - радиальный
Перейдите на текстовый слой, клик правой кнопкой, выберите команду Растрировать слой.
Берем инструмент . Выделяем первую букву и нажимаем Shift+Ctrl+J (вырезаем и вставляем на новый слой)
Теперь у нас все слово разбито по буквам, причем каждая буква на новом слое.
Спрячьте все буквы (закройте ) напротив всех букв, кроме "С".
Снова возьмите Будем разбивать букву на кусочки. Поступаем так же. Выделяем кусочек и нажимаем Shift+Ctrl+J.
В настройках устанавливаем нужный цвет и режим фигу Рисуем ручку удерживая Shift, чтобы сохранились пропорции.
Отразим ручку по горизонтали. Ctrl + T, клик правой кнопкой по рамке, выбираем Отразить по горизонтали.
Дублируем кадр (нажимаем создать новый слой в палитре анимации)и добавляем первый кусочек от буквы "С". Ручку передвигаем на кончик отрезка.
Когда Вы проделаете эти операции с каждой буквой, то у вас получится вот так:
Всего у меня получился41кадр. Первому и последнему я поставил время на 0,5 сек, остальные кадры без задержки.

Затем перейдите в меню Файл - Сохранить для Web...

Выберите формат GIF, 256 цветов.
Снег идет!
Начнем с того, что выберем фотографию или картинку, подходящую для нанесения на нее анимации падающего снега.
Далее выбираем инструмент Кисть и открываем палитру Кисти (F5). Выбираем Brush Tip Shape (Форма отпечатки кисти) и применяем следующие установки.
Динамика формы:
Рассеивание:
Создаем копию снежного слоя и поднимаем ее настолько вверх, чтобы нижняя часть нового снежного слоя касалась верхней части первоначального снежного слоя. Слейте оба снежных слоя - выделите их и нажмите Ctrl + E.
Скопируйте имеющийся слайд (нажмите на в окне анимации) и плавно спустите снежный слой так, чтобы на изображении показалась верхняя часть снежного слоя (которая была за пределами изображения).
Выделите оба слайда и нажмите Tweens animation frames (Создать промежуточные кадры) в окне анимации.
У вас автоматически получатся промежуточные слайды с движением снега.
Удаление последнего слайда закрепит круговорот анимации падающего снега, сделает его непрерывным. Отрегулируйте задержку продолжительности каждого слайда (под слайдом установите время его продолжительности), как показано внизу.
Далее по своему усмотрению вы можете менять форму кисти, размер и все что только захотите. Такими замечательными новогодними анимациями вы сможете одаривать своих друзей и близких.
Ледной текст
1. Создадим новое изображение 500x500px с черным фоном.
Напишем текст. Цвет белый. Растеризуем слой с текстом(Layer>Rasterize>Type )
2.Идем в Edit>Transform>Rotate 90° CW а затем щелкните на "Lock Transparent Pixels"
Нажмем "D" , чтобы установить цвета по-умолчанию (черно-белый).
Filter > Render > Clouds
Filter > Render > Difference Clouds.
Image > Adjustments > Invert (Ctrl+I)
Image > Adjustments > Auto Levels.

3.Дублируйте слой и скройте его ( уберите значок видимости с слоя)
Выберите оригинальный слой в текстом и отоприте прозрачные пиксели(Lock Transparent Pixels)

Filter > Stylize > Wind - повторите применение фильтра несколько раз (Ctrl+F).

Теперь откройте дублируемый текстовый слой. Слейте эти текстовые слои (Ctrl+E).
Выделите слой (Select > all или Ctrl+A)
Затем идем в Edit>Transform>Rotate 90° CCW
4.Затем нажмем на кнопку
Зальем слой белым цветом...EDIT > Fill > background color.

Идем в настройки стиля слоя:Прозрачность Fill = 0%

Layer > Layer Styles > Blending options

Drop Shadow: Opacity = 50%
Color = #678DAE
Distance = 3px
Size = 5px

Inner Glow : Blend Mode = Overlay
Color = White
Opacity = 65%
Size = 20px
Range = 30%

Bevel and Emboss : Depth = 700%
Size = 5 px
Soften= 0 px
Gloss Contour = Ring - Double
Highlight Opacity = 100%
Shadow Mode = Normal
Shadow Color = #C4DBE9
Shadow Opacity = 25%

Contour : настройки по -умолчанию

Satin : Blend mode = Normal
Color = White
Angle = 120
Distance = 9px
Size = 32px
Contour = Sawtooth 1

Все, наш обмороженный текст готов, также можете поменять фоновый цвет на более светлый.
перевод:Rediska
Блестяшки на тесте и объектах
1.первое что я сделал,так это создала2 файла,которые можно будет в дальнейшем использовать на картинке для блеска ,и надпись которой хочу придать гламурного вида))
текст для нормальной работы со слоями лучше растрировать,я просто создаю под слоем текста новый прозрачный слой и свожу слой текста с ним при помощи

Слой--Склеить с нижним || Ctrl-E
теперь удерживая клавишу Ctrl нажмем мышью на слой со словом и все оно выделится зальем слово алым цветом:
3.создадим на этом слое шум

Фильтр--Шум--Добавить шум || Filter--Noise--Add Noise
4.Дублируем слой

Слой--Дублировать слой || Layer--Dublicate Layer || Ctrl-J

5.теперь переходим на слои с глиттерами(блестяшками)
на скрине они черные,но это сделано только для того,чтобы понять что онитам
и так выберем один из этих файлов жмем выделить все
Ctrl-A
и потом Редактирование -- Определить образец
аналогично поступаем со вторым изображение блестяшек,котрое приведено в уроке.
6.теперь преходим на изображение с текстом,выбираем один из слоев,остальные делаем невидимым.
Заливаем его только выбираем не цвет а один из образцов в диалоге заливки

Редактирование -- Залить || Edit--Fill || Shift-F5

аналогично делаем с другим слоем только выбираем второй образец глиттера для заливки.
7.создаем анимацию.
Раздевание котенка ag
В этом уроке я покажу как раздел ag своего котенка используя простые и быстрые методы. Добиваться будем такого эффекта.
1. Начинаем с того что выделяем верхнюю половину головы котенка. Копируем и вставляем на новый слой, который назовем Out(Старый слой называем In), затем сдвигаем её влево и немного поворачиваем против часовой стрелки.
2. Тоже проделываем с нижней частью головы, только поворачиваем в другую сторону.
3.Используя Eraser too старем по краям лишний фон на Оut слое.
4. Далее нужно изменить цвет котенка, который внутри упаковки. Копируем мордочку внутренего котенка на отдельный слой. Выделяем с помощью Lasso:lasso: Части котенка которые мы бы не хотили менять и инвертируем выделение(Ctrl + i). Сбрасываем уровень насыщености до -80.
5.Далее добавим основных теней серому котенку. Для этого возьмем мягкую черную кисть с 15% прозрачностью и закрасим те места где надо затенить на новом слое и применим к этому слою наложение overlay.
6. При необходимости еще раз подкорректируем тени.
7. Добавим застежку внешней голове котенка. Застежка импортирована с istockphoto.com. Вырезаем бегунок и вставляем в слой
8. По краю котенка вставляем зубья с застежки
9. Ну и напоследок подредактируем область где палец надавливает на бегунок и все. Наш котенок готов.
Переведено с http://a.viary.com/blog/phoenix
Sources:
Kitty from http://www.sxc.hu
Zipper from istockphoto.com
http://www.istockphoto.com/file_closeup.php?id=1371221
Перевод: Eternal
Отличный урок о том как нарисовать золотое кольцо.

Здравствуйте и добро пожаловать на урок по созданию Кольца Всевластия, которое вы могли видеть в фильме по трилогии Толкина "Властелин колец".
Урок довольно длинный и сложный. Поэтому если ваш опыт работы с Photoshop не слишком велик, то урок скорее всего не для вас, впрочем вы можете попробовать.
Давайте начнем.

Шаг 1: Начнем с создания документа произвольного размера (обычно хватает 500*500). Помните, что уменьшить кольцо вы сможете потом в любой момент, поэтому стоит сделать его побольше. Чтобы было лучше видно то, что мы будем делать, сделаем фон черным.
Шаг2:Теперь приступим к созданию кольца (чувствуете себя Сауроном? - прим.пер.) Создаем новый слой. Теперь с помощью инструмента Elliptical Marquee Tool выделяем овал, похожий на сплющенный с двух сторон круг. Не делайте его слишком узким или округлым - попробуйте найти "золотую середину", иначе ваше кольцо по окончании урока будет выглядеть смешным. Заливаем выделение коричневым. Теперь делаем ещё одно выделение, но поменьше первого, располагаем его в центре коричневого овала. Но нам надо чтобы верхний и нижний края овала были острыми, поэтому берем Polygon Lasso tool и зажимая r=клавишу Shift дорезаем острые уголки. Доделываем и нажимаем Delete Должно получится нечто похожее на кошачий глаз:
Снова выделяем овал. С помощью Transform selection изменяем выделение до тех пор пока оно соприкоснется с острыми краями черного овала и не станет параллельным левой стороне коричневого овала. То есть таким же как и на картинке.
Выделение справа от острых углов нам больше не понадобится, поэтому выбираем Rectangular Marquee Tool и зажимая клавишу Аlt убираем ненужное (опять же рекомендую воспользоваться линейкой ctrl+r)

Теперь мы готовы начать придавать нашему кольцу обьем. Не снимая выделения берем Burn tool (кисточка круглая, 150px), медленно и аккуратно затемняем внутреннюю часть кольца, как это показано на картинке:
Не переборщите с затемнением - вам всего лишь надо, чтобы эта часть выглядела внутренней частью кольца. Теперь обернем выделение. Select> inverse. Берем инструмент Dodge Tool с той же кисточкой что и Burn tool. Осветлите так же как показано на рисунке:
Шаг 3: Теперь нам нужно сделать золотые отблески на кольце. Для этого нужно найти картинку где много светлых и темных мест одновременно. Лучше чтобы сразу были золотые оттенки, но не обязательно. Я использую эту
Используя Single Row Selection Tool копируем полоску с новой картинки.
Создаем новый слой. Вставляем в него полоску. Далее Edit> Transform> Scale и растягиваем полоску на весь экран
Далее Filter> Distort> Twirl, применяем по вкусу
Берем Magic Wand Tool и переходим на слой с нашим коричневым овалом. Выделяем все что снаружи кольца и небольшое черное пространство внутри кольца. Переходим обратно на слой с переливами. Не снимая выделения нажимаем Delete. Эффект остался только на кольце. Выберите режим Linear Dodge, чтобы переливы выглядели поярче. Вы можете немного менять цвет с помощью Image>Adjustments> HueSaturation. Повторите Шаг 3 столько раз сколько вам покажется нужным.

Шаг 4: Совместите все слои кроме черного фона. Настраиваем Image>Adjustments>BrightnessContrast.
Теперь мы можем поворачивать кольцо - это совсем легко. Edit> Transform> Rotate. Выбираем наилучший ракурс.
Теперь нам нужен эльфийский шрифт - найти его легко с помощью Google Пишем все что угодно (все равно ничего не понятно - прим.пер.) и выбираем функцию Warp Text, выбираем пункт Arch и добиваемся полного сходства расположения кольца и букв на нем. Далее двойным щелчком кнопки мыши по иконке слоя вызываем меню Layer Styleи настрайваем параметры Bevel and Emboss:
Снова совмещаем слои и применяем фильт Filter>Render>Lens flare.
Перевод: Demon
Источник: http://www.good-tutorials.com
Фото на документы
Предлагаю простую методику подготовки фото на документы. Основывался на статье в "Компьютерре", исправив несколько существенных ошибок. Конечно, удобнее использовать программу "Фото на документы", но можно обойтись и одним Фотошопом.
К фотографии на российский паспорт предъявляются следующие требования: размер фотографии – 35х45 мм (вообще-то, 37х47, но это с учётом будущей обрезки, мы же будем делать точно), расстояние от верхней части головы до верхнего края снимка – 5±1 мм, размер лицевой части головы (от линии глаз до подбородка) – 12±1 мм. Для реализации всего этого необходимо несколько несложных операций:

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

2. Оптимизируйте разрешение фотографии для печати в минилабе. Для этого в окне ImageSize (Размер изображения) из меню Image укажите разрешение в 300 точек/дюйм, ОБЯЗАТЕЛЬНО СНЯВ галку Resample Image (Перевыборка изображения).
3. Откройте миллиметровую линейку: View / Rulers (Вид / Линейки), единицы измерения выберите из контекстного меню, щелкнув по линейке правой кнопкой мыши.

4. Создайте две горизонтальные направляющие: View / New Guide (Вид / Новая направляющая), со значением позиции равным 30 и 42 мм, между ними поместим лицевую часть головы.
5. Нажмите последовательно Ctrl+A и Ctrl+T, при этом будет выделен весь снимок и включен режим свободной трансформации (Free Transform). Удерживая Shift (для сохранения пропорций), подцепите угол выделенной области и уменьшайте изображение. Выполняя несколько раз эту операцию, и перемещая изображение, добейтесь, чтобы на верхней направляющей линии оказались зрачки глаз, а на нижней – подбородок. Нажмите Enter, чтобы принять изменения. Не снимайте выделение.
6. Удерживая Ctrl, поднимите одну направляющую до самой верхней части головы (с волосами), а другую, ориентируясь по линейке, на 5 мм выше первой. Таким образом, получим верхнюю границу фотографии.
7. Откройте палитру Info. Затем из меню Selection выберите команду Transform Selection (Трансформировать выделение) и, ориентируясь по правой нижней части палитры Info, уменьшите размер выделения до 35х45 мм. Нажмите Enter, чтобы принять изменения. Подвиньте выделение так, чтобы его верхний край совпал с верхней направляющей, и оно было по центру фотографируемого. Всё, нужная часть фотографии отделена с соблюдением всех размеров и пропорций.
8. Обведём полученный портрет тонкой линией для удобства обрезки. Выберите команду Stroke (Обводка) из меню Edit и обведите выделение линией серого цвета шириной в 1 пиксель. Осталось скопировать выделенную область в новый файл с таким же разрешением в 300 точек/дюйм. На лист 10 х 15 см влезает 8 фотографий. Размещение удобно проводить с включённой сеткой (View / Show / Grid), передвигаемые объекты прилипают к её линиям.
Важно! Часто рекомендуемое на последнем этапе Кадрирование (Crop) по шаблону ИСПОЛЬЗОВАТЬ НЕЛЬЗЯ, иначе ПОТЕРЯЕТЕ все внутренние соотношения размеров. Такое кадрирование здорово облегчает подготовку обычных фото для печати в минилабе, но это – не тот случай!
Зимний шар, спецэффект
ЧАСТЬ I: ЗАНАВЕС

Шаг 1
Создайте новое изображение 735x550px, с белым фоном. Создайте новый слой, и заполните цветом (в этом примере #9F3F5D)
Шаг 2
Cоздайте новый канал.
Шаг 3
Используя rectangular marquee tool, делаем выделение и заполняем белым.
Шаг 5
Переключитесь обратно в палитру слоев. Идем в Filter > Render > Lighting Effects, поставьте значения как на рисунке
Ваше изображение должно теперь выглядеть нечто вроде этого:
ЧАСТЬ II: ГЛОБУС

Шаг 1
Создаем новый слой. Используя rectangular marquee tool сделайте квадратное выделение примерно 400x400 пикселей. сделайте выделение вокруг холста. Идем в Edit > Fill > Select
50% gray и убедитесь, что preserve transparency не выбрана
Шаг 2
Не убирая выделения идем в Filter > Render > Lens Flare. Установите там 50-300mm zoom. Установите вспышку как на рисунке.
Шаг 3
Опять оставляем выделение, идем в Filter > Distort > Polar Coordinates, поставьте Polar to Rectangular.
Шаг 4
Все еще не убирая выделения, идем в Edit > Transform > Flip Vertical, потом в Filter > Distort > Polar Coordinates и установим Rectangular to Polar. Убираем выделение.
Шаг 5
Сделайте две линии на новом слое как показано на рисунке, чтобы определить середину. Возьмем elliptical marquee, поместим курсор на пересечение линий и сделаем выделение (с зажатым Alt).
ЧАСТЬ III: СНЕГ

Шаг 1
Создаем новый слой. Используя rectangular marquee сделаем выделение вокруг сферы.
Шаг 2
Заполняем выделение белым. Идем в Filter > Noise > Add Noise, и установим значения на 8, Gaussian, monchromatic.
Шаг 3
Идем в Image > Adjust > Threshold, поставим значение на 210.
Шаг 5
Делаем выделение - Ctrl+щелчок по слою со сферой, инвертируйте и удалите лишнее.
Шаг 7
Добавим сугробы. Сделайте выделение подобное этому с помощью elliptical marquee tool. Залейте выделение белым.
Шаг 8
Идем в Filter > Texturizer, устанавливаем следущее: Sandstorm, 50%, relief 4, bottom right. Убедитесь, что Invert box не выбрана.
Шаг 9
Повторите процедуру, но в этот раз выберите Invert box. Измените Opacity 25-50%, сотрите все лишнее, и установаите Opacity на 100%
Готово!
Автор: Pamela Delli Colli
Перевод: Санька


Последний раз редактировалось: Darn (2010-01-28 17:56), всего редактировалось 62 раз(а)
Профиль  ЛС 
Hекий

Стаж: 15 лет
Сообщений: 11
Откуда: Ростов-на-Дону

Создавать темы Hекий написал(а)
23-Май-2009 13:28 (спустя 1 минута)
Профиль  ЛС 
GoldFinger

Стаж: 15 лет
Сообщений: 28
Откуда: ПАНАМА

Создавать темы GoldFinger написал(а)
23-Май-2009 13:40 (спустя 12 минут)
Прошу выложить урок как из черно белой фотки замутить цветную.

Спасибо за урок. Пойду учится, если не получится ничего путного отпишу в лс)


Последний раз редактировалось: GoldFinger (2009-05-23 14:21), всего редактировалось 3 раз(а)
Профиль  ЛС 
GotHunter

Стаж: 15 лет
Сообщений: 224
Откуда: Оренбург

Создавать темы GotHunter написал(а)
23-Май-2009 14:22 (спустя 41 минута)
GoldFinger
По запросу:Есть два урока на твой запрос. Оба Добавлены (смотреть мое сообщение выше).


Последний раз редактировалось: GotHunter (2009-05-24 22:15), всего редактировалось 2 раз(а)
Профиль  ЛС 
Raz0r

Стаж: 15 лет
Сообщений: 57

Создавать темы Raz0r написал(а)
24-Май-2009 17:32 (спустя 1 день 3 часа)
Прошу выложить урок как создать движущиеся полоски как на этом юзербаре или
заранее спасибо
Профиль  ЛС 
GotHunter

Стаж: 15 лет
Сообщений: 224
Откуда: Оренбург

Создавать темы GotHunter написал(а)
24-Май-2009 17:50 (спустя 17 минут)
Razor_94
По запросу: Я щас немного занят с оформлением своей раздачи. Если не кто не поможет ко времени окончания оформления. Я выложу урок. Он особа не тяжел. Просто надо найти еще исходник (полоску и уголок). Ну и написать все как делать. Скрины сделать и т.д.
Профиль  ЛС 
Raz0r

Стаж: 15 лет
Сообщений: 57

Создавать темы Raz0r написал(а)
24-Май-2009 20:34 (спустя 2 часа 43 минуты)

GotHunter писал(а):

Razor_94
По запросу: Я щас немного занят с оформлением своей раздачи. Если не кто не поможет ко времени окончания оформления. Я выложу урок. Он особа не тяжел. Просто надо найти еще исходник (полоску и уголок). Ну и написать все как делать. Скрины сделать и т.д.
хорошо я подожду)
Профиль  ЛС 
GotHunter

Стаж: 15 лет
Сообщений: 224
Откуда: Оренбург

Создавать темы GotHunter написал(а)
24-Май-2009 22:13 (спустя 1 час 39 минут)
Razor_94
А тебе надо иммено что бы вот так бегала полоска? или может вот так будет лутьше и не стондартнее af ag :
По зпросу: Я добавил 4 урока. Смотри их выше, где я выкладываю все уроки
Профиль  ЛС 
Raz0r

Стаж: 15 лет
Сообщений: 57

Создавать темы Raz0r написал(а)
25-Май-2009 11:32 (спустя 13 часов)

GotHunter писал(а):

Razor_94
А тебе надо иммено что бы вот так бегала полоска?
По зпросу: Я добавил 4 урока. Смотри их выше, где я выкладываю все уроки
Спасибо за уроки , но все таки выложи пожалуйста урок как сделать эти движущиеся полоски как на той юбке если знаешь как)
зы: могу выложить сюда пару неплохих уроков) можно?)
Профиль  ЛС 
Darn

Стаж: 15 лет
Сообщений: 55
Откуда: Russia

Создавать темы Darn написал(а)
25-Май-2009 13:03 (спустя 1 час 30 минут)
Razor_94
Не можно а нужно.Если есть уроки то выкладывай -раздел для этого и сделали.
А полоски эти очень просто делаются.Щас сделаю.
Профиль  ЛС 
Raz0r

Стаж: 15 лет
Сообщений: 57

Создавать темы Raz0r написал(а)
25-Май-2009 13:22 (спустя 19 минут)
Вот пока что только эти уроки выкладываю
Взято с:
userbars.ru
Урок от: Jampire
Результат урока:

1. Итак создаем на готовом юб новый слой, заливаем его черным цветом, применяем на него Filter->Noise->Add Noise (Фильтр->Шум->Добавить шум) с параметрами Amount (Количество) - 400%, Uniform и Monochromic (Униформа и Одноцветный).



2. Затем применяем Filter->Blur->Motion blur (Фильтр->Смазывание->Смазывание Движения) с дистанцией 20 и нужным вам наклоном (я ставлю -60 градусов).



3. Ставим на палитре слоев Blending Mode на Screen (Режим смешивания - Экран). Это сделает все черное прозрачным.



4. Заходим в Image->Adjusmstments->Levels (Ctrl+L; Изображение->Регулировки->Уровни) и настраиваем ползунки по желанию.



5. Для анимации дождя повторяем пункты 1-4 несколь раз . Только в фильтре Добавить шум ставим процент Количества на единицу меньше, чем в предыдущем слое (т.е. следующий слой будет с Количеством не 400%, а 399%). Я дошел до 395% ))).

6. Теперь дело осталось за малым. Переходим в ИР и переключаем последовательно слои с каплями (именно переключаем - включаем следующий и выключаем предыдущий). Время каждого кадра - 0,1 сек. В итоге получаем это:
Взято с: userbars.ru
Урок от: Ice Dragon
Результат урока:

1. Для начала нам понадобится заготовка простого бигбара.





2. Приступаем непостредственно к подготовке огня. Создаем новый слой "Огонь". Рисуем на нем белую горизонтальную линию толщиной 4-6 пикселей. Можно просто воспользоваться Rectangular Marquee Tool и залить выделение белым цветом. Затем перемещаем эту линию в самый низ изображения, за его край.







3. Теперь как и в большинстве туторов по созданию огня нужно повернуть холст на 90 градусов: Image->Rotate Canvas->90° CW.



Далее следуем в Filter->Stylize->Wind и применяем такие параметры:



Жмем Ctrl+F 1 раз. Таким образом мы повторим только что примененный фильтр.



Поворачиваем холст обратно: Image->Rotate Canvas->90° CCW



4. Ну вот первый более-менее творческий шаг в нашей работе . Нужно придать нашему огню форму, ведь пока что он похож на частокол. Нам предстоит использовать фильтр Liquify, созданный для искажения изображений вручную, но так как у нас на слое множество прозрачных областей, увидеть что -то в фильтре на фоне бело-серых квадратов будет сложно. Поэтому я рекомендую нажать Ctrl+I, тоесть инвертировать наш слой с огнем. Теперь "частокол" стал черным и увидеть его в окне фильтра будет проще.
Итак, Filter->Liquify.
Воспользуемся Zoom Tool чтобы было проще работать с языками пламени. Выбираем Pucker Tool. Настройки я выставил такие:



Теперь оооочень аккуратно, маленькими но частыми кликами придаем нашему пламени форму. Немного поработав этим инструментом, выбираем Bloat Tool с теми же настройками. Он работает противоположным образом, но также полезен. Работаем тем же способом.
Если что то не получется пользуемся Reconstruct Tool, если картина не нравится вообще, существует кнопка Restore All.
Выйдя из фильтра и нажав Ctrl+I вы должны увидеть примерно вот что:



Для полноты картины применим 1 раз Filter->Distort->Ripple с настройкой на 50%

5. Ну вот, у нас получилось что-то похожее на языки пламени, теперь нам предстоит создать новый файл, от которого как раз и будет зависеть наша анимация. Создаем новый холст 350x240, остальные настройки стандартные. Жмем Filter->Render->Clouds, затем Filter->Render->Difference Clouds. Думаю вы и так видите для чего они нужны. Жмем Ctrl+F 3 раза. Получилось какое-то серое желе



Теперь нужно окрасить наше желе в желтовато-оранжевый. Image->Adjustments->Hue/Saturation или просто жмем Ctrl+U. Выставляем такие настройки:



Обратите внимание на галочку возле Colorize!
Вот что должно получиться:



6. Теперь довольно интересный шаг. Нам нужно закольцевать низ и верх получившегося изображения. Зачем - поймете позже. Чтобы нам легче было работать, идем в Window->Info. Эта панель облегчит нам жизнь, только нужно поставить в Palette Options этой панели Rules Units: Pixels.
Выделяем нижнюю часть изображения размером 350x50, здесь-то нам и поможет панель Info.



Щелкаем правой кнопкой по выделению, выбираем Layer via Copy. Это вставит выделенную облась на новый слой, оставив ее также на старом. Перемещаем обрезок на новом слое в самый вверх



Жмем Ctrl+E, тем самым слив 2 слоя в 1.
Настало время сгладить место "разрыва" изображения. В этом нам поможет Patch Tool. Выделяем с помощью Rectangular Marquee Tool нужное нам место, выбираем Patch Tool.



Обратите внимание, что в настройках Patch Tool (вверху) должен быть выбран пункт Source.
Теперь наводим курсор внуть выделения, зажимаем левую клавишу и ведем выделение где-то на 40 пикселей вниз, как бы выбрав "донорскую область", отпускаем клавишу, жмем Ctrl+D. Все, теперь переход виден намного хуже.



7. Переносим наш слой на бигбар. Для этого просто берем слой в палитре его изображения и перетаскиваем на изображение бигбара.
Назовем его "Эффект" и поставим выше слоя "Огонь". Выровняем слой Эффект, приставив его верхний край точно к верху нашего холста.

Теперь момент которого мы ждали . Весь фокус состоит в режиме смешивания. Меняем его у слоя "Эффект" на Linear Light



Теперь огонь выглядит реалистично, не так ли? Так что теперь я просто добавлю текст .



8. Ну что ж? Переходим в Image Ready. Жмем Ctrl+Shift+M.
В палитре анимации жмем Duplicate Current Frame. Теперь перемещаем наш слой "Эффект" вверх и вверх, пока ввиду не останется только его низ. Выравниваем его так, чтобы первый кадр не отличался от второго. Снова выбираем первый кадр. В палитре анимации жмем Tween.



Жмем ОК, удаляем последний кадр. Как это все оптимизировать читаем тут. Выбираем File->Save Optimized As, вуаля, анимация готова.

Взято с: userbars.ru
Урок от: sayko2
Результат урока:

1. Для начала запускаем фотошоп. Пока он неторопливо перечисляет плагины и шрифты - выпиваем чашечку кофе. ^_^
2. Создаем новый документ (File->New) 20x20 px. В Background Contents выбираем Transparent.
3. Далее выберите Rectangle Tool(U) и залейте им половину эскиза черным.



4. После этого делаем паттерн (Edit->Define Pattern...). Называем его my_pattern.
5. Создаем новый документ 1000х1000px с прозрачным фоном.
6. Заливаем этот документ только что созданным паттерном. (Paint Bucket Tool(G), Pattern, выбираем my_pattern(самый последний).
7. Теперь у нас рисунок с вертикальными линиями. Применим фильтр Polar Coordinates (Filter->Distort->Polar Coordinates). В окне фильтра выберите Rectangular to Polar и нажмите OK.

8. Снова создаем новый документ 500х500px с прозрачным фоном.
9. Переносим только что созданные нами «лучики» в новый документ (просто перетягиваем мышкой).



10. На нашем документе (тот который 500х500px, остальные нам больше не понадобятся) создаем вертикальный гвид на конце одного из лучиков(Viev->Show->Guides, Если разметка страницы выключена, то нажимаем Ctrl+R). Это нам поможет в анимации.



11. Ну что? Теперь мы приступаем к самой анимации. Включите окно анимации (Window->Animation).
12. Копируем наш слой с лучиками.
13. Нижний слой прячем, нажав на иконку глаза возле слоя.
14. Создаем новый кадр в окне анимации.
15. Нажимаем Ctrl+T или Edit->Free Transform
16. На панели Transform изменяем угол (Rotate) на -0,5 градусов.
17. Повторите шаги от 12 до 16 до тех пор, пока расстояние между следующим лучиком и гвидом будет равно приблизительно 0,5 градусов. У вас должно получится что-то вроде этого:



Теперь у вас есть заготовка, с которой можно вытворять любые махинации. Достаточно сделать выделение 350х19px в том месте, в котором вам больше хочется, и сделать Crop(Image->Crop), но сначала, я рекомендую, добавить к каждому слою эффектов в Blending Options (Правый клик по слою->Blending Options), необходимо включить свою фантазию.
Также, если вы хотите чтоб анимация была более плавной и медленной, то уменьшите угол поворота. А если вы хотите чтоб она была быстрее, то увеличьте угол поворота.
В моем случае лучики вращаются против часовой стрелки, если вы хотите чтоб они вращались по часовой стрелки, то не ставьте минус перед значением угла поворота.
Вот что получилось у меня:
Вот моя заготовка для последнего урока лучики.psd(5 mb), ее можно изменять как хотите
Профиль  ЛС 
Показать сообщения:     

Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете голосовать в опросах
Вы не можете прикреплять файлы к сообщениям
Вы не можете скачивать файлы

Текущее время: 26-Апр 20:14
Часовой пояс: UTC + 5