Верхнее меню:

  • Главная
  • карта сайта

поиск google

Breadcrumbs

Меню сайта:

  • Основы Фотошопа
  • Редактирование изображений
  • Рисование в фотошопе
  • Анимация в фотошопе

Верхняя реклама

Загнутый уголок в фотошопе.

Иногда хочется предать фотографии какой-нибудь эффект. Например, сделать уголок фотографии загнутым. Многие из вас скажут, зачем нужен загнутый урок, когда уже давно существует специальный фильтр, благодаря которому вы без проблем добавите фотографии эффект загнутого уголка. Но, несмотря на это иногда бывает, так что у вас нет этого фильтра под рукой, а найти и установить его займет больше времени, чем это сделать вручную. Конечно, если вам не нужно загнуть уголки на 100 фотографиях, тогда я согласен с вами лучше в этом случае воспользоваться специальным фильтром.

В ходе этого урока мы с вами сделаем фотографию вот с таким загнутым голком.

Берем вот такую фотография с белкой и открываем ее в фотошопе.

С помощью инструмента Прямоугольное лассо на панели инструментов рисуем треугольник (эскиз нашего загнутого уголка).

Удаляем содержимое выделенного треугольника и заливаем серой краской.

Вырезаем, нажав Ctrl+x.

Вставляем Ctrl+v. Вырезанный нами треугольник автоматически вставляется на новый слой Слой1. Слои для удобства можно переименовать, щелкнув два раза по его названию.

Выбираем из меню следующую команду: Редактировать – Трансформировать – Отразить по горизонтали.

После того, когда наше изображение отразится выбираем: Редактировать – Свободное Трансформирование или используем горячие клавиши и нажимаем Ctrl+t. Разворачиваем и подгоняем углы у нашего загнутого уголка.

На панели инструментов выбираем инструмент овальная область и выделяем овал.

Выбираем инструмент Быстрая маска.

Теперь нам нужно придать овалу такую форму, чтобы он вписывался во всех местах картинки. Нажимаем Ctrl+t и подгоняем наш овал, двигая маркер с зажатой клавишей Ctrl.

После чего выходим из режима быстрой маски, щелкнув, поэтому же значку.

Если не получилось вписать овал с первого раза, то можете повторить процесс с использованием быстрой маски. Когда добьетесь идеального расположения выделенного овала, стоя на Слое1 жмем Delete. Удалив ненужную область загнувшегося уголка, при этом, не снимая выделения, нажимаем: Выделение – Инверсия и подтираем лишние части, вначале стоя на Слое 1, а затем на Слое 0.

Вот у нас уже получился загнутый уголок у фотографии, теперь ему осталось только придать объемности.

Выбираем инструмент Затемнитель и проводим по правой стороне загнувшегося уголка, затем выбираем Осветлитель и проводим по противоположной стороне.

Ну, вот теперь загнувшийся уголок выглядит более объемно и естественно. По желанию, вы можете добавить подложку для фотографии, используя симпатичный для вас цвет. Создаем дополнительный слой “Слой 2” и заливаем его, например, светло серым. Располагаем слой нашей подложки в самом низу.

Вот такая у нас получилась симпатичная фотография с загнутым уголком.

2013-05-20 / Вр:21:21 / просмотров: 22053

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

Как загнуть угол фотографии в фотошопе

Как загнуть угол в фотошопе.

Шаг 1.
Выберите фотографию, к которой нужно сделать эффект загнутого угла и откройте ее в программе фотошоп. Для этого выберите в меню «Файл» => «Открыть» или ( Ctrl+O) .

Щелкните на слое по замочку, чтобы из фонового слоя сделать обычный слой.

Как загнуть угол в фотошопе

После того, как вы кликнули дважды по замочку, откроется новое окно. Придумайте любое имя и жмите на кнопку «Да».

Все готово. Теперь фоновый слой стал обычным.

Шаг 2.
Теперь создайте новый слой. Для этого в меню перейдите «Слой» => «Новый» => «Слой» или ( Shift+Ctrl+O) .
Откроется новое окно. Придумайте любое имя к слою (я назвал слой «Фон»). Жмите после этого на кнопку «Да».
Теперь поменяйте местами слои – перетяните мышкой слой «Фон» так, чтобы он был внизу.

Как загнуть угол в фотошопе

Вот в таком расположении должны быть слои.

Как загнуть угол фотографии в фотошопе

Шаг 3.
Выберите инструмент «Заливка» (G) и залейте слой «Фон» белым цветом.

загнуть угол фотографии

Шаг 4.
Теперь приступим к загибанию угла.

Выберите верхний слой там, где фотография и выполните следующие действия. В меню перейдите «Редактирование» => «Трансформирование» => «Деформация» . Появится сетка. Потяните за нижний правый угол, имитируя изгиб, так, как на примере снизу.

Как загнуть угол фотографии в фотошопе

Изображение можно увеличить

Шаг 5.
Дальше нужно выделить уголок. Для выделения можно воспользоваться инструментом «Прямолинейное лассо» (L)

или другим удобным для вас инструментом. Кстати, для удобства, когда будете выделять угол, увеличьте масштаб фотографии.

Дальше нужно выделить уголок

Изображение можно увеличить

Скопируйте выделенный участок. Для этого нажмите в меню «Редактирование» => «Скопировать» (Ctrl+S) , потом сразу нажмите «Редактирование» => «Вставить» (Ctrl+V) .
Теперь к этому новому слою задайте эффект «Тень», «Внутренняя тень», «Наложение цвета» с такими параметрами:
«Слой» => «Стиль слоя» => «Тень»

Как загнуть угол фотографии в фотошопе

Изображение можно увеличить

«Слой» => «Стиль слоя» => «Внутренняя тень»

Как загнуть угол фотографии в фотошопе

Изображение можно увеличить

«Слой» => «Стиль слоя» => «Наложение цвета».

Как загнуть угол фотографии в фотошопе

Изображение можно увеличить

Теперь перейдите на слой, где у вас изображена фотография и добавьте к ней «Тень».

«Слой» => «Стиль слоя» => «Тень»

Как загнуть угол фотографии в фотошопе

Изображение можно увеличить

Вот такая в итоге фотография с загнутым уголком получилось у меня.

Как загнуть угол фотографии в фотошопе

Дополнить фотографию можно какой-нибудь фразой.

Как загнуть угол фотографии в фотошопе

Вот и подошла к заключению тема «как загнуть угол в фотошопе». Если вам было интересно, подпишитесь на обновление моего блога, и вы будете всегда в курсе всех интересных статей.

Сегодня будет простой, но полезный урок — научимся делать загнутый уголок в фотошопе (он же эффект перелистывания страницы). Такой эффект часто применяется в обработке фотографий или картинок для какого-либо веб-проекта, например, для группы ВКонтакте.

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

Шаг 1 Открываем фотографию.

jeffekt_zavernutogo_ugolka

Шаг 2

Далее нужно разблокировать фоновый слой (если на миниатюре слоя имеется маленькая иконка замочка), для этого дважды щелкните по фоновому слою. На панели Слои два раза щелкаем на замочек. Затем кнопка ОК в появившемся диалоговом окне.

razblokirovat

Шаг 3 Выбираем инструмент Прямоугольная область.

Шаг 4 Выделяем в углу область, на которой будет применен эффект.

prjamougol

Шаг 5

Затем выбираем инструмент Градиент. На панели Параметров выставляем его черно-белым. Применяем инструмент к нашему прямоугольнику, так чтобы верхний правый угол был черным, а нижний левый светло-серый. Это и будет наш будущий загнутый уголок.

primenenie_gradienta

Шаг 6 Снимите выделение командой Выделение –> Отменить или просто нажав комбинацию Ctr+D.

Шаг 7

Пришло время деформации: Редактирование -> Трансформирование -> Деформация. В результате на изображение будет наложена сетка.

setka_komandy_deformacija

Шаг 8

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

zagnutyj_ugolok_pri_pomoshhi_deformacii

Шаг 9

Осталось добавить тень для больше реалистичности. Перейдите в Стили слоя (дважды щелкнув по слою). В закладке Тень выставите следующие настройки:

parametry_teni

Шаг 10 . Получился вот такой загнутый уголок:

zagnutyj_ugolok_v_fotoshope

Во время трансформации меняется вид фотографии, что делать?

Говоря врачебным языком, при деформации возможны побочные эффекты — искажения предметов и лиц на фотографии. Все дело в самом инструменте. Когда мы тянем за уголок, мы, как одеяло, тянем за собой и все изображение.

В этой ситуации идеального 100% качества не добиться, но можно сделать эти искажения менее заметными. Для этого надо постараться, чтобы во время трансформации линии сетки были прямыми. Посмотрите на этот пример:

prjamye_linii_setki_deformacii

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

Обратите внимание на нижний левый квадрат с загнутым уголком. В этом квадрате деформация максимальная, поэтому фрагмент изображение уже никак не выпрямить.

Как загнуть уголок фотографии

Как я и обещал в этом уроке мы с вами разберем как загнуть уголок фотографии. При просмотре фотографии с загнутым уголком на мониторе компьютера создается эффект натуральности фотографии и такое изображение можно использовать при создании коллажей. Как загнуть уголок фотографии Для сегодняшнего урока мы используем нашу фотографию из предыдущего урока.

Для того чтобы начать работу с нашим изображением щелкнем два раза по слою и в появившемся окне нажмем кнопку ОК.

Как загнуть уголок фотографии

В палитре слоев напротив нашего изображения исчезнет замочек и теперь мы сможем начать работу с фотографией.

Заходим в меню Редактирование->Трансформирование-> Деформация . Наводим курсор на появившеюся сетку и зажав левую кнопку мыши производим загиб нашей фотографии.

Загибаем уголок фотографии

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

Сейчас мы попробуем применить другой способ. Конечно он будет немного посложнее, но зато эффект от этого способа будет красочнее.

Итак выберем в палитре инструментов «Свободное перо» и в верхней панели выберем «Контуры».

Как загнуть уголок фотографии

Используя левую кнопку мышки расставим точки в углу в виде треугольника.

Как загнуть уголок фотографии

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

В появившемся окне нажимаем кнопку ОК. Наш уголок выделился.

Как загнуть уголок фотографии

Теперь стоя на этом же слое выбираем инструмент «Градиент». Устанавливаем непрозрачность 90%. Укажите все установки, выделенные красным как на рисунке ниже.

Как загнуть уголок фотографии

Выберем основной белый цвет в палитре цветов.

Проведем диагональ от угла изображения

Нажимаем комбинацию клавиш Ctrl+D (Снять выделение) и снова трансформируем

Как загнуть уголок фотографии

Как загнуть уголок фотографии

Нажимаем кнопку ENTER и наш уголок деформирован.

Как загнуть уголок фотографии

Теперь создаем дубликат слоя (Ctrl+J) и помещаем его под наш основной слой. Задний фон у нас получился прозрачным (шахматная доска) и для этого мы выбираем инструмент «заливка» и закрашиваем наш прозрачный слой серым цветом.

Как загнуть уголок фотографии

Как загнуть уголок фотографии

Выбираем наш основной слой. Откроем окно «Стили слоя» для этого в панели «слои» щелкнем два раза по синей области правее.

Как загнуть уголок фотографии

У нас появится вот такое окно. Поставим галочку в разделе «Тень» и перемещая ползунки создадим тень, которая нам больше всего подходит.

Как загнуть уголок фотографии

Вот такая фотография у нас получилась в итоге.

как загнуть уголок фотографии

Сегодня мы рассмотрели урок как загнуть уголок фотографии. Урок для кого то покажется сложным, но на самом деле если опробовать его на практике, то ничего сложного в этом вы не увидите. Спасибо что дочитали до конца, напишите пожалуйста свой отзыв об уроке ниже и заходите на сайт FotoshopDesign.ru.

Напишите пожалуйста комментарий снизу если вам понравился урок или если у вас возникли какие либо трудности по выполнению этого урока.

Ставьте лайк, если вам понравилось, делитесь с друзьями и подписывайтесь на наш канал в Дзене , чтобы не пропустить следующие уроки.

Как завернуть угол в фотошопе