Реклама
Архивы
группа ХОББИ

Бесшовный фон.

Как сделать бесшовный фон в программе Фотошоп?  Это довольно просто. Бесшовный фон можно сделать из любой понравившейся картинки. Сделаем вот такой фон из одного цветка.

fon bez shva

1-Файл создать . Возьмем размер 500 на 500, фон прозрачный.

fale

У Вас будет пустой файл без фона.

Теперь откроем картинку из которой будем делать бесшовный фон. Я взяла картинку на прозрачном фоне  ( в формате PNG).

2-Файл-открыть.

fon

3-На вертикальной панели инструментов выбрать инструмент "перемещение" move  и перетащить картинку на пустой файл.

 

fon1

Если картинка большая, ее нужно уменьшить.

4- Редактирование -свободное трансформирование.

size

Уменьшить до 80%.

fon2

Теперь необходимо поделить изображение на 4 части. Это удобно сделать с помощью направляющих линий.

5-Просмотр-новая направляющая.

line

6-Выбрать инструмент "перемещение", подвести мышку к боковой стороне файла и передвинуть направляющую в центр.

fon3

7-Просмотр-новая направляющая. В появившемся окошке кликнуть напротив"горизонтальная".

line1

8-Подвести мышку к верхней стороне файла и переместить направляющую в середину.

fon4

9-Выбрать инструмент " прямоугольная область"  2014-03-15_231806 и выделить одну часть изображения.

fon5

10-Слой-новый-скопировать на новый слой.

11-Инструментом  "перемещение" передвинуть кусочек изображения в противоположный угол.

fon6

12-В окне слоев активировать слой 2 ( с целым изображением).

layer1

13- Выбрать инструмент "прямоугольная область" и выделить другую часть изображения.

fon7

14-Слой-новый-скопировать на новый слой.

15- Инструментом "перемещение" передвинуть этот кусок в верхний правый  угол.

fon7a

16-В окне слоев активировать слой 2.

17- Выделить третью  часть изображения.

fon8

18-Слой-новый-скопировать на новый слой.

19- И передвинуть в противоположный угол.

fon9

20- В окне слоев активировать слой 2.

21- Выделить последнюю часть.

fon10

22-Скопировать на новый слой.

23- Передвинуть в противоположный угол.

Направляющие линии больше не нужны.

24-Просмотр-удалить направляющие.

fon11

 

25-В окне слоев активировать нижний пустой слой.

layer2

26-Редактирование-выполнить заливку. В окошке "заполнить "выбрать "цвет", затем в следующем окошке выбрать нужный цвет.

color

27-В окне слоев активировать верхний слой.

layer3

28-Слой- выполнить сведение.

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

29-Изображение-размер изображения.

size1

Уменьшить до 200 пик.

fon13

Чем меньше изображение, тем мельче и чаще будет узор.

30- Редактирование-определить узор. В появившемся окне назовите узор, например "фон", и ok.

yzor

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

31- Файл-создать. Размер 500 на 500 , фон прозрачный.

32- Редактирование-выполнить заливку. В окошке "заполнить"  выбрать "регулярный"  и в  квадратике "заказной узор" выбрать созданный узор.

color1

Появится такой бесшовный фон.

fon14

Как сделать бесшовный фон мельче? Нужно просто еще уменьшить созданный фон,(в пункте 29) например, до 100 пик. Затем проделать все с 30 пункта и получится такая картинка.

fon

 

 

Поделиться в соц. сетях

Опубликовать в Facebook
Опубликовать в Google Plus
Опубликовать в Мой Мир
Опубликовать в Одноклассники

26 комментариев

  • Татьяна Неропова:

    Спасибо за интересный урок

  • Соколова Ирина:

    Спасибо за очень простой и интересный урок.

  • Валентина:

    Спасибо….

  • Жанна:

    Спасибо,я выполнила по вашему уроку.

  • Lidiya:

    Как всегда — короткое и блестящее объяснение. Спасибо.

  • Диана:

    Спасибо за урок,замечательное объяснение!!!

  • Надежда:

    Надежда! Скажите, какую программу лучше скачать, чтобы сделать открытку? С ув. Н.

  • Галина Мозохина:

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

    • admin:

      Спасибо, Галина, за комментарий. Приятно, что зашли на мой сайт. Рада, что урок оказался Вам полезен.Успешного и приятного Вам творчества в Фотошоп.

  • Вероника:

    Надежда, очень понятный урок, спасибо. У меня скорее не комментарий, а вопрос. Если Вас не затруднит,скажите почему, когда перетаскиваю рисунок на документ, то этот рисунок словно точка выглядит на документе. Приходится идти =Редактирование-Свободное трансформирование= и там увеличивать изображение от 100% до 5000%, чтобы он, рисунок, стал видимым на документе. С большим уважением к Вашему труду.

    • admin:

      Вероника,Рисунок на документе должен быть большим, его приходится уменьшать. Посмотрите внимательно, какой размер документа Вы делаете. В уроке 500 на 500 пикселей.Может быть у Вас по умолчанию в сантиметрах. Нужно поменять на пиксели. Создаете новый файл и, в появившемся окошке, меняете размеры ширины и высоты.Рисунок сохраняете, кликнув по нему правой кнопкой мыши и выбираете «сохранить изображение как» Рисунок сохранится с тем размером, что в уроке:зоо на зо2 пикселей. Должно все получится.

  • Вероника:

    Надежда, благодарю Вас за ответ. Попробую.
    Желаю новых идей Вам, а нам уроков !

  • Натулик:

    Какой замечательный урок!Спасибо вам огромное за Ваши труды!Давно хотела этому научиться!Сайт бесподобный!ещё раз спасибо!!!!

    • admin:

      Спасибо, Натулик, за теплые слова.Рада, что Вам понравился урок. Приятного Вам творчества.

  • алла:

    Наденька, очень интересно! А я еще фильтром шум добавила чуть анимации. Смотрится очень даже ничего!!! СПАСИБО!!!

    • admin:

      Алла,Вы хорошо придумали с фильтром.С анимацией всегда интересней.

      • алла:

        Да, Наденька, люблю экспериментировать (особенно когда уже что-то умеешь). А всё благодаря Вашим урокам,очень Вам благодарна!

  • Лидия (tytvkysno.ru):

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

    • admin:

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

Комментировать