Urban Rivals RU
Меню сайта
Категории каталога
Материалы сайта
Облако тегов
Шаблон для сайта КС Crfxfnm valve portal shablon Скачать шаблон для ucoz Кс шаблон для uCoz Скачать шаблон бесплатно Красивый шаблон для ucoz Иконки для УКОЗ Скачать автомобильный шаблон Скачать шаблон для ВАРЕЗА Soft Portal By avdey =) Набор иконок для форумов в системе UcoZ - Лиловые иконким Шаблон для uCoz в стиле "VISTA" Черно-белый портрет в Фотошоп Рисуем дизайн сайта в Photoshop Шаблон сайта для ucoz Скачать шаблон для uCoz Скачать бесплатно шаблон для UCOZ от STEAM GAME by eKa Скачать шаблон для ucoz на тему ВАРЕЗ пОртаЛ Иконки групп для ucoz by CкРиПтЕг Как менять цвет глаз в Photoshop Огненные иконки для форума UCOZ Шаблон для онлайн кинотеатра скачать Скачать бесплатно шаблон Design Vista Скачать шаблон бесплатно для uCoz Скачать Адаптация из DLE под ucoz AllForYou Граффити
Главная » Статьи » Уроки Adobe Photoshop » Для сайта

Как сделать "Красивая иконка папки в фотошопе"

« Красивая иконка папки в фотошопе »

Урок о том, как нарисовать красивую папку в PhotoShop...

Спустя длительного перерыва я наконец-то нашёл время на написание нового урока.

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

Долго рассказывать не буду, лучше сразу перейдём к уроку...

Как нарисовать папку в фотошопе (PhotoShop)

1. Создаём новое изображение, размером примерно 400x400 пикселей. Заливаем фон серым (#c6c6c6) цветом (с помощью Paint Bucket Tool):

Красивая иконка папки в фотошопе

2. Начнём украшать наш фон. Заходим в Layer Style (для чего на панели слоёв Layers кликаем правой клавишей по изображению слоя и в появившемся меню выбираем пункт Blending Options). Переходим на вкладку Inner Shadow (самозатенение) и выставляем следующие значения:

Урок о том, как нарисовать красивую папку в PhotoShop

Жмём Ok и получаем такой-вот неоднородный фон:

папка в фотошопе

3. Создадим эффект свечения, что ещё лучше украсит наш фон. Сразу создадим новый слой. Выбираем инструмент Elliptical Marque Tool и создаём овальное выделение следующего вида:

папка в фотошоп

4. Выбираем инструмент Paint Bucket Tool и заливаем выделение белым цветом:

папка в PhotoShop

5. Теперь снимите выделение (Ctrl + D или Select —> Deselect) и примените фильтр Filter —> Blur —> Gaussian Blur с радиусом размытия в 30 пикселей:

иконка папки

Вот что должно получиться:

иконка папки в фотошопе

6. Начнём создавать папку. Сразу нарисуем заднюю стенку.

Выберите инструмент Rectangle Tool и нарисуйте прямоугольник (я нарисовал прямоугольник размером 133x94 пикселей) любого цвета:

иконка папки в фотошоп

7. Теперь выберите инструмент Add Anchor Point Tool и сверху слева добавьте две дополнительные точки:

иконка папки в PhotoShop

8. За тем рядом с этими точками добавьте ещё две точки (смотрите скриншот — поймёте):

красивая иконка

9. Теперь выбираем инструмент Direct Selection Tool, зажимаем клавишу Shift, выделяем две внутренние точки, и жмём несколько раз клавишу со стрелкой Вверх (не знаю как её назвать по-другому, чтобы все поняли :) ), пока не получите следующую фигуру:

красивая иконка папки

Вот она же, только без выделения:

красивая иконка папки в фотошопе

10. Теперь нам нужно украсить нашу папку, добавив к ней кое-какие эффекты. Заходим в Layer Style этого слоя и убираем непрозрачность заливки до 0%:

красивая иконка папки в фотошоп

11. Переходим на вкладку Drop Shadow и настраиваем параметры тени следующим образом:

красивая иконка папки в PhotoShop

12. За тем переходим на вкладку Inner Shadow, где настроим самозатенение:

урок про создание папки

13. На вкладке Inner Glow настраиваеться внутреннее свечение:

урок про рисование папки

14. Перейдём на вкладку Gradient Overlay и изменим параметры градиента следующим образом (красным цаетом я написал шестнадцатиричные значения цветов, используемых в градиенте; для изменения настроек цвета градиента кликните по градиентной полосе, справа от слова Gradient:):

урок по фотошопу

15. Добавим мой любимый эффект — штриховку. Делаетcя это в окошке Pattern Overlay. В этом окошке у вас такой текстуры (штриховка, которая на скриншоте ниже) может и не быть, её нужно сразу создать, а как она создаёться, можно прочесть, например, тут в пункте №6 или тут в пункте №1 (только штриховку делайте такого вида, как на примере — размером 3x3 пикселя, чёрная), а если не разобрались как делается штриховка, то бегом на наш форум:

урок по фотошоп

16. Ну и последний штрих — добавим обводку. Делается это на вкладке Stroke:

урок по PhotoShop

17. Жмём Ok и получаем следующую картину:

урок фотошоп

18. А сейчас создадим эффект блика...

Зажмите клавишу Ctrl и кликните по слою с задней стенкой папки, чтобы создать выделение:

урок PhotoShop

19. Выберите инструмент Elliptical Marque Tool, зажмите Alt и выполните следующее выделение:

урок фотошопа

20. Создайте новый слой, выберите Paint Bucket Tool и залейте полученное выделение белым цветом.

Снимите выделение, нажав Ctrl + D (или в меню: Select —> Deselect):

урок про папку в фотошопе

21. Добавьте к слою маску (для чего на панели слоёв Layers нажмите кнопку Add Layer Mask (в PhotoShop CS3) или Add Vector Mask (в PhotoShop CS2)):

урок про папку в фотошоп

22. Выберите инструмент Gradient Tool, в качестве градиента выберите чёрнобелый градиент:

урок про папку в PhotoShop

23. Залейте маску слоя полученным градиентом, снизу вверх. Получиться должно вот так:

урок по фотошопу о папке

На этом создание задней стенки папки завершено. Начнём создавать переднюю стенку папки :) (прикольно я их назвал)...

24. Создайте копию слоя с задней стенкой папки (для чего перетащите изображение слоя на кнопку для создания нового слоя; или нажмите на слое правой клавишей, выберите пункт Duplicate Layer).

Разместите полученную копию слоя выше всех слоёв. Трансформируйте слой (Edit —> Transform Path —> Distort) следующим образом:

папка в фотошоп

Вот что вы должны получить после трансформации:

урок по созданию папки

25. Теперь немного поизменяем настройки эффектов слоя...

Зайдите в Layer Style на вкладку Drop Shadow и измените настройки на следующие:

папка в фотошопе

26. За тем перейдите на вкладку Gradient Overlay, уменьшите непрозрачность до 50%:

иконка папки

27. На вкладке Pattern Overlay так же уменьшите непрозрачность до 50%:

нарисовать иконку

Жмём Ok и получаем уже довольно неплохую на вид папку:

иконка папки в фотошопе

28. Добавим к передней части папки блик, тем же способом, которым мы это делали ранее:

иконка в фотошопе

29. Раз это папка, то в ней должны храниться какие-нибудь документы.

Нарисуем какой-нибудь листок, для чего выбираем инструмент Rectangle Tool и рисуем небольшой прямоугольник (в моём примере 115x72 пикселей) любого цвета:

иконки в фотошопе

30. Начнём добавлять эффекты. Заходим в Layer Style на вкладку Drop Shadow и настраиваем параметры отбрасывания тени:

иконки в фотошоп

31. На вкладке Inner Shadow настроим самозатенение:

иконки в PhotoShop

32. На вкладке Gradient Overlay закрасим наш листок серым градиентом:

нарисовать иконку

33. И добавим обводку, на вкладке Stroke:

нарисовать иконку папки

34. Жмём Ok и получаем такой-вот листок:

нарисовать в фотошопе

35. Добавьте к листку какой-нибудь текст или рисунок (я написал название сайта серым #535353 цветом):

нарисовать в фотошоп

36. Зажмите клавишу Ctrl и кликните по очереди на слое с листком и слое с текстом, чтобы их выделить.

Отпустите Ctrl и поверните листок, применив трансформацию Edit —> Transform —> Rotate (я повернул его на -19,5 градусов):

нарисовать папку в PhotoShop

37. Переместите слои с листком и надписью под слой с передней стороной папки:

урок в фотошопе

38. Сейчас создайте копию слоя с передней частью папки, разместите эту копию слоя выше всех слоёв. Очистите слой от эффектов, для чего кликните по нём правой клавишей и выберите пункт Clear Layer Style:

рисуем папку

39. Зайдите в Layer Style слоя и непрозрачность заливки (Fill Opacity) уменьшите до 0%:

рисуем иконку папки

40. Перейдите на вкладку Gradient Overlay и настройте её следующим образом:

иконки в фотошопе

Ниже представлены подробные настройки градиента:

нарисовать иконки

41. Жмём Ok и получаем красивую папку:

как рисуються иконки

42. А теперь немного украсим общую картину, добавив отражение.

Отключите два первых нижних слоя (фон и свечение), нажав слева от слоёв на иконку ввиде глаза:

рисовать иконки

43. Выделите всю видимую область (нажмите Ctrl + A или в меню: Select —> All), скопируйте её в буфер обменя (Shift + Ctrl + C или в меню: Edit —> Copy Merged).

Вставьте скопированное изображение (Ctrl + V или в меню: Edit —> Paste) и отразите его по вертикали (Edit —> Transform —> Flip Vertical), расположите как показано ниже:

иконка в фотошоп

44. Теперь включите отключенные в 42м пункте слои:

урок по рисованию иконок

45. Добавьте к слою с отражением маску (для чего на панели слоёв Layers нажмите кнопку Add Layer Mask (в PhotoShop CS3) или Add Vector Mask (в PhotoShop CS2)):

урок по рисованию иконки

46. Выберите инструмент Gradient Tool, в качестве градиента выберите чёрнобелый градиент и залейте им маску, снизу вверх:

иконка папки в PhotoShop

Вот и всё. Красивая папка готова! Спасибо за внимание.



Категория: Для сайта | Добавил: cinemania (20.12.2008)
Просмотров: 1231 | Рейтинг: 0.0/0 | |Теги:
Пожалуйста! Если вам понравился этот материал напишите свой отзыв. Посетите наш ФОРУМ


Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Форма Входа
Воскресенье, 07.06.2020, 04:11
-й день

Гость, мы рады вас видеть. Пожалуйста зарегистрируйтесь или авторизуйтесь!
 
Логин:
Пароль:
Друзья сайта
Статистика
Рейтинг сайтов
Онлайн всего: 1
Гостей: 1
Пользователей: 0

Лучшие фильмы | Уроки Adobe Photoshop | Шаблоны для uCoz | Онлайн-TV | Кнопки для сайта UCOZ | Иконки для сайтов UCOZ | Скрипты для uCoz