"Never trust a computer that you can't throw out a window." - Steve Wozniak
На основе урока 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%, так пусть и стоит =)
Вот тут советую все слои объединить, потому что вот все вот это вот получившееся надо скопировать =)
Помните про тот белый прямоугольник, который мы сделали вначале и про который впоследствии забыли? Пора сделать его видимым (возможно даже придется его несколько уменьшить, но это уже на ваше усмотрение =)) и настроить следующие параметры:
Получаем:
Копируем раз пять:
"Накрываем" обложкой:
Красотень *__* А как солидно выглядит! Вот именно из-за этой солидности нам нужно нарисовать нормальный корешок, а не какие-то там пружинки, которые предлагались в оригинальном уроке >_< Пора прощаться с уроком Martin'a Šnajdr'a и идти своим путем...
Итак, начнем. Сперва, в низу нашего альбома нарисуем небольшой овальчик
Растеризовать, копировать, перенести к верху альбома! Во как...
Нажатие клавиши 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 переходить не обязательно.)
Пример того, как альбом должен открываться. Только пример, еще работать и работать...
Так, с обложкой разобрались. Теперь страницы. Бум закидывать фотками. Но сперва коперните-ка один из листов, сделанных ранее. Терь возьмем какую-нить фотку
Уменьшаем, поворачиваем, добавляем тени и рамочку -- все как полагается... Параметры тени произвольные. Рамка в зависимости от размера фотки, на глазок ^_^ Но только всегда внутрь.
Получается, что фото просто лежит на листе. Не реалистично! Помните, в старых, еще советских альбомах были такие уголки для фотографий? Их еще приклеивать нужно было.
На уголке фотки нарисуем треугольник. Он должен быть чутку больше уголка фотки. Совсем чуть-чуть
Filter Note Paper
Получаем:
Лепим по всем углам:
Добавляем еще фото:
В итоге получаем.
С датой напутала ^_^"
Бугага, теперь и эту страницу переворачивать будем ^_^ Но тут уже проще пойдет. Тут нам Деформация помогать будет
ТееееееексЪ... Копирнем еще один лист бумаги, перетащим на оборот титульного листа. Можно немножко его отдеформировать, чтобы он выглядел более "живым"
Эту страницу также забрасываем фотографиями и переворачиваем
И вот таким вот макаром мучаем другие страницы. Честно говорю, меня хватило только на две, а так можно хоть весь альбом перелистать...
В ImageReady весь этот гемор собираем, расставляем слои по порядочку, устанавливаем время.
Следует быть внимательным и помнить, что, когда страница переворачивается, видна за ней лежащая. Нужно избегать неожиданного появления фотографий.
Ну вот, когда все готово, можно сохранять и любоваться результатом ^_^
Урок не то, чтобы сложный, но время убивает на раз. У меня лично это заняло около пяти часов
Что должно получиться
дошли таки руки его дописать!
Сперва откроем фотошоп и создадим новый слой 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%, так пусть и стоит =)
Вот тут советую все слои объединить, потому что вот все вот это вот получившееся надо скопировать =)
Помните про тот белый прямоугольник, который мы сделали вначале и про который впоследствии забыли? Пора сделать его видимым (возможно даже придется его несколько уменьшить, но это уже на ваше усмотрение =)) и настроить следующие параметры:
Получаем:
Копируем раз пять:
"Накрываем" обложкой:
Красотень *__* А как солидно выглядит! Вот именно из-за этой солидности нам нужно нарисовать нормальный корешок, а не какие-то там пружинки, которые предлагались в оригинальном уроке >_< Пора прощаться с уроком Martin'a Šnajdr'a и идти своим путем...
Итак, начнем. Сперва, в низу нашего альбома нарисуем небольшой овальчик
Растеризовать, копировать, перенести к верху альбома! Во как...
Нажатие клавиши 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 переходить не обязательно.)
Пример того, как альбом должен открываться. Только пример, еще работать и работать...
Так, с обложкой разобрались. Теперь страницы. Бум закидывать фотками. Но сперва коперните-ка один из листов, сделанных ранее. Терь возьмем какую-нить фотку
Уменьшаем, поворачиваем, добавляем тени и рамочку -- все как полагается... Параметры тени произвольные. Рамка в зависимости от размера фотки, на глазок ^_^ Но только всегда внутрь.
Получается, что фото просто лежит на листе. Не реалистично!
Помните, в старых, еще советских альбомах были такие уголки для фотографий? Их еще приклеивать нужно было. На уголке фотки нарисуем треугольник. Он должен быть чутку больше уголка фотки. Совсем чуть-чуть
Filter Note Paper
Получаем:
Лепим по всем углам:
Добавляем еще фото:
В итоге получаем.
С датой напутала ^_^"
Бугага, теперь и эту страницу переворачивать будем ^_^ Но тут уже проще пойдет. Тут нам Деформация помогать будет
ТееееееексЪ... Копирнем еще один лист бумаги, перетащим на оборот титульного листа. Можно немножко его отдеформировать, чтобы он выглядел более "живым"
Эту страницу также забрасываем фотографиями и переворачиваем
И вот таким вот макаром мучаем другие страницы. Честно говорю, меня хватило только на две, а так можно хоть весь альбом перелистать...
В ImageReady весь этот гемор собираем, расставляем слои по порядочку, устанавливаем время.
Следует быть внимательным и помнить, что, когда страница переворачивается, видна за ней лежащая. Нужно избегать неожиданного появления фотографий.
Ну вот, когда все готово, можно сохранять и любоваться результатом ^_^
@темы: Уроки