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






Все для PhotoShop















Разное















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















Мини-Чат















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





New Year vector Red

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

Rescue Money

Rescue Money
Просмотров: 1411
Комментарии: (0)

Eye Candy 4000

Eye Candy 4000
Просмотров: 4535
Комментарии: (17)

Клипарт - Гномики

Клипарт - Гномики
Просмотров: 2491
Комментарии: (0)

Autumn pumpkin and leaves vector / Осенние Фоны

Autumn pumpkin and leaves vector / Осенние Фоны
Просмотров: 1560
Комментарии: (0)

PSD исходник - Цифровая Мечта

PSD исходник - Цифровая Мечта
Просмотров: 708
Комментарии: (0)

Christmas Elements  Vectors

Christmas Elements Vectors
Просмотров: 755
Комментарии: (0)

PSD исходник - Tableau Vivant

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

Градиенты - «Chromes»

Градиенты - «Chromes»
Просмотров: 1269
Комментарии: (7)

Wine and Grapes - Вино и Виноград

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








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















Мини Профиль





Среда
07.12.2016
23:13











Подписка















Статистика





Пользователи:

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


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

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

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

Онлайн:

Онлайн всего: 4
Гостей: 4
Пользователей: 0











Опрос






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

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










Новости





Ледяные цветы

Ледяные цветы
Просмотров: 11
Комментарии: (0)

Alfredo Rodriguez

Alfredo Rodriguez
Просмотров: 17
Комментарии: (0)

Giuseppe Armani

Giuseppe Armani
Просмотров: 31
Комментарии: (0)

Александр и Татьяна Норык

Александр и Татьяна Норык
Просмотров: 45
Комментарии: (0)

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

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

Куклы из солёного теста

Куклы из солёного теста
Просмотров: 56
Комментарии: (0)

Ernestina Gallina (Pietre Vive)

Ernestina Gallina (Pietre Vive)
Просмотров: 43
Комментарии: (0)

Santas World

Santas World
Просмотров: 128
Комментарии: (0)

Daniel Merriam

Daniel Merriam
Просмотров: 81
Комментарии: (0)

Spheres & More 2014

Spheres & More 2014
Просмотров: 120
Комментарии: (0)











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