Рисуем альбом с фотографиями (урок очень долгий и муторный)

Уроки по анимации

Модераторы: Globator, Сильфида, Любовь, NEWESTA

Правила форума
Уроки Photoshop по анимации - раздел предназначен для публикации своих и переводных уроков по анимации.
1. Публикация уроков с русскоязычных ресурсов не разрешается.
2. Если публикуете перевод урока с англоязычного сайта, то не забывайте указывать автора и ссылку на первоисточник.
3. Для собственных уроков - подписывайте ник или имя.
4. Внимание: для вопросов, связанных с Adobe Photoshop, есть раздел Вопросы по работе в Adobe Photoshop.
5. Бессмысленные комментарии к урокам типа: "круто", "супер" и т.п., а также комментарии содержащие одни смайлы - будут удаляться без предупреждения.
6. Запрещено размещение материалов без указания авторов и ссылки на первоисточник, а также размещение ссылок на скачивание таких материалов на depositfiles.com, rapidshare.com, letitbit.com и т.д.
7. Пользователям запрещено создавать дополнительные аккаунты. Создание нескольких аккаунтов наказывается баном этих аккаунтов.
Аватара пользователя
{phil}LEMON
Сообщения: 27
Зарегистрирован: Пт ноя 27, 2009 2:09 am
Antispam: Да

Рисуем альбом с фотографиями (урок очень долгий и муторный)

Сообщение {phil}LEMON » Вс фев 07, 2010 1:05 pm

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

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

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

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

Изображение

Сперва откроем фотошоп и создадим новый слой 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.Изображение

Изображение

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

Аватара пользователя
{phil}LEMON
Сообщения: 27
Зарегистрирован: Пт ноя 27, 2009 2:09 am
Antispam: Да

Re: Рисуем альбом с фотографиями (урок очень долгий и муторный)

Сообщение {phil}LEMON » Вс фев 07, 2010 1:05 pm

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

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

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

Копировать, наклонить
Изображение

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

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

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

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

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

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

Filter Note Paper
Изображение

Изображение
Изображение
Изображение
Изображение

Получаем:
Изображение

Лепим по всем углам:
Изображение

Добавляем еще фото:
Изображение

В итоге получаем.
Изображение

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

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

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

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

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

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

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

Аватара пользователя
S_a_n_hes
Сообщения: 6049
Зарегистрирован: Чт авг 27, 2009 8:07 pm
Пол: Мужской
Antispam: Нет

Re: Рисуем альбом с фотографиями (урок очень долгий и муторный)

Сообщение S_a_n_hes » Вс фев 07, 2010 1:29 pm

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

Аватара пользователя
{phil}LEMON
Сообщения: 27
Зарегистрирован: Пт ноя 27, 2009 2:09 am
Antispam: Да

Re: Рисуем альбом с фотографиями (урок очень долгий и муторный)

Сообщение {phil}LEMON » Вс фев 07, 2010 2:25 pm

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

Аватара пользователя
Globator
Админ
Сообщения: 3469
Зарегистрирован: Пн янв 01, 2007 10:57 pm
Пол: Мужской
Откуда: Планета Photoshop
Контактная информация:

Re: Рисуем альбом с фотографиями (урок очень долгий и муторный)

Сообщение Globator » Вс фев 07, 2010 4:41 pm

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

pantera1
Сообщения: 12
Зарегистрирован: Пн янв 24, 2011 1:40 am
Antispam: Да

Re: Рисуем альбом с фотографиями (урок очень долгий и муторн

Сообщение pantera1 » Пн янв 24, 2011 1:47 am

урок, конечно, долгий, но потрясающий! респект автору топика! Мне очень пригодиться! Буду пробовать


Вернуться в «Анимация»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость