Как покрасить фон

Заполнение фона в Фотошопе

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

Содержание скрыть

• Заполняем фон
  • Метод 1: задаем цвет при создании нового документа
  • Метод 2: заливаем фон ранее созданного слоя
  • Метод 3: закрашиваем фон кистью
  • Метод 4: используем изображение как фон

  Заполняем фон

  Смотрите также: “Как убрать черный фон с картинки в Фотошопе”

  Метод 1: задаем цвет при создании нового документа

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

  1. В меню “Файл” выбираем пункт “Создать” (или просто жмем комбинацию клавиш Ctrl+N).
  2. Появится окно, в котором нас интересует параметр “Содержимое фона”. Щелкаем по текущему значению (по умолчанию выбран “Белый”), в раскрывшемся списке выбираем требуемый вариант и жмем кнопку “Создать” (не забываем выставить другие параметры, такие как размеры, разрешение, цветовой профиль и т.д.):
     1. “Черный” – как следует из названия, фон созданного документа будет закрашен в черный цвет.
     2. “Фоновый цвет” – документ заполнится цветом, выбранным в качестве фонового на панели инструментов.
     3. “Прозрачный” – документ будет создан с абсолютно пустым (прозрачным) фоном.
  3. Также мы можем щелкнуть по небольшому квадратику рядом с “Содержимым фона”, после чего появится Палитра, в которой мы можем задать абсолютно любой цвет/оттенок, который нам нравится.

  Метод 2: заливаем фон ранее созданного слоя

  Все основные способы заливки слоя мы рассмотрели в отдельной публикации, поэтому отдельно в рамках данной статьи на них останавливаться не будем. Только еще раз подчеркнем, что самым популярным в данном случае является инструмент “Заливка”.

  Метод 3: закрашиваем фон кистью

  Чаще всего для ручного закрашивания используется “Кисть”, поэтому ее и будем использовать дальше.

  1. Для начала берем инструмент на боковой панели.
  2. Выбираем основной цвет, которым будет выполняться закрашивание.
  3. Раскрываем параметры кисти, чтобы настроить ее форму, размер и другие параметры.
  4. Затем переходим к холсту и, зажав левую кнопку мыши, закрашиваем холст в нужных местах (или полностью). В нашем случае мы решили сделать надпись. В процессе выполнения задачи мы можем менять параметры кисти, в том числе, ее размер. Остальные участки вокруг текста было принято решение залить оттенком желтого с помощью “Заливки”.
  5. Также мы можем более детально настроить параметры кисти. Для этого кликаем по значку отображения панели “Настройки кисти”. Подробно работу с ней мы рассмотрели во втором разделе публикации “Как сделать красивый фон в Фотошопе”.

  

  Метод 4: используем изображение как фон

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

  

  Итак, наши действия:

  1. Находясь на слое с изображением жмем комбинацию клавиш Ctrl+A.
  2. После появления выделения копируем его с помощью сочетания Ctrl+C (или используем соответствующую команду в меню “Редактирование”).
  3. Переключаемся на вкладку, куда требуется вставить скопированное изображение, и нажимаем комбинацию Ctrl+V (или команда “Вставить” в меню “Редактирование”). При несоответствии цветового профиля выбираем “Преобразовать” и жмем OK.
  4. Изображение будет вставлено в виде отдельного слоя.
  5. Жмем Ctrl+T, чтобы запустить функцию “Свободное трансформирование”, с помощью которой можно настроить размеры изображения. Для этого тянем за маркеры по бокам картинки зажатой левой кнопкой мыши, а для сохранения исходных пропорций при этом удерживаем клавишу Shift. По готовности жмем Enter.
  6. Получаем следующий результат.
  7. В Палитре правой кнопкой мыши кликаем по нашему слою и в открывшемся контекстном меню выбираем пункт “Объединить с предыдущим” (функция доступна, если фоновый слой не заблокирован – для снятия замка просто щелкаем по нему).
  8. Таким образом мы получаем один слой с изображением, который будет нам дальше служит в качестве фонового.
  9. Дальше мы можем работать с ним, как угодно. Например, можно добавить какую-нибудь надпись и т.д.

  Чтобы наложить изображение/объект, также, можно сделать следующее:

  1. Заходим в меню “Файл” и выбираем пункт “Поместить”.
  2. В появившемся окне выбираем файл с изображением, которое нужно добавить на наш фон и жмем соответствующую кнопку.
  3. Корректируем размеры наложенной картинки с помощью боковых маркеров и жмем Enter.
  4. Получаем вот такой готовый результат.

  Заключение

  Смотрите также: “Как заменить фон фотографии в Фотошопе”

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

  Добавление, изменение и удаление цвета фона в Word

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

  Добавление и изменение цвета фона

  

  1. Перейдите в конструктор > цвет страницы.
  2. Выберите нужный цвет в области Цвета темы или Стандартные цвета.
     • Если нужного цвета нет, выберите другие цвета ,а затем в поле Цвета выберите нужный цвет.
     • Чтобы добавить градиент, текстуру, узор или рисунок, выберите Параметры заливки ,а затем выберите Градиент,Текстура,Узор или Рисунок и выберите один из вариантов.

  Градиенты, узоры, рисунки и текстуры повторяются столько раз, сколько необходимо для заполнения страницы. Если сохранить документ как веб-страницу, текстуры будут сохранены в формате JPEG, а узоры и градиенты — в формате PNG.

  Удаление цвета фона

  1. Перейдите в конструктор > цвет страницы.
  2. Выберите Нет цвета.

  Важно: Office 2010 больше не поддерживается. Перейдите на Microsoft 365, чтобы работать удаленно с любого устройства и продолжать получать поддержку.

  В качестве фона можно использовать градиенты, узоры, рисунки, сплошные цвета или текстуры. Градиенты, узоры, рисунки и текстуры для заполнения страницы помяты или повторяются. Если сохранить документ как веб-страницу, изображения, текстуры и градиенты будут сохранены как JPEG файлы, а узоры — в GIF файлы.

  Добавление и изменение цвета фона

  1. Перейдите в >Разметка страницы.
  2. Выполните любое из описанных ниже действий.
  3. Выберите в области Цвета темы или Стандартные цвета.
  4. Выберите Другие цвета, а затем выберите цвет.
  5. Чтобы добавить специальные эффекты, такие как градиенты, узоры или текстуры, выберите эффекты заливки.

  Примечание: Выберите нужный цвет перед применением градиента или узора.

  Удаление фона

  1. Перейдите в >Разметка страницы.
  2. Выберите Нет цвета.

  Изменение цвета фона

  1. Перейдите в конструктор > цвет страницы.
  2. Выберите нужный цвет. Если нужного цвета нет, выберите другие цвета, а затем выберите цвет из любого из параметров в поле Цвет.

  

  Советы:

  • Чтобы выбрать цвет из файла, выделите изображение, щелкните значок шестеренки и выберите Создать из файла.

  Удаление цвета фона

  1. Перейдите в >«Дизайн»
  2. Выберите Нет цвета.

  Темы по позвольте отформатировать весь документ. Дополнительные сведения см. в этой теме.

  Заполняем фон в Фотошопе

  

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

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

  Заполнение фонового слоя

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

  Способ 1: настройка цвета на этапе создания документа

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

  1. Раскрываем меню «Файл» и переходим к самому первому пункту «Создать», либо нажимаем сочетание горячих клавиш CTRL+N.
  2. В открывшемся окне ищем выпадающий пункт с названием «Содержимое фона». Здесь по умолчанию указан белый цвет. Если выбрать опцию «Прозрачный», то фон не будет нести совершенно никакой информации. В том же случае, если будет выбрана настройка «Цвет фона», слой зальется тем цветом, который указан в качестве фонового в палитре. Урок: Раскрашивание в Фотошопе: инструменты, рабочие среды, практика

  Способ 2: заливка

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

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

  Способ 3: ручное закрашивание

  Для ручного оформления фона чаще всего используется инструмент «Кисть».

  

  Закрашивание производится основным цветом.

  

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

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

  1. Для начала зальем фон каким-нибудь темным цветом, пусть это будет черный.
  2. Выберем инструмент «Кисть» и перейдем к настройкам (проще всего воспользоваться клавишей F5).
     • На вкладке «Форма отпечатка кисти» выберем одну из круглых кистей, выставим значение жесткости 15 – 20%, параметр «Интервалы» — 100%.
     • Перейдем на вкладку «Динамика формы» и передвинем ползунок под названием «Колебание размера» вправо до значения 100%.
     • Далее следует настройка «Рассеивание». Здесь нужно увеличить значение главного параметра примерно до 350%, а движок «Счетчик» подвинуть к числу 2.
  3. Цвет выбираем светло-желтый или бежевый.
  4. Несколько раз проводим кистью по холсту. Размер подбирайте по своему усмотрению.

  Таким образом, получаем интересный фон со своеобразными «светлячками».

  Способ 4: изображение

  Еще один способ заполнить фоновый слой контентом – поместить на него какое-либо изображение. Здесь также есть несколько частных случаев.

  1. Воспользоваться картинкой, расположенной на одном из слоев созданного ранее документа.
     • Необходимо открепить вкладку с документом, содержащим нужное изображение.
     • Затем выбрать инструмент «Перемещение».
     • Активируем слой с картинкой.
     • Перетягиваем слой на целевой документ.
     • Получаем вот такой результат: При необходимости можно воспользоваться «Свободным трансформированием» для изменения размера изображения. Урок: Функция Свободное трансформирование в Фотошопе
     • Кликаем правой кнопкой мыши по нашему новому слою, в раскрывшемся меню выбираем пункт «Объединить с предыдущим» либо «Выполнить сведение».
     • В итоге получаем фоновый слой, залитый изображением.
  2. Помещение новой картинки на документ. Делается это при помощи функции «Поместить» в меню «Файл».
     • Находим нужную картинку на диске и нажимаем «Поместить».
     • После размещения дальнейшие действия такие же, что и в первом случае.

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

  Цвет фона

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

  Цвет фона веб-страницы задается с использованием атрибута bgcolor тега .

  Пример 1. Изменение цвета фона

        
  .
  
  
  
  
  
    

  Цвет можно указывать в шестнадцатеричном значении или по его имени.

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

  Фоновый рисунок

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

  Пример 2. Добавление фонового рисунка

        
  .
    

  Если изображение меньше размера экрана монитора, оно будет размножено по горизонтали и вертикали.

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

  Пример 3. Использование фонового рисунка и цвета фона

        
  .
    

  Фиксированный фон

  По умолчанию, при использовании полосы прокрутки, фоновый рисунок перемещается вместе с содержимым веб-страницы. Internet Explorer позволяет сделать фон неподвижным с помощью атрибута bgproperties =» fixed » тега .

  Пример 4. Задание фиксированного фона

  При указании атрибута bgproperties , как показано в примере 4, фоновый рисунок на веб-странице будет оставаться неподвижным, а текст, рисунки и другие элементы станут перемещаться вместе с полосой прокрутки.

  Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.

  Популярные материалы

  • Самоучитель HTML4
  • Самоучитель CSS
  • Как добавить картинку на веб-страницу?
  • Спецсимволы
  • Структура HTML-кода
  • Введение в HTML
  • Способы добавления стилей на страницу
  • Выравнивание текста
  • Якоря
  • Как добавить иконку сайта в адресную строку браузера?
  • Позиционирование элементов
  • Ссылки
  Похожие публикации:

  1. Блютуз наушники определяются как 2 устройства
  2. Будильник кому не все равно 7
  3. Как уменьшить интервал между строками в html
  4. Кто такие тянки и куны