Как сделать фон квадратиками

Как сделать фон квадратиками

Please complete the security check to access www.canva.com

Why do I have to complete a CAPTCHA?

Completing the CAPTCHA proves you are a human and gives you temporary access to the web property.

What can I do to prevent this in the future?

If you are on a personal connection, like at home, you can run an anti-virus scan on your device to make sure it is not infected with malware.

If you are at an office or shared network, you can ask the network administrator to run a scan across the network looking for misconfigured or infected devices.

Another way to prevent getting this page in the future is to use Privacy Pass. You may need to download version 2.0 now from the Chrome Web Store.

Cloudflare Ray ID: 57186e659f269bf7 • Your IP : 5.45.65.94 • Performance & security by Cloudflare

Автор: Сергей Бунин. Дата публикации: 23 ноября 2016 . Категория: Уроки фотошопа текстуры.

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

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

Материал подготовлен с помощью Photoshop CC 2015, но повторить его можно в любой версии программы.

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

Откроется диалоговое окно «Новый», в котором параметры «Ширина» и «Высота» выставляем по 100 пикселей, «Разрешение» – 300 пикселей на дюйм и «Содержимое фона» – прозрачный. Нажимаем «Ок». Размер документа в принципе определяется от размера исходного узора и от частоты повтора при заполнении фона.

Получаем новый документ в виде шахматной доски, что свидетельствует о прозрачности фона. Удерживая клавишу «Ctrl» и нажав клавишу «+» несколько раз увеличим масштаб отображения до 500%.

Далее необходимо точно определить центр созданного документа. Сделать это можно с помощью создания направляющих. В меню «Просмотр» опускаемся на строку «Новая направляющая» и щелкаем по ней левой кнопкой мышки (ЛКМ).

Открывается окошко «Новая направляющая», в котором в поле «Ориентация» сначала выбираем «Горизонтальная» и значение параметра «Положение» вбиваем 50%. Нажимаем «Ок».

Возвращаемся в меню «Просмотр» и снова выбираем пункт «Новая направляющая». Теперь в поле «Ориентация» выбираем «Вертикальная», параметр «Положение» тот же 50%. Нажимаем «Ок». В поле просмотра появляются две направляющие, проходящие через центр изображения.

Теперь создадим фрагмент рисунка, которым впоследствии будем заполнять фон. На панели инструментов выберем инструмент выделения «Прямоугольная область».

Помещаем перекрестие курсора строго на точку пересечения направляющих линий, нажав и удерживая клавиши Shift+Alt, нажимаем ЛКМ и, не отпуская ее, относительно центра растягиваем квадратную область. Размер не принципиален, просто постарайтесь выделить область примерно такую же, как на скриншоте.

Заполним выделенную область каким-нибудь цветом. Для этого в разделе меню «Редактирование» выберем пункт «Выполнить заливку».

Откроется окно «Заполнить», где можно выбрать «Содержание» заливки «Цвет».

Высвечивается окно «Палитра цветов (цвет заливки)», в котором выбираем необходимый цвет.

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

Для получения более симпатичного фрагмента рисунка повернем наш квадратик на 45 0 . Нажмем клавиши Ctrl+T, вызвав этим режим «Свободного трансформирования» и в строке настройки инструмента укажем угол поворота. Подтверждаем внесенные изменения нажатием клавиши «Enter» (Ввод). Не пугайтесь, что стороны квадрата подверглись пикселизации, все дело в большом масштабе отображения.

Читайте также:  Как очистить лобовое стекло изнутри от разводов

Далее необходимо сделать копию слоя, нажимаем комбинацию клавиш «Ctrl+J». На панели слоев выше исходного слоя появляется его копия.

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

При вызове этого фильтра откроется окно «Сдвиг», в нем укажем число пикселей, на которое сдвинется слой с копией нашего квадратика. Для получения простых повторяющихся узоров, как в нашем примере, значение сдвига должно равняться половине размера по ширине при вводе в окно «По горизонтали» и половине размера по высоте для окна «По вертикали». Так как исходный документ имеет размерность 100 х 100 пикселей, то вводим оба значения =50. Внизу окна в разделе «Неопределенные области» отмечаем функцию «Вставить отсеченные фрагменты». Нажимаем «Ок».

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

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

В результате этого откроется диалоговое окно, где нам будет предложено дать название новому узору. Нажав «Ок», сохраняем его.

В итоге мы создали фрагмент узора, с помощью которого можно заполнить целый слой. Как и в начале урока, создаем новый документ, только размер нового документа определим 1000 х 1000 пикселей, разрешение оставим без изменения =300 пикс./дюйм и содержимое фона зальем зеленым цветом.

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

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

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

Программа заполнит пустой слой узором и посмотрите, что в итоге мы получим.

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

Приятных творческих успехов!

Если Вы не хотите пропустить интересные уроки по обработке фотографий — подпишитесь на рассылку.
Форма для подписки находится ниже.

Добавить комментарий

Популярные уроки сайта:

Как создать неоновый …

Как создать неоновый текст в фотошопе Всем привет! Сегодня в уроке "Как создать неоновый текст в фотошопе" мы будем создавать неоновый текст. Эффект неонового текста будет хорошо смотреться на темном фоне. Неоновый текст можно.

Как определить цвет к…

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

Как определить цвет в …

Как определить цвет в фотошопе? Любой фотошоп мастер обрабатывает свои фотографии. И в процессе обработки приходит к выводу, что ему следует научиться "читать" цвет. Т.е., максимально быстро и точно, по цифрам, обозначающим цвет.

Текстура шелка для фо…

Текстура шелка для фотошопа Всем привет! Сегодня в уроке "Текстура шелка для фотошопа" мы с нуля будем рисовать текстуру шелка. Урок очень легкий и простой, всего лишь за несколько минут мы создадим реалистичную.

Читайте также:  Коды мелодий на нокиа 3310

Двойная экспозиция в …

Двойная экспозиция в фотошопе Здравствуйте, дорогие друзья! С вами снова Елена Король и мы продолжаем углубляться в нововведение Adobe Photoshop 2020. Сегодня в уроке "Двойная экспозиция в фотошопе" разберемся с панелью «Свойства».

Открытка в фотошопе н…

Открытка в фотошопе на 8 марта Всем привет! Сегодня мы будем рисовать открытку в фотошопе на 8 Марта. Такой милой открыткой вы сможете поздравить своих любимых женщин – маму, бабушку, сестру, дочь.

Пуля для фотошопа

Пуля для фотошопа Всем привет! Сегодня в уроке "Пуля для фотошопа" мы будем рисовать с нуля пулю. В уроке будут использованы как стандартные инструменты и фильтры фотошоп, так и готовая текстура металла из.

Как сделать красивое …

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

Замена неба в фотошоп…

Замена неба в фотошопе На некоторых снимках вроде небо есть, но в то же время его нет! 🙂 Оно настолько скучное и унылое, что хочется его заменить. В видео уроке «Замена неба в.

Ноты для фотошопа

Ноты для фотошопа Всем доброго времени суток! С вами снова Елена Король и мы продолжаем разбираться с нововведениями в программе Adobe Photoshop 2020. На примере этого веселого плаката в уроке "Ноты для фотошопа.

Романтический фон для…

Романтический фон для фотошопа Всем привет! Сегодня в уроке "Романтический фон для фотошопа" мы будем рисовать романтические обои для рабочего стола. Такие обои будут согревать вам душу и навевать романтическое настроение. Сначала мы создадим.

Как сделать сердце в ф…

Как сделать сердце в фотошопе Всем привет! Сегодня в уроке "Как сделать сердце в фотошопе" мы будем с нуля рисовать сердце из жемчуга. Таким необычным сердечком вы можете украсить открытку-Валентинку на 14 февраля.

Настройка инструмент…

Настройка инструментов в фотошопе Всем привет! С вами снова Елена Король, и мы продолжаем изучать нововведения программы Adobe Photoshop 2020. На прошлом уроке мы научились создавать «Формы», познакомились с новой «Панелью Формы», попрактиковались.

Как сделать фигуру в ф…

Как сделать фигуру в фотошопе Всем привет! С вами снова Король Елена и сегодня в уроке "Как сделать фигуру в фотошопе" мы продолжим практиковаться в инструментах точного выделения, и бесспорным лидером в.

Романтическая рамка в…

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

Эффект льда в фотошоп…

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

Как улучшить качество…

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

Способы выделения объ…

Способы выделения объектов в фотошопе Всем привет! С вами снова Король Елена и мы продолжаем разбираться в нововведениях Adobe Photoshop 2020. В данном уроке рассмотрим способы выделения объектов в фотошопе. Все любители коллажей.

Читайте также:  Интересные инструменты на алиэкспресс для мужчин

Удобная работа в фото…

Удобная работа в фотошопе со светами и тенями В новом видео уроке продолжим рассмотрение темы по обработке теней и светов на изображении. В рабочем потоке для этого используется операция «Bigger Hammer». В новом уроке «Удобная.

Как убрать лишние объ…

Как убрать лишние объекты в фотошопе Всем привет! Меня зовут Елена Король и я хочу предложить вам окунуться в мир новых возможностей с обновлёнными и усовершенствованными инструментами Adobe Photoshop 2020. Это первый.

Анимация падающего сн…

Анимация падающего снега в фотошопе Всем привет! Сегодня в уроке "Анимация падающего снега в фотошопе" мы добавим снег на фотографию, тем самым «оживим» изображение и придадим ему динамики. Зима в самом разгаре, наверняка, у.

Усиление детализации …

Усиление детализации фото в светах и тенях (операция «Bigger Hammer»). Часть 3 Мы с вами находимся в третьем уроке по рассмотрению усиления детализации фото в светах и тенях (операция «Bigger Hammer»). В.

Усиление детализации …

Усиление детализации фото в светах и тенях (операция «Bigger Hammer»). Часть 2 Продолжаем изучать механизм работы усиления детализации фото в светах и тенях (операция "Bigger Hammer") и для этого используем средства.

Как сделать взрыв в фо…

Как сделать взрыв в фотошопе Всем привет! В уроке "Как сделать взрыв в фотошопе" мы будем с нуля рисовать взрыв планеты. Благодаря графическому редактору Adobe Photoshop мы можем создать разрушение в стиле Армагеддона.

Усиление детализации …

Усиление детализации фото в светах и тенях (операция «Bigger Hammer»). Часть 1 В предыдущих уроках мы проходили команду "Тени/Света". Она является удобным средством для усиления деталей на самых темных и самых.

Команда «Тени/Света» (…

Команда «Тени/Света» («Shadows/Highlights»). Урок №6 Заключительный урок по команде «Тени/Света» («Shadows/Highlights»). Последовательный рабочий поток прививает нам достаточно здравомыслия, чтобы не обольщаться трюками, которые в ходе коррекции могут на время улучшить изображение, но в.

Как сделать объемный …

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

Соглашение / Оферта
Автор сайта: Накрошаев Олег, Все права защищены Copyright, © 2009-2020

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

Пример фотографии розовой розы без изменений и после замены однотонного фона на прозрачный, белый и зелёный:


Первый пример с цветком розы на прозрачном фоне сделан с такими настройками:
1) Интенсивность замены — 38;
2) Сглаживание по краям — 5;
3) Заменить однотонный фон на — прозрачный;
4) Обрезка ( 0) по краям — "-70";
5) Инвертировать — отключено (галка не стоит).

Для создания второго примера, с белым фоном, использовались такие же настройки, как и в первом примере, кроме параметра: «Заменить однотонный фон на» — белый. В третьем примере, с зелёным фоном, также использованы настройки, как и в первом примере, кроме параметра: «цвет в формате hex» — #245a2d.

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

Ссылка на основную публикацию
Как сделать ксерокопию на принтере epson
Вы можете использовать сканер с принтером, подсоединенные к компьютеру, в качестве копировальной машины. Вы можете увеличивать или уменьшать изображение, восстанавливать...
Как самостоятельно оцифровать видеокассету
На сегодняшний день эра видеокассет безоговорочно подошла к концу, а на ее место пришли цифровые носители. Что делать в том...
Как сбросить биос джампером
Настройки базового оборудования и времени вашего компьютера хранятся в БИОС и, если по какой-то причине у вас возникли проблемы после...
Как сделать левый ноль в частном доме
Популярные материалы Today's: Как сделать левое электричество в частном доме. Подключение левой розетки внутри дома Здесь применяется тот же самый...
Adblock detector