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

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

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

 

 

Помощь сайту

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

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

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

Меценаты

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

Вход на сайт

Профиль

Кто на сайте

Сейчас 166 гостей и ни одного зарегистрированного пользователя на сайте

 

 

 

 

 

 

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

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

 

Порой при оформлении коллажей, альбомов, фото книг или создания 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

Создаем обои "Бумаж…

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

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

Читать далее

Объемная елка

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

Объемная елка Всем привет! Сегодня мы будем рисовать объемную елку. Новый Год уже совсем не за горами, вот он тихонечко стучит к нам в дверь, слышите? Будем создавать себе праздничное настроение и...

Читать далее

Как работать движками…

Видеоуроки

Как работать движками «Наложение, если» (blend if) в фотошопе  На сайте вышел новый урок «Как работать движками «Наложение, если» (blend if) в фотошопе». Он посвящен третьему шагу рабочего потока фотошоп мастера по...

Читать далее

Рабочий поток против …

Видеоуроки

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

Читать далее

Эффект для фото "Ви…

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

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

Читать далее

Быстрая обработка изо…

Видеоуроки

  Быстрая обработка изображений Всем привет! Не все фотографии нуждаются в 1 и 2 шагах рабочего потока фотошоп мастера по Дэну Маргулису. Есть довольно много таких, к обработке которых можно сразу приступать с 3 шага...

Читать далее

Как ослабить интенсив…

Видеоуроки

Как ослабить интенсивность цвета в 3 шаге рабочего потока фотошоп мастера   Всем привет! Продолжаем с Вами говорить, о том, что делать на третьем шаге рабочего потока фотошоп мастера по Дэну Маргулису. На панели...

Читать далее

Фон со снежинками

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

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

Читать далее

Как получить сочность…

Видеоуроки

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

Читать далее

Белый текст

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

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

Читать далее

Как увеличить насыщен…

Видеоуроки

Как увеличить насыщенность цветов в 3 шаге рабочего потока фотошоп мастера   Всем привет! Начинаем работать на 3 шаге рабочего потока по Дэну Маргулису. И на этом этапе будем говорить с Вами о...

Читать далее

Алгоритм обработки фо…

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

Алгоритм обработки фото в 3-м шаге рабочего потока Мы с Вами переходим к 3 шагу в рабочем потоке фотошоп мастера по Дэну Маргулису. Напомню, что в первом шаге мы искали и устраняли проблемные...

Читать далее

Как вырезать текст

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

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

Читать далее

Хромированный логот…

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

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

Читать далее

Как использовать и на…

Видеоуроки

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

Читать далее

Глитч эффект

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

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

Читать далее

Как поднять контраст …

Видеоуроки

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

Читать далее

Текст в стиле "Граф…

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

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

Читать далее

Контраст изображения…

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

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

Читать далее

Почему надо смешивать…

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

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

Читать далее

Абстрактный фон с за…

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

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

Читать далее

Как рисовать паутину

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

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

Читать далее

Какие каналы в фотошо…

Видеоуроки

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

Читать далее

Как использовать кома…

Видеоуроки

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

Читать далее

Текстура под мрамор

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

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

Читать далее

Рамка для фото с пауко…

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

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

Читать далее

Как искать неправильн…

Видеоуроки

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

Читать далее

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