Как сделать полупрозрачный круг в фотошопе: Как сделать прозрачный прямоугольник в фотошопе — Вокруг-Дом

Как В Фотошопе Нарисовать Круг Прозрачный

Как В Фотошопе Нарисовать Круг Прозрачный topic

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

How to make a transparent background in Photoshop. Express

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

Как в фотошопе сделать прозрачный квадрат

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

Как нарисовать круг в Photoshop как нарисовать свет в.

Нарисовать круг в программе Photoshop можно несколькими способами. Статьи по теме: Как нарисовать круг в Photoshop; Как сделать круг в 2017 году ; Как в Фотошопе создать фигуру; Вопрос «как востановить заводские настройки BIOS. В этом уроке я расскажу, как нарисовать круг в фотошопе. С заливкой и без нее. И попробую расписать несколько методов. Следует знать все. В этом конкретном случае они взаимозаменяемы. Но если вы планируете продолжение.

Как сделать круг в Фотошопе

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

В этом уроке Вы узнаете, как нарисовать круг в фотошопе за несколько секунд. Создайте новый документ (Ctrl + N). Выберите инструмент Эллипс (Ellipse Tool) (U) в режиме фигур. Как в фотошопе сделать идеальный круг Распределение объектов по кругу в Adobe Photoshop. Всем привет. Сегодня я хочу показать вам, как с помощью нехитрых инструментов в Photoshop можно расположить.

Как на картинке сделать прозрачный круг — Усадьба

Как сделать круг в ‘Фотошоп’: нарисовать, вырезать, создать. Transparent blue glass sphere with scratches vector by 31moonlight31 — Image #2847637 — VectorStock. Ответы@Mail.Ru: как сделать на фото черный прозрачный круг и внутри надпись? Обїедените 2 слоя с кругами на воде в один слой (выделите в панели слоев и по правой кнопке мыши вызовите меню слоев и там выберите Объединить слои). Так останется всего один слой над оригинальной фотографией. Примените к нему Для начала откроем фотографию в Фотошопе. Возьмем инструмент. Затем зажимаем клавишу shift (для сохранения пропорций) на клавиатуре и рисуем выделение нужного размера. Данное выделение можно перемещать по холсту, но.

Три способа, как сделать прозрачный фон картинки в.

Три способа, как сделать прозрачный фон картинки в Photoshop (фотошоп) 2015-04-22 / Вр:23:08 / просмотров: 100363. Здравствуйте, дорогие друзья! В этой статье я расскажу, как в Photoshop (фотошопе) сделать фон картинки прозрачным. Для чего. Как нарисовать идеальный круг в Microsoft Paint. Чтобы нарисовать идеальный круг в MS Paint, нужно воспользоваться инструментом «Овал». С помощью инструмента «Овал» можно нарисовать круг в MS Paint, если при перетаскивании мыши.

Самые популярные слова в английском языке №1 — базовые слова английского языка с транскрипцией — Duration: 48:18. Как добавить прозрачность в Photoshop. Photoshop позволяет пользователям создавать изображения с прозрачными элементами (прозрачным фоном, прозрачным слоем и прозрачными частями), используя разные настройки (например.

Как нарисовать круг в Фотошопе

Круги в Фотошопе. Круг можно нарисовать двумя способами. Для этого используются два инструмента — «Выделение» и «Эллипс».У каждого есть свои особенности и сферы применения. В этой статье мы рассмотрим, основные инструменты и функции, которые необходимо знать, чтобы нарисовать ровный круг в Фотошопе. Поговорим и о том, как можно в Фотошопе сделать круг, контур круга и круг нужного диаметра. Как выделить объект вы можете прочитать в уроке – Выделение. После того, как слой выделен(обозначен движущимся пунктиром). Копируем выделение – кликаем правой мышкой по слою и выбираем Layer via Copy.

Как сделать круг в Фотошоп: нарисовать, вырезать, создать

Как в «Фотошоп» нарисовать круг. Для начала следует открыть программу и создать новый файл («Ctrl+N») с подходящим для вас разрешением. В качестве фона лучше задать прозрачный альфа-канал. Photoshop обладает целой группой инструментов для рисования фигур. При этом объекты. Содержание Как в фотошопе нарисовать круг: быстро и простоКак нарисовать простые, ровные … Содержание Инструмент «Овальная область выделения» (Elliptical Marquee) в ФотошопеСоздание.

КАК СДЕЛАТЬ СЛОЙ ПРОЗРАЧНЫМ В ФОТОШОП photoshop

Как сделать слой прозрачным в фотошопе, наложить прозрачный слой, полупрозрачный слой. Нарисовать круг в Ворде можно следующим образом: заходим во ‘Вкладки’ и находим там вкладку ‘Фигуры’. Там имеется только овал, но с помощью него можно нарисовать круг. Итак, выбираем овал.

В этом видео я расскажу как сделать круг в Paint to Sai Дабы не спрашивать более как же нарисовать такую красоту, что находится выше, просто посмотрите этот урок. Мастер-класс от Wade раскрывает все секреты рисования мышкой в Фотошопе.

Как нарисовать круг в фотошопе.

На одном дыхании объясняю как нарисовать круг в фотошопе. Фотообработка в Photoshop подробные уроки для начинающих, любителей и продвинутых фотолюбителей — Как рисовать в Фотошопе Но всё равно интересно как вы такое рисуете Там есть и подходящая ‘звезда’: Сообщение было изменено 12 ноября 2009 в 16:30——

Рисовать СВЕТ и ТЕНИ в Фотошопе

Вы меня просили рассказать о том как рисовать СВЕТ и ТЕНИ в Фотошопе , так ловите видос ! 16 ноября 2018 Katze N. ответил: Стоит помнить, что, если вы хотите получить картинку, обрезанную по кругу, с прозрачными полями, сначала нужно преобразовать слой с картинкой из фонового в обычный.

Как создать PNG с прозрачностью в Adobe Photoshop (версии.

Перед тем, как сделать прозрачность фото в Фотошопе, нужно знать, что с версии CC 2015 опция « Сохранить для Web » (Save for Web & Devices) в меню « Файл » (File) помечена как Legacy (устаревшая). Как запихнуть эту фотографию в Фотошоп, и сделать с ней что-нибудь прекрасное?А все очень просто.1 вариант ‘Как открыть фото в Photoshop’Правой кнопкой мыши кликаете по файлу с фото, выбираете команду ‘открыть с помощью.

Как сделать прозрачный фон в Фотошопе Как сделать прозрачный фон в Photoshop. В этом видео мы расскажем вам, как сделать прозрачный фон в графическом редакторе Photoshop. Для начала откройте нужное Потянув вниз прозрачный маркер на правой стороне квадрата, сделайте примерно так, как показано на картинке. Нажмите Enter. 5. Копируйте этот слой, нажав Ctrl+J. Нажмите Ctrl+T, затем кликните правой кнопкой по новому слою и выб�

Как нарисовать ровный круг в Фотошопе

В данной публикации рассмотрено, как можно нарисовать круг в Фотошопе двумя разными способами: с помощью инструмента ‘Овальная область’ (группа ‘Выделение’) или ‘Эллипс’. Думаю, если вас заинтересовал вопрос, как нарисовать круг в фотошопе, вы только начинаете сое изучение этой увлекательной программы. Не удивительно, что вы решили начать с простейших фигур. Кстати говоря, вы. Если вам хочется нарисовать в «Фотошопе» круг, то нет ничего проще. Для начала следует открыть программу и создать новый файл («Ctrl+N») с подходящим для вас разрешением.

Как нарисовать круг в фотошопе нужного диаметра с заливкой.

Всем привет. Сегодня мы поговорим о том, как нарисовать круг в фотошопе. нужного диаметра, с использованием заливки и без нее, а также научимся рисовать различные объекты посредством этой фигуры. Как нарисовать прозрачный стеклянный шар в Paint.NET Этот урок посвящен рисованию прозрачных изображений Paint.NET на примере стеклянного шара.

Создаем объемный шар в фотошопе

Как нарисовать ёлочный шар и. Инструмент перо в фотошопе: контуры и фигуры — Duration: 11:45. Людмила Пученкова. Как нарисовать div прозрачный круг, по контуру круга белый пунктир. редактировать плотность пунктира редактировать отступы (если будут нормальными то ок) без javascript

Home page

Создание волшебного эффекта в Photoshop

И так всем приветики! Сегодня мы рассмотрим в уроке по фотошопу, как создавать волшебный эффект для картинок или фотографий.

1. Шаг. Создаем новый документ размером 750х720px.

2. Шаг. Заливаем заливкой цветом #0E0D15.

3. Шаг. Возьмите Инструмент Кисть , установите прозрачность 20%. Другие настройки смотрите на картинке ниже.

4. Шаг. Теперь на новом слое при помощи кисти делаем несколько мазков цветом #4E365A .

…и еще несколько другим цветом (#704668) на еще одном новом слое…

…и измените его Режим Смешивания на Осветление Основы (ColorDodge)

Вот как у вас должно получиться:

5. Шаг. Берем картинку без заднего фона и поместите его на ваш документ .

6. Шаг. Создайте новый слой. На нем при помощи Инструмента Кисть(Brush Tool) с цветом #BA93B3 сделайте небольшую россыпь точек разного размера … а потом еще немного чисто-белых:

7. Шаг. Теперь при помощи Инструмента Эллипс сделайте вот такой кружок:

Заливку этого слоя установите 0%.

Затем добавьте стиль слоя Перекрытие Градиентом (Gradient Overlay) с настройками, как показано на рисунке ниже.

И в итоге у нас получился такой вот полупрозрачный круг:

8. Шаг. Теперь скопируйте этот слой (Ctrl+J) несколько раз и, используя инструмент Перемещение (MoveTool (V) разместите кружки в произвольном порядке вокруг Саске.

9. Шаг. Снова создайте новый слой. Нам нужно создать на нем некое подобие свечения вокруг Саске. Настройки кисти для этого действия приведены ниже.

10. Шаг. Теперь добавляем Новый корректирующий слой – Кривые (Createnewfilloradjustmentlayer-Curves). Настройки – на картинке ниже.

11. Шаг. Берем кисть Master Diameter 308 px Hardness 0% и обводим контур вокруг Саске и меняем режим смешивания на Перекрытие (Overlay).

12. Шаг. Создаем новый слой и белой краской делаем кисточкой точки вокруг персонажа.

13. Шаг. Создайте копию слоя с белыми точками, и примените к нему Фильтр-Размытие-Размытие в движении (Filter>Blur>Motionblur).

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

Если хотите, то можете добавить прямогольники . Делаем прямоугольники друг над другом, всего их должно быть 4 шт.и меняем режим наложения на (Overlay)

14. Шаг. Берем изображение и делаем снизу, это делает как-будто Саске стоит на молнии, и не забудьте поменять режим наложения на ( Overlay )

И получаеться вот такой рисунок.

15. Шаг. Берем следующее изображение и дублируем еще 2 раза ( CTRL+J )

и должно получиться вот так :

Спасибо за урок. Удачи вам!

Автор урока: Saumix

Как сделать прозрачный фон в Фотошопе? Как сделать прозрачный фон у картинки

Здравствуйте уважаемые посетители. В этом уроке я покажу, как используя программу Фотошоп можно убрать фон и сделать фотографию прозрачной. Особых знаний этого Фото-монстра вам не понадобится, так как здесь всё очень просто. Главное, чтобы у вас был установлен Photoshop, и вы повторяли за мной все действия.

Запускаем Фотошоп и открываем подопытную фотографию. Жмем меню Файл – Открыть и указываем расположение изображения.

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

Нужно, чтобы этот замочек исчез, то есть слой разблокировался. Для этого прямо по замочку делаем один клик левой кнопкой мыши . И замочка больше нет!

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

Жмём инструментом по фону на фотографии, таким образом выделив ненужный нам объект.

Появилась пунктирная линия (бегающие муравьи). Остается нажать на клавиатуре клавишу DELETE и фон будет удален. Смотрите как получилось:

Супер! Теперь снимите выделение нажав на клавиатуре сочетание клавиш CTR+D .

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

Для этого нажмите меню Файл – Сохранить для Web . Или же просто воспользуйтесь ALT+SHIFT+CTR+S .

Вы увидите окно, в котором нам обязательно нужно выбрать формат PNG-24 и только после этого нажимать кнопку Сохранить .

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

Очень часто случается так, что подобрав для определённых целей картинку, она вас вроде-бы и устраивает, но есть один важный нюанс – она не подходит по цвету. Такая ситуация очень знакома контент-менеджерам, или людям, которые имеют дело с размещением графических элементов. Что делать в этом случае? В голову не приходит ничего другого, кроме как сделать фон картинки прозрачным, для того, чтобы основное изображение выгодно смотрелось на фоне интернет-странички или баннера. О том, как это сделать, мы сегодня вам и расскажем.

Вам понадобятся:

Подготовка к обработке

Для этого открываем графический редактор Adobe Photoshop, нажимаем «Файл», «Открыть», и выбираем изображение, для которого хотим сделать прозрачный фон (или нажимаем правой кнопкой мыши по необходимому изображению, переходим в меню «Открыть с помощью…», и среди списка предустановленных программ выбираем Adobe Photoshop).

В качестве примера мы используем знак «СТОП», но, в принципе подойдёт любая оригинальная фотография . Итак, изображение мы загрузили. Что дальше?

Работаем с «волшебной палочкой»

Находится он, как вы уже догадались, на боковой панели инструментов (если вы не изменяли назначение горячих клавиш в Adobe Photoshop, то выбрать этот инструмент можно при помощи нажатия на кнопку “W”).

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

Удаляем фон

Итак, наводим “волшебную палочку” на область с фоном, который нужно удалить, и кликаем по нему левой кнопкой мыши. Область с фоном выделится штрих-пунктиром, и всё что нам остаётся – это нажать кнопку “Delete”. По очереди повторяем эту процедуру, пока не получим фон, который окрашен чем-то, похожим на шахматную клетку. Это значит, что такая область – прозрачна.

Сохранение изображения

Обратите внимание, что сохранять файл нужно исключительно в формате.PNG, иначе «прозрачность» фона просто не будет отображаться (вместо него будет заливка белого цвета).

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

Основы работы c фоном в Photoshop

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

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

Создание нового графического файла в графическом редакторе осуществляется через меню «Файл» — «Новый». В появившемся диалоговом окне можно задать размеры и основные параметры будущего изображения. Установка значения поля «Содержимое фона» на «Прозрачный» является основным способом того, как можно удалить фон еще на стадии создания рисунка.

Возможность редактирования изображений в Photoshop построена на использовании слоев. Каждый из них является отдельным независимым объектом. Изменение любого из слоев никак не отразится на содержимом остальных. Слоевая структура изображения отображается на панели «Слои »:

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

Использование корректирующего слоя

Разберем на примере, как в фотошопе можно поменять фон с помощью корректирующего слоя. На старте у нас имеется такое изображение:

Положительной стороной использования корректирующего слоя является экономия времени путем настраиваемого воздействия на всю цветовую гамму рисунка. Создать его можно, нажав на черно-белый круг внизу панели «Слои ». В появившемся меню выбираем пункт «Кривые »:

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

С помощью корректирующего слоя можно легко изменить время дня во всем городе.

Удаляем небо

Надоело нам скучное небо над городом. Поэтому удалим его с помощью инструмента «Стиратель фона ». Он находится на боковой панели слева:

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

Все изменения коснулись лишь основного слоя. Перед тем, как изменить фон, через меню «Слой » — «Новый » создаем новый:

Теперь, чтобы сделать новое небо над нашим городом, можно применить свою фантазию и различные средства Photoshop . Например, какой-нибудь градиент. Вот что может получиться в итоге:

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

Для выделения облачного неба над пустыней мы применим инструмент «Волшебная палочка ». Она подходит для использования в тех случаях, когда рисунок состоит из нескольких ярко выраженных цветовых оттенков.

Перед тем, как заменить фон неба на другой, активируем волшебную палочку на панели инструментов и кликнем ей по небу. При этом чувствительность инструмента лучше выставить на максимальный показатель. Иначе фон будет выделен некорректно:

После этого на выделенной области жмем правой кнопкой мыши, и в появившемся контекстном меню выбираем «Слой через обрезание »:

Вроде бы ничего не произошло. Но если взглянуть на панель «Слои », то там мы увидим новый элемент. Чтобы удалить вырезанный фон, следует выделить содержащий его слой, и в контекстном меню выбрать команду «Удалить слой ». Вот как сейчас выглядит наша пустыня:

Теперь можно добавить новый слой и заполнить небо над Сахарой яркими красками:

Размытие заднего фона

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

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

Главная проблема заключается в том, чтобы правильно выделить контуры тела. Попробуем для этого воспользоваться магнитным лассо.

Если проводить инструментом «Магнитное лассо» вдоль контура на изображении, то серебристую обводку как будто магнитом притягивает к границам выделяемого предмета.

После активации инструмента осторожно проводим курсором вдоль контуров фигуры девушки. А затем в контекстном меню выбираем пункт «Инвертировать выделение »:

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

Получилось, конечно, не без изъянов. Но все их можно убрать с помощью инструмента «Размытие ». И вот что получилось:

Теперь используем другой подход, и для выделения фигуры девушки используем маску. Сначала создадим дубликат нашего слоя. Для этого отмечаем его в панели «Слои » и в контекстном меню выбираем пункт «Дублировать слой »:

Затем к появившейся копии слоя применяем фильтр «Смазывание Гаусса ». А к копии слоя добавляем маску, нажав на значок в виде прямоугольника с белым кругом внутри него. Вот как должно выглядеть фото девушки на данном этапе:

Теперь проделываем следующее:

• На панели инструментов активируем инструмент «Кисть »;
• В параметрах задаем диаметр кисти и жесткость воздействия:

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

• Затем медленно проводим кистью по контурам фигуры девушки и внутри. Сразу становится видно, что кисть восстанавливает размытость, которую мы применили на слое-копии;

Приветствую Вас, дорогие читатели моего блога!

Недавно мне понадобилось убрать фон с картинки, с фотошопом я не дружу особо. И скажу Вам, что у меня его даже нет на компьютере. (Ну правильно вообще то, зачем мне то, с чем я не умею работать).

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

И так, давайте приступим. Нам понадобиться фотошоп, но так, как у меня его нет. Я использую онлайн фотошоп. Очень удобная штука, я Вам скажу. И конечно же картинка фон которой мы хотим сделать прозрачным.

Покажу Вам на примере, вот такой картинки, убирать мы будем белый фон

Заходим в онлайн фотошоп. Я использовала вот этот PIXLR

Выбираем: Загрузить изображение с компьютера.

Теперь справа в окошке «СЛОИ» надо открыть замочек

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

Теперь идем на панели, которая находиться слева, выбираем инструмент «волшебная палочка» и толерантность ставим 21.

Вот вроде бы и все, но меня не устраивает полностью картинка, остались еще остатки фона, я снова кликаю на то место которое хочу убрать. Потом «редактировать»—-«очистить». И так пока не уберете все, что надо.

28.01.2015 27.01.2018

Сделать прозрачный слой в фотошопе на изображении проще простого. Эта короткая объясняющая заметка содержит в себе исчерпывающую информацию по этому вопросу. Поэтому я надеюсь сложностей у вас не возникнет.

Для чего нужен прозрачный слой или фон? Чтобы можно было одно изображение наложить на другое.

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

А так выглядит список слоев

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

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

Можно в самом фотошопе создать новый слой под яблоком и залить его любым фоном. Будет такой же результат.

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

Уменьшить прозрачность для слоя можно на панели слоев. Вы активируйте нужны слой и уменьшаете проценты прозрачности (opacity).

Надеюсь назначение прозрачного слоя в фотошопе теперь вам понятно!

Единственный вопрос который у вас мог остаться — это как сделать прозрачный фон на своем изображении. Для этого вам нужно выделить часть изображения которую вы хотите оставить, а остальную область выделения удалить. Как это сделать правильно и как выделять сложные объекты вы можете узнать в моем бесплатном видео курсе «Как выделять в фотошопе» . Чтобы его поучить заполните данные в левой панели на сайте и курс придет вам на почту.

Как в CorelDraw сделать прозрачный фон

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

Узнайте, как в CorelDraw сделать прозрачный фон правильно

Если и вы попали в творческий тупик, не понимая, как добиться прозрачности фона в Кореле, тогда рекомендуем вам тщательно ознакомиться с последовательностью выполнения определённых действий, по завершении которых удастся получить новое фото, сделать прозрачный фон.

Способы создания прозрачного фона

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

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

Первый способ

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

Запустите CorelDraw, в ней создайте любой векторный рисунок. Далее, зайдите в пункт меню «Файл», выберите параметр «Экспорт», после появления окна установите формат PNG для созданного вами рисунка, после этого кликните по кнопке «Экспорт».

После нажатия на эту кнопку на экране вновь возникнет очередное окно, в котором вам потребуется внести некоторые изменения. В частности, возле строки выбора цветового режима выберите параметр «RGB Color (24 bit)», а в чекбоксе рядом со строкой «Прозрачный фон» установите галочку.

В строке программы «Прозрачный фон» установите галочку

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

В результате вы получите прозрачный задний план на картинке

Второй способ

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

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

Назначить иной формат вам удастся, если вы проследуете уже по знакомому для вас пути, выбрав «Файл», а затем совершив переход в параметр «Экспорт».

Только в этом случае вам нужно остановить свой выбор на «CPT — Corel Photo-Paint Image». Можете придумать для создаваемого рисунка новое название, далее не забудьте установить галочку в чекбоксе рядом с параметром Selected only.

Открывая рисунок, поставьте галочку возле вкладки Selected only

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

• Anti-aliasing;
• Transparent background.

В чекбоксах возле этих параметров установите галочку. Это позволит смягчить края рисунка, а также обеспечить прозрачность его фону.

Возле параметров Anti-aliasing и Transparent background установите галочки

Работа в редакторе Corel Photo-Paint

Все дальнейшие действия нам предстоит продолжить в растровом редакторе Corel Photo-Paint. Открыть в нём редактируемое изображение можно привычным способом, кликнув «Файл» и выбрав пункт «Открыть».

После того как изображение будет открыто, перейдите в пункт меню «Изображение», а затем выберите Paper Size. В открывшемся окне программа предложит вам выбрать один из вариантов фона. Мы предлагаем выбрать Magenta.

Мы предлагаем выбрать вариант фона Magenta

Теперь вам нужно в принципе свести само изображение с выбранным вами фоном. Для этого выберите пункт «Объект», а затем перейдите в параметр «Совмещение», напоследок выберите строку «Совместить все объекты с фоном». После таких настроек изображение будет наложено на фон, определённый вами.

Создайте маску и подготовьтесь поработать с ещё одним интересным инструментом «Волшебная палочка». Параметр Anti-aliasing в этот момент сделайте неактивным, а значение параметра Tolerance установите равным 0. Инструмент «Волшебная палочка» позволит создать фон с цветовым оттенком, близким к красноватому.

Менять фон можно также инструментом Маски волшебной палочкой

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

Создание прозрачного фона посредством интернет-сервиса

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

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

Pixlr — это бесплатный онлайн-фотошоп на русском языке

Алгоритм действий

Большинство картинок, сохранённых в формате .png, уже сопровождаются прозрачным фоном. Если же вам приглянулось изображение в формате .jpeg, тогда полезно вникнуть в то, как убрать ненужную фоновую основу.

Откройте интернет-сервис Pixlr, воспользовавшись поиском. На открывшейся странице можно ознакомиться с полезной информацией относительно возможностей этого сервиса. Визуально можно сразу выявить, что такой ресурс является аналогом графического редактора Adobe Photoshop.

Откройте изображение, указав путь, где сохранён рисунок на вашем ПК. После того как изображение загрузится, кликните по параметру «Слои». Теперь вы увидите слои, один из которых будет сопровождаться маленьким замочком. Чтобы разблокировать этот слой, вам достаточно дважды кликнуть по нему левой клавишей мышки.

Возьмите знакомый уже теперь вам инструмент «Волшебная палочка», установите для него значение, равное 23. Кликните по фону, чаще всего сопровождающемуся белым цветом, он сразу выделится, а вам останется нажать на кнопку Delete. На этом преобразования изображения завершаются, остаётся сохранить полученный результат.

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

Бесцветный фон в фотошопе. Как сделать прозрачный фон в photoshop

Как в фотошопе сделать прозрачный фон?

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

Как в фотошопе сделать прозрачный фон — первый способ:

Кликаем левой кнопкой мыши «Файл» (File) (в левом верхнем углу). В раскрывающемся списке выбираем «новый» (New). В «содержании фона» (Background Contents) выбираем «прозрачный» (Transparent). Этот способ стоит использовать тем, кто хочет создать собственное изображение без фона. Он не подойдет, если вы хотите убрать фон из готового изображения. Для этого нужно воспользоваться вторым способом.

Как в фотошопе сделать прозрачный фон — второй способ:

Графический редактор фотошоп отличается тем, что в нем используется работа со слоями. Изображение, за которым делается прозрачный фон, нужно скопировать на новый слой. Делается это одновременным нажатием клавиш Ctrl и J (далее будем использовать общеупотребимое сокращение, например, Ctrl+J). Для выполнения этого можно воспользоваться другим способом — щелкаем правой кнопкой мыши по слою и в раскрывающемся меню выбираем пункт «создать дубликат слоя» (Duplicate Layer). В следующем появляющемся окне нажимаем «OK». Должно получиться два одинаковых слоя, только один из них будет называться «слой 1», а другой — «фон».

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

Третий этап — необходимо отделить изображение от фона. Это можно сделать с помощью инструмента под названием «резинка». На клавиатуре он включается клавишей «E». Размеры инструмента резинка можно менять с помощью клавиш «[» и «]» на английской раскладке. Менять размеры инструмента вам понадобится для того, чтобы аккуратно «стереть» фон вокруг объекта. Если вы все правильно сделали, то вокруг объекта у вас останется «шахматное поле» — это и есть отсутствие фона, то есть прозрачный фон.

Последний этап — это сохранение картинки с прозрачным фоном. Сохранение стандартное. В левом верхнем углу левой кнопкой мыши выбираем «Файл» (File) в раскрывшемся списке выбираем «Сохранить как» (Save as). Под изображением и строчкой «Названием файла» будет находиться строка «тип файла». В этой строке вы выбираете формат, в котором сохранится изображением. Можно выбрать формат «.psd» или формат «.png». Рекомендуется использовать последний формат. После этого действия нажимаем «сохранить». В формате JPEG прозрачность не сохраняется.

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

Как в фотошопе сделать прозрачный фон — третий способ:

Необходимо преобразовать фон картинки в слой. Для этого щелкаем правой кнопкой мыши по фону в области справа, где отображаются слои. Выбираем «Layer from background»/«Из заднего плана» (большинство версий фотошопа, скаченных с торрентов, на английском языке. Это замечание справедливо и для многих туториалов). В открывшемся меню кликаем «OK». Выбираем инструмент «Волшебная палочка». Им можно пользоваться, только если фон, который необходимо вырезать, однороден по цвету (в другом случае используем инструмент ”Лассо”). Выделяем фон. Нажимаем Delete. После этого видим наш объект на фоне шахматного поля. Это и есть прозрачный фон. Осталось только сохранить изображение описанным выше способом.

В сети есть большое количество видеоуроков по данной теме. Например, можно проследить за последовательностью действий на видео к статье.

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

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

Прозрачный фон изображения позволяет делать красивое . Этот прием сокращает пустое пространство и улучшает вид верстки.

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

Но лучшим решением будет подготовить изображение в Photoshop и сохранить в формате поддерживающим прозрачность фона.

В этом видео уроке подробно опишу 3 способа, а также, какие форматы поддерживают прозрачность.

Чтобы сделать прозрачный фон, необходимо вырезать предмет, а фон удалить. В зависимости от формы предмета, выберите тот , который будет удобен в данной ситуации.

Качество готовой картинки в основном зависит от качества выделения. Постарайтесь максимально точно повторить форму предмета подходящими инструментами лассо.

Если края предмета имеют не четкие края, выделение тоже должно иметь слегка размытые грани. Для этого нужно щелкнуть по выделению правой кнопкой мыши и задать значение «Растушевки». Значение размытия сработает ко всему выделению.

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

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

Основной предмет с высокой четкостью границ можно выделить обычным инструментом «Лассо», а нечеткие края — мягкой кистью в режиме » » (Quick Mask — Клавиша Q), как показано на снимке ниже.

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

Добавление к выделению нечетких областей

А теперь, подробнее о другом способе выделения. Выделите основную часть изображения с четкими границами, затем нажмите — Select/Save Selection…

Снимите выделение и создайте новое, вокруг нечеткой области. Нажмите правой кнопкой мыши — Feather… (Растушевка…) Задайте необходимое значение. Как правило, нескольких пикселей будет достаточно.

Теперь, нажмите — Select/Load Selection… Выберите пункт — Add to Selection (добавить к выделению). Ваше прошлое выделение склеиться с новым, а разные степени размытия сохранятся.

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

После того, как вы удалили фон, необходимо сохранить изображение в формате поддерживающем прозрачность.

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

Tiff — формат похожий по свойствам с предыдущим. Тоже может содержать прозрачные области. Из-за высокого качества, часто используется в полиграфии.

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

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

Отсечение фона маской

Этот метод не требует использования программы Photoshop. Непосредственно в программе верстки CorelDRAW или Illustrator вы можете обрисовать предмет контуром, а затем скрыть все, что за его пределами.

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

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

Clipping Mask в Adobe Illustrator

Разместите изображение в редакторе Illustrator и обрисуйте контуром предмет. Затем выделите изображение и контур вместе и нажмите правой кнопкой мыши — Обтравочная маска (Make Clipping Mask). Часть изображения за пределами контура скроется.

После отсечения маской части изображения вы можете продолжать редактировать контур. Двойной щелчок по обтравочной маске позволит менять расположение предметов внутри контура, удалять, вносить новые, менять форму контура или снова разобрать Clipping Mask и вытащить все элементы.

PowerClip в CorelDRAW

В CorelDRAW есть такой же прием, однако работает он немного иначе. Также нужно обрисовать предмет контуром, а затем, выделить изображение и нажать — Effects/PowerClip/Place inside Frame…. Вместо указателя появится стрелка, которой нужно показать контур.

Контур в CorelDRAW также можно редактировать после создание маски.

Еще в CorelDRAW можно сделать объект прозрачным, не создавая контура, вы можете просто перемещать узлы краев изображения инструментом Shape tool, тем самым меняя его форму. Двойной щелчок по контуру будет создавать новые узлы.

3. Прозрачность режимом наложения

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

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

В Illustrator нужно открыть панель прозрачностей — Window/Transparency. А затем выбрать режим — Multiply (Умножение).

В CorelDRAW возьмите инструмент — Transparency.

В панели параметров инструмента настройте так, как показано на скриншоте ниже:

Использовать этот режим нужно аккуратно, у него есть и свои недостатки. Хорошо работать он будет только на белом фоне, а сам предмет тоже станет прозрачным при наложении на текст или на другие изображения.

Видео урок: прозрачный фон

Смотрите подробный видео урок, как сделать прозрачный фон в Adobe Photoshop, Illustrator, CorelDraw тремя разными способами:

(Visited 2 847 times, 1 visits today)

Очень часто случается так, что подобрав для определённых целей картинку, она вас вроде-бы и устраивает, но есть один важный нюанс – она не подходит по цвету. Такая ситуация очень знакома контент-менеджерам, или людям, которые имеют дело с размещением графических элементов. Что делать в этом случае? В голову не приходит ничего другого, кроме как сделать фон картинки прозрачным, для того, чтобы основное изображение выгодно смотрелось на фоне интернет-странички или баннера. О том, как это сделать, мы сегодня вам и расскажем.

Вам понадобятся:

Подготовка к обработке

Для этого открываем графический редактор Adobe Photoshop, нажимаем «Файл», «Открыть», и выбираем изображение, для которого хотим сделать прозрачный фон (или нажимаем правой кнопкой мыши по необходимому изображению, переходим в меню «Открыть с помощью…», и среди списка предустановленных программ выбираем Adobe Photoshop).

В качестве примера мы используем знак «СТОП», но, в принципе подойдёт любая оригинальная фотография . Итак, изображение мы загрузили. Что дальше?

Работаем с «волшебной палочкой»

Находится он, как вы уже догадались, на боковой панели инструментов (если вы не изменяли назначение горячих клавиш в Adobe Photoshop, то выбрать этот инструмент можно при помощи нажатия на кнопку “W”).

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

Удаляем фон

Итак, наводим “волшебную палочку” на область с фоном, который нужно удалить, и кликаем по нему левой кнопкой мыши. Область с фоном выделится штрих-пунктиром, и всё что нам остаётся – это нажать кнопку “Delete”. По очереди повторяем эту процедуру, пока не получим фон, который окрашен чем-то, похожим на шахматную клетку. Это значит, что такая область – прозрачна.

Сохранение изображения

Обратите внимание, что сохранять файл нужно исключительно в формате.PNG, иначе «прозрачность» фона просто не будет отображаться (вместо него будет заливка белого цвета).

Вам понадобится

• — программа «Фотошоп»
• — изображение, у которого необходимо сделать полупрозрачный фон.
• — знать, как создавать новый слой
• — уметь пользоваться инструментом «Заливка», чертить фигуры в фотошопе

Инструкция

Щелкните дважды по названию слоя с картинкой и в появившемся поле напишите любое новое название этого слоя. Это нужно для свободного перемещения этого слоя и получения прозрачного фона при удалении частей рисунка. Если у изображения уже есть непрозрачный однородный фон, то выделите его инструментом «Волшебная палочка». Для этого выберите этот инструмент на панели инструментов и щелкните мышкой по цвету фона, после чего выделятся все указанного вами цвета (по которому был произведен щелчок мыши) в пределах замкнутой области. Удалите выделенное, нажав клавишу Delete.

В окне «Слои» при выделенном нижнем слое установите нужный процент его непрозрачности, перемещая рычажок в поле «Непрозрачность» и наблюдая за изменением прозрачности фона на . Чем меньше будет значение непрозрачности, тем прозрачнее будет фон; чем — тем непрозрачнее.

Источники:

• Просто о создании сайтов и баннеров

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

Вам понадобится

• Редактор html-кода

Инструкция

К изменению облика вашего ресурса можно пойти двумя путями. Первый — обратиться к специалисту (web-мастеру) и он за определенную плату внесет все необходимые изменения. Другой путь – это . Для того, чтобы изменить внешний вид вашего сайта , вы должны изучить основы html–кода и воспользоваться одним из его редакторов.

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

Итак, вы знаете ширину макета сайта . Подготовьте изображение для размещения. Загрузите его на сервер, где расположен ваш сайт. Картинка должна быть сохранена в одном из трёх форматов: jpeg, gif или png. Для корректного отображения фон должен быть по ширине таким же, как и ширина страницы.

Откройте в редакторе html-кода , на которой вы хотите изменить фон. Найдите строку «background-image». Если такой строки нет, напишите её в поле тэга «body». Как на картинке.
В данном коде «url(«images/bg.jpg»)» — это путь к вашему фоновому . Пропишите его. Сохраните изменения.

Обратите внимание

Для корректного отображения фон должен быть по ширине таким же, как и ширина страницы.

Полезный совет

Для редактирования сайта пользуйтесь программой Dreamweaver.

Источники:

• как сделать сайт картинки в 2019

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

Инструкция

Создайте новый файл – откройте в меню File опцию New, и в окошке настроек выберите опцию Transparent. Созданный файл будет полностью состоять из прозрачного фона. Находясь на данном файле, нажмите Ctrl+V, чтобы вставить скопированную на предыдущем файле выделенную область. Ваше изображение в качестве второго слоя файла закроет прозрачный фон.

Выберите на панели инструментов любой инструмент, которым можно выделить те или иные области – вызовите их M или W. Масштабируйте рисунок для удобства и выделите те области, которые вы хотите сделать прозрачными.

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

В некоторых случаях вам может потребоваться полупрозрачный рисунок – например, полупрозрачный может стать необычным украшением коллажа или веб-сайта, а также полупрозрачный текст можно использовать в качестве . Для того чтобы нанести на фото полупрозрачный текст, откройте нужное изображение, а затем выберите в меню текстовый инструмент (Т).

Выберите нужный размер, и цвет, а затем поверх фотографии напишите нужный текст. В палитре слоев появится отдельный текстовый слой. Регулятор в строке Opacity в панели слоев сдвиньте до 30-40%. Вы увидите, как надпись становится полупрозрачной.

Видео по теме

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

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

Сегодня поговорим о том, как сделать картинку без фона в Фотошопе.

Сделать это можно несколькими способами.

Первый – воспользоваться инструментом «Волшебная палочка» . Способ применим в том случае, если фон изображения однотонный.

Открываем изображение. Поскольку картинки без прозрачного фона чаще всего имеют расширение JPG , то слой с названием «Фон» будет заблокирован для редактирования. Его необходимо разблокировать.

Дважды кликаем по слою и в диалоговом окне нажиаем «ОК» .

Затем выбираем инструмент «Волшебная палочка» и нажимаем на белый фон. Появляется выделение (марширующие муравьи).

Теперь нажимаем клавишу DEL . Готово, белый фон удален.

Следующий способ убрать фон с картинки в Фотошопе – воспользоваться инструментом «Быстрое выделение» . Способ сработает в том случае, если изображение имеет примерно один тон и нигде не сливается с фоном.

Выбираем «Быстрое выделение» и «закрашиваем» наше изображение.

Затем инвертируем выделение сочетанием клавиш CTRL+SHIFT+I и нажимаем DEL . Результат такой же.

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

Для ручного выделения в Фотошопе есть несколько инструментов.

1. Лассо. Используйте его, только если у Вас твердая рука или имеется графический планшет. Попробуйте сами и поймете, о чем пишет автор.

2. Прямолинейное лассо. Данный инструмент целесообразно применять на объектах, имеющих в своем составе только прямые линии.

3. Магнитное лассо. Применяется на однотонных изображениях. Выделение «примагничивается» к границе объекта. Если оттенки изображения и фона идентичны, то края выделения получаются рваными.

4. Перо. Наиболее гибкий и удобный для выделения инструмент. Пером можно рисовать как прямые линии, так и кривые любой сложности.

Итак, выбираем инструмент «Перо» и обводим наше изображение.

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

Опорные точки можно перемещать, зажав клавишу CTRL справа, а удалять, выбрав в меню соответствующий инструмент.

Пером можно выделять сразу несколько объектов на изображении.

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

Теперь нужно удалить фон в Фотошопе, нажав клавишу DEL . Если вдруг удалился выделяемый объект вместо фона, то нажимаем CTRL+Z , инвертируем выделение комбинацией CTRL+SHIFT+I и снова удаляем.

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

Фотошоп | Миниатюры слоёв

Где расположены миниатюры?

Миниатюры слоёв всегда находятся на панели «Слои». Они расположены между столбцом видимости слоёв и полем имени слоя.

Зачем нужны миниатюры слоёв?

1. Они помогают ориентироваться в содержимом слоя (например, содержимое может быть — квадрат, круг, треугольник, звезда, смарт-объект)
2. Они передают цвета  (не глядя в монтажную область можно сразу понять какого цвета содержимое слоя)
3. Они передают прозрачности (шахматное оформление из белых и чёрных квадратиков подсказывает о пустотах в содержимом слоя)
4. Они информируют о местоположении содержимого в документе (собирая коллаж, легко отыскать нужный элемент и отредактировать его)
5. По ним можно легко понять, какой контент находится ближе или дальше от пользователя

Размеры миниатюр слоёв

Программа Photoshop предлагает 4 варианта видимости миниатюр:

• Без миниатюр
• Маленькие миниатюры
• Средние миниатюры
• Большие миниатюры

Менять размер нужно в зависимости от разрешения и физического размера экрана монитора.

Если вы работаете на 32 дюймовом мониторе с разрешением в 4К, то можете смело ставить «Большие миниатюры». В противном случае вы просто не будете попадать мышкой по нужным слоям.

Важный момент! Размер миниатюры влияет на все открытые документы программы, а также на высоту поля имени слоя.

Увеличивая или уменьшая размер миниатюр, мы пропорционально меняем высоту и ширину поля имени слоя. Увеличиваются или уменьшаются сразу все слои.

Изменив размер миниатюр в одном документе, они автоматически меняются в других открытых документах. Задумано ли это производителем ПО? — нет ответа.

«Контент миниатюр» — варианты отображения содержимого в миниатюрах

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

Но существует и второй вариант, когда миниатюра может содержать только графическую информацию содержимого, без ориентации в документе.

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

Миниатюры корректирующих слоёв

На 2019 год графический редактор Photoshop насчитывает 19 миниатюр корректирующих слоёв. Они выполнены в градациях серого и содержат уникальные отличительные символы (иконки)

Их функционал легко запоминается по иконкам миниатюр.

Впоросы

Как увеличить, уменьшить миниатюры слоёв?

Поделись страницей. Расскажи обо мне.

Snapseed как сделать круг с текстом

Нередко на рисунках в интернете можно встретить так называемые водяные знаки (watermark, вотермарки). Выглядят они как различные надписи с указанием какой-либо информации об авторе или сопутствующих сведениях. Подобные отметки может оставлять фотоаппарат во время съемки, например, дату и время. Но сделать подобное выйдет и через фоторедактор. Как в Snapseed сделать круг с надписью на фотографии? Детально рассмотрим данную задачу.

Добавление эффекта

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

Актуальными в этом случае окажутся формы с маркировкой N. Обратите внимания, что имеются не только обычные круги, но и варианты с «шестернями». Различия заключаются и в размере шрифта с форматированием.

Расположение круга можно менять. Для этого свайпните по экран в нужном направлении. Два пальца позволяют редактировать его размеры и наклон. Чтобы поменять в рамке надпись, нажмите на нее дважды. Тогда откроется текстовый редактор. Введите туда нужную информацию и подтвердите изменения. Но на этом создания круга с текстом не ограничивается. Рассмотрим дополнительные параметры данного инструмента.

Дополнительные параметры

Помимо прочего, в Snapseed возможна настройка цвета добавленного элемента и уровня его прозрачности. Для изменения первого параметра тапните по иконке с изображенной палитрой. А потом выберите нужный вариант.

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

Если нажать на «капельку», то откроется меню настройки прозрачности элемента. Здесь все понятно: ползунок влево — видно фон, вправо — только надпись. Интерес представляет пункт «Инвертировать». Когда вы тапните по нему, изменения переместятся с круга на начальную картинку.

@instagram

Другие статьи

Photoshop for Lunch ™ — Создание и продажа геометрических оверлеев для социальных сетей — Формирование, преобразование, заливка | Хелен Брэдли стенограммы

1. Photoshop for Lunch ™ — Геометрические наложения для социальных сетей — Введение: Здравствуйте, я Хелен Брэдли. Добро пожаловать в этот выпуск Photoshop для обеда, создавайте и продавайте геометрические наложения для фотографий. Photoshop for Lunch — это серия классов Photoshop, каждый из которых обучает небольшому количеству техник Photoshop. У вас будет множество возможностей попрактиковаться в новых навыках в создаваемых проектах.Сегодня мы делаем геометрические наложения фотографий, которые можно использовать поверх ваших фотографий в социальных сетях, но также можно создавать для продажи. Вы научитесь некоторым методам создания этих геометрических наложений, а также сохраните их для использования и продажи. Когда вы работаете с этими видео, вы можете увидеть подсказку, которая позволит вам порекомендовать этот класс другим. Пожалуйста, если вам нравится урок, поставьте ему большой палец вверх. Эти рекомендации помогают мне представить мои занятия большему количеству людей, которые, как и вы, хотят узнать больше о Photoshop.Если вы хотите оставить комментарий, сделайте это. Я читаю все ваши комментарии и просматриваю все ваши классные проекты. Итак, теперь, если вы готовы, давайте приступим к созданию геометрических наложений на фотографии для использования в социальных сетях и для продажи. 2. Photoshop for Lunch ™ — Геометрические наложения для социальных сетей — Часть 1: Прежде чем мы приступим к созданию этих геометрических наложений фотографий, давайте посмотрим, на что мы смотрим. Это веб-сайт creativemarket.com, и я говорю о таких наложениях.Наложения, которые можно использовать либо для размещения поверх фотографий, либо для эффективного кадрирования фотографии, а также включения некоторых геометрических элементов. Сегодня мы собираемся создать оба типа. Когда вы их создаете, вам сначала нужно принять решение о том, какой размер документа вы хотите использовать. Если вы делаете их для социальных сетей, подходящим размером может быть что-то вроде 1200 на 800. Если вы делаете их для продажи, вы можете сделать более крупные версии, чтобы люди могли использовать их для высококачественных изображений.Вы также можете создать серию, например, для квадратных изображений, некоторые для портрета, а некоторые для ландшафта. Сегодня я просто буду использовать стандартный размер документа. Я собираюсь выбрать «Файл», а затем «Новый». Это будет размер документа в социальной сети, так что это 1200 на 800, то есть альбомное изображение. Просто сделайте его прозрачным, и я нажму «Хорошо». Мне поможет, если у меня будет изображение, на которое я буду смотреть во время работы, поэтому я просто выберу «Файл», «Поместить встроенное» и вставлю изображение в этот документ.Я уже скачал один с unsplash.com, которым собираюсь воспользоваться. Я дам вам ссылку для загрузки, если вы хотите использовать ее самостоятельно. Я просто нажму галочку, чтобы поместить ее в свой документ. Что касается моих геометрических элементов, мне нужно быть очень осторожным, чтобы я не помещал их поверх фотографии на том же слое, потому что в противном случае я не смогу извлечь их позже, чтобы я мог изолировать их, чтобы сохранить их. чтобы их можно было использовать на любом изображении в любое время. Конечно, если бы мы хотели их продавать, мы бы не продавали их с этим изображением, с ним.Я собираюсь начать с нового слоя здесь. Я собираюсь разместить на этом изображении серию кругов и для этого воспользуюсь инструментом Elliptical Marquee Tool. Я пытаюсь создать это конкретное видео, чтобы его можно было использовать практически с любой версией Photoshop. Я собираюсь растянуть круг, а затем сделаю это, удерживая клавишу «Shift», пока растягиваю круг. Я хочу, чтобы он был чуть больше половины ширины этого документа, поэтому это должен быть круг довольно большого размера. Теперь я хочу нанести обводку по краю, но очень трудно понять, насколько большой обводка нам нужна.Поэтому использование опции «Редактировать обводку» не будет особенно хорошей идеей, потому что вы не можете увидеть обводку до того, как наложите ее. Если вы работаете с действительно большими изображениями, пяти пикселей может быть недостаточно, но что достаточно, 50? Я понятия не имею. Я просто нажму «Отмена», я воспользуюсь другим процессом. Прежде всего, я собираюсь заполнить круг цветом. Сейчас у меня черный цвет фона, поэтому я просто нажму «Control Backspace», «Command Delete» на Mac, чтобы заполнить этот круг цветом.Было бы лучше не использовать белый цвет, потому что на следующем шаге я собираюсь использовать белый цвет обводки, поэтому лучше всего подойдет контрастный цвет. Чтобы добавить обводку, я собираюсь использовать стиль слоя. Я собираюсь щелкнуть здесь значок «Добавить стиль слоя» и выбрать «Обводка». Причина, по которой я использую Stroke, заключается в том, что это позволяет мне очень четко видеть, достаточно ли моего веса линии, поэтому я могу просто ввести здесь любое значение, давайте попробуем 40, и вы увидите, как выглядит штрих в 40 пикселей. . Мне нравится семь, поэтому я вернусь к семи.Я сосредотачиваюсь на этом. У меня есть позиция в центре, и я убеждаюсь, что у меня белый цвет. Просто нажмите здесь на палитру цветов и убедитесь, что выбран белый цвет. Конечно, белый — это 255, 255, 255 в красном, зеленом и синем каналах. Просто нажмите «Хорошо», а я просто нажму «Хорошо». У меня есть обводка, которую я хочу, проблема в том, что у меня есть заливка, которая мне не нужна. Что ж, я собираюсь найти здесь последнюю палитру с этим выбранным слоем, и я просто собираюсь установить нулевую заливку.Я могу щелкнуть эту стрелку, указывающую вниз, и просто перетащить ползунок, чтобы установить нулевую заливку. Но есть еще одна вещь, которую вы можете сделать в Photoshop, и если вы раньше не встречали ползунки Scrubby, сейчас самое подходящее время для их создания. Просто собираюсь щелкнуть отсюда и просто щелкнуть обратно на моем слое. Если я наведу указатель мыши на слово «Заливка», вы увидите, что оно изменится на указательный палец со стрелками, идущими влево и вправо. Это то, что называется ползунком Scrubby. Если я сейчас щелкну и перетащу, вы увидите, что я регулирую значение в этом поле, просто перетаскивая слово.Многие вещи в Photoshop — это ползунки Scrubby. Практически в любое время, когда у вас есть возможность щелкнуть стрелку вниз и настроить ползунок, вы также можете настроить этот параметр с помощью ползунка. Я устанавливаю нулевую заливку. Причина этого в том, что вы не можете нанести обводку на фигуру, если у нее нет заливки. Нам пришлось нанести черную заливку на нашу фигуру, чтобы получить обводку. Мы не хотели наполнения. Что ж, решение для этого — просто скрыть это, установив нулевую заливку.Вы не хотите отправлять непрозрачность равной нулю, потому что это влияет на заливку и обводку. Настройка непрозрачности в этом случае не сработает, это настройка заливки, которая просто отключает заливку, но оставляет нашу обводку на месте. Теперь я просто возьму инструмент перемещения, и я хочу центрировать его на изображении. Я мог бы использовать свои умные направляющие, но я также могу использовать технику в Photoshop. Я собираюсь выбрать Control или Command, щелкнуть по миниатюре «Layer», чтобы вокруг формы были марширующие муравьи.Теперь я собираюсь нажать «Control» или «Command A». Что это значит, так это то, что он выбирает весь документ, похоже, что эта фигура больше не выбрана, но это так. Теперь, если я щелкну здесь, я могу настроить вертикальный центр, а здесь — горизонтальный центр моей формы. Мой круг теперь выровнен прямо посередине этого документа. Я нажму «Control» или «Command D», чтобы отменить выбор. Чтобы создать узор из кругов, мне нужно несколько копий этого круга. Сначала я перетащу копию на значок нового слоя и начну ее перемещать.Когда я перемещаю копию, я держу клавишу Shift, чтобы она двигалась в абсолютно горизонтальном направлении. Теперь он на месте и выровнен с другой формой. Я собираюсь щелкнуть этот «слой», перетащить его на значок нового слоя и повторить в другом направлении. Опять же, удерживая «Shift», когда я это делаю, чтобы его движение было ограничено. H Если Smart Guides включены, он должен просто зафиксироваться в нужном положении. Если вы обнаружите, что умные направляющие не включены, перейдите в меню «Вид», убедитесь, что у вас включена привязка, убедитесь, что для параметра «Привязка к направляющим» установлено значение, а также убедитесь, что что в меню «Показать» Smart Guides отмечен галочкой.Когда все это выбрано, ваши умные направляющие должны работать нормально. Я хочу сделать еще одну копию этого круга, поэтому я просто перетащу ее на значок нового слоя. На этот раз я положу его сюда. Я не собираюсь удерживать клавишу «Shift» при этом. Я фактически убираю это с его выравнивания. Я просто собираюсь разместить его здесь. Я могу взять его копию, перетащить ее на значок нового слоя и на этот раз переместить копию. Если я удерживаю «Shift», я собираюсь убедиться, что он движется в абсолютно горизонтальном направлении, так что эти две формы будут идеально выровнены.Теперь давайте возьмем эти два, поместим их обоих на значок нового слоя, и, поскольку они оба все еще выделены, начнем подтягиваться. Если я подтянусь с нажатой клавишей «Shift», они будут двигаться в совершенно вертикальном направлении. Две верхние позиции, которые я только что переместил, будут немедленно выровнены по двум нижним. Это дизайн, который я хочу использовать для своего первого наложения. Создав его, вернемся к последней палете и посмотрим, что у нас получилось. Ну, кругов у нас много.Я собираюсь свернуть и щелкнуть верхний слой, содержащий один из этих кругов. Я собираюсь скатиться и, нажав «Shift», щелкнуть по самому нижнему слою, содержащему один из этих кругов. Вы также можете пойти другим путем: вы можете щелкнуть внизу, а затем, удерживая Shift, щелкнуть по самому верхнему. Важно не допустить сюда фотографию. Щелкните правой кнопкой мыши и выберите «Объединить слои». Теперь у меня есть единственный слой, содержащий мой оверлей. Пришло время продолжить и сохранить это, чтобы я мог использовать это позже.Для этого я отключу фото, потому что не хочу сохранять фото. То, что у меня сейчас на экране, представляет собой серию белых кругов с прозрачным фоном. Когда я сохраню это, он будет сохранен как файл PNG. Он будет сведен к одному слою, но PNG сохраняет прозрачность, чтобы его можно было разместить поверх любой фотографии в любое время в будущем. Я собираюсь выбрать «Файл», а затем «Сохранить как». Важно выбрать PNG в качестве формата. Вот оно, П-Н-Г. Я назову это «Оверлей 1» и просто нажму «Сохранить».Когда вы это сделаете, вам будет предложено выбрать некоторые параметры PNG. Вы можете просто нажать «Хорошо», настройки по умолчанию в порядке. Я снова включу фото. В следующем видео давайте посмотрим, как мы будем использовать этот оверлей на другом изображении в будущем. 3. Photoshop for Lunch ™ — Геометрические наложения для социальных сетей — Часть 2: Чтобы использовать мой оверлей на другом изображении, я сначала собираюсь открыть это изображение. Я собираюсь выбрать «Файл», а затем открыть, найти и открыть изображение, которое также находится в альбомной ориентации. Я собираюсь уменьшить его, чтобы его размер соответствовал моему наложению, и он соответствовал размеру, который мне нужно использовать для моих целей в социальных сетях.Размер изображения, я наберу 1200. Photoshop автоматически устанавливает высоту 800. Это изображение с таким же соотношением сторон, как и другое. Я просто нажму «Хорошо». Теперь я собираюсь добавить мой оверлей, выбрав файл, а затем поместив встроенный. Размещение встроенного просто гарантирует, что наложение будет встроено в изображение. Это более безопасный способ работы, поскольку он гарантирует, что содержимое находится в файле, а не просто связано с ним. Я собираюсь нажать на галочку. Моя фотография уже должна быть опубликована в социальных сетях с наложением, но вы можете спросить себя, что вы собираетесь делать, если ваша фотография не в альбомной ориентации или, возможно, если ее соотношение не такое же, как у вашего наложения? Что ж, посмотрим, как мы с этим справимся.В этом случае я собираюсь выбрать Файл, а затем Создать, и я собираюсь создать документ размером 1200 на 800 пикселей, размер, который мне нужен для целей социальных сетей, и на этот раз я собираюсь выбрать Файл, Поместите Embedded и поместите сюда мою фотографию. File, Place Embedded, и я найду изображение с неправильной ориентацией для моего наложения. Я нажимаю «Поместить». Его размер будет уменьшен, чтобы он поместился в документе, но, конечно, у нас есть много пробелов с обеих сторон, и я не хочу использовать все это изображение.Что я собираюсь сделать, так это начать изменять размер и удерживать клавишу Shift, растягивая углы, потому что я хочу изменить размер этого изображения сейчас, чтобы оно уместилось в этом документе 12 на 800. Я просто убеждаюсь, что у меня есть та часть изображения, которую я хочу использовать в документе. Теперь мне просто нужно немного потянуть это, чтобы выровнять все это, и я собираюсь нажать «Галочку». На этом этапе изображение не было обрезано. Полное изображение все еще находится в документе. Вы можете вернуться в любое время и просто переместить это, чтобы выровнять изображение по-другому.Но теперь я собираюсь добавить свой оверлей. Файл, место встроенного, я пойду и получу свой оверлей, и нажмите «Поместить», и я нажму здесь, чтобы применить его. Это удобный простой способ управления наложением, а также кадрирования и изображения без необходимости обрезать его для социальных сетей. Если вы знаете, какого размера должно быть изображение, создайте для него пустой документ. Поместите различные части, которые вам нужны, в данном случае фотографию и наложение, просто расположите их в пределах 1200 на 800, независимо от размера вашего документа, а затем вы можете продолжить и сохранить его.Это просто избавляет вас от необходимости обрезать и изменять размер при экспорте документа для использования в социальных сетях. 4. Photoshop for Lunch ™ — Геометрические наложения для социальных сетей — Часть 3: Я вернулся к изображению, над которым мы работали. Я спрятал и заблокировал первый оверлей. Итак, я собираюсь добавить новый пустой слой, над которым мы можем работать. Следующее наложение, которое мы собираемся создать, будет повернутой линией, и она даст нам геометрический узор. Теперь вы можете нарисовать линию несколькими способами, и один из них — использовать инструмент фигуры, этот инструмент линии в группе фигур.Вы также можете сделать это с помощью прямоугольной области, просто перетащив тонкую прямоугольную область по форме. Но проблема с инструментом прямоугольной области заключается в том, что его длина ограничена шириной или высотой вашего документа. Есть лучший способ провести эту линию, который мы можем использовать. Итак, я просто собираюсь использовать Control или Command D, чтобы выбрать это. Фактически я собираюсь использовать прямоугольник, потому что инструмент прямоугольника дает мне лучший контроль над моей линией, чем линия. Любопытно, но им действительно проще пользоваться.Итак, я собираюсь растянуть прямоугольную фигуру. Теперь я использую варианты формы здесь. Итак, это будет форма с белой заливкой. Высота здесь в значении h — это фактическая ширина линии. Так что я собираюсь установить это на семь. Это линия, с которой я собираюсь начать. Итак, я просто собираюсь разместить его, убедившись, что я размещаю его и не изменяю его размер здесь, в документе. Я тоже хочу центрировать его, поэтому сделаю то же самое, что и раньше. Я собираюсь Control или Command щелкнуть по миниатюре слоя и нажать Control или Command A.Я перейду к инструменту перемещения, но на этот раз я выберу только этот горизонтально выровненный центр, потому что я не хочу выравнивать его по вертикали, я просто хочу выровнять его по горизонтали. Теперь вы хотите назначить ему перемещение, но если он не был отцентрован, он действительно переместился. Я нажимаю Control или Command D или D select, чтобы убедиться, что все выбрано D, и эта форма теперь центрирована по горизонтали на холсте. Я собираюсь перетащить его на значок нового слоя и повернуть эту фигуру, выбрав «Правка», а затем «Свободное преобразование».Это показывает эти инструменты здесь, на панели параметров инструмента. Я хочу повернуть его вокруг центральной точки документа. Итак, я собираюсь щелкнуть здесь по середине внизу этих девяти маленьких прямоугольников, чтобы сдвинуть этот маленький маркер. В середине этой формы есть маркер, который вы можете щелкнуть и перетащить. Это центральная точка, вокруг которой будет вращаться фигура. Теперь вам не нужно указывать его правильное положение, вам просто нужно прямо сейчас отвести его от формы.Потому что, как только вы перетащите его из формы, вы получите доступ к этим параметрам здесь. Это инструмент, позволяющий убедиться, что вы разместили этот маленький маркер именно там, где вы хотите. Размер документа 1200 на 800, поэтому средняя точка здесь 600 и 400 x и y. Итак, я собираюсь убедиться, что значение x равно 600 пикселей, а значение y — 400 пикселей, потому что это гарантирует, что эта точка вращения мертва в центре документа, поэтому эта форма будет вращаться вокруг нее. прекрасно.Я хочу повернуть его на 60 градусов. Я просто нажму галочку. Теперь я хочу повторить процесс копирования и преобразования. Я собираюсь нажать Control Alt Shift и коснуться буквы T. На Mac это будет Command Option Shift T. Я собираюсь сделать это еще четыре раза, чтобы повернуть эту фигуру вокруг этой средней точки, эффективно повторяя копию и эффект вращения. Итак, теперь у меня есть элементы для наложения градиента. Все, что я собираюсь сделать, это именно то, что я сделал в прошлый раз, нажмите на самую верхнюю из этих строк, удерживая Shift, щелкните на самой нижней из этих строк, убедившись, что здесь выбраны только линии, щелкните правой кнопкой мыши и выберите « Объединить фигуры ». .Если у вас только что есть «Объединить слои», просто выберите «Объединить слои». Что бы там ни было, вы просто хотите объединить их в один слой. Я бы тогда выключил это. Итак, у меня есть только видимая сетка, и я сохраняю ее снова как файл ping. Я собираюсь сделать это, и мы вернемся в следующем видео и посмотрим на еще одно наложение градиента, на которое есть маска обрезки. 5. Photoshop for Lunch ™ — Геометрические наложения для социальных сетей — Часть 4: Для следующего наложения я снова собираюсь добавить новый слой, потому что все эти наложения должны быть построены на новых слоях.Мы собираемся повторить процесс создания круга с обводкой. Я собираюсь снова использовать инструмент Elliptical Marquee Tool, растянуть фигуру, заполнить ее, а затем добавить обводку. Если вы работаете в более поздних версиях Photoshop, вы можете использовать инструмент «Эллипс» и просто растянуть круг с белой обводкой и без заливки. Я просто собираюсь продолжить процесс, который будет работать в любой версии Photoshop, Ctrl Backspace, чтобы заполнить это черным. На этом этапе, зная, что мне нужно удалить заливку, я могу просто установить для нее нулевое значение.Выбираю последнюю иконку стиля, нажимаю «Обводка». Я собираюсь добавить обводку немного меньшего размера, чем в прошлый раз. Итак, я просто собираюсь установить его на четыре, но все остальные настройки будут точно такими же. Я нажимаю «Хорошо». Меня не беспокоит, как этот круг размещен, за исключением того, что он обычно должен быть в центре документа, но то, что он не в центре, вполне нормально. Я собираюсь перетащить дубликат этого на значок нового слоя, и я просто возьму дубликат и немного сдвину его в сторону.Затем я собираюсь выбрать оба этих слоя, перетащить их оба на значок «Новый слой» и просто убрать дубликат в сторону. Опять же, то, что я хочу, — это слегка смещенный от центра круг, вид неопрятного круга. Теперь это потенциально одно наложение. Итак, я собираюсь выделить все эти четыре слоя, щелкнуть правой кнопкой мыши и выбрать «Объединить слои», чтобы создать из них единую форму наложения. Но я хочу сделать еще один шаг вперед. Что я хочу сделать, так это добавить белую заливку по краю этой формы, чтобы она действительно эффективно обрезала изображение.На самом деле это не обрезка, но из-за того, что она блокирует изображение внизу, вы получаете впечатление обрезанного изображения. Если мы просто вернемся на минутку к Creative Market, вы увидите, что это такие наложения, которые создаются здесь, те, которые обрезают изображение в форме. Итак, это тот тип, на который мы сейчас смотрим. Для этого я хочу иметь возможность выделить все по краю этой формы. Итак, я собираюсь использовать инструмент «Волшебная палочка», щелкнув по «Волшебной палочке» и установив для параметра «Допуск» очень низкое значение.Я хочу, чтобы флажок «Непрерывный» был установлен, потому что я хочу выбирать только те пиксели, которые находятся вокруг самого края этой формы. Я собираюсь нажать «Ctrl» или «Command D», потому что я действительно включил там марширующих муравьев на минуту. Итак, я просто щелкну здесь один раз, и это выделит каждый пиксель, который является прозрачным вокруг внешней стороны изображения, вплоть до края этого первого белого круга, ну, что представляет собой комбинация белых кругов, потому что они перекрывались. Если я сейчас просто закрашу выделение белым цветом, я столкнусь с двумя проблемами.Одна из проблем заключается в том, что я потеряю этот текущий оверлей, потому что я собираюсь заполнить окружение белым цветом. Тогда, по сути, у меня не будет наложения, это будут только эти круги. Чтобы противодействовать этому, я собираюсь добавить новый слой. Итак, моя белая заливка будет размещена на новом пустом макете. Проблема первая решена. Проблема вторая в том, что я не уверен, что мой выбор находится прямо напротив самого края этого белого. Поэтому, если я заполню его белым, есть вероятность, что по краю этой формы будут несколько частично прозрачных пикселей, которые будут просвечивать, и это не даст мне того аккуратного эффекта, которого я хочу.Я хочу сделать это выделение немного больше. Итак, я выберу «Выбрать», затем «Изменить», а затем «Развернуть», потому что я хочу, чтобы он начал съедать до самого края этой белой формы. Теперь мой ход был четыре пикселя. Так что, если я увеличу его на два пикселя, я перейду к внешней обводке на полпути. Не хочу больше ничего делать, один или два пикселя подойдут. Так что я просто нажму «Хорошо». Теперь мой выбор здесь съедает белое окружение. Вы можете видеть, что он сдвинулся на пару пикселей.Этого будет достаточно, чтобы быть уверенным, что когда я заполню его белым, будет бесшовное соединение с самой внешней стороной смещенных кругов. Там не будет частично прозрачных пикселей. Итак, у меня есть мой слой, выбран пустой слой, у меня есть белый цвет, мой цвет переднего плана или Backspace Option-Delete на Mac для заливки белым. Я просто нажму «Ctrl или Command D», чтобы снять выделение. Итак, теперь у меня есть моя белая маска обрезки на отдельном слое. Я мог бы отключить эту фоновую фотографию и сохранить эти концентрические круги в качестве наложения.Затем я мог вернуться, включить белое кадрирование, выключить фотографию и сохранить это как второй оверлей. Но выделение этой заливки на отдельный слой также дает мне возможность уменьшить значение заливки. Итак, я возвращаюсь к своему неуклюжему ползунку и опускаю его примерно до 75 процентов. Это еще один потенциальный оверлей. В этом случае я бы оставил эти два слоя видимыми, отключил этот слой и сохранил его с частичной прозрачностью для изображения ping. Это изображение ping будет иметь полностью прозрачную область, частично прозрачную область, а затем несколько полностью непрозрачных областей, где находятся эти круги.6. Photoshop for Lunch ™ — Геометрические наложения для социальных сетей — Часть 5: Для нашего финального эффекта наложения у нас будет непрозрачный край. Но геометрическая форма будет вставлена ​​изнутри этого края. Итак, мы начнем с треугольника. Я собираюсь добавить сюда новый слой. Вместо использования инструмента многоугольника, который затрудняет рисование треугольника, потому что очень сложно получить его нижний край идеально горизонтальным, мы собираемся выбрать инструмент произвольной формы. Я собираюсь выбрать здесь форму треугольника.Если у вас нет треугольной формы, щелкните всплывающее меню и выберите «Все». Затем просто нажмите «Добавить», чтобы добавить фигуры, которые будут их добавлять, и вы не будете удалять какие-либо пользовательские фигуры, которые вы могли создать. Не нужно этого делать, потому что у меня уже есть свои формы. Я собираюсь щелкнуть треугольник. Я собираюсь выбрать пиксели из выпадающего списка. В более ранних версиях Фото-магазина у вас могло быть три значка. У меня черный цвет в качестве цвета переднего плана. Я собираюсь удерживать Shift, вытягивая равносторонний треугольник.Я собираюсь удерживать клавишу пробела, если я просто передвину ее примерно на место. Итак, речь идет о треугольнике, который я хочу. Я не беспокоюсь о его центрировании прямо сейчас. Я просто отпущу левую кнопку мыши, а затем сдвиг k. Теперь я собираюсь отцентрировать его, щелкнуть с зажатой клавишей Control на миниатюре слоя, Control или командой A, а затем просто отцентрировать его прямо в середине этого документа. Затем снимите выделение с помощью Control или Command D. Теперь сложнее, чем может показаться на первый взгляд, создать треугольник, который равномерно вставлен внутри него по всему периметру.Я покажу вам, как это сделать. Для этого мы добавим обводку. Итак, выделив треугольник, я собираюсь выбрать стиль слоя с обводкой. На этот раз я добавлю обводку другого цвета. Неважно какого цвета. Я только что установил красный цвет. Он будет внутри, и вы собираетесь отрегулировать размер так, как хотите, чтобы пространство было между окончательной геометрической формой и внешней белой заливкой. Итак, я смотрю на зазор, который будет размером с эту красную линию, и вы можете просто отрегулировать его для шитья.У меня ширина 40 пикселей. Так что я просто нажму «Хорошо». Теперь вы установите последний поддон. Красный на самом деле не отображается. Так что это не отображается на миниатюре. Это потому, что это стиль слоя. Что мы хотим сделать, так это добавить его к этому треугольнику. Итак, мы собираемся щелкнуть правой кнопкой мыши и выбрать Rasterize Layer Style. Теперь он встроен в треугольник. Это позволяет нам теперь выбрать внешний край. Итак, я перейду к волшебной палочке. Я просто щелкну один раз здесь на внешней прозрачной области.Я собираюсь добавить новый слой, а затем просто залейте эту область белым цветом. Как только мой фоновый цвет управляет backspace, команда Delete на Mac, и я просто сниму выделение с помощью Control или Command D. Итак, есть первая часть моего эффекта наложения. Я собираюсь выключить внешний вид и сосредоточиться на этом треугольнике прямо сейчас. Я хочу создать свой геометрический эффект в этой черной области. Итак, я собираюсь щелкнуть инструментом «волшебная палочка» на этой черной области. Прежде всего, мне нужно выбрать слой, а затем щелкнуть по черному.У меня нулевой допуск. Так что все, что я делаю, это выбираю черный бит. Я хочу избавиться от всего, кроме черного. Итак, я собираюсь инвертировать выделение с помощью select inverse. Тогда я просто нажму «Удалить». Остается мой черный треугольник. Я нажму Control или Command D, чтобы снять выделение. Теперь займемся созданием эффекта. Итак, прежде всего, мы хотим обвести этот треугольник белой рамкой, как мы делали круги ранее. Щелкните значок fx, выберите обводку.На этот раз это будет белая обводка. Итак, я собираюсь убедиться, что у меня есть цвет 255, 255, 255, а также красный, зеленый и синий каналы. Я нажимаю «Хорошо». Я хочу, чтобы он был по центру. Итак, я просто нажму «Центр». Я просто собираюсь снизить свое значение примерно до семи. Теперь меня немного беспокоит, что я вижу здесь закругленные края. Итак, я собираюсь переключиться с центра на внутреннюю часть, и это сделает края заостренными. Это просто лучший эффект. По-прежнему будет иметь значение для нашей окончательной формы, поэтому я просто нажимаю «Хорошо».Затем для заливки этого слоя я просто хочу удалить черный цвет. Так что я просто сведу это к нулю. Я просто собираюсь щелкнуть мышью, выбрав какой-нибудь другой инструмент. Следующее, что мы собираемся сделать, это несколько линий, чтобы соединить эти части вместе. Итак, я просто собираюсь выбрать инструмент «Прямоугольник». Я собираюсь установить это в форме, потому что это позволит мне отрегулировать ширину. Я просто проведу вниз от вершины треугольника к основанию, и это создаст идеально вертикальный прямоугольник.Я хочу убедиться, что моя ширина такая же, как и по краю, но она просто исчезла черным. Так что я на самом деле просто нажму «Control» или «Command» Z, чтобы отменить это, поменяю цвета и попробую снова. Все еще немного проще, особенно если вы работаете с более ранней версией Photoshop, чтобы просто выбрать правильный цвет в первую очередь. Давайте проверим ширину на расстоянии семи табуляции. Теперь я просто собираюсь убедиться, что это прямо по центру. Так что я просто немного откорректирую его положение в документе.Просто убедитесь, что он действительно хорошо сочетается с вершиной треугольника. Переходим к последнему поддону. Поскольку мы добавили фигуру, она перешла на новый слой. Итак, я собираюсь взять этот слой с прямоугольной формой, перетащить его на значок нового слоя, чтобы дублировать его, и я хочу преобразовать его с помощью редактирования, а затем свободного преобразования. Я хочу преобразовать его из его центральных точек. Поэтому я собираюсь убедиться, что ориентир находится в самой середине. Я хочу повернуть это примерно на 60 градусов. Я поставлю галочку.Теперь я могу просто взять его с помощью инструмента «Перемещение» и просто переместить на место. Он должен тянуться из угла в сторону этого треугольника. Сделав это, я сделаю копию этого. Затем я просто переверну его по горизонтали, отредактирую, трансформирую, переверну по горизонтали. Тогда я могу просто перетащить это на место. Если его нужно отрегулировать незначительно, просто используйте клавиши со стрелками на клавиатуре, потому что это очень простой способ просто подталкивать по одному пикселю за раз. Закончим шестиугольником.Итак, я собираюсь добавить новую решетку, убедитесь, что я работаю над новым слоем. Я собираюсь выбрать инструмент произвольной формы. Я пойду и найду свой шестиугольник. Вот этот. Теперь я перетащу его на место. Я собираюсь удерживать нажатой клавишу Shift, потому что мне нужен идеальный шестиугольник, и я хочу, чтобы он просто касался самых краев этого треугольника. Теперь у вас может не получиться сделать это с первого раза, но если вы работаете со слоем-фигурой, вы сможете просто положить его, а затем просто переместить в нужное положение.Так что он должен находиться здесь внутри вашего треугольника. Просто по самым краям. Так что я просто подталкиваю его сюда. Я собираюсь поставить галочку. Когда вы меняете его размер, вы просто хотите убедиться, что делаете это с помощью клавиши Shift. Очень важно изменить его размер пропорционально. Я не хочу, чтобы у этого была заливка, поэтому я просто собираюсь удалить заливку. Но я очень хочу, чтобы у него был инсульт. Итак, я возвращаюсь к значку FX, возвращаюсь к штриху. Теперь я собираюсь использовать ту же обводку в семь пикселей.Но я попытаюсь поместить это в центр, потому что я выровнял свой шестиугольник. Если я выберу центр, он фактически исчезнет в линиях треугольника. Я не хочу здесь более толстой линии. Таким образом, вариант «Центр» дал мне здесь идеальный результат. Если ваш шестиугольник не идеален, вы можете немного переместить шестиугольник или просто изменить его размер. Но опять же, удерживая клавишу Shift, потому что вы хотите ограничить его обычными пропорциями. Итак, теперь давайте добавим наш внешний край. Итак, это тот эффект, который мы пришли создать.У нас есть обтравочная маска по краю фигуры, и наш геометрический треугольник имеет те же пропорции, что и исходный треугольник, но только вставлен из него. Конечно, поскольку эта белая заливка находится на отдельном слое, у нас есть возможность настроить ее непрозрачность. Прежде чем сохранить это, я бы взял все формы, которые образуют этот внутренний треугольник, и объединю их. Итак, теперь на одном слое. Я также мог бы отрегулировать непрозрачность этого, если бы не хотел, чтобы они были такими темными. Я мог регулировать их непрозрачность и непрозрачность заливки по краю.Но они регулируются независимо друг от друга, так что вы можете настроить желаемый эффект. Конечно, если вы сохраняете это как геометрический оверлей, вы хотите отключить свою фотографию, чтобы сохранить ее как файл ping. Ваш проект для этого класса будет заключаться в создании собственных геометрических наложений. Вы можете использовать те же самые примеры, что я показал здесь. Или вы можете создать свой собственный стиль. Разместите результаты в области проекта класса. Я действительно с нетерпением жду того, чтобы увидеть, что вы придумаете.Надеюсь, вам понравился этот урок по созданию геометрических наложений на фотографии для социальных сетей, а также для продажи. Если вам понравился этот урок, и если вы видите предложение порекомендовать его другим, пожалуйста, дайте ему большой палец вверх. Это помогает другим людям идентифицировать это как затраты, которые они могут захотеть взять на себя. Если вы хотите оставить комментарий, сделайте это. Я читаю и отвечаю на все ваши комментарии, а также смотрю и отвечаю на все ваши классные проекты. Я Хелен Брэдли. Спасибо, что присоединились ко мне для этого выпуска Photoshop для обеда, создания геометрических наложений на фотографии для социальных сетей и для продажи.Я с нетерпением жду встречи с вами в нашем предстоящем выпуске Photoshop на обед в ближайшее время.

с помощью GIMP

Серж Юрьевич Строобандт

Авторские права 2015–2016, под лицензией Creative Commons BY-NC-SA

0. Дом
1. IT
2. Графика и шрифты
3. Прозрачность GIMP

В большинстве дистрибутивов GNU / Linux GIMP (сокращение от GNU Image Manipulation Program) является приложением по умолчанию для редактирования пикселей и фотографий.(Обратите внимание, что Krita также является отличным приложением, которое дополнительно предлагает встроенную поддержку CYMK для печатной печати.) Если вы используете чрезмерно дорогой Adobe Photoshop, вы можете быть удивлены, не найдя инструмент заливки ведра для заполнения областей прозрачностью.

У некоторых типов изображений отсутствует канал прозрачности; Например, JPG. В этом случае добавьте канал альфа-прозрачности. Для этого выберите «Слой » → «Прозрачность» → «Добавить альфа-канал ».

Следующий шаг является необязательным и заключается в заливке области, которая должна стать прозрачной, сначала простым цветом.Выберите инструмент заполнения ковша или нажмите Shift + B . В параметрах панели инструментов Заливка ведра выберите Заливка прозрачных областей только при необходимости. Выберите BG color fill и Sample merged и выполните несколько попыток, отрегулировав Threshold для достижения наилучших результатов. В промежутке нажмите Ctrl + Z , чтобы отменить.

Некоторое смешение цветов будет неизбежным и даже желательным. (В этом отношении Adobe Photoshop ничем не отличается.) Следовательно, выберите цвет, совместимый с фоном, на котором в конечном итоге будет использоваться полученное изображение. Щелкните прямоугольник цвета фона в верхней половине окна панели инструментов Параметры инструмента , чтобы изменить цвет фона. Здесь я использовал f3f3e9 в качестве цвета фона для однотонной заливки. Однако можно также использовать инструмент «пипетка», чтобы выбрать цвет из любого места на рабочем столе.

Заливка ковша применена. Выберите цвет заливки, совместимый с фоном, на котором в конечном итоге будет использоваться полученное изображение.Это потому, что некоторое смешение цветов неизбежно и даже желательно. Здесь я использовал f3f3e9 для заливки однотонным цветом.

Заливка ведра : выберите Заливка прозрачных областей только при необходимости. Выберите BG color fill и Sample merged и выполните несколько попыток, отрегулировав Threshold для достижения наилучших результатов. В промежутке нажмите Ctrl + Z , чтобы отменить.

Правильнее всего сейчас сделать Select → By \ Color .Может возникнуть соблазн преобразовать цвет в прозрачность , однако это также изменит полупрозрачные области в пределах желаемой области изображения. На этот раз выберите Заливка прозрачных областей , а также Образец слияния . В этом конкретном примере я решил не применять Antialiasing или Feather Edge . Тем не менее, поэкспериментируйте с этими настройками и выберите то, что выглядит лучше всего. Опять же, сделайте несколько попыток, отрегулировав Порог для достижения наилучших результатов.В промежутке нажмите Ctrl + Z , чтобы отменить.

Выбрать по цвету : на этот раз выберите Заливка прозрачных областей , а также Образец слияния . Опять же, сделайте несколько попыток при настройке Threshold и поэкспериментируйте с Antialiasing и Feather edge для достижения наилучших результатов. В промежутке нажмите Ctrl + Z , чтобы отменить.

Выбрать → По \ Цвету применено

Иногда бывает трудно сделать правильный выбор цвета.Часть желаемой области изображения также может быть выбрана, потому что цвет совпадает. В этом случае, едва заметные, девять желаемых пикселей в середине трубы также были выбраны для удаления. Когда это произойдет, используйте Ctrl + Перетащите с помощью инструмента Select по вашему выбору, чтобы выделить область субтрактивного выделения.

Используйте Ctrl + Перетащите с помощью инструмента Select по вашему выбору, чтобы выделить область субтрактивного выделения.

Теперь желаемая область прозрачности выбрана.

По краю желаемого изображения некоторые оттенки фона остаются невыделенными. В этом случае увеличьте выделение на пиксель, используя Select → Grow… → 1px .

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

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

Наконец, экспортируйте прозрачное изображение с помощью Файл → Экспортировать как ... в формат файла, который поддерживает прозрачность.Желательно, чтобы это был PNG, но GIF тоже подойдет.

Итоговый результат

Director — Маски и прозрачные пленки

Маски и прозрачные пленки

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

Матовый — все белые пиксели, не заключенные в цветные пиксели прозрачны (как показано в нижнем круге на изображении справа).

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

Мы можем использовать маску для определения различных уровней прозрачности внутри изображение. Изображение маски должно быть в оттенках серого. Черные пиксели определяют непрозрачные части изображения, белые прозрачны и любые пиксели между ними будет полупрозрачным. Например, 50% серый пиксель будет на 50% прозрачным. Таким образом, мы можем смешать края изображения в любой фон, который мы используем в Director.

Основная часть этого урока будет посвящена настройке нашего изображения в PhotoShop. Мы будет использовать изображение медведя из папки образцов PhotoShop (пришло с PS 6). Здесь вы можете скачать bear.bmp . В этом уроке я также собираюсь сделать несколько ошибок или, может быть, в менее чем идеальный способ показать вам, как они могут повлиять на качество изображение.

1. Открытый bear.bmp в Фотошопе.

2. Щелкните по инструменту «Волшебная палочка». и убедитесь, что допуск установлен на 32 (что является значением по умолчанию) и что параметр со сглаживанием отмечен галочкой.

3 . Щелкните синюю часть фон, как показано на изображении справа.

4. Нажмите Shift и щелкните другие части фон, пока вы не выберете весь фон как показано на крайнем правом изображении.

Нажав на кнопку Shift , вы сможете добавить в подборку.
Клавиша Alt позволяет снимать детали из вашего выбора.

5. Убедитесь, что выбран белый цвет фона. а затем нажмите Удалить , чтобы стереть это фоновая область.

6. Создайте новый слой, выбрав Layer> New > Слой …

7. Выберите Select> Inverse .

Чтобы убедиться, что мы удалили краевые фоновые пиксели, которые, возможно, не были selected, мы удалим еще один пиксель из нашего выделения.
8. Выберите Select> Modify> Contract … и введите 1 пикселей в Contract По .

9. Чтобы немного смягчить край, выберите Выбрать > Растушевка , а затем введите 1 пиксель как Радиус растушевки .

10. Выберите Правка> Заливка … и затем выберите Черный .
Вы создали маску изображения.

11. Скройте слой маски и выберите Изображение > Режим> Индексированный цвет … Щелкните OK до Объединить видимые слои и отменить скрытые слои .

12. В опции Palette выберите Local (Адаптивный ) и в опции Цвета введите 16 .Оставьте все остальные настройки. Нажмите OK .

Сейчас мы перейдем к Директору, так что уволите ее. Я тоже иду чтобы показать вам ярлык для импорта изображений.

13. Открыв и Director, и PhotoShop, в PhotoShop, выберите все изображение, выбрав Control + A (Windows) или Command + A (Mac).

14. Нажмите Control + C (Windows) или Command + C (Mac), чтобы скопировать графику.

15. В Director, в окне приведения, нажмите Control + V (Windows) или Command + V (Mac) для вставки. Вам будет предложено выбрать параметры изображения, выберите Изображение. (4 бита) для Color Depth and Import the Palette .

16. Вернитесь в PhotoShop и перейдите в окно > История .

17. Щелкните элемент непосредственно перед индексированием цветов.

18. Щелкните вкладку Layer и щелкните на слое маски

19. Скопируйте и вставьте этот слой в Director в cast слот 3, как в шагах с 13 по 15. На этот раз изображение запрашивать не будет. опции.

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

20. Щелкните литой элемент маски и выберите Изменить. > Преобразовать растровое изображение … .

21. Измените глубину цвета на 4 бита и палитру до Оттенки серого . Нажмите Transform .
4 бита позволяют использовать 16 цветов, чего достаточно для наших целей.

Чтобы убедиться, что наша маска и основное изображение совпадают друг с другом, мы изменим свои точки регистрации.
22. Дважды щелкните изображение медведя, чтобы открыть его в программе Paint. Окно.

23. Щелкните значок точки регистрации и переместите перекрестие в правый верхний угол изображения, как показано на рисунке. показано.

24. Сделайте то же, что и выше, для замаскировать изображение.

 

ctx.fillStyle = 'апельсин';
ctx.fillStyle = '# FFA500';
ctx.fillStyle = 'rgb (255, 165, 0)';
ctx.fillStyle = 'rgba (255, 165, 0, 1)';
  

  function draw () {
  var ctx = документ.getElementById ('холст'). getContext ('2d');
  for (var i = 0; i <6; i ++) {
    for (var j = 0; j <6; j ++) {
      ctx.fillStyle = 'rgb (' + Math.floor (255 - 42,5 * i) + ',' +
                       Math.floor (255 - 42,5 * j) + ', 0)';
      ctx.fillRect (j * 25, i * 25, 25, 25);
    }
  }
}  

  function draw () {
    var ctx = document.getElementById ('холст'). getContext ('2d');
    for (var i = 0; i <6; i ++) {
      for (var j = 0; j <6; j ++) {
        ctx.strokeStyle = 'rgb (0,' + Math.floor (255 - 42,5 * i) + ',' +
                         Math.floor (255 - 42,5 * j) + ')';
        ctx.beginPath ();
        ctx.arc (12,5 + j * 25, 12,5 + i * 25, 10, 0, Math.PI * 2, истина);
        ctx.Инсульт();
      }
    }
  }
  

 

ctx.strokeStyle = 'rgba (255, 0, 0, 0,5)';
ctx.fillStyle = 'rgba (255, 0, 0, 0,5)';
  

  function draw () {
  var ctx = document.getElementById ('холст'). getContext ('2d');
  
  ctx.fillStyle = '# FD0';
  ctx.fillRect (0, 0, 75, 75);
  ctx.fillStyle = '# 6C0';
  ctx.fillRect (75, 0, 75, 75);
  ctx.fillStyle = '# 09F';
  ctx.fillRect (0, 75, 75, 75);
  ctx.fillStyle = '# F30';
  ctx.fillRect (75, 75, 75, 75);
  ctx.fillStyle = '#FFF';

  
  ctx.globalAlpha = 0,2;

  
  for (var i = 0; i <7; i ++) {
    ctx.beginPath ();
    ctx.arc (75, 75, 10 + 10 * i, 0, Math.PI * 2, true);
    ctx.наполнять();
  }
}  

  function draw () {
  var ctx = document.getElementById ('холст'). getContext ('2d');

  
  ctx.fillStyle = 'rgb (255, 221, 0)';
  ctx.fillRect (0, 0, 150, 37,5);
  ctx.fillStyle = 'rgb (102, 204, 0)';
  ctx.fillRect (0, 37,5, 150, 37,5);
  ctx.fillStyle = 'rgb (0, 153, 255)';
  ctx.fillRect (0, 75, 150, 37,5);
  ctx.fillStyle = 'rgb (255, 51, 0)';
  ctx.fillRect (0, 112,5, 150, 37,5);

  
  for (var i = 0; i <10; i ++) {
    ctx.fillStyle = 'rgba (255, 255, 255,' + (i + 1) / 10 + ')';
    for (var j = 0; j <4; j ++) {
      ctx.fillRect (5 + я * 14, 5 + j * 37,5, 14, 27,5);
    }
  }
}  

  function draw () {
  var ctx = document.getElementById ('холст'). getContext ('2d');
  for (var i = 0; i <10; i ++) {
    ctx.lineWidth = 1 + я;
    ctx.beginPath ();
    ctx.moveTo (5 + я * 14, 5);
    ctx.lineTo (5 + я * 14, 140);
    ctx.Инсульт();
  }
}
  

  function draw () {
  var ctx = document.getElementById ('холст').getContext ('2d');
  var lineCap = ['стык', 'круглый', 'квадратный'];

  
  ctx.strokeStyle = '# 09f';
  ctx.beginPath ();
  ctx.moveTo (10, 10);
  ctx.lineTo (140, 10);
  ctx.moveTo (10, 140);
  ctx.lineTo (140, 140);
  ctx.stroke ();

  
  ctx.strokeStyle = 'черный';
  for (var i = 0; i  

  function draw () {
  var ctx = document.getElementById ('холст'). getContext ('2d');
  var lineJoin = ['круглый', 'скос', 'митра'];
  ctx.lineWidth = 10;
  for (var i = 0; i  

  function draw () {
  var ctx = document.getElementById ('холст'). getContext ('2d');

  
  ctx.clearRect (0, 0, 150, 150);

  
  ctx.strokeStyle = '# 09f';
  ctx.lineWidth = 2;
  ctx.strokeRect (-5, 50, 160, 50);

  
  ctx.strokeStyle = '# 000';
  ctx.lineWidth = 10;

  
  if (document.getElementById ('miterLimit'). value.match (/ \ d + (\. \ d +)? /)) {
    ctx.miterLimit = parseFloat (document.getElementById ('miterLimit'). value);
  } еще {
    alert ('Значение должно быть положительным числом');
  }

  
  ctx.beginPath ();
  ctx.moveTo (0, 100);
  for (i = 0; i <24; i ++) {
    var dy = i% 2 == 0? 25: -25;
    ctx.lineTo (Math.pow (i, 1.5) * 2, 75 + dy);
  }
  ctx.stroke ();
  вернуть ложь;
}
  

  var ctx = document.getElementById ('холст'). GetContext ('2d');
var offset = 0;

function draw () {
  ctx.clearRect (0, 0, canvas.width, canvas.height);
  ctx.setLineDash ([4, 2]);
  ctx.lineDashOffset = -offset;
  ctx.strokeRect (10, 10, 100, 100);
}

function march () {
  смещение ++;
  if (offset> 16) {
    смещение = 0;
  }
  рисовать();
  setTimeout (20 марта);
}

марш();  

  var lineargradient = ctx.createLinearGradient (0, 0, 150, 150);
var radialgradient = ctx.createRadialGradient (75, 75, 0, 75, 75, 100);
  

  var lineargradient = ctx.createLinearGradient (0, 0, 150, 150);
lineargradient.addColorStop (0, «белый»);
lineargradient.addColorStop (1, «черный»);
  

  function draw () {
  var ctx = document.getElementById ('холст'). getContext ('2d');

  
  var lingrad = ctx.createLinearGradient (0, 0, 0, 150);
  lingrad.addColorStop (0, '# 00ABEB');
  lingrad.addColorStop (0.5, '#fff');
  lingrad.addColorStop (0.5, '# 26C000');
  lingrad.addColorStop (1, '#fff');

  var lingrad2 = ctx.createLinearGradient (0, 50, 0, 95);
  lingrad2.addColorStop (0.5, '# 000');
  lingrad2.addColorStop (1, 'rgba (0, 0, 0, 0)');

  
  ctx.fillStyle = lingrad;
  ctx.strokeStyle = lingrad2;

  
  ctx.fillRect (10, 10, 130, 130);
  ctx.strokeRect (50, 50, 50, 50);

}
  

  function draw () {
  var ctx = document.getElementById ('холст'). getContext ('2d');

  
  var radgrad = ctx.createRadialGradient (45, 45, 10, 52, 50, 30);
  radgrad.addColorStop (0, '# A7D30C');
  радград.addColorStop (0.9, '# 019F62');
  radgrad.addColorStop (1, 'rgba (1, 159, 98, 0)');

  var radgrad2 = ctx.createRadialGradient (105, 105, 20, 112, 120, 50);
  radgrad2.addColorStop (0, '# FF5F98');
  radgrad2.addColorStop (0.75, '# FF0188');
  radgrad2.addColorStop (1, 'rgba (255, 1, 136, 0)');

  var radgrad3 = ctx.createRadialGradient (95, 15, 15, 102, 20, 40);
  radgrad3.addColorStop (0, '# 00C9FF');
  radgrad3.addColorStop (0.8, '# 00B5E2');
  radgrad3.addColorStop (1, 'rgba (0, 201, 255, 0)');

  var radgrad4 = ctx.createRadialGradient (0, 150, 50, 0, 140, 90);
  radgrad4.addColorStop (0, '# F4F201');
  radgrad4.addColorStop (0.8, '# E4C700');
  radgrad4.addColorStop (1, 'rgba (228, 199, 0, 0)');

  
  ctx.fillStyle = radgrad4;
  ctx.fillRect (0, 0, 150, 150);
  ctx.fillStyle = radgrad3;
  ctx.fillRect (0, 0, 150, 150);
  ctx.fillStyle = radgrad2;
  ctx.fillRect (0, 0, 150, 150);
  ctx.fillStyle = radgrad;
  ctx.fillRect (0, 0, 150, 150);
}
  

  function draw () {
  var ctx = document.getElementById ('холст'). getContext ('2d');

  
  var conicGrad1 = ctx.createConicGradient (2, 62, 75);
  conicGrad1.addColorStop (0, '# A7D30C');
  conicGrad1.addColorStop (1, '#fff');

  var conicGrad2 = ctx.createConicGradient (0, 187, 75);
  
  conicGrad2.addColorStop (0, «черный»);
  conicGrad2.addColorStop (0,25, «черный»);
  conicGrad2.addColorStop (0,25, «белый»);
  conicGrad2.addColorStop (0,5, «белый»);
  conicGrad2.addColorStop (0,5, «черный»);
  conicGrad2.addColorStop (0,75, «черный»);
  conicGrad2.addColorStop (0,75, «белый»);
  conicGrad2.addColorStop (1, 'белый');

  
  ctx.fillStyle = conicGrad1;
  ctx.fillRect (12, 25, 100, 100);
  ctx.fillStyle = conicGrad2;
  ctx.fillRect (137, 25, 100, 100);
}
  

  var img = новое изображение ();
img.src = 'someimage.png';
var ptrn = ctx.createPattern (img, 'повторять');
  

  function draw () {
  var ctx = document.getElementById ('холст'). getContext ('2d');

  
  var img = новое изображение ();
  img.src = 'https://mdn.mozillademos.org/files/222/Canvas_createpattern.png';
  img.onload = function () {

    
    var ptrn = ctx.createPattern (img, 'повторять');
    ctx.fillStyle = ptrn;
    ctx.fillRect (0, 0, 150, 150);

  }
}
  

  function draw () {
  var ctx = document.getElementById ('холст'). getContext ('2d');

  ctx.shadowOffsetX = 2;
  ctx.shadowOffsetY = 2;
  ctx.shadowBlur = 2;
  ctx.shadowColor = 'rgba (0, 0, 0, 0,5)';

  ctx.font = '20px Times New Roman';
  ctx.fillStyle = 'Черный';
  ctx.fillText ('Пример строки', 5, 30);
}
  

  function draw () {
  var ctx = document.getElementById ('холст').getContext ('2d');
  ctx.beginPath ();
  ctx.arc (50, 50, 30, 0, Math.PI * 2, истина);
  ctx.arc (50, 50, 15, 0, Math.PI * 2, истина);
  ctx.fill ('evenodd');
}