• Страница 1 из 1
  • 1
Папка в стие Windows Vista
Aleko
Дата: Вторник, 18.08.2009, 16:20 | Сообщение # 1
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1621
Получено оценок: 167
Сегодня покажу как быстро можно нарисовать качественную вистовскую иконку системной папки. Начнем:

1) Создаем новый документ и заливаем фон каким ни будь приятным градиентом, например таким как у меня на рисунках ниже, затем берем Pen Tool и отрисовываем заднюю плоскость папки, затем переднюю плосокость на следующем слое, и после - придаем папке толщину добавляя на третий слой торец (ну или незнаю как назвать эту полоску). Все плоскости я сделал разными цветами для наглядности.

Задняя посокость:

Системная папка Windows Vista

Новый слой. Передняя плоскость:

Системная папка Windows Vista

Новый слой. Торец:

Системная папка Windows Vista

2) Создаем 2 новых слоя и рисуем на них блики. На одном сое блик на задней стенке, на втором слое блик на передней стенке. Потом аккуратно подтираем резинкой. В итоге должен получиться вот такой результат:

Системная папка Windows Vista

3) Новый слой. Рисуем тень черным цветом от передней плоскости - это просто, затем ставим режим смешивания на overlay. Должно получится вот это (Opacity=10):

Системная папка Windows Vista

4) Новый слой. Рисуем часть задней стенки поверх передней так как будто это задняя стенка просвечивает сквозь переднюю. Это нужно для того чтобы потом применить на ней отдеьные стили слоя. Результат:

Системная папка Windows Vista

5) Тени. Создаем 2 новых слоя. На одном рисуем заднюю тень а на втором тень между стенками папки в виде треугольничка:

Системная папка Windows Vista Системная папка Windows Vista

Мы закончили рисовать все основные фигуры. Сейчас на панели слоев у нас должно быть вот это (10 слоев):

Системная папка Windows Vista

6) Применяем стили слоя к задней стенке:

Системная папка Windows Vista

Результат:

Системная папка Windows Vista

7) Применяем стили слоя к передней стенке. Ставим смешивание на overlay (для наглядности я пока убрал кусок задней стенки который мы делали в шаге 4):

Системная папка Windows Vista

Результат:

Системная папка Windows Vista

8) Применяем стили слоя к торцу (Opacity=85 Fill=0):

Системная папка Windows Vista

Результат:

Системная папка Windows Vista

9) Применяем стили слоя к блику1 - режим смешивания на Overlay (Opacity=20):

Системная папка Windows Vista

10) Применяем стили слоя к блику2 - режим смешивания на Overlay (Opacity=14):

Системная папка Windows Vista

11) Применяем стили слоя к тени задней стенки:

Системная папка Windows Vista

Результат:

Системная папка Windows Vista

12) Применяем стили слоя к части задней стенки (которую мы рисовали в шаге 4):

Системная папка Windows Vista

Результат:

Системная папка Windows Vista

13) Применяем стили слоя к тени1 (Opacity=10 Fill=33):

Системная папка Windows Vista

Результат:

Системная папка Windows Vista

14) Применяем стили слоя к тени2 - режим смешивания на Overlay (Opacity=6) Затем добавляем по желанию некоторые мекие детали, например тонкую прозрачную полоску в основании верхней стенки, подчеркивающую её толщину. Делаем отражение всей папки. И вот он, наш финальный результат:

Системная папка Windows Vista

Автор: Aleko
PS: Это копия моего урока, опубликованного мной на Демиарте в мае 2008 года


Бесплатные обои.
  
n1ght(o_O)
Дата: Вторник, 18.08.2009, 16:24 | Сообщение # 2
говорун
Группа: Проверенные
Пользователь №: 10
Сообщений: 180
Получено оценок: 6
Good work smile
  
MadeMan
Дата: Среда, 19.08.2009, 16:35 | Сообщение # 3
говорун
Группа: Проверенные
Пользователь №: 25
Сообщений: 185
Получено оценок: 6
Хороший урок! Вот что получилось:

Прикрепления: 4358104.png (86.8 Kb)


Сообщение отредактировал MadeMan - Среда, 19.08.2009, 22:29
  
Aleko
Дата: Среда, 19.08.2009, 17:11 | Сообщение # 4
Watching you
Группа: Администраторы
Пользователь №: 2
Сообщений: 1621
Получено оценок: 167
MadeMan, не очень ровно кое где но хорошо!

Бесплатные обои.
  
MadeMan
Дата: Среда, 19.08.2009, 17:18 | Сообщение # 5
говорун
Группа: Проверенные
Пользователь №: 25
Сообщений: 185
Получено оценок: 6
Aleko, обводка торца может быть, да? Только я не пойму, почему?
  
  • Страница 1 из 1
  • 1
Поиск:
© Studioad.ru 2006 · 2010. Использование материалов форума на сторонних ресурсах без прямой обратной ссылки строго запрещено. Хостинг от uCoz.