Создаем имитацию стекла в Фотошопе
Создаем имитацию стекла в Фотошопе
Стоит понимать, что это будет именно имитация, потому как Фотошоп не может в полной мере (в автоматическом режиме) создать реалистичное преломление света, присущее данному материалу. Несмотря на это, мы можем при помощи стилей и фильтров добиться вполне интересных результатов.
Как сделать имитацию стекла в Adobe Photoshop
Для начала вам нужно определиться, эффект какого типа стекла вы хотели бы получит. Матового, линзы или самого обычного. Это наиболее распространенные запросы пользователей. Помимо базовых навыков работы в Photoshop вам потребуется наличие фотографии, на которую собираетесь делать наложение данного эффекта.
Далее рассмотрим несколько вариантов наложения.
Наложение матового стекла
В матовом стекле искажения минимальны, но при этом изображение становится слегка размытым, немного темнее и на нем появляется рябь. Давайте попробуем добиться такового эффекта:
- Откройте изображение, над которым будете проводить манипуляции в рабочей области программы. Сделать это можно просто перенеся его из обычного «Проводника» Windows. Если у вас появится предупреждение о несоответствии цветового профиля, то просто жмите «Ок». Менять ничего не нужно.
- Изображение появится на панели со слоями в качестве фонового слоя. Вам требуется продублировать данный слой, воспользовавшись сочетанием клавиш Ctrl+J или кликнув правой кнопкой мыши по миниатюре слоя и выбрав из контекстного меню вариант «Создать дубликат слоя».
- «Режим наложения» должен иметь значение «Экран»;
- «Непрозрачность» около 40-50%;
- «Шум» примерно 10%;
- «Размер» поставьте примерно на 150-200 пикселей.
Обычное стекло
Если вам требуется обычное, незамутненное стекло, то действуйте по следующей инструкции:
- Повторите обязательно первые четыре шага, если вам нужно наложить эффект не на всю картинку, а только на определенную часть. В панели слоев выделите верхний слой.
- Откройте меню с фильтрами, кликнув по одноименной кнопки в верхней части интерфейса. Из выпавшего списка выберите «Галерея фильтров».
Эффект линзы
Возможно, собираясь создать эффект стекла в Photoshop вы собирались сделать что-то похожее на линзу. Если это так, то можете попробовать действовать согласно данной инструкции:
- Лучше всего демонстрировать данный эффект на эллипсе. Вместо квадрата просто создайте эллипс. Для сохранения пропорций во время создания фигуры зажмите клавишу Shift.
- Перейдите на верхний слой в панели слоев. Затем нажимаем клавишу CTRL и кликаем по миниатюре слоя с кругом, загружая выделенную область.
- С помощью сочетания клавиш Ctrl+J сделайте копию основного слоя и привяжите ее к ниже лежащему. Это можно сделать, зажав клавишу ALTи кликнув по границе слоя.
- Осталось только задать искажение для картинки. Это можно сделать с помощью фильтра «Пластика». Раскройте панель с фильтрами, кликнув по одноименному пункту верхнего меню. Из выпавшего списка выберите «Пластика».
Мы рассмотрели основные варианты наложения эффекта стекла в Photoshop. Сохраните готовое изображение в виде PSD-файла, чтобы при необходимости можно было быстро вернуться к редактированию и/или задействовать наработки из файла в других своих проектах.
Как сделать имитацию стекла в Adobe Photoshop
Для начала вам нужно определиться, эффект какого типа стекла вы хотели бы получит. Матового, линзы или самого обычного. Это наиболее распространенные запросы пользователей. Помимо базовых навыков работы в Photoshop вам потребуется наличие фотографии, на которую собираетесь делать наложение данного эффекта.
Далее рассмотрим несколько вариантов наложения.
Наложение матового стекла
В матовом стекле искажения минимальны, но при этом изображение становится слегка размытым, немного темнее и на нем появляется рябь. Давайте попробуем добиться такового эффекта:
- Откройте изображение, над которым будете проводить манипуляции в рабочей области программы. Сделать это можно просто перенеся его из обычного «Проводника» Windows. Если у вас появится предупреждение о несоответствии цветового профиля, то просто жмите «Ок». Менять ничего не нужно.
- Изображение появится на панели со слоями в качестве фонового слоя. Вам требуется продублировать данный слой, воспользовавшись сочетанием клавиш Ctrl+J или кликнув правой кнопкой мыши по миниатюре слоя и выбрав из контекстного меню вариант «Создать дубликат слоя».
- «Режим наложения» должен иметь значение «Экран»,
- «Непрозрачность» около 40-50%,
- «Шум» примерно 10%,
- «Размер» поставьте примерно на 150-200 пикселей.
Обычное стекло
Если вам требуется обычное, незамутненное стекло, то действуйте по следующей инструкции:
- Повторите обязательно первые четыре шага, если вам нужно наложить эффект не на всю картинку, а только на определенную часть. В панели слоев выделите верхний слой.
- Откройте меню с фильтрами, кликнув по одноименной кнопки в верхней части интерфейса. Из выпавшего списка выберите «Галерея фильтров».
Эффект линзы
Возможно, собираясь создать эффект стекла в Photoshop вы собирались сделать что-то похожее на линзу. Если это так, то можете попробовать действовать согласно данной инструкции:
- Лучше всего демонстрировать данный эффект на эллипсе. Вместо квадрата просто создайте эллипс. Для сохранения пропорций во время создания фигуры зажмите клавишу Shift.
- Перейдите на верхний слой в панели слоев. Затем нажимаем клавишу CTRL и кликаем по миниатюре слоя с кругом, загружая выделенную область.
- С помощью сочетания клавиш Ctrl+J сделайте копию основного слоя и привяжите ее к ниже лежащему. Это можно сделать, зажав клавишу ALTи кликнув по границе слоя.
- Осталось только задать искажение для картинки. Это можно сделать с помощью фильтра «Пластика». Раскройте панель с фильтрами, кликнув по одноименному пункту верхнего меню. Из выпавшего списка выберите «Пластика».
Мы рассмотрели основные варианты наложения эффекта стекла в Photoshop. Сохраните готовое изображение в виде PSD-файла, чтобы при необходимости можно было быстро вернуться к редактированию и/или задействовать наработки из файла в других своих проектах.
Шаг 1
ИдёмРедактирование – Наборы – Управление наборами (Edit > Presets > Preset Manager). В окне Управление наборами (Preset Manager), в выпадающем меню Тип набора (Preset Type), выберите опцию Кисти (Brushes), а затемнажмите кнопку Загрузить (Load).
В появившемсяокне навигации, выберите исходный файл FakeWindow.atn, которыйвключён в скачиваемое приложение. Далее, нажмите кнопку Выполнить (Done).
Шаг 2
Выберитеинструмент Кисть (Brush Tool (B). В панели управления данного инструмента. Убедитесь,чтобы Непрозрачность (Opacity) и Нажим (Flow)кисти были установлены на 100%.
Результат
Одним из огромных преимуществ этого метода Просвечивания (Knockout) при работе с текстом является тот факт, что эффект автоматически обновляется при редактировании текстового элемента. Если при работе с маской слоя изменить текст было нельзя (маска-то уже покрашена, придется маску редактировать, красить кисточками разного цвета и т.д.), то теперь можно менять и текст, и шрифт, и размер, и добавлять текстуры и подкладывать слои другие (варианта Просвечивания (Knockout) же два).
Это практичнее и удобнее. Какой бы маска слоя не казалась практичной – она не всегда способна помочь.
Впрочем, именно улучшая данный эффект Просвечивания и добавляя еще слои, и используя кисточки с малой силой нажатия и непрозрачности, можно легко добиться эффекта стекла, лёгкой изморози, добавить к тексту свечение и вообще затем отключить баннер!
Напомним, что для работы с маской, нужно добавить к баннеру слой-маску, зажать Ctrl и кликнуть по текстовому слою на панели слоев. Это выделит каждую букву. Возьмите кисточку с чёрным цветом (если маска белая), активируйте маску на панели слоёв и закрасьте выделение.
Выделение текста, и прокраска его на слое маске баннера.
Если же нужны эффекты, то удобнее добавлять отдельный слой, также с помощью Ctrl+клик по текст-слою выделять текст (или объект) и накладывать на это выделение и чистый слой эффекты, текстуры и прочее. Таким образом, в данном случае проще отказаться от маски, чтобы редактирование было не просто проще , но возможно вообще.
На отдельном слое покрасили выделение.
В результате, после всех манипуляций нам удалось превратить, казалось бы, «эффект ни-о-чём» в действительно нужный и полезный.
А что получилось у вас?
Если вы нашли ошибку/опечатку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.
Шаг 6
Работаем со второй копией слоя с текстом. Измените цвет текста на любой цвет, лишь бы он был достаточно темным. Но помните, что вы сможете изменить его позже. В примере использован цвет #0a4752 .
Кликните дважды по слою, чтобы применить к нему следующие стили:
Bevel and Emboss/Тиснение
Цвет: #595959
Contour/Контур
Контур: Cone – Inverted
Texture/Текстура
Выберите узор, созданный нами в начале урока.
Inner Glow/Внутреннее свечение
Цвет: #e1e1e1
Вот что должно получиться.
Как создать эффект матового стекла на слайде в PowerPoint
Создать эффект матового стекла можно, даже если на компьютере нет Photoshop, используя только стандартные средства PowerPoint. Для примера оформим такой слайд:
1. Добавим картинку на слайд и продублируем этот слайд
Я буду использовать эту картинку:
Копируем фотографию и добавляем на слайд (CTRL+C и CTRL+V тоже работают). Так как другой информации на слайде не будет, мастшабируем фото на весь слайд.
Если не знаете, как отмасштабировать фото — посмотрите шаг 3.2. Фотография масштабируется также, как фигура прямоугольника.
Понадобятся две копии картинки, поэтому создаем дубль слайда: щелкните по слайду в области эскизов (это левая часть окна PowerPoint) и наберите с клавиатуры CTRL+D.
2. «Заблюрим»одну из фотографий
Применим к одной из фотографий эффект «Blur». Щелкните мышкой по фотографии, в появившейся области «Работа с рисунком» на вкладке «Формат» выберите «Художественные эффекты» — «Blur».
3. Оформим эффект матового стекла
Добавим поверх забллюренной фотографии светло-серый прямоугольник, растянем его на весь слайд, и сделаем прозрачным на 55%.
Сначала добавим фигуру прямоугольника: «Вставка» — «Фигуры» — «Rectangle».
Отмасштабируем добавленный прямоугольник на весь слайд. Выровняем прямоугольник в верхний левый угол слайда используя команды «Выровнять по левому краю» и «Выровнять по верхнему краю» на вкладке «Формат» в области «Средства рисования» (область появится, когда мы щелкнем по прямоугольнику). Не забудьте поставить галочку «Выровнять относительно слайда»:
Теперь щелкните по прямоугольнику, наведите мышкой на его нижний правый угол, и зажав кнопку мыши растяните до нижней и правой границ слайда (при пересечении границ появятся направляющие):
Уберем границы у прямоугольника и зальем его светло-серым цветом с прозрачностью 55%. Это можно сделать на вкладке «Формат» в области «Средства рисования» (не забываем выделить прямоугольник сначала).
Чтобы залить фигуру «точным» цветом RGB (а не на глаз), выберите в меню «Заливка фигуры» пункт «Другие цвета заливки». Откроется диалоговое окно «Цвета», где на вкладке «Спектр» можно выбрать цветовую модель RGB и задать цвет цифрами (я использую RGB 170 170 170). Тут же зададим прозрачность 55%:
Другой способ задать прозрачность цвета — щекнуть правой кнопкой мыши по прямоугольнику, и выбрать в контекстном меню «Формат фигуры». В правой части окна PowerPoint откроется меню «Формат фигуры», где на вкладке «Параметры фигуры» также можно задать прозрачность:
Слайд с эффектом «матового стекла» готов:
Осталось добавить «чистую» область и название.
4. Добавим «чистую» область в виде круга
Обрежем незаблюренную фотографию (ту, которую мы продублировали на первом шаге) по форме круга . Перейдите на продублированный слайд, щелкните мышкой по фото, в появившейся области «Работа с рисунком» на вкладке «Формат» и выберите «Обрезка» — «Обрезать по фигуре» — «Овал» (расположен в блоке «Основные фигуры»).
Чтобы овал стал кругом, задаем пропорции: щелкнем по фото, выберем «Работа с рисунком» — «Формат» — «Обрезка» — «Пропорции» — «Квадрат 1:1».
Растягивая мышкой черный уголок в области обрезки, измените область, которую хотите обрезать (работает также, как и при изменение размеров фигуры). Чтобы круг снова не стал овалом, зажмите клавишу SHIFT — это позволит пропорционально увеличить (или уменьшить) размеры.
Сфокусируем обрезку на нефтяной вышке. У меня получилось так:
Скопируем (CTRL+C и CTRL+V снова работают) обрезанную фотографию на другой слайд, где уже оформлен эффект «матового стекла». Получится вот такой «чистый фокус»:
5. Добавим плашку с названием
Осталось добавить плашку с названием слайда. Я добавила оранжевый прямоугольник с прозрачностью 30% и растянула его по ширине слайда.
Делается также, как с серым прямоугольником на шагах 3.1-3.3
Переместим плашку с надписью на второй план, а сфокусированную область фото — на первый. Для этого щелкните по обрезанной фотографии, и в появившейся области «Работа с рисунком» на вкладке «Формат» выберите «Переместить вперед»: