Вернуться   Foxter.ru > Графика > Растровая графика > Уроки

Ответ
 
Опции темы Опции просмотра
Старый 06.12.2005, 20:36   #4510  
Девушка-лето
 
Аватар для klepka
 
Репутация: 647473Репутация: 647473Репутация: 647473Репутация: 647473Репутация: 647473Репутация: 647473Репутация: 647473Репутация: 647473Репутация: 647473Репутация: 647473Репутация: 647473
Регистрация: 25.10.2005
Сообщения: 2,355
По умолчанию Уроки Photoshop: Газетный лист

Сам урок довольно подробно разобран на этой страничке:

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


Для начала создайте новое RGB-изображение. Скажем размеры 400х400 пикселей.

Если вы когда-нибудь видели настоящую английскую газету, вы должны были заметить, что на самом деле она не черно-белая - газетная бумага имеет теплый оттенок. А поскольку мы хотим, чтобы было похоже, установим цвет краски как RGB (237,224,221) и фона - RGB (42,29,26).


Создайте новый слой и назовите его "Paper". Используйте инструмент выделения, чтобы выделить квадрат (или прямоугольник, это не имеет значения) немного меньше, чем наш документ. 310-325 пиксел на каждую сторону будет нормально. Залейте его нашей краской, а потом уберите выделение (Ctrl+D).



Напечатайте статью цветом фона. Times и Times New Roman - хорошие газетные шрифты. Некоторые заголовки британских газет набираются шрифтом Old English. Используйте те шрифты, которые вам кажутся более подходящими. Создайте новый слой для создания разделителей статей (линеек). Их можно нарисовать, используя иструмент рисования линий с шириной 1 пиксель и цвет фона. Размещайте статью и рисунки так, чтобы они выходили за правую и нижнюю границу газеты.



Помните, я говорилa, что цвета нашей газеты не черно-белые, а имеют розоватый оттенок? Это относится и к фотографиям. Поэтому нам нужно их подредактировать. Откройте фотографию в новом окне. Конвертируйте изображение в "grayscale" (оттенки серого), и потом снова верните в RGB. Создайте новый слой и заполните его цветом краски. Выделите все, уменьшите выделение на 1 пиксель и нажмите Delete. Мы получим черные (или, я бы сказал, теплые черные) границы вокруг картинки. Склейте слои и скопируйте в новый слой нашей газеты.



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

Обычно на этом этапе я склеиваю текст, изображение и линейки в один слой. Однако, если вы следуете этому уроку и вдруг понимаете, что неправильно написали адрес своей веб-страницы, будет много слез. Поверьте мне, я знаю это на собственном опыте. Поэтому лучше делайте копии слоев или файла перед тем, как склеивать.
Ну а теперь - склеиваем слои и переименовываем получившийся слой в "Front Page".



Если вы внимательно посмотрите на мою газету, то заметите текст и картинки на обратной стороне. Это придаст вашей газете реалистичность. Скройте слой "Front Page", а потом повторите все сначала, но теперь текст, заголовок и картинка должны быть другими. Единственная разница должна состоять в том, что граница картинки и текста должна быть справа, а не слева. Можно было бы просто дублировать слой "Front Page" и отразить его по горизонтали, но тогда газета будет выглядеть недостаточно реалистично.



Текст может быть нечитаемым, но заголовок и изображение должны быть настоящими.



Ну вот, мы создали обратную сторону, теперь можно склеить слои и назвать получившийся слой "Back Page". Щелкните по этому слою и переверните его по горизонтали (Edit > Transform > Flip Horizontal) и выставьте непрозрачность на 10%. Теперь сделайте слой "Front Page" видимым и двигайте слой "Back Page" так, чтобы границы текста на обоих слоях совместились.

__________________
Да главное, что человек он хороший! Какая разница, какого цвета у него Бентли...
klepka вне форума   Ответить с цитированием
Старый 06.12.2005, 20:51   #4513  
Он иногда здесь!!.
 
Аватар для Foxter
 
Репутация: 711422Репутация: 711422Репутация: 711422Репутация: 711422Репутация: 711422Репутация: 711422Репутация: 711422Репутация: 711422Репутация: 711422Репутация: 711422Репутация: 711422
Регистрация: 17.10.2005
Адрес: Moscow
Сообщения: 1,518
По умолчанию

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

Переключитесь на слой с газетой и используйте инструмент "лассо", чтобы нарисовать зубчатую линию справа и снизу изображения. Затем перейдите к левой части вырежите дырки в поле. Затем переместите инструмент к краю картинки, как можно ближе к точке, откуда вы начали выделение. Все это нужно сделать за один сеанс выделения. Теперь переключитесь на быстрое выделение ("quick mask").

Этот шаг придаст нашему рваному краю реалистичный вид. Выполните Filter->Pixelate->Cristalize со значением "3". Если я объяснил все это недостаточно понятно - посмотрите на картинку ниже.



Инвертируйте выделение, затем переключитесь к нормальному режиму выделения и нажмите Delete. Удалите это выделение не только в слое "Front Page", но и в "Back Page". Если вы также осторожны, как я (ну, скажем, как я в Фотошопе), вы можете сохранить выделение прежде чем убирать его.

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

Diameter: 20
Hardness: 90%
Spacing: 75%
Angle: 90°
Roundness: 28%



Выберите инструмент "резинка" (тот, который похож на кирпичик), и, удерживая Shift кликните и тащите кисть горизонтально вдоль верхнего края картинки. Должно получиться примерно так:



Если все получается как надо, продолжайте, а если что-то не так, попробуйте поменять настройки кисти.

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

Чтобы придать нашей картинке реалистичную глубину, нужно добавить тень. Тем из вас, кто любит делать тень, используя эффекты слоя, придется пользоваться старомодным методом, если вы хотите еще сделать загиб страницы. Создайте новый слой под названием "Shadow" и заполнить его (fill) черным цветом (на этот раз совершенно черным). Выделите слой с газетой (Ctrl+клик на слое "Paper"), щелкните на слое "Shadow" и нажмите Delete. Затем выполните Gaussian blur со значением 3. Не сдвигайте пока тень, сначала создадим эффект загиба страницы.

Я делаю копию файла на этом этапе, так как сейчас нам нужно будет склеить слои. Склейте все, кроме слоя "Shadow" и фона, если он у вас есть.

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

Я очень растерялся, когда стал думать, как можно реализовать загиб страницы. И единственный приемлемый путь, который я в итоге нашел - использовать возможности displacement map. Но для начала нужно создать эту самую карту. Для этого создайте новое изображение размером 400х400 (такое же по размеру, как первое). Измените цвет краски и фона обратно к стандартным, черному и белому, без всяких оттенков.



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



Теперь выберите "Gradient editor" (нажмите "edit" на панели инструментов или, если у вас версия 6+, два раза кликните на градиенте). Установите точку смещения на 80%.



Наведите курсор на точку, находящуюся несколько ниже верхнего левого угла изображения, щелкните и тяните вниз наискосок далеко за пределы нижней границы. Нам понадобится изменить контрастность карты (Ctrl+L), чтобы получить именно тот эффект, который необходим. Нажмите кнопку "auto", чтобы контрастность стала максимальной. Затем установите Output levels на 128 и 255, чтобы изображение завернулось в одном направлении, а затем измените mid-levels так, чтобы получился хороший жесткий блок 50% серого в верхнем левом углу, который должен завернуться. Я установил mid-levels на .37



Теперь давайте размоем все это. Выполните размывание по Гауссу (Gaussian blur) со значениями 8, 4, 2 и 1, поочередно. Это должно немного скруглить загиб, так, чтобы убрать артефакты.

Примечание: Иногда у меня не сразу получается то, что надо. Мне нравится, когда получается хорошая 50% серая область в левом верхнем углу, чтобы остаток страницы не загибался. Если мой градиент не имеет такой области, приходится заливать заново.

Ну наконец, все получается как надо, выделите все и скопируйте. Затем сохраните картинку как dismap.psd. Вот что неприятно в использовании displacement map, так это то, что приходится использовать внешний файл, я бы предпочел, чтобы можно было использовать каналы изображения, чтобы не приходилось производить весь этот обмен файлами, ну да ладно... Вернемся к файлу с газетой и вставим карту из буфера в новый слой. Он нам потом пригодится, но пока скроем его.

Выбираем Filter > Distort > Displace..., а там выбираем dismap.psd. Устанавливаем для Horizontal Scale и Vertical scale одинаковые значения, а сами значения могут быть любыми. На мой взгляд с 50% работает хорошо, но вы можете выбрать значение чуть больше или чуть меньше.



Выбираем слой "Shadow". Используем фильтр Displacement с теми же или меньшими значениями, чем те, что мы использовали на газете, но добавьте еще минус перед значением. Я использовал -25%.

Ну вот, тень готова, но она должна смягчаться по мере отдаления от газеты. Если у вас еще сохранился наш градиент в буфере, вам везет, если же нет, придется вернуться в файл dismap.psd и достать его отткуда. Вставьте градиент в новый канал файла с газетой. Выполните Image -> Adjust -> Auto Levels на канале, чтобы увеличить контрастность (Shift+Ctrl+L). Теперь выделите этот канал.



Вернемся к палитре слоев и сделаем активным слой с тенью. Снова размываем. Выполните Gaussian blur со значениями - последовательно 8, 4, 2 и 1. Уберите выделение и выполните на весь слой тени Gaussian blur со значением 5.

Выделите все (Ctrl+A) и сдвиньте тень на 3 пикселя вниз и на 3 пикселя направо.

Помните слой с градиентом? Теперь мы его используем, чтобы придать странице реалистичный вид загнутой, а не просто деформированной. Выделите слой с газетой и удалите выделенное со слоя с градиентом. Теперь установите параметр наложения слоя с градиентом на "Overlay".

Если хотите, можете слегка повернуть слой с газетой и тенью. Для этого склейте все слои кроме фона и выполните Edit -> Transform -> Rotate. Это будет завершающий штрих.
Foxter вне форума   Ответить с цитированием
Старый 06.12.2005, 20:54   #4515  
Девушка-лето
 
Аватар для klepka
 
Репутация: 647473Репутация: 647473Репутация: 647473Репутация: 647473Репутация: 647473Репутация: 647473Репутация: 647473Репутация: 647473Репутация: 647473Репутация: 647473Репутация: 647473
Регистрация: 25.10.2005
Сообщения: 2,355
По умолчанию

Foxter, пасиб за редакцию...
__________________
Да главное, что человек он хороший! Какая разница, какого цвета у него Бентли...
klepka вне форума   Ответить с цитированием
Старый 08.12.2005, 09:04   #4648  
Лис 2006
 
Аватар для Antony
 
Репутация: 24661Репутация: 24661Репутация: 24661Репутация: 24661Репутация: 24661Репутация: 24661Репутация: 24661Репутация: 24661Репутация: 24661Репутация: 24661Репутация: 24661
Регистрация: 15.11.2005
Адрес: Омск
Сообщения: 310
По умолчанию

Цитата:
Сообщение от klepka
Обычно на этом этапе я склеиваю текст, изображение и линейки в один слой. Однако, если вы следуете этому уроку и вдруг понимаете, что неправильно написали адрес своей веб-страницы, будет много слез. Поверьте мне, я знаю это на собственном опыте.
Ну вот.. и я облажался.. но исправлять лень.. кто первый найдет косяк - тот молодец!

Вот чем закончился мой эксперимент:



PS: не судите очень строго - мне так хотелось спать... как никак третий час ночи.. поъем в семь... и так каждый день
__________________

Если ты не встанешь на сноуборд этой зимой, то следующей ты станешь на год старше!
Зато если ты встанешь на сноуборд этой зимой, то можешь и не стать на год старше!..
PS: Без бордА мне жизнь горькА...
Antony вне форума   Ответить с цитированием
Старый 08.12.2005, 19:03   #4695  
Девушка-лето
 
Аватар для klepka
 
Репутация: 647473Репутация: 647473Репутация: 647473Репутация: 647473Репутация: 647473Репутация: 647473Репутация: 647473Репутация: 647473Репутация: 647473Репутация: 647473Репутация: 647473
Регистрация: 25.10.2005
Сообщения: 2,355
По умолчанию

Antony, у тебя все ж лучше получилось... а почему число 8?!
__________________
Да главное, что человек он хороший! Какая разница, какого цвета у него Бентли...
klepka вне форума   Ответить с цитированием
Старый 08.12.2005, 23:51   #4716  
Он иногда здесь!!.
 
Аватар для Foxter
 
Репутация: 711422Репутация: 711422Репутация: 711422Репутация: 711422Репутация: 711422Репутация: 711422Репутация: 711422Репутация: 711422Репутация: 711422Репутация: 711422Репутация: 711422
Регистрация: 17.10.2005
Адрес: Moscow
Сообщения: 1,518
По умолчанию

Согласен! Классно вышло!!! Зря ты думаешь что облажался....
Foxter вне форума   Ответить с цитированием
Старый 09.12.2005, 19:41   #4767  
Лис 2006
 
Аватар для Antony
 
Репутация: 24661Репутация: 24661Репутация: 24661Репутация: 24661Репутация: 24661Репутация: 24661Репутация: 24661Репутация: 24661Репутация: 24661Репутация: 24661Репутация: 24661
Регистрация: 15.11.2005
Адрес: Омск
Сообщения: 310
По умолчанию

Цитата:
Сообщение от klepka
а почему число 8?!
Дык 8-го рисовал... типа в этот день этот номер газеты и был создан..

Цитата:
Сообщение от Foxter
Зря ты думаешь что облажался....
Облажался я в тексте (написал "на фото справа", а само оно слева.. есессно в глаза не бросается.. только если всерьез читать...). Т.е. как и говорила klepka: а текст объединил...
А по поводу самой картинки, в принципе, доволен. Тень говеная получилась. У газеты ее вообще быть не должно, ибо тонккая она (там где она плотно лежит на столе)... Но без тени как-то тоже коряво смотрелось..

А в целом доволен. Спасибо за лестные отзывы.
__________________

Если ты не встанешь на сноуборд этой зимой, то следующей ты станешь на год старше!
Зато если ты встанешь на сноуборд этой зимой, то можешь и не стать на год старше!..
PS: Без бордА мне жизнь горькА...

Последний раз редактировалось Antony, 09.12.2005 в 19:45.
Antony вне форума   Ответить с цитированием
Ответ


Здесь присутствуют: 1 (пользователей - 0 , гостей - 1)
 

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

BB-коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.
Быстрый переход



Powered by vBulletin
Copyright ©2000-2024, Jelsoft Enterprises Ltd.
[Foxter Skin] developed by: Foxter.ru