Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Развернутый буклет, фотошоп на пальцах :) 
:(
    Опции темы
Caramel
Дата 7.3.2007, 12:28 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
****


Профиль
Группа: Завсегдатай
Сообщений: 4190
Регистрация: 7.8.2004
Где: Дюссельдорф

Репутация: 37
Всего: 142




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

Вектор (использовался флеш 8)

Создаем основу нашей книги - это будет простой прямоугольник поделенный пополам (страницы).
Под ним отдельным слоем создаем такой же прямоугольник, но разделенный на четыре части и больше по высоте. Он должен высовываться из под нижнего.

Делаем страницы.
Эффект выгнутости на страницах возникает благодаря градиентным заливкам. 

user posted image

Заливки разные для разных страниц т.к. свет падает у нас слева на право и немного сверху. Получается, что левая страница идет от светлого к темному (там где она поднимается над обложкой) и вниз, но у самого корешка бледнеет. Это происходи потому, что страница изгибается и на нее падает отсвет от освещенной части второго листа - рефлекс так называемый.


Тень под страницами

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

user posted image

в частности во флеше есть такой замечательный инструмент для управления градиентами заливками. По порядку:
1) Заливаем нижний левый квадрат.
2) Сплющиваем его и уменьшаем (так что бы по широкой стороне он был не шире самой страницы)
3) Размещаем в пределах квадрата так, что бы большая часть градиента пряталась под нашей странице.
4) Повторяем для всех страниц сверху и снизу. Обратите внимание, что сверху градиент вылазит чуть-чуть. Если бы книга лежала на столе, то большую часть тени она бы сама загораживала.

Удаляем ненужные теперь рамки. Вот что получилось:
user posted image

Растр (фотошоп)
Технология примерно такая же. Разница в том, что здесь нам не нужен нижний прямоугольник для теней.

Основа

Создаем прямоугольник для страниц, заливаем одним цветом. Потом выделяем ровно половину.

user posted image


Страница
Повторяем те же заливки, что и в векторе для страниц.
Здесь надо немного подогнать заливки, что бы они хорошо легли.

user posted image

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

user posted image

Теперь нажимаем ctrl+t - вокруг заливки появляются маркеры которые позволяют сжимать ее, менять размер. сжимаем тень, уменьшаем до ширины страницы и прячем под слой с листами.
Копируем и раскладываем под всеми страницами. Вот что должно получиться:

user posted image

Вот и все. Мне кажется довольно просто. Главное не забывайте о деталях. Очень важно правильно сделать градиент на страницах книги иначе объем не получится. Запутались? Положите на стол настоящую книгу и посмотрите как падает тень там.
Если вы что-то копируете, помните, что самое главное помнить о деталях. Маленький блик может сыграть большую роль не смотря на свой размер, как и правильный цвет-размер тени.

PM MAIL WWW Skype   Вверх
Quadr0
Дата 7.3.2007, 17:48 (ссылка)    |    (голосов: 0) Загрузка ... Загрузка ... Быстрая цитата Цитата


Unregistered











...

Это сообщение отредактировал(а) Quadr0 - 15.7.2011, 13:49
  Вверх
GZep
Дата 7.3.2007, 17:56 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


участник Винграда
***


Профиль
Группа: Завсегдатай
Сообщений: 1528
Регистрация: 7.7.2006
Где: Москва

Репутация: нет
Всего: 32



Quadr0, а можно без матерного слова на пол монитора?


--------------------
user posted imageuser posted image
PM MAIL WWW ICQ Skype GTalk   Вверх
Caramel
Дата 7.3.2007, 20:55 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Эксперт
****


Профиль
Группа: Завсегдатай
Сообщений: 4190
Регистрация: 7.8.2004
Где: Дюссельдорф

Репутация: 37
Всего: 142



Quadr0, все возможно и вариации на тему - тоже. Задача показать как это реализовывать в принципе, а уж под конкретную задачу, думаю, подгонят сами smile

Да, и матерное слово, правда, убери пожалуйста? smile






PM MAIL WWW Skype   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
December DezmASter
z-END Caramel
  • Старайтесь изложить проблему как можно ясней.
    Как показывает статистика, на один понятный вопрос приходится три правильных ответа.

  • Лучше один раз увидеть, чем сто раз услышать.
    Прикрепляйте к сообщению иллюстрации. Если не знаете как это сделать посмотрите здесь: "Как вставлять картинки?"

  • Как вы спросите - так вам и ответят. Будьте вежливы.

и последнее: форум фотошоп предназначен для того, чтобы учиться. Топики с просьбами "сделайте мне" будут удаляться в раздел

работа


Если Вам понравилась атмосфера форума, заходите к нам чаще! С уважением, December, DezmASter, z-END, Caramel.

 
1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Photoshop, Illustrator, Corel и т.п. | Следующая тема »


 




[ Время генерации скрипта: 0.0701 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.