Фотография в стиле глянцевых журналов

Этот пример будет интересен подавляющему большинству читателей. В нем мы проиллюстрируем (правда, на немного упрощенном уровне) одну из профессиональных техник, которой пользуются специалисты для подготовки фотографий моделей для печати. Подобной техникой пользуются большинство глянцевых журналов, особенно тех, которые относят к «мужским» (в частности, Playboy ). Познакомившись с этим примером, вы поймете, насколько обязаны журнальные красотки программе Photoshop .

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

Продублируйте изображение на новый слой, перетащив в палитре Layers (Слои) его на значок в виде белого листа бумаги. Дальше мы будем работать именно с копией.

Запустите инструмент Eraser (Ластик) и, пользуясь кистями разных размеров, но с мягкими краями, затрите все, кроме кожи.  

Если предыдущий шаг пройден успешно, избавимся от неровностей кожи. Для этого в жизни есть тональный крем, а в Photoshop его отлично заменит фильтр Median : Filter - Noise - Median (Фильтр - Шум - Усреднение) с настройками Warning filter(85) и  Density58%

Затем придадим коже загорелый вид. Для этого есть несколько подходящих инструментов, но автор остановился на нововведении Photoshop CS — Photo Filter : Image - Adjustments - Photo Filter (Изображение - Настройка - Фотофильтр). Затем сведите слои ( Ctrl + E ).  

На этом основная часть работы выполнена. Дальше следует исправить мелкие недостатки, опираясь на собственный вкус. Вот только основные рекомендации.

•  Добавить контурности лицу можно инструментом Burn (Прожиг) с очень большой кистью.

•  Убрать неровности лица лучше всего сочетанием инструментов Blur (Размытие) и Smudge (Палец).

•  Неточность использования ластика в начале работы будет исправлена инструментом Stamp (Штамп).  

Наше итоговое изображение показано на рисунке. Впечатляет, не правда ли? Только необходимо учесть, что алгоритм является лишь НАПРАВЛЕНИЕМ как это делается, а идти по этой дороге и пробовать новые решения именно Вам, пробуйте... Специалисты по подготовке иллюстраций в журналах пользуются не только этим способом, способов по "доводке" изображений достаточно много, но если после прочтения этих строк Вы вооружитесь увеличительным стеклом или лупой, и внимательно рассмотрите любую "глянцевую" иллюстрацию, то сможете кое что заметить и использовать для себя... :).. Особенно внимательно всмотритесь в лица людей, на тех местах где могут быть и должны быть по сути морщинки, их нет... НО они есть.. всмотритесь!

P.S. от себя добавлю: эффект просто потрясяющий:)

просто так, для справки



 

Пирог под кодовым названием "Нечто"



 

И этому нечто нет пока имени. Решила вечерком слепить пирог творожный на скорую руку, чтоб значицца было завтра утром с чем чайку попить моему семейству. Раньше,  еще до исторического материализма,  пекла часто,  но вот за долгие годы рецептура подзабылась. Сделала как грицца "на глаз"...

Рецепт тут>>>

 

Рецепт добавлен в КАТАЛОГ Вкусно_Быстро_Недоро

Что бы было понятнее я уберу стили и тогда получится

У первого дива в стиле прописан фоновый рисунок background: url( 'http://.....').

Вместо моего //img1.liveinternet.ru/images/attach/c/1//45/862/45862443_ramka34.jpg Вы прописываете адрес своего рисунка.

Ширина width и высота height первого дива точно такая же как и высота и ширина фонового рисунка

Для каждого участка где будет размещаться текст создадим отдельный див. Для ТЕКСТ1 это второй див, для ТЕКС2 - третий.

Ширина и высота этох дивов такая как ширина и высота поля для вывода. В моем случае ширина width: 200px, высота height: 250px;

Все что осталось это вывести эти дивы в нужном месте. Для этого для каждого дива указываем отступ сверху margin-top и отступ слева margin-left

Вот собстевнно говоря и все :)))

Для наглядности я в дивах, в которых выводится текст, прописал в стиле border: solid 1px #f00000
( для другого дива цвет #0000f0 )

Вот что получилось

Сделать рамку такого вида? Нет ничего проще!

Весь год, не соврав никому ни на грошь, Мы ждем, как небесную манну, Тот день, когда можно удариться в ложь, Невинно придаться обману! Набрав арсенал завиральный идей, С кощунственным трепетом в теле Мы ловим доверчивых честных людей, Забывших о первоапреле. И мы их находим, смиренных ягнят, Простецки развесивших уши. И стрелы обмана со свистом летят В их светлые, чистые души. Но первоапрельский веселый обман - Сердечная наша потеха. И стрелы не кровь высекают из ран, А добрые искорки смеха. О, как же он весел и как же хорош, Пришедший на смену метелям, Тот праздник, во смех превращающий ложь! Сограждане, с первым апреля!

Возьмем 3 рисунка

Первый рисунок будет использован для рамки, второй - фон текста и третий просто рисунок :)

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

Вот ссылки на наши рисунки.

Все что осталось что бы получить код рамки это зайти на http://vln.dp.ua/cart.php и заполнить все поля формы

Если картинка в рамке не нужна то оставьте поле не заполненым и получите код рамки с текстом

Жмем на "получить код" и получаем код для вставки в дневник

Важно! Не забываем убирать галочку с "Сохранять переводы строк в тексте." в редакторе поста

Разместим текст в две колонки. Что бы было веселее читать пост я позаимствовал стишок http://kievforum.org/showthread.php?t=1183. ( не рекламы ради, а гуглю спасибо :))) )

Познакомились мы в чате
Ты представилася Катей
Оказалось - ты Иван...
ах, какой ты хулиган

Все сайты умерли, осталось только ICQ,
И лишь ReGet качает тихо мне игру,
И звук "ха-ха" писклявым тихим тоном,
С забытья голову мою срывает стоном...

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

Что из страны не грез, не сновидений,
Нас вырвет, прекратя весь круг сомнений,
И встретиться возможно станет наяву,
Мерцает монитор, я всё же сплю...

Нас двое лишь на эту Сеть,
И мы не верим в нашу смерть...

Это можно было бы сделать таблицей, но есть вариант проще - использовать div.
Попробуем разместить каждый стих в своем диве

В примере кода я не указал что бы было проще читать код, а при выводе добавлю рамку к каждому диву

Вот что получится

Познакомились мы в чате
Ты представилася Катей
Оказалось - ты Иван...
ах, какой ты хулиган

Все сайты умерли, осталось только ICQ,
И лишь ReGet качает тихо мне игру,
И звук "ха-ха" писклявым тихим тоном,
С забытья голову мою срывает стоном...

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

Что из страны не грез, не сновидений,
Нас вырвет, прекратя весь круг сомнений,
И встретиться возможно станет наяву,
Мерцает монитор, я всё же сплю...

Нас двое лишь на эту Сеть,
И мы не верим в нашу смерть...

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

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

Вот теперь мы получили 2 колонки

Познакомились мы в чате
Ты представилася Катей
Оказалось - ты Иван...
ах, какой ты хулиган

Все сайты умерли, осталось только ICQ,
И лишь ReGet качает тихо мне игру,
И звук "ха-ха" писклявым тихим тоном,
С забытья голову мою срывает стоном...

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

Что из страны не грез, не сновидений,
Нас вырвет, прекратя весь круг сомнений,
И встретиться возможно станет наяву,
Мерцает монитор, я всё же сплю...

Нас двое лишь на эту Сеть,
И мы не верим в нашу смерть...

Что дальше делать с колонками зависит только от Вашей фантазии :). Можно добавить фоновый рисунок прописав в стиле background: url('ссылка на фоновый рисунок'), выравнивание в каждой колонке можно делать любым прописав в стиле каждого дива text-align: left, center, right

Пример кода колонок, размещенных в начале поста

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

Что бы разместить колонки по центру нужно добавить <center> и еще один общий див с шириной равной суммарной ширине колонок со всеми отступами и бордерами

Должно получиться вот так

Все иллюстрации увеличиваются (кликом по превью), около 3000 пкс по большей стороне.

Дальше > > >