Все для PhotoShop















Разное















Рубрика Людмилы















Мини-Чат















Случайные Новости





Градиенты  «Bars»

Градиенты «Bars»
Просмотров: 1334
Комментарии: (4)

Snowmans Vector - Снеговики в Векторе

Snowmans Vector - Снеговики в Векторе
Просмотров: 1637
Комментарии: (13)

ГНОМЫ  И ЕЛОВЫЕ ВЕТОЧКИ

ГНОМЫ И ЕЛОВЫЕ ВЕТОЧКИ
Просмотров: 1475
Комментарии: (10)

45 Original Gradients

45 Original Gradients
Просмотров: 1215
Комментарии: (4)

Москва - 1884 год

Москва - 1884 год
Просмотров: 517
Комментарии: (0)

Урок «HANIA» для Corel PaintShop Pro Х3

Урок «HANIA» для Corel PaintShop Pro Х3
Просмотров: 1041
Комментарии: (5)

PSD - исходник - Бабочки

PSD - исходник - Бабочки
Просмотров: 4030
Комментарии: (7)

Cristmas Rose Balls Vector

Cristmas Rose Balls Vector
Просмотров: 775
Комментарии: (1)

Рамочка - Осенняя пора

Рамочка - Осенняя пора
Просмотров: 1444
Комментарии: (1)

Рамка для фото - Голубая и Белая

Рамка для фото - Голубая и Белая
Просмотров: 1475
Комментарии: (3)












Каталог файлов - PhotoShop - Описание сайта



Главная » Файлы » Уроки Adobe PhotoShop » Уроки Adobe PhotoShop

Урок «Фон из Фото»
09.05.2012, 19:26
Урок «Фон из Фото»

Автор урока: Ленусик
Урок написан по материалам, которые были найдены в свободном доступе интернета

хостинг картинок

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

1. Открываем исходное изображение: Файл-Открыть

2. В окне слои снимаем замочек, как это сделать см. Здесь

3. Если нужно, придаем изображению необходимый размер: Изображение-Размер изображения (ширину - меняем, высота - меняется автоматически или наоборот и жмём OK)
Слой называем -
«Фото»

4. В панели инструментов выбираем Инструмент «Область (вертикальная строка)»
Это инструмент, который делает единственную вещь – выделяет колонку величиной в 1 пиксель
Кликните в любом месте на фото, и автоматически выделятся все пиксели, находящиеся над и под выбранной точкой.
Помните, что ваше выделение шириной только в 1 пиксель, и если вы желаете, чтобы ваш фон содержал как можно больше цветов, то выделяйте область, которая будет самой разнообразной в цветовом плане.

хостинг картинок

5. Выделенную колонку копируем на «Новый слой» - Ctrl+J и называем слой «Горизонтальный фон»

6. Теперь колонку нужно растянуть на всё изображение: для этого воспользуемся Свободным трансформированием - Ctrl+T
Появилась рамка для трансформации, которую растягиваем за середину в обе стороны
Enter - применить трансформацию

хостинг картинок

Получаем горизонтальный фон

хостинг картинок

7. Вернёмся на слой «Фото», глазик на слое «Горизонтальный фон» пока выкл.

В панели инструментов выбираем Инструмент «Область (горизонтальная строка)» и выделяем горизонтальную колонку для нашего фона

хостинг картинок

8. Выделенную колонку копируем на «Новый слой» - Ctrl+J и называем слой «Вертикальный фон»

9. Теперь и эту колонку нужно растянуть на всё изображение: для этого воспользуемся Свободным трансформированием - Ctrl+T
Появилась рамка для трансформации, которую растягиваем за середину в обе стороны
Enter - применть трансформацию

хостинг картинок

Получаем вертикальный фон

хостинг картинок

10. Встаём на верхний слой «Горизонтальный фон», глазки на всех слоях вкл.
«Режим наложения для слоя» - я поставлю «Яркость» (вы экспериментируйте с другими режимами и подберите для своего фона оптимальный вариант)
«Непрозрачность» для этого слоя - примерно 40-50%

хостинг картинок

11. Кликаем правой кнопкой мыши по слою «Горизонтальный фон» и выбираем строку «Объединить с предыдущим» или жмём сочетание двух клавиш - Ctrl+E
В итоге имеем два слоя: «Фон» и «Фото»

12. В окне слои слой «Фон» перетаскиваем под слой «Фото»

13. Встаём на слой «Фото» и с помощью «Свободного трансформирования» - Ctrl+T придаём фото нужный размер и если необходимо поворачиваем

Совет: Что бы не сбить пропорции, зажимаем Shift и тянем за уголок/маркер по диагонали, отпускаем сначала мышку, потом клавишу Shift, Enter - применить

хостинг картинок

14. Основные цвета в левой панели инструментов
Идём Редактирование - Выполнить обводку

хостинг картинок

15. Добавим «Стиль слоя» - «Тень», нажатием в окне Слои на иконку , выставляем примерно такие параметры:
Угол - 70°, Смещение - 5 пикс., Размах - 0%, Размер - 16 пикс.

хостинг картинок

16. Встаём на слой «Фон» и идём Редактирование - Выполнить обводку

хостинг картинок

17. Инструментом «Перемещение» располагаем фото в нужном месте и объединяем все слои сочетанием клавиш Shift+Ctrl+E

18. Сохраняем полученный результат: Файл - Сохранить для Web...


Дерзайте! Жду ваших работ!
Закидывайте свои готовые изображения на любой хостинг типа radikal.ru, копируйте на radikale ссылку №1 и выкладывайте здесь в комментариях, я с огромным удовольствием посмотрю ваши работы!

Как скопировать и сохранить урок к себе на компьютер см. Здесь

Сказать «Спасибо» можно проголосовав нажатием на звёздочки и  на кнопочку «Поделиться»  


Нравится
Категория: Уроки Adobe PhotoShop | Добавил: Ленусик
Просмотров: 4363 | Загрузок: 0 | Комментарии: 17 | Рейтинг: 4.6/60
Всего комментариев: 171 2 »
16  
Добрый день у меня одинаковых размеров получилось и фон и фото... фотография полностью закрывает фон... что надо сделать чтоб было так как у вас????

0
17  
Прочтите внимательно пунк 13 

15  
Спасибо большое.Будьте счастливы.

13  
Лена, очень интересный урок, спасибо! В можно в комментарии добавлять работы, которые выложены на Яндекс фото и, как это правильно сделать?

14  
Да, можно брать из Яндекса. Там прописан код. Для нашего сайта - верхний. Следите, чтобы по ширине не превышало 750.

11  
Спасибо, Леночка, за интересный урок!

10  
Леночка,добрый вечер!
Урок очень интересный, и вот мой результат.



8  
спасибо за урок. Приятно ,когда получается, радуюсь как ребёнок. Ссылка на картинку.


7  
Спасибо за урок. Всё получилось

6  
Леночка, даю ссылку №1 Радикала, я в предыдущем комментарии дала ссылку на свой блог по ошибке, извини за недоработку, пожалуйста http://s019.radikal.ru/i627/1205/47/5c001ed96db2.gif


9  
Да я к вам и в блог заглянула, результат нашла и там biggrin

5  
Спасибо, Елена, за урок, мне он очень понравился. Вот моя работа
http://blogs.mail.ru/mail/tatiana_air/#00455EC6F369D4CB

1-10 11-14
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]








Поиск по Сайту















Мини Профиль





Четверг
24.08.2017
11:50











Подписка















Статистика





Зарег. на сайте:
Пользователи:

Нас уже 9444 человек!


Новые пользователи:

Новых за месяц: 24
Новых за неделю: 7
Новых вчера: 1
Новых сегодня: 1

   
Администраторов: 4

Счетчики:
Онлайн:
Онлайн всего: 5
Гостей: 5
Пользователей: 0
Сегодня нас посетили:










Опрос






Каким браузером Вы пользуетесь ?

Всего ответов: 1325










Новости





Перевод урока «LIFE»

Перевод урока «LIFE»
Просмотров: 333
Комментарии: (0)

Перевод урока «HERMIONE»

Перевод урока «HERMIONE»
Просмотров: 328
Комментарии: (1)

Перевод урока «You Decorate My Life»

Перевод урока «You Decorate My Life»
Просмотров: 370
Комментарии: (0)

Перевод урока «La chasse aux oeufs»

Перевод урока «La chasse aux oeufs»
Просмотров: 246
Комментарии: (0)

В браузере открывается вкладка с рекламой. Что делать?

В браузере открывается вкладка с рекламой. Что делать?
Просмотров: 401
Комментарии: (3)

Перевод урока «Aquarium»

Перевод урока «Aquarium»
Просмотров: 403
Комментарии: (0)

Как создать в Corel  ПЕРЕГОРОДКУ/ШИРМУ

Как создать в Corel ПЕРЕГОРОДКУ/ШИРМУ
Просмотров: 352
Комментарии: (0)

Перевод урока «Industrial»

Перевод урока «Industrial»
Просмотров: 412
Комментарии: (0)

Перевод урока «Friends»

Перевод урока «Friends»
Просмотров: 489
Комментарии: (0)

Перевод урока «L’autre côté»

Перевод урока «L’autre côté»
Просмотров: 550
Комментарии: (2)











Посетители Сайта