Toderelt.ru

ПК Журнал ТодерельТ
0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Создаем имитацию стекла в Фотошопе

Создаем имитацию стекла в Фотошопе

Как сделать эффект стекла в Фотошопе

Стоит понимать, что это будет именно имитация, потому как Фотошоп не может в полной мере (в автоматическом режиме) создать реалистичное преломление света, присущее данному материалу. Несмотря на это, мы можем при помощи стилей и фильтров добиться вполне интересных результатов.

Как сделать имитацию стекла в Adobe Photoshop

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

Далее рассмотрим несколько вариантов наложения.

Наложение матового стекла

В матовом стекле искажения минимальны, но при этом изображение становится слегка размытым, немного темнее и на нем появляется рябь. Давайте попробуем добиться такового эффекта:

  1. Откройте изображение, над которым будете проводить манипуляции в рабочей области программы. Сделать это можно просто перенеся его из обычного «Проводника» Windows. Если у вас появится предупреждение о несоответствии цветового профиля, то просто жмите «Ок». Менять ничего не нужно.
  2. Изображение появится на панели со слоями в качестве фонового слоя. Вам требуется продублировать данный слой, воспользовавшись сочетанием клавиш Ctrl+J или кликнув правой кнопкой мыши по миниатюре слоя и выбрав из контекстного меню вариант «Создать дубликат слоя».

  • «Режим наложения» должен иметь значение «Экран»;
  • «Непрозрачность» около 40-50%;
  • «Шум» примерно 10%;
  • «Размер» поставьте примерно на 150-200 пикселей.

Обычное стекло

Если вам требуется обычное, незамутненное стекло, то действуйте по следующей инструкции:

  1. Повторите обязательно первые четыре шага, если вам нужно наложить эффект не на всю картинку, а только на определенную часть. В панели слоев выделите верхний слой.
  2. Откройте меню с фильтрами, кликнув по одноименной кнопки в верхней части интерфейса. Из выпавшего списка выберите «Галерея фильтров».

Эффект линзы

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

  1. Лучше всего демонстрировать данный эффект на эллипсе. Вместо квадрата просто создайте эллипс. Для сохранения пропорций во время создания фигуры зажмите клавишу Shift.
  2. Перейдите на верхний слой в панели слоев. Затем нажимаем клавишу CTRL и кликаем по миниатюре слоя с кругом, загружая выделенную область.
  3. С помощью сочетания клавиш Ctrl+J сделайте копию основного слоя и привяжите ее к ниже лежащему. Это можно сделать, зажав клавишу ALTи кликнув по границе слоя.
  4. Осталось только задать искажение для картинки. Это можно сделать с помощью фильтра «Пластика». Раскройте панель с фильтрами, кликнув по одноименному пункту верхнего меню. Из выпавшего списка выберите «Пластика».

Мы рассмотрели основные варианты наложения эффекта стекла в Photoshop. Сохраните готовое изображение в виде PSD-файла, чтобы при необходимости можно было быстро вернуться к редактированию и/или задействовать наработки из файла в других своих проектах.

Как сделать имитацию стекла в Adobe Photoshop

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

Далее рассмотрим несколько вариантов наложения.

Наложение матового стекла

В матовом стекле искажения минимальны, но при этом изображение становится слегка размытым, немного темнее и на нем появляется рябь. Давайте попробуем добиться такового эффекта:

  1. Откройте изображение, над которым будете проводить манипуляции в рабочей области программы. Сделать это можно просто перенеся его из обычного «Проводника» Windows. Если у вас появится предупреждение о несоответствии цветового профиля, то просто жмите «Ок». Менять ничего не нужно.
  2. Изображение появится на панели со слоями в качестве фонового слоя. Вам требуется продублировать данный слой, воспользовавшись сочетанием клавиш Ctrl+J или кликнув правой кнопкой мыши по миниатюре слоя и выбрав из контекстного меню вариант «Создать дубликат слоя».

  • «Режим наложения» должен иметь значение «Экран»,
  • «Непрозрачность» около 40-50%,
  • «Шум» примерно 10%,
  • «Размер» поставьте примерно на 150-200 пикселей.

Обычное стекло

Если вам требуется обычное, незамутненное стекло, то действуйте по следующей инструкции:

  1. Повторите обязательно первые четыре шага, если вам нужно наложить эффект не на всю картинку, а только на определенную часть. В панели слоев выделите верхний слой.
  2. Откройте меню с фильтрами, кликнув по одноименной кнопки в верхней части интерфейса. Из выпавшего списка выберите «Галерея фильтров».

Эффект линзы

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

  1. Лучше всего демонстрировать данный эффект на эллипсе. Вместо квадрата просто создайте эллипс. Для сохранения пропорций во время создания фигуры зажмите клавишу Shift.
  2. Перейдите на верхний слой в панели слоев. Затем нажимаем клавишу CTRL и кликаем по миниатюре слоя с кругом, загружая выделенную область.
  3. С помощью сочетания клавиш Ctrl+J сделайте копию основного слоя и привяжите ее к ниже лежащему. Это можно сделать, зажав клавишу ALTи кликнув по границе слоя.
  4. Осталось только задать искажение для картинки. Это можно сделать с помощью фильтра «Пластика». Раскройте панель с фильтрами, кликнув по одноименному пункту верхнего меню. Из выпавшего списка выберите «Пластика».

Мы рассмотрели основные варианты наложения эффекта стекла в Photoshop. Сохраните готовое изображение в виде PSD-файла, чтобы при необходимости можно было быстро вернуться к редактированию и/или задействовать наработки из файла в других своих проектах.

Шаг 1

ИдёмРедактирование – Наборы – Управление наборами (Edit > Presets > Preset Manager). В окне Управление наборами (Preset Manager), в выпадающем меню Тип набора (Preset Type), выберите опцию Кисти (Brushes), а затемнажмите кнопку Загрузить (Load).

В появившемсяокне навигации, выберите исходный файл FakeWindow.atn, которыйвключён в скачиваемое приложение. Далее, нажмите кнопку Выполнить (Done).

Preset ManagerPreset ManagerPreset Manager

Шаг 2

Выберитеинструмент Кисть (Brush Tool (B). В панели управления данного инструмента. Убедитесь,чтобы Непрозрачность (Opacity) и Нажим (Flow)кисти были установлены на 100%.

Brush BarBrush Bar Brush Bar

Результат

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

Использование метода Просвечивания в Photoshop

Использование метода Просвечивания в Photoshop

Использование метода Просвечивания в Photoshop

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

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

Напомним, что для работы с маской, нужно добавить к баннеру слой-маску, зажать Ctrl и кликнуть по текстовому слою на панели слоев. Это выделит каждую букву. Возьмите кисточку с чёрным цветом (если маска белая), активируйте маску на панели слоёв и закрасьте выделение.

Использование метода Просвечивания в Photoshop

Выделение текста, и прокраска его на слое маске баннера.

Если же нужны эффекты, то удобнее добавлять отдельный слой, также с помощью Ctrl+клик по текст-слою выделять текст (или объект) и накладывать на это выделение и чистый слой эффекты, текстуры и прочее. Таким образом, в данном случае проще отказаться от маски, чтобы редактирование было не просто проще , но возможно вообще.

Использование метода Просвечивания в Photoshop

На отдельном слое покрасили выделение.

В результате, после всех манипуляций нам удалось превратить, казалось бы, «эффект ни-о-чём» в действительно нужный и полезный.

А что получилось у вас?

Если вы нашли ошибку/опечатку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Шаг 6

Работаем со второй копией слоя с текстом. Измените цвет текста на любой цвет, лишь бы он был достаточно темным. Но помните, что вы сможете изменить его позже. В примере использован цвет #0a4752 .

Sparkling Glass-Textured Text Effect step 6

Кликните дважды по слою, чтобы применить к нему следующие стили:

Bevel and Emboss/Тиснение

Цвет: #595959

Sparkling Glass-Textured Text Effect step 6

Contour/Контур

Контур: Cone – Inverted

Sparkling Glass-Textured Text Effect step 6

Texture/Текстура

Выберите узор, созданный нами в начале урока.

Sparkling Glass-Textured Text Effect step 6

Inner Glow/Внутреннее свечение

Цвет: #e1e1e1

Sparkling Glass-Textured Text Effect step 6

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

Sparkling Glass-Textured Text Effect step 6

Как создать эффект матового стекла на слайде в 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

Переместим плашку с надписью на второй план, а сфокусированную область фото — на первый. Для этого щелкните по обрезанной фотографии, и в появившейся области «Работа с рисунком» на вкладке «Формат» выберите «Переместить вперед»:

голоса
Рейтинг статьи
Читать еще:  В каких программах можно открыть анимацию GIF
Ссылка на основную публикацию
ВсеИнструменты
Adblock
detector