PlanetaPhotoshop.ru

На основе урока Martin'a Šnajdr'а
http://psd.tutsplus.com/tutorials/designing-tutorials/create-a-custom-mac-osx-style-ring-binder-address-book-icon/

Все изменения мои

Урок не то, чтобы сложный, но время убивает на раз. У меня лично это заняло около пяти часов

Что должно получиться


Сперва откроем фотошоп и создадим новый слой 1000Х1000


Выберем инструмент "прямоугольник с круглыми краями" (). Справа нарисуем прямоугольник типа квадрата


Растеризуем прямоугольник и повернем на угол


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

Терь возвращаемся к слою с наклоненным прямоугольником. Глумимся над ним с такими настройками:
1.

2.

3.

4.

5.

6.

7.



Результат


Едем дальше. Рисуем накладку: создаем новый слой, берем ручку (P) и рисуем коричневую загогулину с левой стороны обложки. Терь просто зажмем Ctrl+Alt+G и наш слой в обтравочную маску


Ставим следующие параметры слоя:



Получаем


Переходим к имитации кожи. Между обложкой и накладкой создадим еще два новых слоя и сделаем из них обтравочные маски


Берем первую обтравочную маску, заливаем черным цветом, идем в Фильтр > Шум > добавить шум (Filter > Noise > Add Noise). Устанавливаем там 75%, так же смешивание слоев ставим на Overlay, которое в руссификаторе гордо называется Перекрытием, а Непрозрачность, что в английской версии зовется Opacity на 7%. С этой обтравочной маской все, берем вторую. Ее тоже надо залить черным цветом. И опять бредем в Фильтр (Filter); там ищем вот это -- (В русской версии это, кажется, называется почтовая бумага или типа того ^_^"). Не забываем про параметры: Image Balance of 20, Graininess of 15, Relief of 10! И опять устанавливаем Перекрытие, и снова Непрозрачность меняем, теперь она будет 3%


Помните наш премиленькую накладку? Выбираем Move Tool (V), зажимая Ctrl, жмем на нашу накладку и копируем это выделенное безобразие еще двумя слоями-обтравочной маской.

Берем первую копию обтравочной маски, и снова наш путь пролегает в фильтр (Filter Sketch Graphic Pen или же Эскиз Тушь) с параметрами Strok Length -- 15, Light/Dark Balance -- 34.


Этого мало -- кликаем Extract (Ctrl + Alt + X). Скриншота сделать не получилось, так что беру его из оригинального урока В общем закрашиваем зелененьким примерно так же, как показано на рисунке ^_^"

Должно получиться что-то вроде этого:


Непрозрачность на 10%, Смешение Слоев все то же Перекрытие



Кликаем на вторую копию обтравочной маски нашей накладки. Ее мы тоже заливаем черным и опять направляемся в Filter Note Paper. Image Balance - 20, Graininess - 15, Relief - 10


И снова ставим Перекрытие, которое Overlay, но Непрозрачность не трогаем, как стояло 100%, так пусть и стоит


Вот тут советую все слои объединить, потому что вот все вот это вот получившееся надо скопировать


Помните про тот белый прямоугольник, который мы сделали вначале и про который впоследствии забыли? Пора сделать его видимым (возможно даже придется его несколько уменьшить, но это уже на ваше усмотрение =)) и настроить следующие параметры:




Получаем:


Копируем раз пять:


"Накрываем" обложкой:


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

Итак, начнем. Сперва, в низу нашего альбома нарисуем небольшой овальчик


Растеризовать, копировать, перенести к верху альбома.


Нажатие клавиши U вызывает Line Tool. Его-то и нужно использовать для соединения концов овальчиков и их серединки двумя линиями параллельными границе накладки.(размер 3 пикселя)


Соединяем все эти овальчики и линии в один слой, заливаем адекватным цветом:


Берем ластик и аккуратненько подтираем овальчики




И все по кругу! Опять с помощью Move Tool (V) и зажатой Ctrl нажимаем на наш корешок и копируем это выделенное безобразие еще двумя слоями и делаем эти самые слои обтравочными масками (Ctrl + Alt + G)


Берем первую обтравочную маску и заливаем ее черным, далее идем в Фильтр Эскиз Тушь


Затем вызываем Extract (Ctrl + Alt + X) и чуть закрашиваем зелененьким по типу того, как делали это ранее.


Устанавливаем Перекрытие и Непрозрачность 10%

Выбираем вторую копию-обтравочную маску, опять заливаем черным, а потом опять в Фильтр пойдем и выберем там Note Paper (Image Balance - 20, Graininess - 15, Relief - 10), и поставим Умножение, а Непрозрачность 100% оставим.



В низу альбома, между корешками и листами дыра, ее нужно закрасить черным.



Надо дать название получившемуся альбому


1.

2.

3.

4.

5.

6.



Можно украсить обложку

Это была первая часть. А теперь пойдет вторая. Да здравствует анимация! Тут от вас потребуются ловкость, хитрость, внимание и Трансформирование... а точнее Skew.(Наклон). Выберем тот слой, что с титульным листом, и этим самым Skew аккуратненько так, потихоньку, открываем альбом. Главное помнить, что каждый такой разворот -- это новый слой:




Вот теперь надо быть очень внимательным и не запутаться в слоях:

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


Копировать, наклонить


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

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


Так, с обложкой разобрались. Теперь страницы. Бум закидывать фотками. Но сперва коперните-ка один из листов, сделанных ранее. Терь возьмем какую-нить фотку


Уменьшаем, поворачиваем, добавляем тени и рамочку -- все как полагается... Параметры тени произвольные. Рамка в зависимости от размера фотки, на глазок,но только всегда внутрь, примерно 10 пикселей.


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

На уголке фотки нарисуем треугольник. Он должен быть чутку больше уголка фотки. Совсем чуть-чуть



Filter Note Paper







Получаем:


Лепим по всем углам:


Добавляем еще фото:


В итоге получаем.


При помощи деформации перевернем и эту страницу



Копирнем еще один лист бумаги, перетащим на оборот титульного листа. Можно немножко его отдеформировать, чтобы он выглядел более "живым"



Эту страницу также забрасываем фотографиями и переворачиваем



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

В ImageReady весь этот гемор собираем, расставляем слои по порядку, устанавливаем время.

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


Ну вот, когда все готово, можно сохранять и любоваться результатом

А зачем три темы создал?

Хз, как такое получилось О_О Администрация, пожалуйста, удалите лишние ^_^"

{phil}LEMON,
интересный и очень большой урок, здорово