0 added
0 removed
Original
2026-01-01
Modified
2026-02-21
1
<p><a>#Руководства</a></p>
1
<p><a>#Руководства</a></p>
2
<ul><li>12 авг 2022</li>
2
<ul><li>12 авг 2022</li>
3
<li>0</li>
3
<li>0</li>
4
</ul><p>Рассказываем о самом простом способе сделать имитацию битой картинки.</p>
4
</ul><p>Рассказываем о самом простом способе сделать имитацию битой картинки.</p>
5
<p>Иллюстрация: Polina Vari для Skillbox Media</p>
5
<p>Иллюстрация: Polina Vari для Skillbox Media</p>
6
<p>Автор статей по дизайну. В веб-дизайн пришёл в 2013 году, осознанно начал заниматься с 2015 года. Параллельно освоил вёрстку. Время от времени публикую переводы на Habr.</p>
6
<p>Автор статей по дизайну. В веб-дизайн пришёл в 2013 году, осознанно начал заниматься с 2015 года. Параллельно освоил вёрстку. Время от времени публикую переводы на Habr.</p>
7
<p>Глитч - визуальный эффект "битой" картинки, который возникает в результате ошибки программы. В жизни это обычно происходит в играх и телетрансляциях. Рассказываем, как в Photoshop создать этот эффект буквально в пару кликов и без ручной доработки.</p>
7
<p>Глитч - визуальный эффект "битой" картинки, который возникает в результате ошибки программы. В жизни это обычно происходит в играх и телетрансляциях. Рассказываем, как в Photoshop создать этот эффект буквально в пару кликов и без ручной доработки.</p>
8
<p>Сначала нужно немного сместить каналы у изображения, чтобы в результате у вас получилась немного размытая картинка - как в некачественной телетрансляции.</p>
8
<p>Сначала нужно немного сместить каналы у изображения, чтобы в результате у вас получилась немного размытая картинка - как в некачественной телетрансляции.</p>
9
<ul><li>Создайте две копии вашего изображения, чтобы на панели слоёв у вас было три картинки - оригинал и два дубликата.</li>
9
<ul><li>Создайте две копии вашего изображения, чтобы на панели слоёв у вас было три картинки - оригинал и два дубликата.</li>
10
<li>Дважды щёлкните левой кнопкой мыши по верхнему слою панели слоёв. В открывшемся окне "Стиль слоя" отключите флажок напротив буквы R - это нужно для того, чтобы отключить красный канал слоя, - и нажмите кнопку "ОК".</li>
10
<li>Дважды щёлкните левой кнопкой мыши по верхнему слою панели слоёв. В открывшемся окне "Стиль слоя" отключите флажок напротив буквы R - это нужно для того, чтобы отключить красный канал слоя, - и нажмите кнопку "ОК".</li>
11
<li>Клавишами со стрелками сместите слой с отключённым красным каналом.</li>
11
<li>Клавишами со стрелками сместите слой с отключённым красным каналом.</li>
12
<li>Нажмите сочетание клавиш Ctrl (⌘) + E, чтобы объединить два последних слоя.</li>
12
<li>Нажмите сочетание клавиш Ctrl (⌘) + E, чтобы объединить два последних слоя.</li>
13
<li>Нажмите Ctrl (⌘) + J, чтобы сделать дубликат получившегося слоя. Пока скройте его - он понадобится позже.</li>
13
<li>Нажмите Ctrl (⌘) + J, чтобы сделать дубликат получившегося слоя. Пока скройте его - он понадобится позже.</li>
14
</ul><p>Теперь нужно "сломать" картинку, чтобы помехи на ней были ещё выразительнее. Для этого подойдёт стандартный эффект "Искажение":</p>
14
</ul><p>Теперь нужно "сломать" картинку, чтобы помехи на ней были ещё выразительнее. Для этого подойдёт стандартный эффект "Искажение":</p>
15
<p>1. Выберите второй слой сверху.</p>
15
<p>1. Выберите второй слой сверху.</p>
16
<p>2. Перейдите в основное меню Photoshop "Фильтр" → "Искажение" → "Волна" и выставите значения, указанные ниже.</p>
16
<p>2. Перейдите в основное меню Photoshop "Фильтр" → "Искажение" → "Волна" и выставите значения, указанные ниже.</p>
17
<em>Скриншот: Skillbox Media</em><p>3. Включите слой, который вы скрывали, когда делали анаглиф.</p>
17
<em>Скриншот: Skillbox Media</em><p>3. Включите слой, который вы скрывали, когда делали анаглиф.</p>
18
<p>4. На включённом слое укажите режим наложения "Замена светлым" (Lighten).</p>
18
<p>4. На включённом слое укажите режим наложения "Замена светлым" (Lighten).</p>
19
<p>Чтобы усилить эффект, на изображение можно добавить текстуру с телевизионными помехами. Например, такую:</p>
19
<p>Чтобы усилить эффект, на изображение можно добавить текстуру с телевизионными помехами. Например, такую:</p>
20
<em>Изображение: Public Domain</em><ul><li>Добавьте текстуру с цветными помехами на холст, чтобы она была поверх всех остальных слоёв.</li>
20
<em>Изображение: Public Domain</em><ul><li>Добавьте текстуру с цветными помехами на холст, чтобы она была поверх всех остальных слоёв.</li>
21
<li>Нажмите сочетание клавиш Shift + Ctrl (⌘) + U, чтобы обесцветить её, и перенесите на слой ниже.</li>
21
<li>Нажмите сочетание клавиш Shift + Ctrl (⌘) + U, чтобы обесцветить её, и перенесите на слой ниже.</li>
22
<li>У текстуры укажите режим наложения - "Перекрытие" (Overlay).</li>
22
<li>У текстуры укажите режим наложения - "Перекрытие" (Overlay).</li>
23
<li>Непрозрачность текстуры укажите 80%.</li>
23
<li>Непрозрачность текстуры укажите 80%.</li>
24
</ul><a>Практический курс: "Photoshop с нуля до PRO" Узнать о курсе</a>
24
</ul><a>Практический курс: "Photoshop с нуля до PRO" Узнать о курсе</a>