Урок «Фон из Фото» - Уроки Adobe PhotoShop <!--if(Уроки Adobe PhotoShop)-->- Уроки Adobe PhotoShop<!--endif--> - Каталог файлов - PhotoShop






Все для PhotoShop















Разное















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















Мини-Чат















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





Рамочка для Фото 4

Рамочка для Фото 4
Просмотров: 3938
Комментарии: (0)

Плагин VDL Adrenaline - Snowflakes

Плагин VDL Adrenaline - Snowflakes
Просмотров: 4338
Комментарии: (34)

Шрифт - Respect Narrow Bold Italic

Шрифт - Respect Narrow Bold Italic
Просмотров: 1821
Комментарии: (1)

Шрифт - AG Aalen Bold

Шрифт - AG Aalen Bold
Просмотров: 5170
Комментарии: (1)

Angora Kitten

Angora Kitten
Просмотров: 982
Комментарии: (0)

Masks for Adobe Photoshop and Corel PaintShop Pro

Masks for Adobe Photoshop and Corel PaintShop Pro
Просмотров: 3401
Комментарии: (5)

Бронзовые Градиенты

Бронзовые Градиенты
Просмотров: 1539
Комментарии: (6)

Easter Grunge Vector Cliparts

Easter Grunge Vector Cliparts
Просмотров: 925
Комментарии: (1)

Урок от М. Басманова - Новый день

Урок от М. Басманова - Новый день
Просмотров: 991
Комментарии: (0)

Кисти —  Лучи Солнца

Кисти — Лучи Солнца
Просмотров: 7500
Комментарии: (7)












Каталог файлов - 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 | Добавил: Ленусик
Просмотров: 4003 | Загрузок: 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
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]








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















Мини Профиль





Воскресенье
26.02.2017
17:49











Подписка















Статистика





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

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


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

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

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

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










Опрос






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

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










Новости





Yoga Dogs and Cats

Yoga Dogs and Cats
Просмотров: 23
Комментарии: (0)

Северное сияние

Северное сияние
Просмотров: 42
Комментарии: (0)

Пропасть трёх мостов

Пропасть трёх мостов
Просмотров: 50
Комментарии: (0)

Божьи коровки

Божьи коровки
Просмотров: 47
Комментарии: (0)

И пауки бывают красивыми

И пауки бывают красивыми
Просмотров: 35
Комментарии: (0)

Andreas Franke

Andreas Franke
Просмотров: 40
Комментарии: (0)

Lisa Ericson

Lisa Ericson
Просмотров: 45
Комментарии: (0)

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

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

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

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

Максим Шкрет

Максим Шкрет
Просмотров: 47
Комментарии: (0)











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