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






Все для PhotoShop















Разное















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















Мини-Чат















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





Урок П. Гулевич - Коллаж  «Замок у водопада»

Урок П. Гулевич - Коллаж «Замок у водопада»
Просмотров: 1316
Комментарии: (2)

Урок Е. Виноградовой - Весенний Коллаж

Урок Е. Виноградовой - Весенний Коллаж
Просмотров: 1231
Комментарии: (0)

Sports Cars in Vector

Sports Cars in Vector
Просмотров: 952
Комментарии: (0)

Кисти Мерцающие Звёзды

Кисти Мерцающие Звёзды
Просмотров: 3561
Комментарии: (9)

Скрап-набор - Blogtrain Autumn

Скрап-набор - Blogtrain Autumn
Просмотров: 1241
Комментарии: (4)

Перевод урока «Winter Symphonia»

Перевод урока «Winter Symphonia»
Просмотров: 677
Комментарии: (5)

PSD исходник - Kubok

PSD исходник - Kubok
Просмотров: 1611
Комментарии: (0)

PSD исходник -  Монитор

PSD исходник - Монитор
Просмотров: 2507
Комментарии: (2)

New Year vector Red

New Year vector Red
Просмотров: 2743
Комментарии: (6)

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

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












Каталог файлов - 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 | Добавил: Ленусик
Просмотров: 3924 | Загрузок: 0 | Комментарии: 17 | Рейтинг: 4.6/59
Всего комментариев: 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.01.2017
12:07











Подписка















Статистика





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

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


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

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

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

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










Опрос






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

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










Новости





Перевод урока «Bise d'hiver»

Перевод урока «Bise d'hiver»
Просмотров: 27
Комментарии: (0)

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

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

Перевод урока «SteamPunk 37»

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

Crystal Visions Tarot

Crystal Visions Tarot
Просмотров: 22
Комментарии: (0)

Mystical Cats Tarot

Mystical Cats Tarot
Просмотров: 25
Комментарии: (0)

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

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

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

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

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

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

Перевод урока «Love the Life you live»

Перевод урока «Love the Life you live»
Просмотров: 95
Комментарии: (0)

Как бы так...

Как бы так...
Просмотров: 29
Комментарии: (0)











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