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






Все для PhotoShop















Разное















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















Мини-Чат















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





Текстуры - Старая Газета

Текстуры - Старая Газета
Просмотров: 8005
Комментарии: (0)

Vintage Love Vignettes

Vintage Love Vignettes
Просмотров: 1164
Комментарии: (0)

Masks for Adobe Photoshop and Corel PaintShop Pro

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

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

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

Скрап-набор - Inspiration - Вдохновение

Скрап-набор - Inspiration - Вдохновение
Просмотров: 2372
Комментарии: (2)

Рамка для фото - С Днем Рождения

Рамка для фото - С Днем Рождения
Просмотров: 1926
Комментарии: (4)

Урок – «Применение Маски»

Урок – «Применение Маски»
Просмотров: 8348
Комментарии: (41)

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

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

Redfield Water Ripples 1.40.1 (Eng /Rus)

Redfield Water Ripples 1.40.1 (Eng /Rus)
Просмотров: 3969
Комментарии: (3)

Sexy Santa

Sexy Santa
Просмотров: 1545
Комментарии: (2)












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



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

Урок «За грани экрана...»
1.7 МБ 10.05.2012, 04:12
Урок «За грани экрана...»
Автор урока: Ленусик

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

Для урока нам необходимо: основной фон, монитор/телевизор в формате PNG и фото которое будет выходить за грани экрана
Можете воспользоваться моим материалом для урока: кнопка «Скачать» вверху

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

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

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

4. Открываем клипарт Экрана: Файл-Открыть

Придаем изображению необходимый размер.

Ctri+A - выделить холст, Ctrl+C - скопировать в буфер обмена, переходим на Основное фото и жмём сочетание двух клавиш - Ctrl+V - вставить

С помощью «Свободного трансформирования» - Ctrl+T придаём экрану нужный размер

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

Инструментом «Перемещение» располагаем экран в нужном месте и слой называем - «Экран»

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

5. Открываем Фото, которое будет выходить за грани экрана: Файл-Открыть

Придаем изображению необходимый размер и так же переносим на Основное фото, слой называем - «Фото в экране»

Слой «Фото в экране» в окне Слои располагаем между слоями «Фон» и «Экран»

6. Дублируем слой «Фото в экране» - Ctrl+J, и дубликат называем «Фото за экраном» 

В окне Слои слой «Фото за экраном» размещаем в самом верху, глазик на этом слое пока откл.

7. Встаем на слой «Фото в экране» и понижаем
«Непрозрачность» слоя - до 60-70%

8. Активируем инструмент «Перо» и выделяем область экрана

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

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

9. Идём: Выделение - Инверсия или нажимаем сочетание трёх клавиш Shift+Ctrl+I
Жмём клавишу - Delete - удалить/очистить

Ctrl+D - выделение снимаем и возвращаем слою «Фото в экране» «Непрозрачность» - 100%

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

10. Переходим на слой «Фото за экраном» - глазик вкл. и понижаем «Непрозрачность» слоя - до 60-70%

11. Активируем инструмент «Прямоугольная область» и выделяем ту часть фото, которая будет за экраном

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

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

12. Идём: Выделение - Инверсия или нажимаем сочетание трёх клавиш Shift+Ctrl+I
Жмём клавишу - Delete - удалить/очистить

Ctrl+D - выделение снимаем и возвращаем слою «Фото за экраном» «Непрозрачность» - 100%

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

13. Кадрируем документ, чтобы избавиться от лишних пикселей
Инструментом «Рамка» обводим границы документа и жмём - Enter

14. На слое «Фото за экраном» нам нужно избавиться от лишнего фона
Для этого активируем инструмент «Быстрое выделение» и выделяем изображение

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

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

15. Жмём на кнопку «Уточнить край...» и работаем с настройками, по завершению жмём ОК

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

Если что-то где-то не совсем чисто удалили, то доработайте инструментом «Ластик» - жёсткость 0%

15. В окне Слои кликаем правой кнопкой мыши по «Миниатюре слой-маски» и выбираем строку «Применить слой-маску»

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

В окне Слои лишний слой удаляем и получаем:

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

16. Shift+Ctrl+E - объединить видимые слои

Результат сохраняем: Файл - Сохранить для Web... в формате JPEG


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

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

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


Нравится
Категория: Уроки Adobe PhotoShop | Добавил: Ленусик
Просмотров: 4182 | Загрузок: 386 | Комментарии: 24 | Рейтинг: 4.6/73
Всего комментариев: 231 2 »
23  
Спасибо! Очень интересный урок! У меня не получается вырезать монитор Пером... и Лассо брала...никак...что еще можно придумать очистить монитор?

22  
Спасибо Леночка за урок!

21  
Спасибо за урок, интересно thumb
моя работа по нему


20  
Как нибудь в следующий раз надо опробовать) а так замечательный сайт, надо бы его запомнить

19  
Ленусик! Огромное спасибо за урок! Я его освоила, очень интересно!!!

18  
Леночка дошла до пера и ничего дальше не получается,выделяю экран,а инверсия не получается. С пером ещё не работала

15  
Елена, я захотела сделать рамочку простую к этой работе, но не получилось. На конечной картинке , на её слое, написано ИНДЕКСИРОВАННЫЕ ЦВЕТА, замочек не снимается, рамка не создаётся. Хотела просто сделать рамку и в неё вставить картинку, тоже не получилось. Вы не можете объяснить, как быть, можно сделать рамку или нет?

16  
Я думаю ответ на свой вопрос про "Индексированные цвета" вы найдете здесь: http://goo.gl/vfSyq

14  
Леночка вот результат изучения двух ваших уроков
http://www.liveinternet.ru/users/4052596/post219791622/

17  
Замечательно, я посмотрела

13  
Елена, вот мой результат по второму уроку
http://s019.radikal.ru/i640/1205/11/b1eae1956dc8.jpg
Спасибо вам большое за уроки, очень хочу продолжения. Ваше объяснение понятно, выполнять задание одно удовольствие!!!

11  
Спасибо Леночка.

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








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















Мини Профиль





Четверг
23.02.2017
23:40











Подписка















Статистика





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

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


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

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

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

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










Опрос






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

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










Новости





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

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

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

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

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

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

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

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

Andreas Franke

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

Lisa Ericson

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

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

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

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

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

Максим Шкрет

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

Перевод урока «Saint Valentin 2016»

Перевод урока «Saint Valentin 2016»
Просмотров: 99
Комментарии: (0)











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