[Lesson] Google Chrome. Часть вторая - vibosBG
vibosDE — авторский проект, полигон моего дизайнерского творчества
В портфолио собраны некоторые из моих работ: сайты, иллюстрации, листовки и пр.
Если Вы заинтересованы в сотрудничестве — воспользуйтесь формой обратной связи
vibosDE
vibosBG
Главная » 2010 » November » 3 » [Lesson] Google Chrome. Часть вторая
[Lesson] Google Chrome. Часть вторая
По прошествии действий, описанных в первом посте у нас должен был получиться вот такой результат:

Шаг 15

Если кто то дожил до этого шага  то оставшееся не составит никакого труда. Берем большую (200 пикселей) 100% мягкую резинку с параметром Flow равным 10% и 2-3 щелчками обрабатываем участки слоя "Тень", которые вплотную подходят к границам внешнего круга. Вот что должно получится, тень к краям смажется и как бы растворится:

Шаг 16

Теперь создаем между слоем "Большой круг" и слоем "Фрагмент 1" четыре новых слоя и на трех рисуем белым цветом полумесяц а на четвертом рисуем белый овал. Затем у всех слоев устанавливаем низкую прозрачность в 7 - 6%. И немного редактируем резинкой. Должны получится примерно такие блики:

Шаг 17

Таким же образом, рисуем 3-4 блика над центральным кругом. Только на этот раз слои необходимо создавать в самом верху списка слоев. И не забудьте нарисовать отражения наших разноцветных фрагментов в центральном круге. вот что должно полуиться:

Шаг 18

Теперь пришло время поработать над более сложными бликами. Создайте путь вдоль внутреннего края всего первого фрагмента. Можете использовать ранее созданные пути. Просто удалите из них лишнее. Создайте новый пустой слой там, где вы создавали слои самых первых бликов. Настройте белую твердую кисть шириной в 13 пикселей. Затем выделите созданный вами путь, нажмите правую кнопку мыши на пути и выберите Stroke path. В появившемся диалоговом окне выберите Brush и поставте галочку в единственном параметре Simulate pressure. Нажмите ОК. На созданном вами слое должна появится вот такая линия:

Шаг 19

Создайте ещё на двух чистых слоях рядом по одной линии для фрагмента 2 и 3. Затем у каждого слоя поставьте режим смешивания (blending mode) в положение Overlay. Если при этом одну из полос, скорее всего красную, станет почти не видно, верните Blending mode для неё в режим Normal и просто убирайте прозрачность слоя до тех пор, пока она не станет похожа на другие две линии. Получится должно вот что:

Шаг 20

Вот практически и всё! Теперь остается добавить простеньких деталей на свой вкус. Я добавил гугловские отсеки справа и круг в центре. Затем необходимо добавить вспышек и свечения самым ярко осветленным местам. Это можно сделать, используя стандартную белую кисть в форме звезды. Чтобы получавшиеся "звезды" выглядели хорошо, примените к ним Filter > Blur пару раз. Вот что должно получится:

Шаг 21

Как видите всё уже классно но всё равно как то блекло. Сохраните работу. Выделите все слои кроме белого слоя с подложкой (background) и слейте дубликаты. Поместите получившийся слой на самый верх и дублируйте его ещё раз. Скройте все слои-оригиналы кроме оставшихся в самом верху 2 слоев. К нижнему из этих слоев примените стиль Drop shadow с параметром Opacity в 50% и size установленном на 15. Затем выделите второй слой и слегка размойте его, например применив к нему Filter > Blur more 1 или 2 раза (скорее 1 чем 2). Затем нажмите Ctrl+G чтобы сгруппировать верхний слой с нижним. Поставьте прозрачность второго слоя на 70% - 80% процентов, чтобы немного уменьшить контраст ярких и темных участков. Вот и всё!


Результат урока:



Просмотров: 742 | Комментариев: 0 | Опубликовано: 03.11.2010 - 09:35

Вы так же можете использовать встроенные комментарии
но учтите, что не сможете вернуться к комментированию через ВКонтакте

Небольшой опрос

Как вам новый дизайн?

Всего ответов: 34

Поиск по сайту

Мои Контакты

GTalk: mr.vibos
ICQ: 441-764-376
Email: alex@vibos.org

Я в соц. сетях

ВКонтакте: vibos07
FaceBook: vibos07
Twitter: vibos07