Загинаємо куточок сторінки в фотошоп
Привіт! сьогодні поговоримо про те, як зробити заворот сторінки на WordPress, таку фішку можна часто зустріти на багатьох блогах, де пропонують відео курси або послуги. Роблять це для того щоб привернути увагу відвідувача, коли людина наводить на відгинається куточок за ним можна заховати якийсь подарунок в обмін на e-mail підписку.
Установка плагіна page peel
1) Завантажити плагін page peel можна за цим.
2) Після чого закачати плагін на сервер в директорію ( wp-content / plugins /).
3) І, звичайно ж, активувати його в адмінці блогу.
налаштовуємовідгинається куточок на сайті
В адмінці блогу заходимо в налаштування плагіна Параметри -\u003ePagePeelOptions. Як бачите, плагін має практично мінімум налаштувань. І багато часу у Вас не займе.
PagePeelsmallimageURL: вказуєте адресу маленької картинки, розміром 75x75px.
PagePeelbigimageURL: І також вказуєте адресу великий картинки розміром в 500x500px.
Після всього зробленого вище натискаєте на кнопку UpdateOptions. І відгинається куточок з'явитися у Вас на блозі.
Дізнаємося адресу картинки
Щоб дізнатися адресу картинки Вам потрібно перейти в Медіафайли -\u003e Додати новий.
Завантажуємо з комп'ютера картинку. І після чого у Вас з'явитися посилання на картинку. Копіюєте адресу, і вставляєте її в те місце, де потрібно було вказати адресу картинки.
Всім дякую за увагу. Удачі вам!!! І до нових зустрічей. Поки що!
У цьому уроці ви дізнаєтеся, як створити реалістичний загнутий куточок сторінки. Вам знадобиться кілька простих технік деформації. Ви зможете створювати загнуті куточки для паперових сторінок, вибирати кут, розмір вигину і градієнт.
фінальне зображення
Почніть з створення простої форми прямокутника, це також може бути і квадрат. Важливо, щоб форма була растеризувати. Назвіть цей шар 'Сторінка'.
Візьміть Pollygonal Lasso Tool (Прямолінійний Лассо) і виділіть правий нижній кут сторінки, як показано на малюнку нижче.
Натисніть Ctrl + J, щоб створити шар з виділеної області і назвіть його 'Кут'. Щоб краще проглядалося, залийте цей шар будь-яким кольором.
Поверніться до шару 'Сторінка' і, утримуючи клавішу Ctrl, натисніть на мініатюру шару, щоб створити виділення.
З ще активним виділенням поверніться до шару 'Кут'. Перейдіть в меню Edit> Transform> Warp (Редагування\u003e трансформування\u003e Деформація) і спотворите кут, щоб створити ефект загину сторінки.
Щоб зробити реалістичний загин, перетягніть контрольні точки, лінії або область всередині сітки, щоб змінити форму обмежувальної рамки і сітки. Щоб допомогти вам з процесом деформації Photoshop додав 12 контрольних точок навколо зображення. Щоб почати деформацію перетягніть праву нижню точку в зазначеному напрямку.
Тепер перемістіть зазначені контрольні лінії як на малюнку нижче.
За допомогою стилів ( Gradient Overlay (Накладення градієнта), Drop Shadow (Тінь)) ви можете змінити світ і тіні відповідно до вашого кольором паперу, кольором фону, скручуванням кута паперу і т.д .; щоб вони виглядали більш реально, ви може додати м'який ефект тіні. Скопіюйте та злийте два шари. Назвіть вийшов шар 'Тінь' і додайте стиль шару Drop Shadow (Тінь). Перемістіть цей шар назад.
Нижче показаний результат реалістичного загнутого куточка сторінки, зробленого з нуля в Photoshop.
Сьогодні буде простий, але корисний урок - навчимосяробити загнутий куточок в фотошопі(Він же ефект перегортання сторінки). Такий ефект часто застосовується в обробці фотографій або картинок для будь-якого веб-проекту, наприклад, для групи ВКонтакте.
Для досягнення ефекту загорнутого куточка, ми використовуємо, про який ми вже детально говорили в рамках підручника по фотошопу. Нагадаю, що цей інструмент доступний в будь-якої версії фотошопа від CS2 до CS6.
Крок 1 Відкриваємо фотографію.
крок 2
Далі потрібно розблокувати фоновий шар (якщо на мініатюрі шару є маленька іконка замочка), для цього двічі клацніть по фоновому шару. на панелі шари два рази клацаємо на замочок. Потім кнопка ОК в діалоговому вікні.
крок 3 Вибираємо інструмент.
крок 4 Виділяємо в кутку область, на якій буде застосований ефект.
крок 5
Потім вибираємо інструмент Градієнт. На виставляємо його чорно-білим. Застосовуємо інструмент до нашого прямокутника, так щоб верхній правий кут був чорним, а нижній лівий світло-сірий. Це і буде наш майбутній загнутий куточок.
крок 6 Зніміть виділення командою Виділення -\u003e Скасувати або просто натиснувши комбінацію Ctr + D.
крок 7
Прийшов час деформації: Редагування -\u003e трансформування -\u003e Деформація. В результаті на зображення буде накладена сітка.
крок 8
Нижній лівий повзунок трансформації потрібно буде почати зміщувати до темної частини градієнта так, щоб чорного кольору не залишилося. Пограйте повзунками так, щоб сторінка загиналася як вам хотілося.
крок 9
Залишилося додати тінь для більше реалістичності. Перейдіть в (двічі клацнувши по шару). У закладці тінь виставите наступні настройки:
Крок 10. Вийшов ось такий загнутий куточок:
Під час трансформації змінюється вид фотографії, що робити?
Говорячи лікарським мовою, при деформації можливі побічні ефекти - спотворення предметів і осіб на фотографії. Вся справа в самому інструменті. Коли ми тягнемо за куточок, ми, як ковдру, тягнемо за собою і все зображення.
У цій ситуації ідеального 100% якості не добитися, але можна зробити ці спотворення менш помітними. Для цього треба постаратися, щоб під час трансформації лінії сітки були прямими. Подивіться на цей приклад:
Якщо ви помітили, що вони не прямі, потрібно, природно, не виходячи з режиму деформації, натиснути мишкою на лінію і потягнути її в потрібну сторону. Тут потрібно буде дивитися по ситуації, і шукати середній баланс між усіма лініями, тому що від цих дій може «повести» інші лінії.
Зверніть увагу на нижній лівий квадрат із загнутим куточком. У цьому квадраті деформація максимальна, тому фрагмент зображення вже ніяк НЕ випрямити.
Помітили помилку в тексті - виділіть її та натисніть Ctrl + Enter. Дякуємо!
Ми спеціально підготували цю сторінку, щоб надати вам коротку інформацію про нашу компанію, нашу продукцію і наші послуги на вашій рідній мові.
Ми сподіваємося, що вся наведена нижче інформація зробить ваше перебування на нашому сайті зручнішим. Повідомте нам, чи була вам корисна ця сторінка. У темі свого листа вкажіть: "AV Bros. Russian page".
Про нас...
Ми розробляємо плагіни (plug-ins) для Adobe Photoshop і сумісних хостів (інші графічні редактори, які підтримують відповідну специфікацію Adobe), скрипти (scripts) для Adobe Photoshop CS-CS4 і окремі програми (standalone applications).
Компанію AV Bros. відрізняють висока якість продукції, швидкість і професіоналізм служби технічної підтримки. Завдяки цьому, Компанія має багато тисяч зареєстрованих користувачів більш ніж в 50 країнах світу.
Наші програмні продукти
AV Bros. Page Curl Pro 2.2
Даний плагін призначений для того, щоб допомогти користувачам графічних редакторів (дизайнерам, художникам, і т. П.) Створювати надзвичайно реалістичний і складний ефект згинання сторінки (в тому числі неодноразового згинання!), В двох варіантах: заворот сторінки (Page Curl) і загинання сторінки (Page Fold). При цьому ми розглядаємо AV Bros. Page Curl Pro 2.2 як багатоцільовий плагін, оскільки використовуваний в ній АБСОЛЮТНО НОВИЙ неперевершений механізм дозволяє не тільки згинати зображення, але також текстурувати його за допомогою рельєфних карт (Bump maps), орієнтувати його в тривимірному просторі (в тому числі з додаванням перспективного спотворення) і повністю контролювати процес освітлення зображення (в тому числі з можливістю відкидання внутрішніх тіней).
Важливо! Mac OS X версія цього плагіна для Adobe Photoshop тепер т.зв. Universal Binary. Що стосується Windows, то для цієї операційної системи, Page Curl Pro 2.2 має як 32-бітну, так і 64-бітну версії.
Плагін AV Bros. Page Curl Pro 2.2 вважається найпотужнішим плагіном для згинання сторінок серед існуючих сьогодні на ринку.
AV Bros. Page Curl 2.0 - плагін (8bf), що представляє собою високоякісний, потужний і зручний фільтр для Adobe Photoshop і сумісних хостів. Є версії даного фільтра для Mac OS X і Windows.
Даний плагін призначений для того, щоб допомогти користувачам графічних редакторів (дизайнерам, художникам, і т. П.) Створювати два (2) види ефектів за допомогою нового удосконаленого механізму: дуже реалістичні ефекти завороту сторінки (Page Curl) і загинання сторінки (Page Fold ).
Плагін AV Bros. Page Curl 2.0 визнаний кращим на ринку для створення ефекту згортаються сторінок.
AV Bros. Puzzle Pro 3.0 - плагін (8bf), що представляє собою дуже потужний і якісний фільтр для Adobe Photoshop і сумісних хостів. Є версії даного фільтра для Mac OS X і Windows.
Даний плагін призначений для того, щоб допомогти користувачам графічних редакторів (дизайнерам, художникам, і т. П.) Створювати "ефект пазла" і дає їм практично абсолютну свободу створення форм пазлів і можливість не тільки розбивати зображення на шматочки, але також зображувати форму " ножа "розрізає зображення на ці шматочки (функція Draw Splitter)! Ми додали безліч нових можливостей в цю версію нашого плагіна для Photoshop і деякі з них є дійсно революційними! З повною упевненістю ми можемо стверджувати, що Puzzle Pro 3.0 є "must-have" інструментом як для професіоналів, так і для любителів!
Важливо! Mac OS X версія цього плагіна для Adobe Photoshop тепер т.зв. Universal Binary. Що стосується Windows, то для цієї операційної системи, Puzzle Pro 3.0 має як 32-бітну, так і 64-бітну версії.
AV Bros. Puzzle Pro визнаний кращим плагіном на ринку для створення "ефекту пазла".
AV Bros. Circumscriber 1.1 являє собою JavaScript утиліту для Adobe Photoshop, і може використовуватися тільки з Adobe Photoshop CS і більш пізніми версіями.
Цей повністю безкоштовний скрипт допоможе вам легко і швидко описати коло (як виділення (Selection)) навколо двох (2) або трьох (3) зазначених точок.
AV Bros. Circumscriber 1.1 заощадить вам багато часу.
AV Bros. Collector 1.0
Цей повністю безкоштовний скрипт допоможе вам легко і швидко об'єднати декілька документів в один багатошаровий документ Adobe Photoshop (кожен документ - в окремому шарі).
AV Bros. Collector 1.0 заощадить вам багато часу.
AV Bros. Draftsman 1.2 являє собою JavaScript утиліту для Adobe Photoshop, і може використовуватися тільки з Adobe Photoshop CS і більш пізніми версіями.
За допомогою цього скрипта ви зможете швидко і легко створити постійну або змінну повторювану лінійну структуру (сітку), що складається з вертикальних і / або горизонтальних ліній. Сітка створюється як виділення (Selection).
AV Bros. Draftsman 1.2 заощадить вам багато часу.
AV Bros. GuideMaster 1.2 являє собою JavaScript утиліту для Adobe Photoshop, і може використовуватися тільки з Adobe Photoshop CS і більш пізніми версіями.
Цей скрипт дозволяє швидко і легко створювати бажану схему розташування напрямних (Guides), тобто розміщувати напрямні у відповідність із заданим вами алгоритмом.
AV Bros. GuideMaster 1.2 заощадить вам багато часу.
AV Bros. Colorist 1.0 являє собою самостійний додаток, що працює тільки під ОС Microsoft Windows.
Ця невелика зручна програма дозволяє вам вибрати колір і отримати для нього значення параметрів RGB, HSB і Hex (WEB-який колір) за допомогою "колірного колеса" (Color Wheel) або великої бібліотеки іменованих кольорів (що містить більше 500 кольорів).
Як завантажити наші програмні продукти