• Авторизация


3D-дизайн полос в ретро стиле в Photoshop 02-02-2009 12:43 к комментариям - к полной версии - понравилось!


Урок очень простой, подходит новичкам в Photoshop, т.к. содержит повторение одних и тех же действий и очень подробные иллюстрации.

Итак на создание урока автора вдохновил следующий макет сайта (автор макета Monster Templates):

[показать]

1. Создаем новый документ размером 500*500рх. В качестве фона берем этот рисунок:

[показать]

и размещаем его в нашем документе (вы можете взять любой другой рисунок).

2. С помощью инструмента Pen Tool создаем многоугольную форму (это наша основа для полос), как на рисунке ниже и заливаем ее цветом #972947 (цвета вы тоже можете изменять).

[показать]

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

[показать]

 

[показать]

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

4. Теперь возвращаемся к слою с фоном, поверх него опять с помощью Pen Tool создаем форму угла, как на рисунке:

[показать]

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

[показать]

 

[показать]

6. Осталось сделать продолжение наших полос вверх. Для этого сначала дублируем слой с розовой основой полос и перемещаем его вправо и вверх до нашего угла (см.рисунок ниже), затем удаляем лишнее внизу (можно выделить излишки [показать] и, нажав Delete, удалить все, что внутри контура):

[показать]

7. Аналогично поступаем с другими полосами (не забываем дублировать каждую из них!):

[показать]

8. Теперь добавим нашим полосам эффекта 3D. Делается это очень просто. Снова дублируем слой с розовой основой, ставим его поверх остальных и меняем цвет заливки на белый (изменить цвет слоя пока он не растрирован можно двойным кликом на значке слоя и выбрав нужный в открывшейся палитре). Теперь берем инструмент ластик (выбираем кисть с мягкими краями) и начинаем стирать белую заливку слоя снизу вверх (перед этим программа спросит вас хотите ли вы растрировать слой? вы нажимаете Ок). Стираем так, чтобы остался плавный переход к белому цвету, а верх полос полностью оставляем белым (для плавности перехода можно поиграть с прозрачностью и нажимом ластика, автор не дает точных параметров). Затем меняем параметры наложения слоя на Overlay (Перекрытие).

[показать]

9. Основа для макета готова, можно слить слои и поиграть с контрастом и яркостью картинки, добавить шрифт и т.д.

[показать]

Окончательный вариант.

pstut.info (Перевод: Phardstar)
 

Впереди праздники! Любимым и близким можно подарить дорогие эксклюзивные подарки им будет очень приятно!

 

вверх^ к полной версии понравилось! в evernote
Комментарии (3):
MargO_Master 16-05-2009-04:24 удалить
> автор макета Monster Templates В смысле — Template Monster? За урок — респект! Попробую! А шаблоны сайтов можно скачать: http://www.itemplates.ru/ Правда не всегда есть для Фотошопа, хотя некоторые можно также для урока разложить по шагам. Было бы полезно и интересно.
MargO_Master 16-05-2009-04:27 удалить
> автор макета Monster Templates В смысле — Template Monster? За урок — респект! Попробую! А шаблоны сайтов можно скачать: itemplates.ru Правда не всегда есть для Фотошопа, хотя некоторые можно также для урока разложить по шагам. Было бы полезно и интересно.
холостяк 19-05-2009-14:34 удалить
сенк...взял на заметку...


Комментарии (3): вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник 3D-дизайн полос в ретро стиле в Photoshop | холостяк - Дневник Холостяка | Лента друзей холостяк / Полная версия Добавить в друзья Страницы: раньше»