ФотошопСундучок photoshopsunduchok
Начните свой путь в мир ФОТОШОПА сейчас!

БЕСПЛАТНЫЕ РАССЫЛКИ ВКОНТАКТЕ

(более 20 рассылок) 

 

 

Помощь сайту

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

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

В примечании к платежу, при желании, укажите свои данные.

Меценаты

Присоединяйтесь в

Вход на сайт

Профиль

Кто на сайте

Сейчас 205 гостей и 3 зарегистрированных пользователей на сайте

  • OlegNakroshaev
  • vicont

 

 

 

 

 

 

Яндекс.Метрика

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

 

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

 

 

 

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

Печать

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

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


Прикрепить фотографии

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

Prev Next

Рисуем планету земля

Уроки рисования в фотошопе

Рисуем планету земля  Всем привет! А вы когда-нибудь задумывались о том, насколько удивительна и необыкновенна наша планета? Конечно, среди всей этой бешеной круговерти нашей жизни, под непрекращающимся грузом ежедневных забот и проблем...

Читать далее

Мозайка из фотографий

Уроки фотошопа коллажи

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

Читать далее

Как восстановить стар…

Видеоуроки

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

Читать далее

Рисуем в фотошопе "…

Уроки рисования в фотошопе

Рисуем в фотошопе Мяч для гольфа Всем привет! Сегодня мы нарисуем с нуля мяч для гольфа.  Мяч для игры в гольф нарисовать не так-то просто, как может показаться на первый взгляд. Вся поверхность...

Читать далее

План реставрации фото

Видеоуроки

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

Читать далее

Светящийся текст

Уроки фотошопа текст

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

Читать далее

Огненный текст

Уроки фотошопа текст

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

Читать далее

Рамка для фотографии

Рамки в фотошопе

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

Читать далее

Шрифт набросок

Уроки фотошопа текст

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

Читать далее

Эффекты эскиза

Фотошоп уроки эффекты

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

Читать далее

Текстура дерева

Уроки фотошопа текстуры

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

Читать далее

Текст "Геометрия…

Уроки фотошопа текст

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

Читать далее

Как правильно выбрат…

Практические советы

Как правильно выбрать разрешение сканирования    Серия уроков по реставрации фотографий: Реставрация фото. Варианты получения правильной черно-белой картинки Подготовка к реставрации. Как...

Читать далее

Яркий фон

Уроки рисования в фотошопе

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

Читать далее

Как быстро перевести …

Видеоуроки

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

Читать далее

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

Видеоуроки

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

Читать далее

Рамка с рваными краям…

Рамки в фотошопе

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

Читать далее

Как нарисовать горящу…

Уроки рисования в фотошопе

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

Читать далее

Фон линии

Уроки рисования в фотошопе

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

Читать далее

Текст на запотевшем о…

Уроки фотошопа текст

Текст на запотевшем окне Всем привет! Рисовать на запотевшем стекле - это, как сиюминутный порыв и воспоминание о детстве, в котором родители хвалили твои рисунки. Ты в любой момент можешь подышать на...

Читать далее

Реставрация цветных ф…

Видеоуроки

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

Читать далее

Текстура шерсти

Уроки фотошопа текстуры

Текстура шерсти Всем привет! Мех – удивительная структура: миллионы волосков собраны в теплую, пушистую шерсть, которую нам так хочется щупать, гладить и обнимать. Думаете, на то, чтобы изобразить мех реалистично, требуется много времени? А...

Читать далее

Быстрые способы реста…

Видеоуроки

Быстрые способы реставрации фото Всем привет! В этом уроке рассмотрим быстрые способы реставрации фото. На старых фотографиях бывает много мелких царапинок и каких-либо дефектов. Сидеть над каждой царапинкой можно очень и очень...

Читать далее

Теплое тонирование

Обработка фотографий в фотошопе

Теплое тонирование Всем привет! Сегодня мы будем добавлять на фотографию тонировку в теплых тонах и создавать мягкий эффект. Сначала мы при помощи корректирующего слоя Кривые изменим цветовую гамму изображения. Затем с помощью инструмента...

Читать далее

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