Да, и матерное слово, правда, убери пожалуйста?
| Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате |
| Форум программистов > Photoshop, Illustrator, Corel и т.п. > Развернутый буклет |
| Автор: Caramel 7.3.2007, 12:28 |
Итак, попробуем сделать развернутую книжку. Так получилось, что урок этот у меня в двух вариантах: для вектора и для растра. Вектор (использовался флеш 8) Создаем основу нашей книги - это будет простой прямоугольник поделенный пополам (страницы). Под ним отдельным слоем создаем такой же прямоугольник, но разделенный на четыре части и больше по высоте. Он должен высовываться из под нижнего. Делаем страницы. Эффект выгнутости на страницах возникает благодаря градиентным заливкам. http://img221.imageshack.us/my.php?image=book0cj1.jpg Заливки разные для разных страниц т.к. свет падает у нас слева на право и немного сверху. Получается, что левая страница идет от светлого к темному (там где она поднимается над обложкой) и вниз, но у самого корешка бледнеет. Это происходи потому, что страница изгибается и на нее падает отсвет от освещенной части второго листа - рефлекс так называемый. Тень под страницами Теперь, когда листочки у нас похожи сами на себя вспомним, что раз книга лежит на столе, то под ней тоже должна образовываться тень. Вот как раз для нее мы и создали нижний прямоугольник. Итак, делаем круговой градиент. Внимание, мы выбираем градиент, который сходит на полную прозрачность в конце. Эта прозрачность у нас должна быть снаружи, а темная сердцевинка внутри. http://img248.imageshack.us/my.php?image=book1ah2.jpg в частности во флеше есть такой замечательный инструмент для управления градиентами заливками. По порядку: 1) Заливаем нижний левый квадрат. 2) Сплющиваем его и уменьшаем (так что бы по широкой стороне он был не шире самой страницы) 3) Размещаем в пределах квадрата так, что бы большая часть градиента пряталась под нашей странице. 4) Повторяем для всех страниц сверху и снизу. Обратите внимание, что сверху градиент вылазит чуть-чуть. Если бы книга лежала на столе, то большую часть тени она бы сама загораживала. Удаляем ненужные теперь рамки. Вот что получилось: http://img81.imageshack.us/my.php?image=book2kd1.jpg Растр (фотошоп) Технология примерно такая же. Разница в том, что здесь нам не нужен нижний прямоугольник для теней. Основа Создаем прямоугольник для страниц, заливаем одним цветом. Потом выделяем ровно половину. http://img294.imageshack.us/my.php?image=book3qo3.jpg Страница Повторяем те же заливки, что и в векторе для страниц. Здесь надо немного подогнать заливки, что бы они хорошо легли. http://img219.imageshack.us/my.php?image=book5pz2.jpg Тень В отличии от флеша мы на отдельном слое просто делаем градиентную заливку для тени. Сначала круглую. Не забудьте, что заливка должна сходить на нет по прозрачности чем дальше к краям. http://img219.imageshack.us/my.php?image=book6hy3.jpg Теперь нажимаем ctrl+t - вокруг заливки появляются маркеры которые позволяют сжимать ее, менять размер. сжимаем тень, уменьшаем до ширины страницы и прячем под слой с листами. Копируем и раскладываем под всеми страницами. Вот что должно получиться: http://img264.imageshack.us/my.php?image=book7bb0.jpg Вот и все. Мне кажется довольно просто. Главное не забывайте о деталях. Очень важно правильно сделать градиент на страницах книги иначе объем не получится. Запутались? Положите на стол настоящую книгу и посмотрите как падает тень там. Если вы что-то копируете, помните, что самое главное помнить о деталях. Маленький блик может сыграть большую роль не смотря на свой размер, как и правильный цвет-размер тени. |
| Автор: Quadr0 7.3.2007, 17:48 |
| ... |
| Автор: GZep 7.3.2007, 17:56 |
| Quadr0, а можно без матерного слова на пол монитора? |
| Автор: Caramel 7.3.2007, 20:55 |
| Quadr0, все возможно и вариации на тему - тоже. Задача показать как это реализовывать в принципе, а уж под конкретную задачу, думаю, подгонят сами Да, и матерное слово, правда, убери пожалуйста? |