Как загнуть лист в фотошопе. Загибаем уголок страницы в фотошоп

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

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

  1. Загрузите для начала любое изображение в фотошоп и сразу снимите со слоя замочек и заодно создайте новый слой (SHIFT+CTRL+N ). Только сделайте так, чтобы новый только что созданный слой был ниже главной картинки.
  2. Теперь делаем активным слой с нашей фотографией и идем в меню «Редактирование» «Трансформирование» — «Деформация» . О том, что такое деформация объекта в фотошопе я уже рассказывал в , так что проблем у вас возникнуть не должно.
  3. Теперь ваша задача — зажать ну любом из углов левую кнопку мыши и двигать в противоположную сторону. Например я хочу загнуть правый нижний угол, тогда я просто потяну за него в левый верх, пока не дойду до нужной мне точки. Ну как? Видите? Что-то уже вырисовывается.
  4. Давайте теперь возьмем (я решил воспользоваться « ») и выделим загнутую часть, и только ее.
  5. После этого, не убирая ваш инструмент выделения, нажмите правой кнопкой мыши внутри выделенной области, а уже там выберите «Скопировать на новый слой» . Этот кусочек должен оказаться на новом слое в самом верху панели слоев.
  6. Теперь, находясь на этом скопированном кусочке, заходим в и идем в раздел «Тень» . Там мы ставим непрозрачность побольше, где-то в районе 60-70% , а угол оставляем 30 градусов.
  7. Не уходя из этих стилей идем в раздел «Наложение цвета» . В окошке выбора цвета ставим белый, а непрозрачность ставим на 30% . После чего нажимаем ОК .
  8. Далее спускаемся на наш основной слой с изображением и заходим в его стили слоя. Там мы идем снова в раздел «Тень» , только ставим немного другие параметры. Главное особо не скупиться на «Размер» . В общем попробуйте все проделать как у меня на картинке и нажмите ОК . И теперь у нашей фотки появится своя тень, что придает немного реалистичности.
  9. Ну и напоследок (хотя это вообще нужно делать в самом начале, но просто так эффектнее смотреться будет) берем и заливаем наш пустой слой белым цветом, ну или близко к белому.

Ну а теперь давайте посмотрим итоговый результат. По моему вполне себе неплохо. И вот примерно таким макаром я раньше загибал свои фотки, правда без изысков, типа «Наложение тени» .

Дополнительная фишка

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


В итоге получился неплохой эффект того, что черно-белое изображение слезает с цветного. По моему прикольно получилось. А вы как считаете?

Ну а если вдруг вас заинтересовала тема создания красивых и интересных коллажей, то я очень рекомендую вам познакомиться с курсом Елены Виноградовой . Благодаря этому курсу вы научитесь делать профессиональные коллажи, а самое главное, что рассказано всё простым и понятным языком, поэтому трудностей у вас не возникнет.

С уважением, Дмитрий Костин.

И многое другое. Сегодня речь пойдет еще об одном очень интересном эффекте - мы будем создавать загнутый уголок в фотошопе .

Для того, чтобы нарисовать угол , откройте фотографию в этой программе, с которой будете работать:


На панели инструментов найдите инструмент «Прямолинейного Лассо» (Polygonal Lasso Tool) и с помощью него выделите треугольник снизу, который в будущем и станет загнутым листом :



Вырежьте данное выделение, либо нажав клавиши Ctrl+X, либо нажмите данную команду в меню Edit (Редактирование). Обратите внимание, что при этом фоновым цветом (нижний квадратик) на панели инструментов установлен Белый:


С помощью инструмента «Заливка» (Paint Bucket) залейте серым цветом, предварительно выбрав его , наш уголок:


Найдите на панели инструмент «Волшебная палочка» (Magic Wand) и снова выделите уголок с помощью этого инструмента:



Снова вырежьте это выделение, а затем вставьте в эту же фотографию (либо клавишами Ctrl+V, либо через меню «Редактирование». Треугольник должен появиться в центре фото, причем на новом слое:


Обратитесь к меню Edit (Редактирование) :> Transform (Трасформация) :>Flip Horizontal (Отразить горизонтально). Ваш уголок должен развернуться, как ниже на рисунке:


В этом же меню «Редактирование» найдите команду «Free Transform» (Свободная трансформация). Активировав её, расположите серый треугольник над белым, как показано на рисунке, и нажмите Enter:


А теперь будем создавать эффект завернутого уголка в фотошопе . На панели инструментов найдите «Овальную область» (Elliptical Marquee) и выделите край серого треугольника, как показано на рисунке:



Внизу панели инструментов нажмите на кнопку «Редактирование в режиме Быстрой маски» , после чего вашему вниманию будет представлена овальная область в красной рамке. Этот режим мы включили для упрощения подгона области в нужные рамки:


Снова активируйте команду Free Transform (Свободная трансформация) и переместите эту область так, чтобы края овала задевали острые углы серого треугольника, не касаясь белого:


Выйдите из режима быстрой маски, нажав на ту же кнопку, с помощью которой вы входили в него:


Нажмите комбинацию клавиш «Ctrl+X», чтобы вырезать в выделении края серого треугольничка:


Снимите выделение . Уголок почти готов, осталось лишь придать ему объем. Найдите на панели инструментов «Затемнитель» (Burn Tool), выберите среднюю мягкую кисть и затемните низ серого треугольника. После чего выберите инструмент «Осветлитель» (Dodge Tool) и осветлите верхнюю часть нашего треугольничка:


Вот и все готово! Осталось лишь объединить слои и наша фотография готова! Сегодня мы узнали, как сделать загнутый уголок в фотошопе , удачи!

Эффект Загнутый уголок предназначен для имитации скручивания уголка страницы. Цвет загнутого уголка, степень закрутки и форма задаются с помощью параметров на Панели настроек .

Параметры эффекта:

    Цвет уголка . На цветовой пластине можно задать цвет для обратной стороны загнутого уголка. Для указания цвета используется диалог выбора цвета



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



    Чек-бокс Прозрачность . При включении чек-бокса изображение под загнутым уголком становится прозрачным. Эта возможность полезна для многослойных изображений, когда требуется, чтобы из-под уголка выглядывала другая фотография.

    Чек-бокс "Прозрачность" активен

    Скрученность (0-100). С помощью этого параметра задается степень скрученности уголка. Чем больше значение параметра, тем сильнее закручивается уголок.



    Конусовидность (0-100). Этот параметр задает форму уголка. При значении параметра от 1 до 49 уголок закручивается в конус (вершина в одной стороне), при значении 50 уголок закручивается в цилиндр, а при значении параметра от 51 до 100 уголок снова начинает закручиваться в конус, но с вершиной в противоположной стороне.



    Линия с маркерами на концах задает местоположение линии загиба уголка. Положение линии задается с помощью маркеров. Для перемещения маркера необходимо подвести к нему курсор мыши, нажать на левую кнопку мыши и перетащить маркер на новое место. Невозможно загнуть больше половины изображения.


    Уголок загнут по вертикали

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

Финальное изображение

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

Возьмите Pollygonal Lasso Tool (Прямолинейное Лассо) и выделите правый нижний угол страницы, как показано на рисунке ниже.

Нажмите Ctrl+J, чтобы создать слой из выделенной области и назовите его ‘Угол’. Чтобы лучше просматривалось, залейте этот слой любым цветом.

Вернитесь к слою ‘Страница’ и, удерживая клавишу Ctrl, нажмите на миниатюру слоя, чтобы создать выделение.

С еще активным выделением вернитесь к слою ‘Угол’. Перейдите в меню Edit > Transform > Warp (Редактирование>Трансформирование>Деформация) и исказите угол, чтобы создать эффект загиба страницы.

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

Теперь переместите указанные контрольные линии как на рисунке ниже.

Результат деформации должен смотреться, как показано ниже.

Перейдите к слою ‘Страница’ и повторите деформацию снова. Убедитесь, что края двух кусочков бумаги делают реалистичным загиб страницы.

Добавим стили для обоих слоев. Давайте начнем со слоя ‘Угол’, добавьте Gradient Overlay (Наложение градиента) и Drop Shadow (Тень), чтобы создать 3D эффект.

Преобразованный угол должен выглядеть так:

Перейдите к слою ‘Страница’ и добавьте Gradient Overlay (Наложение градиента) для создания света и тени на листе бумаги.

С помощью стилей (Gradient Overlay (Наложение градиента), Drop Shadow (Тень)) вы можете изменить свет и тени в соответствии с вашим цветом бумаги, цветом фона, скручиванием угла бумаги и т.д.; чтобы они выглядели более реально, вы может добавить мягкий эффект тени. Скопируйте и слейте два слоя. Назовите получившийся слой ‘Тень’ и добавьте стиль слоя Drop Shadow (Тень). Переместите этот слой назад.

Ниже показан результат реалистичного загнутого уголка страницы, сделанного с нуля в Photoshop.

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

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

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

Шаг 2

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

Шаг 3 Выбираем инструмент .

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

Шаг 5

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

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

Шаг 7

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

Шаг 8

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

Шаг 9

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

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

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

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

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

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

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

Заметили ошибку в тексте - выделите ее и нажмите Ctrl + Enter . Спасибо!

Понравилось? Лайкни нас на Facebook