Как сделать эффект загнутого листа

Добавил пользователь Евгений Кузнецов
Обновлено: 19.09.2024

ДЛЯ ПРОСМОТРА САЙТА РЕКОМЕНДУЕТСЯ ИСПОЛЬЗОВАТЬ: Uran - браузер от uCoz на базе проекта Chromium. | Google Chrome | Opera | Firefox

Из них:
Пользователи: 1388
Проверенные: 19
Друзья: 5
Редакторы: 0
Журналисты: 8
В вечном бане : 31
Модераторы: 1
Администраторы: 3

Из них:
Парней 1138
Девушек 317

Сейчас на сайте:


	ПО ЖЕЛАНИЮ, ПОМОЧЬ САЙТУ, ВЫ МОЖЕТЕ ЧЕРЕЗ ПОЖЕРТВОВАНИЕ ЛЮБОЙ СУММЫ.

ВЫ МОЖЕТЕ ВОСПОЛЬЗОВАТЬСЯ

Статьи: Общие [101]	Статьи: Windows Vista [225]	Статьи: Windows 7 [430]
Статьи: Windows 8 [33]	Статьи: Windows 10 [338]	Статьи: Windows 11 [52]
Статьи: Медицина и Здоровье [163]	Статьи: Психология, Семья, Отношения [160]	Статьи: Наука и Искусство [34]
Статьи: Безопасность [12]	Статьи: Офис 2010 [125]	Статьи: Офис 2007 [9]
Статьи: Тестирование железа [4]	Статьи: Exchange Server 2010 [103]	Статьи: Photoshop [76]
Статьи: Corel Draw [2]	Статьи: История и Политика [5]	Статьи: Реестр Windows [1]

Начнем с самого распространенного. Суть его будет состоять в создании формы, которую нам придется грамотно заполнить цветом.
Итак, создайте новое изображение размером 600x600 (File >New),задайте в качестве фона белый цвет. Сделайте активным инструмент Pen. В его настройках установите режим работы Shape Layers, в этом случае созданный нами контур будет сразу же заполняться цветом.

Поставьте одну точку в правом нижнем углу, затем установите вторую и, не отпуская левую кнопку мыши, проведите вверх, чтобы получить изображение как на рисунке

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

Теперь создайте новый слой (Layer >New >Layer) и заполните его черным цветом (D, затем Alt+Backspace).

Снова возвратимся к работе с Pen tool и создадим еще один контур как на рисунке. Как вы наверное догадались, часть над которой мы работаем, и будет служить местом загибания листа

Как и в предыдущем случае: загрузите выделение и удалите данный слой, после чего заполните его черным цветом. Таким образом, у вас будет два слоя: фоновый и слой с заполненными черным цветом выделениями.

Заполните черным цветом все, что сверху созданных нами черных форм. Сделать это довольно просто: сделайте активным инструмент Magic Wand и щелкните в верхней части изображения, так как у нас оно состоит всего из двух цветов, то проблем с выделением не возникнет. Главное чтобы формы проходили от края до края, в противном случае будет выделяться все изображение.

С помощью Polygonal Lasso tool сделайте выделение как на рисунке

Создайте новый слой, расположите его ниже слоя, который мы заполняли черным цветом и заполните его линейным градиентом (белый-серый)

Затем заполните черную часть тем же градиентом, но проведите им в противоположную сторону.

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

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

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

Теперь нужно развернуть изображение горизонтально, для этого выполните команду Edit >Transform >Flip Horizontal). С помощью Lasso tool создайте выделение как на рисунке

Очистите выделенную область нажатием клавиши Delete, затем отмените выделение, дабы оно не мешало нам в дальнейшей работе, и перезагрузите цвета на заданные по умолчанию нажатием D.
Очистите выделенную область нажатием клавиши Delete. Затем нажмите Ctrl+D для снятия выделения.

Пришло время подготовить эллиптическую часть нашего эффекта, для этого сделайте активным инструмент Elliptical Marquee и создайте выделение как на рисунке.

Затем нажмите Ctrl+Shift+I чтобы инвертировать выделение. Снова выберите из палитры инструментов Lasso tool, установите в его настройках режим работы Intersect from selection и создайте выделение как на рисунке, приведенном ниже.

Сделаем новый слой посредством команды Layer >New >Layer и создадим на нем выделение как на рисунке.

Установите белый как цвет переднего плана, в нашем случае достаточно нажатия клавиши X, которая поменяет местами цвета заданный по умолчанию, как вы знаете, цветом переднего плана по умолчанию является черный, а заднего плана - белый. Нажмите Alt+Backspace, чтобы выполнить заполнение выделенной области. Выполните команду Select >Deselect, чтобы снять выделение.

Создайте еще одно эллиптическое выделение с помощью все того же Elliptical Marquee.

Затем с помощью Lasso tool создаем выделение как на рисунке.

Очистите выделенную область посредством команды Edit >Clear она абсолютно идентична нажатию клавиши Delete и опять же отмените выделение посредством клавиатурного сочетания Ctrl+D.

На данный момент активным у вас находиться инструмент Lasso, снова задействуем его для создания очередного выделения. Как вы понимаете, чтобы создать выделение аналогичное нижеприведенному рисунку, необходимо будет воспользоваться Polygonal Lasso.

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

С помощью порядком уже надоевшего Lasso создайте треугольное выделение.

Нажмите Ctrl+C затем, создайте новый слой (Layer >New >Layer) и нажмите Ctrl+V.

Загрузите выделение текущего слоя, щелкнув по нему удерживая Ctrl. Чтобы эффект был фотореалистичен нам потребуется добавить тень в месте сворачивания, поэтому выбираем из панели инструментов Gradient, в его опциях устанавливаем тип Reflected, а сам градиент выбираем Foreground to Transparent, и проводим им по диагонали в области созданного выделения.

И снова отменяем выделение (Ctrl+D).

Осталось дело за малым: отразить горизонтально наше изображение и применить какой-нибудь стиль, чтобы подчеркнуть эффект. Но как вы понимаете если мы просто выполним команду Edit >Transform >Flip Horizontal, то мы зеркально отразим лишь один из слоев, а у нас их три! Поэтому нам нужно соединить их, для этого удерживая shift щелкните по двум другим слоям и нажмите кнопку Link Layers , и только теперь выполните вышеозначенную команду.

И последнее, перейдите к работе с самым верхним слоем (щелкните по нему в палитре Layers) и примените к нему для начала стиль Gradient Overlay (Layer >Layer Style >Gradient Overlay):

Blend.Mode: Normal;
Opacity: 90%;
Gradient: флажок Reverse установлен
Style: Linear (флажок Align with layer установлен)
Angle: -112;
Scale: 65%;
Градиент установите как на рисунке (обратите внимание, что используйте два цвета FFFFFF и 8e9ca5).

В принципе на этом можно закончить, а можно добавить еще один штрих: примените стиль Inner Shadow (Layer >Layer Style >Inner Shadow), никаких значений изменять не надо. И у нас получается вполне красивый эффект загнутого листа.

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

Топорков Сергей

Если на странице вы заметили в посте отсутствие изображений, просьба сообщить , нажав на кнопку.

После прочтения материала " Загибаем лист в Photoshop CS2 ", можно просмотреть форум и поискать темы по данной игре.

html-cсылка на публикацию

BB-cсылка на публикацию

Прямая ссылка на публикацию

Внимание: Все ссылки и не относящиеся к теме комментарии будут удаляться. Для ссылок есть форум.

Автор: Накрошаев Олег. Дата публикации: 21 августа 2012 . Категория: Обработка фотографий в фотошопе.

Фильтр для фотошопа AVPageCurlPro2.1

Загнутый уголок на фото сделать своими силами совсем не трудно. Ссылку на этот урок Вы видите ниже картинки со львом. Но есть очень удобный фильтр для фотошопа AVPageCurlPro2.1 , который позволяет очень быстро и удобно создать не только один, а даже несколько уголков на фото, подобрать их цвет и освещённость и даже придать фотографии 3D эффект. Давайте рассмотрим способ установки этого фильтра в фотошоп и его основные возможности по созданию уголков. Сразу хочу предупредить - у кого установлен 64-битный фотошоп, этот фильтр не удастся установить. Но возможно найдётся умелец, который сможет это сделать и поделится с нами свои методом, мы с удовольствием прочитаем в комментариях как он это сделал.

После скачивания файла, Вы увидите вот такой архив.

После его разархивации, открываем папку и видим три файла. Копируем их.

Заходим в папку по адресу, который Вы видите на картинке ниже. Возможно Ваш путь будет отличаться от моего, но главное найти папку " Фильтры " ( Filters ).

Вставляем скопированные файлы в эту папку.

Запускаем фотошоп. Заходим в " Фильтр - AV Bros. - AV Bros.Page Curl Pro 2.1 ".

Вот так выглядит окно фильтра AVPageCurlPro2.1 (перед запуском фильтра я открыл в фотошопе фото льва). Давайте рассмотрим основные возможности этого фильтра.

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

Если нажать на кнопку " DEFINE " под цветовым прямоугольником " BACK SIDE ", то можно выбрать любой цвет уголка или взять цвет из самого фото (программа сама определяет). Здесь же можно выбрать цвет переднего плана ( Foreground Color ) или заднего плана ( Background Color ).

Если нажать на кнопку " OPTIONS " над надписью " FRONT SIDE " в левом нижнем углу окна фильтра, то можно выбрать любой цвет для фона под уголком. Обязательно поставьте галочку " Real-Time Preview ", которая позволит видеть что происходит с фото и уголком в реальном времени в окне предварительного просмотра фильтра.

Нажимаем на первую из 4-х вертикальных кнопок, расположенных в нижней правой части окна. Появляется вкладка " Bends ", на которой можно добавить ещё один уголок (кнопка " ADD "), сделать копию уже настроенного Вами уголка (кнопка " ADD COPY ") и удалить ненужный уголок ( DELETE ), при условии, что он активен (синего цвета). Чтобы увидеть уголок после его добавления на этой панели, передвиньте маркер на круге в верхней правой части окна.

Нажимаем на вторую из 4-х вертикальных кнопок, расположенных в нижней правой части окна. Появляется вкладка " 3D Transform ", на которой можно придать 3D эффект нашей фотографии.

Нажимаем на третью из 4-х вертикальных кнопок, расположенных в нижней правой части окна. Появляется вкладка " Lighting ", на которой можно настроить затемнение или осветление части уголка.

Нажатие на кнопку " HQ PREVIEW " позволяет делать более качественный показ фото в окне предварительного просмотра фильтра.

Нажимаем на кнопку " QUALITY ", которая позволяет выбрать качество нашей фотографии с уголком (" Hight " - наивысшее качество).

Под кнопкой " QUALITY " расположены три кнопки. " CANCELL " - закрывает окно без применения настроек фильтра. " DEFAULTS " - возвращает настройки фильтра по умолчанию. " RESET " - вернёт Ваши настройки фильтра, которые Вы сделали до применения кнопки " DEFAULTS ".

Нажатие кнопки " EXPORT " позволяет сохранить фото в формате PSD или PNG . И наконец, кнопка " Apply " применяет настройки фильтра к Вашему фото.

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

Если Вам понравился урок, поделитесь ссылкой на него со своими друзьями в своих любимых социальных сетях, кнопки которых Вы видите перед комментариями. Спасибо !

Валерий сумел установить Фильтр для фотошопа AVPageCurlPro2.1 в Photoshop CS6 (64 битная система) . Как он это сделал смотрите ниже на скриншотах:

Пишите в комментариях получилось у Вас установить фильтр или нет.

Посмотрите прекрасную работу Ольги Поляковой, сделанной с помощью данного фильтра:

Вот как установила фильтр Подлегаева Наталья . Отрывок из её письма: "Так сделала я. Может, кому пригодится. По отдельности способы установки, которые описали Валерий и Водомерка, фильтр у меня не установился. Тогда я попробовала их объединить. И у меня всё получилось. Ещё, посмотрите пожалуйста, мой "странный" путь к папке с фотошопом. У меня нет папки (Plug-Ins). А в те, что есть, фильтры не устанавливаются. По Вашему совету, я скачала (Download Master), думала всё дело в закачке. Оказалось, что нет. Диски почистила программой (Ccleaner). Не помогло. Или я изначально неправильно установила фотошоп? Может,что посоветуете? Извините за такие скриншоты. Я по другому их делать не умею. Надеюсь,что Вы всё поймете".

Если Вы не хотите пропустить интересные уроки по обработке фотографий - подпишитесь на рассылку.

Форма для подписки находится ниже.

Бесплатные уроки CSS для начинающих

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

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

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

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

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

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

Ну а я с вами на сегодня прощаюсь. Надеюсь, что моя статья была интересна для вас. И если это так, то не забудьте подписаться на обновления моего блога, а также поделиться с друзьями в социальных сетях. Жду вас снова. Удачи вам и пока-пока!

Читайте также:

Как сделать эффект загнутого листа

Комментарии

Бесплатные уроки CSS для начинающих

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