Создать вмр в фотошопе
Веб-инструменты позволяют легко создавать составные части веб-страниц или выводить целые веб-страницы в предустановленном или заказном форматах.
Чтобы создать веб-страницы и элементы их интерфейса, можно воспользоваться слоями или фрагментами. (См. главу Слои и раздел Разбиение веб-страниц на фрагменты.)
С помощью композиций слоев можно экспериментировать с различным расположением страниц или экспортировать варианты страницы. (См. раздел Композиции слоев.)
Создайте ролловер-изображения текста или кнопки для импорта в Dreamweaver или Flash.
С помощью панели «Анимация» можно создать веб-анимацию, а затем экспортировать ее как анимированное изображение в формате GIF или файл QuickTime. См. Создание покадровой анимации.
С помощью Adobe Bridge можно создать веб-фотогалерею и легко превратить набор фотографий в интерактивный веб-сайт с помощью разнообразных профессиональных шаблонов.
См. видеоролик о создании веб-сайтов с помощью Photoshop и Dreamweaver по адресу Вызов Photoshop из Dreamweaver для коррекции веб-изображений.
Ролловер является кнопкой или изображением на веб-странице, которое изменяется при наведении курсора мыши на него. Чтобы создать ролловер, необходимо как минимум два изображения: первое изображение необходимо для нормального состояния, а второе изображение — для измененного состояния.
Приложение Photoshop содержит несколько удобных инструментов для создания ролловер-изображений.
Чтобы создать основное и дополнительное изображения, можно воспользоваться слоями. Создайте содержимое на одном слое, затем создайте дубликат слоя и измените его таким образом, чтобы при выравнивании слоев получить похожее содержимое. Для создания ролловер-эффекта можно изменить стиль слоя, его видимость или положение, сделать цветовые или тональные настройки или применить фильтр. См. раздел Дублирование слоев.
Также можно воспользоваться стилями слоев для применения к основному слою таких эффектов, как наложение цвета, тени, свечение или тиснение. Чтобы создать пару ролловер-изображений, включите или выключите стиль слоя и сохраните изображение в каждом состоянии. См. Слоевые эффекты и стили.
Воспользуйтесь стилями вида кнопок на панели «Стили» для быстрого создания ролловер-кнопок с нормальным состоянием, состоянием при наведении курсора и состоянием при нажатии кнопки мыши. Нарисуйте основную фигуру с помощью инструмента «Прямоугольник» и примените стиль, например «Обычная объемность», чтобы автоматически превратить прямоугольник в кнопку. Затем скопируйте слой и примените другие стили, например «Выделение объемностью при перемещении мыши», чтобы создать дополнительные состояния кнопки. Чтобы создать законченный набор ролловер-кнопок, сохраните каждый слой как отдельное изображение.
Воспользуйтесь диалоговым окном « Сохранить для Web и устройств», чтобы сохранить ролловер-изображения в веб-совместимом формате и с оптимизированным размером файла.
При сохранении ролловер-изображений используйте в названиях файлов условные обозначения для отделения основного изображения (нормальное состояние) от дополнительного изображения (ролловер-состояния).
После создания набора ролловер-изображений в Photoshop воспользуйтесь приложением Dreamweaver для размещения изображений на веб-странице и автоматического добавления кода Javascript для ролловер-операций.
На веб-странице изображения с высоким разрешением можно разместить таким образом, что посетители смогут панорамировать изображение и изменять его масштаб, чтобы получить более детализированное изображение. Изображение основного размера загружается в то же самое время, что и JPEG-файл эквивалентного размера. Photoshop экспортирует JPEG-файлы и HTML-файл, которые можно передать на веб-сервер.
What You'll Be Creating
Если вы знаете, как создать экшены Photoshop, то у вас в руках находится мощный инструмент. Экшены позволяют создавать волшебные эффекты Photoshop одним щелчком мыши, экономя ваше время и силы. В этом уроке я покажу вам, как создать экшен в Photoshop, чтобы вы могли создавать свои собственные эффекты для изображений.
Вы можете присоединиться к нам на нашем канале Envato Tuts+ в YouTube:
1. Создаём Экшен в Photoshop
Шаг 1
Во-первых, вам необходимо тестовое изображение, которое поможет вам увидеть эффекты экшена. Откройте своё исходное изображение в Photoshop.
Я использовала данное изображение.
Шаг 2
Откройте панель Операции (Actions). Вы можете найти данную панель через Окно – Операции (Window > Actions).
Шаг 3
Чтобы создать новый экшен, нажмите на значок с белым квадратиком в нижней части панели.
Шаг 4
Дайте экшену название. Если вы хотите воспроизводить данный экшен одним нажатием кнопки мыши, то вы можете назначить ему функциональную клавишу.
Шаг 5
Теперь экшен записывается. Но не переживайте, спешить некуда. Photoshop записывает только ваши действия, и не важно, сколько времени проходит между ними.
Давайте покажем Photoshop, какие действия мы хотим сохранить для создания эффекта. Вначале создайте новый слой.
Вы заметите, что ваш экшен был автоматически добавлен в список в панели Операции (Actions).
Шаг 6
Давайте зальём этот слой каким-нибудь цветом. При создании экшена, лучше избегать инструментов, основанных на щелчке по холсту, потому что, если вы проиграете данный экшен на изображении другого размера, то экшен может сработать некорректно. Всегда старайтесь использовать что-то настолько универсальное и надёжное, насколько это возможно - поэтому вместо использования инструмента Заливка (Paint Bucket Tool), идём Редактирование – Выполнить заливку (Edit> Fill).
Шаг 7
Давайте сделаем что-то забавное с этим слоем. Щёлкните правой кнопкой мыши по данному слою и в появившемся окне, выберите опцию Параметры наложения (Blending Options). Данная панель часто используется в экшенах, потому что она наполнена различными настройки и бегунками, которые вы можете использовать для существенной коррекции слоя, без необходимости выделения чего-либо на холсте.
Вначале, уменьшите значение Непрозрачности Заливки (Fill Opacity) до 0. Это сделает цвет заливки невидимым.
Шаг 8
Добавьте стиль слоя Наложение градиента (Gradient Overlay), чтобы открыть окно с настройками.
Шаг 9
Поменяйте цвета градиента на цвета радуги.
Шаг 10
Поменяйте Угол (Angle) градиента на что-то более интересное.
Шаг 11
В заключение, поменяйте режим наложения на Цветность (Color).
Данная техника позволяет вам применять цвета градиента к изображению, как на скриншоте ниже, не изменяя его.
Шаг 12
Если вам нравится эффект, нажмите кнопку ‘OK’ и остановите запись экшена, нажав на первый значок в панели Операции (Actions).
Шаг 13
И на этом всё, наш экшен был записан и сохранён! Если вы хотите использовать его, то просто нажмите на значок Воспроизведения (play).
Вы можете протестировать данный экшен на множестве других изображений. Правильно созданный экшен даст вам тот же самый результат независимо от того, какую фотографию вы используете!
Чтобы дать вам лучшее представление о том, как можно использовать экшены Photoshop, вот несколько примеров от Envato Elements.
Painting Photoshop Action
Если вы хотите превратить фотографию в нарисованную картину, то это можно сделать одним щелчком мыши! Данный экшен использует стандартные кисти и узоры, чтобы создать убедительный эффект масляной живописи. Он также аккуратно создаёт слои, что позже вы можете настроить эффект.
Geometric Portrait Photoshop Action
Данный экшен является хорошим примером выборочного фотоэффекта. Прежде чем запустить экшен, вы должны показать программе, к какой области вы хотите применить эффект. Эффект отлично подходит для портретов, создавая иной эффект для человека и фона.
Cartoon Photoshop Action
Экшены Photoshop также можно использовать для создания эффекта комиксов. Вам не нужно уметь рисовать, чтобы создать нечто, похожее на красиво стилизованный рисунок! Просто найдите хорошую фотографию, выделите изображение персонажа, а затем нажмите кнопку воспроизведения!
Vintage Photo Effect
Если вы хотите придать своей фотографии винтажный вид, то это можно легко сделать с помощью множества типов экшенов. В этом наборе их 20, и каждый из этих экшенов придаст вашей фотографии уникальный стиль, который напоминает старые камеры.
Retro Poster Photoshop Action
Но фотоэффекты не должны быть все о фотографиях. Вы можете создать настоящий постер от начала до конца с тщательно подготовленным экшеном. Данный экшен превращает фотографию в аккуратную иллюстрацию, которую можно использовать в качестве постера в стиле ретро.
Отличная Работа!
Теперь вы знаете, как шаг за шагом создать экшен Photoshop. Если вы хотите узнать больше об экшенах Photoshop и фотоэффектах в целом, то вы также можете просмотреть следующие уроки:
Использование водяных знаков на изображениях - один из тех вопросов, которые вызывают жаркие споры и сильные эмоции. Кому-то нравится использовать водяные знаки на своих работах, некоторые люто ненавидят вотермарк. Успех водяного знака зависит от знания того, когда его использовать и как создать. Эта статья покажет вам, как создать свой водяной знак в Photoshop.
Что такое вотермарк?
Вотермарк - это цифровая «подпись», которую вы добавляете к своим фотографиям. Однако это не обязательно должна быть буквальная подпись - вы можете использовать логотип, имя или просто символ авторского права. Водяной знак предназначен либо для защиты работы, либо для рекламы самого себя. Но вы должны убедиться, что он не слишком отвлекает. В противном случае теряется весь смысл показывать свою работу в Интернете.
Начнем с пера. Зачем создавать водяной знак с помощью инструмента «Перо»? Во-первых, вотермарк, созданный с помощью инструмента «Перо», будет векторной. Вы можете многократно увеличивать или уменьшать ее, не теряя при этом качества. Кроме того, контуры остаются редактируемыми, чтобы можно было вернуться и изменить что-либо в любое время.
Фигуры в Photoshop также являются векторными. Но с инструментом «Перо» у вас есть полная свобода творчества. Вы можете нарисовать все, что захотите, и преобразовать это в форму или использовать, чтобы нарисовать мазок кисти. Как видите, вы можете комбинировать ряд элементов и приемов, которые позволят создать идеальный водяной знак.
Как создать вотермарк с помощью Photoshop
Шаг 1. Откройте новый документ.
Откройте Adobe Photoshop и создайте новый документ. Размер и разрешение не важны, потому что вы будете работать с векторами, поэтому всегда сможете масштабировать их позже. Единственное, что нужно запомнить, - это установить для параметра Background Contents значение Transparent.
Шаг 2: Сделайте набросок (опционально).
Добавьте новый прозрачный слой. Выбрав яркий цвет для инструмента «Кисть», начните делать набросок вотермарк. Это даст представление о размере и пропорциях элементов, которые вы хотите включить.
Шаг 3. Создайте контур.
Добавьте черный слой, чтобы было хорошо вино то, с чем вы работаетет. Не забудьте только удалить его в конце. Выберите инструмент «Перо» на панели инструментов слева или активируйте его с помощью сочетания клавиш (клавиша «P»). Вверху экрана вы увидите, как меняются параметры.
Убедитесь, что для инструмента «Перо» установлено значение Path. Затем просто щелкните, чтобы добавить первую точку.
Вы можете перемещать опорные точки, чтобы изменить путь, удерживая клавишу Ctrl / Cmd. Также можно отрегулировать направляющие, удерживая клавишу Alt / Option
Шаг 4: Обведите путь.
Откройте инструмент «Кисть» и выберите нужные настройки для создаваемого дизайна - цвет, размер, твердость и форму кисти. Затем откройте панель Paths. Если она не активна, вы можете получить доступ из меню: Windows > Paths. Теперь щелкните правой кнопкой мыши рабочий контур и выберите в меню Stroke Path. Убедитесь, что вы выбрали Brush в раскрывающемся меню инструментов. При этом будут применены настройки, которые вы установили в инструменте Brush.
Отключите или уменьшите непрозрачность слоя эскиза для лучшей видимости.
Шаг 5. Создайте фигуры.
Иногда вместо штрихов нужно рисовать фигуры. Для этого в настройках пера и смените Path на Shape на панели параметров. Здесь вы можете изменить заливку или обводку по своему усмотрению. Также можно создавать сложные конструкции с помощью одного контура, комбинируя или пересекая несколько форм. Это также можно настроить на панели параметров.
Шаг 6. Преобразуйте штрихи в формы.
Если вы перейдете на панель Layers, вы заметите, что контуры, которые вы преобразовали в обводки, теперь растрированы. Это означает, что они используют пиксели вместо векторов. Чтобы изменить это, вернитесь на панель Paths и щелкните на соответствующий путь. Затем активируйте перо и выберите Shape.
Шаг 7. Объедините фигуры и сохраните.
По завершении удалите все растрированные слои, включая слой с эскизом и черный фон. Если хотите, можете сохранить копию .PSD со всеми слоями, прежде чем двигаться дальше. Затем выберите все формы, щелкните правой кнопкой мыши и выберите Merge Shapes. Затем сохраните документ как .PNG, чтобы сохранить прозрачность фона. Это важно, потому что в других форматах фон будет заливаться белым.
Шаг 8. Отметьте свои фотографии вотермарк.
Откройте любое изображение, на которое хотите нанести водяной знак. Затем перейдите в File > Place Embedded. Если вы используете Photoshop CS6, он будет называться Place. Выберите файл водяного знака. Измените его размер и расположите по своему вкусу. Вы также можете уменьшить непрозрачность, если считаете, что водяной знак слишком отвлекает.
Помните, что вы можете сохранить этот шаг как действие Photoshop, чтобы автоматизировать процесс добавления вотермарк.
Добавление вотермарк с помощью Custom Shape
Нажмите букву D на клавиатуре, чтобы убедиться, что цвет переднего плана черный. Выберите нужный шрифт, затем нажмите T для печати. Удерживая нажатой клавишу ALT на Mac, нажмите G (Alt + 0169 на Windows). Появится символ авторского права, добавьте пробел и введите свое имя и год.
Переходим на панель слоев. Щелкните ПКМ текстовый слой и перейдите к пункту Convert to Shape. Этот значок появляется на миниатюре, чтобы показать, что слой теперь является слоем-шейпом.
Поднимитесь в меню Edit и выберите Define Custom Shape. Назовите ваш вотермарк. Теперь ваш тип будет добавлен в качестве настраиваемого параметра в библиотеку предустановок формы. Таким образом вы сохраняете пользовательскую форму водяного знака в библиотеке предустановок, чтобы использовать ее дальше.
Теперь откройте изображение, создайте новый слой на панели слоев. Выберите инструмент Custom Shape на панели инструментов (нажмите Shift + U).
Поднимитесь на панель параметров и щелкните миниатюру рядом со словом Shape. Откроется диалоговое окно Shape Presets Library. В самом низу вы найдете свою фигуру.
Теперь нажмите и удерживайте клавишу Shift, щелкните и перетащите фигуру водяного знака на изображение. Клавиша Shift обеспечивает сохранение пропорций формы. Теперь, когда цвет переднего плана был установлен на черный, измените его на белый.
Вернитесь на панель слоев и уменьшите непрозрачность до желаемого значения. Уменьшение непрозрачности, как уже было сказано, позволяет сделать водяной знак более незаметным.
Примените к изображениям с высоким разрешением для проверки
Откройте изображение. Щелкните инструмент Custom Shape Tool (Shift + U). Форма вотермарк уже выбрана, поэтому, удерживая клавишу Shift, щелкните и перетащите вправо по изображению. Оставьте цвет как есть.
Этот водяной знак будет прозрачным. Щелкните значок Add a Layer Style в нижней части панели Layers и выберите Bevel and Emboss (Скос и тиснение). Откроется диалоговое окно Layer Style. Увеличьте размер до 8 пикселей и измените направление вниз.
Фото(Bevel and Emboss - хороший эффект, который можно добавить к водяному знаку, если вы хотите сделать его более прозрачным, все еще защищая ваше изображение.)
Затем перейдите влево и нажмите Blending Options: Custom, которые находятся прямо над Bevel and Emboss. В разделе Advanced Blending установите ползунок Fill Opacity до нуля.
Вернитесь к Opacity на панели слоев и уменьшите до 68%. Уменьшение непрозрачности заливки скрывает цвет и просто оставляет эффект.
1. Скачайте материалы к уроку. Вы увидите одиннадцать файлов с изображением арбуза. Не нужно открывать их по очереди. Вместо этого загрузите все файлы сразу в виде слоев: в Photoshop выберите Файл > Сценарии > Загрузить файлы в стек.
2. Откроется окно Загрузить слои. Нажмите на Обзор, чтобы выбрать изображения на компьютере и загрузить их в Photoshop. Когда в списке отобразятся все необходимые файлы, нажмите OK.
Примечание. Photoshop загружает изображения и создает отдельные слои для каждой фотографии. Этот этап может занять некоторое время.
Создание кадров из слоев
3. Теперь откройте шкалу времени. Выберите Окно > Шкала времени. Photoshop добавляет первый кадр по умолчанию на панель Шкала времени.
4. Нажмите на значок Меню в правом верхнем углу панели Шкала времени и выберите во всплывающем меню пункт Создать кадры из слоев.
6. Для непрерывного воспроизведения анимации нажмите на значок +, чтобы дублировать слои.
7. Не отменяя выбор дублированных кадров, выберите в меню Обратный порядок кадров.
8. В кадрах с 1-го по 11-й арбуз становится меньше, а в кадрах с 12-го по 22-й — снова увеличивается. Поскольку кадры 11 и 12 совпадают, удалите дублированный кадр в середине анимации. Нажмите на 12-й кадр и выберите в меню Удалить кадр.
9. Нажмите на пробел для предварительного просмотра анимации.
Настройка синхронизации
10. Нажмите на первый кадр снизу, где указано 0 секунд и есть миниатюрная стрелка. Измените продолжительность на 0,5 секунды.
11. Выполните то же самое с 11-м кадром. Нажмите на пробел, чтобы проверить настройку: между увеличением и уменьшением арбуза анимация будет ненадолго замирать.
Предоставление доступа к проекту
12. Сохраните анимацию как видео для Instagram. Выберите Файл > Экспорт > Рендеринг видео.
13. В окне Рендеринг видео присвойте файлу имя и выберите местоположение файла.
Установите размеры 1080 x 1080. Это оптимальный размер для Instagram. Сохраните настройки по умолчанию для остальных параметров и нажмите Рендеринг.
Совет. В Instagram не предусмотрено бесконечное воспроизведение видео, поэтому если анимация короткая, то перед экспортом вы можете добавить кадры.
ВМР – это один из форматов изображений, который работает без их сжатия. Какие программы можно использовать при просмотре картинок с расширением ВМР.
Какие программы используются для ВМР
В качестве таких программ выступают просмотрщики изображений и графические редакторы. Кроме того просмотреть изображения можно при помощи браузера и универсальных просмотрщиков.
Вариант № 1 – FastStore Image Viewer
2. Находим в меню «файл» и в нем находим «открыть».
3. Происходит запуск окошка открытия. Перемещаемся в то место, где находится картинка ВМР. Выделяем файл и нажимаем открыть.
4. Изображение открывается слева внизу. В правой части изображения показывается содержимое директории, где находится картинка. Чтобы посмотреть ее в полноэкранном режиме, достаточно щелкнуть по файлу, который находится в каталоге.
Вариант № 2 – Irfan Viev
1. Кликаем на «файл» и выбираем «открыть».
2. Запускается окно открытия. Перемещаемся в область размещения изображения. Выделяем ее и кликаем на «открыть».
Вариант № 3 – XnView
1. Кликаем «файл» и выбираем «открыть».
Вариант № 4 Adobe Photoshop
Запускаем графический редактор Adobe Photoshop
1. Находим в меню «файл» и затем «открыть».
Единственный недостаток этой программы в том, что она не бесплатная.
Вариант № 5 – Gimp
Следующий графический редактор – это Gimp
1. Запускаем. Выбираем «файл» и «открыть».
2. В окошке поиска изображения находим диск, содержащий ВМР. Перемещаемся в нужную папку, отмечаем рисунок и нажимаем «открыть».
Вариант №6 – OpenOffice
Запускаем программу OpenOffice
1. Нажимаем «открыть» в главном окне.
Вариант № 7 – Google Chrome
С помощью браузера Google Chrome также можно открыть картинку ВМР
1. Запускаем программу, используя клавиши Ctrl+O.
Вариант № 8 – Universal Viewer
1. Переходим в «файл» и «открыть».
Вариант № 9 – Paint
Paint – это собственный графический редактор Windows.
1. Запускаем редактор. Это делается через папку «стандартные» в меню «пуск».
2. Как только приложение запуститься, нужно щелкнуть по пиктограмме в меню слева от раздела «главная».
Вариант № 10 – просмотр фото Windows
Данный способ отличается от вышерассмотренных тем, что запустить приложение без открытия самой картинки не получится. Поэтому алгоритм действий немного отличается от предыдущих программ.
1. Открываем «проводник» в папке нахождения ВМР. Щелкаем по выбранному объекту правой кнопкой мышки. Открывается перечень, в котором нужно выбрать «открыть с помощью». Затем переходим к «просмотр фотографий Windows».
Если на компьютере отсутствует какое-либо программное обеспечение для открытия фото, то ВМП запускается при помощи встроенной программы, предназначенной для просмотра картинок. Для этого достаточно два раза кликнуть по изображению в «проводнике».
Windows уступает в своих функциональных возможностях другим программам. Но он не нуждается в дополнительном инсталлировании. Обыкновенному пользователю бывает достаточно тех возможностей, которые предлагает Windows для просмотра фото ВМР.
Это не весь перечень программ, с помощью которых можно открывать изображения ВМР. А только самые распространенные варианты. Выбирая приложение, нужно вначале определиться с поставленными целями.
Для обыкновенного просмотра лучше пользоваться просмотрщиками. Для их редактирования существуют редакторы.
В качестве альтернативы можно применить браузер. Если нет желания в установке дополнительного программного обеспечения, то следует воспользоваться встроенными программами Windows.
Читайте также: