Рисуем птичку Twitter в Фотошоп

  • Автор:
  • Категория:
  • Просмотров:
    2 957
  • Описание:
    Вот результат нашего урока:  (Нажмите, чтобы увеличить) Сегодня Вы узнаете, как создать симпатичную иконку  птички Twitter в Photoshop. Примечание переводчика: во время работы изменяйте название каждого слоя, чтобы в итоге не запутаться и не искать долго нужный слой. Не растрируйте слои, они все должны быть векторными. Внимательно смотрите на...

Вот результат нашего урока:

Рисуем птичку Twitter в Фотошоп
 (Нажмите, чтобы увеличить)

Сегодня Вы узнаете, как создать симпатичную иконку  птички Twitter в Photoshop.

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

Давайте начнем!

Шаг 1. Создадим новый файл PSD 800 × 600 пикселей, 72 точек на дюйм, цвет RGB и белый фон, нарисуем круг, цвет # 0099FF. Рисуя круг, зажмите Shift, так вы можете создать идеальный круг независимо от того, в каком направлении тащите мышку.

Рисуем птичку Twitter в Фотошоп

Шаг 2. Зажмите Alt + Shift и дублируйте круг для создания головы и тела персонажа. Оба вектора будут оставаться на одном слое.

Рисуем птичку Twitter в Фотошоп

Шаг 3. Теперь изменим пропорции дублированного круга. Нажмите Ctrl + T, чтобы вызвать свободную трансформацию.

Рисуем птичку Twitter в Фотошоп

Шаг 4. Используя инструмент Стрелка Рисуем птичку Twitter в Фотошоп (Direct Selection Tool), измените контуры, чтобы бока нашей птички плавно переходили в голову.

Рисуем птичку Twitter в Фотошоп

Шаг 5. Позже мы добавим стили слоя для придания формы. Для создания глаз, мы создадим вертикальный овал и дублируем его, как мы делали ранее.

Примечание переводчика: Таким же образом нарисуйте зрачки, только удерживайте Shift для создания идеального круга.

Рисуем птичку Twitter в Фотошоп

Шаг 6. Когда мы закончили с глазами, мы создадим волосы. Создайте два аналогичных вектора разных размеров.

Примечание переводчика: создайте 2 различных овала и измените их контур при помощи инструмента стрелка Рисуем птичку Twitter в Фотошоп.

Рисуем птичку Twitter в Фотошоп

Шаг 7. Теперь настала очередь перьев для хвоста. Нарисуйте прямоугольник со скругленными краями, радиус 30 пикселей. С помощьюСтрелки Рисуем птичку Twitter в Фотошоп (Direct Selection Tool) выделите 3 верхних опорных точки и нажмите Ctrl + T. В верхнем меню нажмите значок похожий на скрепку для сохранения пропорций. Затем, удерживаю мышку на "W" (ширина), потяните влево, измените значение на 60%.

Примечание переводчика: для выделения 3 верхних точек, инструментом стрелка Рисуем птичку Twitter в Фотошоп выделите прямоугольник, чтобы в него попадали именно эти точки, они станут черного цвета.

Рисуем птичку Twitter в Фотошоп

Шаг 8. Создайте 4 копии этого слоя, поверните и уменьшите так, чтобы получились перья для хвоста нашей птицы.

Рисуем птичку Twitter в Фотошоп

Шаг 9. Теперь уменьшим длину хвоста, нажав Ctrl + T и потянув вверх за нижний край.

Рисуем птичку Twitter в Фотошоп

Шаг 10. Теперь мы создадим клюв птицы. Создайте небольшой горизонтальный овал.

Рисуем птичку Twitter в Фотошоп

Шаг 11. Выбрав верхнюю и нижнюю опорные точки, поднимите их на несколько пикселей вверх, чтобы создать грустное выражение.

Рисуем птичку Twitter в Фотошоп

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

Рисуем птичку Twitter в Фотошоп

Шаг 13. При помощи инструмента Перо Рисуем птичку Twitter в Фотошоп (Pen Tool) нарисуйте ветку дерева. Создавайте дополнительные опорные точки, затем при помощи Стрелки придайте ветке нужную форму.

Рисуем птичку Twitter в Фотошоп

Шаг 14. Дублируйте этот контур, (Alt + Shift), нажмите Ctrl + T и установите в верхнем меню значение ширины (W) на 20% больше.

Рисуем птичку Twitter в Фотошоп

Шаг 15. Две крайние точки справа сопоставьте в одном месте, а левый край соедините при помощи Пера Рисуем птичку Twitter в Фотошоп, чтобы получился один контур.

Рисуем птичку Twitter в Фотошоп

Шаг 16. Теперь мы создадим пальцы. Нарисуйте Эллипс Рисуем птичку Twitter в Фотошоп, а затем инструментом Стрелка Рисуем птичку Twitter в Фотошоп переместите одну из точек ближе к центру. Затем, используя рычаги на опорных точках, создайте фигуру, как на рисунке ниже.

Рисуем птичку Twitter в Фотошоп

Шаг 17. Нужно создать по 3 пальца для каждой руки. Мы расположим их так, как будто они переплетены между собой.

Примечание переводчика: дублируйте пальцы, как в предыдущих шагах – используя инструмент стрелка Рисуем птичку Twitter в Фотошоп, зажмите  Alt+Shift и перетащите контур. Сначала создайте только 3 пальца, и расположите как на рисунке.

Рисуем птичку Twitter в Фотошоп

Шаг 18. После того как мы создали пальцам одной руки, дублируйте их, перетащив, зажав Alt + Shift, а затем нажмите Ctrl + T и выберитеОтразить по горизонтали (Flip Horizontal).

Примечание переводчика: мне было удобнее дублировать вторую руку на новый слой, чтобы не путаться с контурами и расположить как нужно.

Рисуем птичку Twitter в Фотошоп

Шаг 19. Далее при помощи инструмента Перо Рисуем птичку Twitter в Фотошоп (Pen Tool) создадим руки.

Рисуем птичку Twitter в Фотошоп

Шаг 20. Теперь создадим слезу на левой щеке птицы, нам понадобится всего 3 шага. Нарисуйте круг, выберите верхнюю опорную точку и тащите её вверх. С помощью инструмента Угол Рисуем птичку Twitter в Фотошоп (Convert Point) сделайте угол острым.

Рисуем птичку Twitter в Фотошоп

Шаг 21. Теперь можем начать добавлять стили слоя. Скройте слои с волосами и руками, чтобы лучше видеть, что мы будем делать на теле. Добавим Внутреннюю тень (Inner Shadow). Уберите галочку с поля Глобальный свет (Use Global Light) и установите угол – 90.

Рисуем птичку Twitter в Фотошоп

Шаг 22. Вернем видимость слоям с волосами и руками. Сделайте двойной щелчок по миниатюре слоя с волосами. Когда откроется редактор цвета, возьмите пипеткой цвет края головы. Теперь волосы идеально сочетаются с остальным телом.

Рисуем птичку Twitter в Фотошоп

Шаг 23. Теперь добавим объема глазам. Добавьте стиль слоя Наложение градиента (Gradient Overlay).Мы будем использовать Радиальный градиент (Radial Gradient), от белого к чёрному, установите угол 90. Уменьшите размер (Scale) до 50%, чтобы переход от одного цвета к другому не был таким мягким.

Рисуем птичку Twitter в Фотошоп

Шаг 24. Внутри редактор градиентов (сделайте двойной щелчок на нем) разместите ещё одну точку на одной третьей части шкалы (30%), это сделает его более точными и резкими.

Рисуем птичку Twitter в Фотошоп

Шаг 25. Теперь добавим Внутреннюю тень (Inner Shadow), чтобы придать глазам отражение.

Рисуем птичку Twitter в Фотошоп

Шаг 26. Добавим Внутреннее свечение (Inner glow), используя  значения, показанные на следующем изображении.

Рисуем птичку Twitter в Фотошоп

Шаг 27. Теперь добавим тиснение (Bevel and Emboss) и обводку (Stroke) вокруг глаз. Для обводки установите цвет # 0099FF.

Рисуем птичку Twitter в Фотошоп

Шаг 28. Теперь настроим параметры Тиснения. Используйте настройки, приведенные на рисунке ниже, они помогут нам добиться 3D эффекта.

Рисуем птичку Twitter в Фотошоп

Шаг 29. Добавим Внешнее свечение (Outer Glow) вокруг глаз, это придаст краям свечение, как у пластика.

Рисуем птичку Twitter в Фотошоп

Шаг 30. Наконец, добавим мягкие тени, чтобы обозначить шею у нашей птички.

Рисуем птичку Twitter в Фотошоп

Шаг 31. Поработаем со зрачками. Мы будем использовать Внутреннее  свечение (Inner Glow) черного цвета, режим Умножение (Multiply). Источник свечения установим в центре (Center), а не от края, как обычно используется. Увеличим Стягивание (Choke) до 100 и свечение до 10 и мы получим идеально расположенные зрачки.

Рисуем птичку Twitter в Фотошоп

Шаг 32. Добавим Линейный градиент (Linear Gradient) для создания объема внутри радужки. Для придания пластикового свечения будет лучше, если градиент будет темнее в верхней части.

Рисуем птичку Twitter в Фотошоп

Шаг 33. Сделаем немного светлее нижний край радужки. Снова уберите галочку глобального света и установите следующие настройки.

Рисуем птичку Twitter в Фотошоп

Шаг 34. Я добавил немного тени для выделения радужки и создания вокруг неё небольшого тиснения.

Рисуем птичку Twitter в Фотошоп

Шаг 35. Для придания реалистичности глазам добавим блики. Создайте небольшой горизонтальный овал и измените форму, как показано на рисунке. Дублируйте его, как мы делали ранее, и разместите на другой глаз.

Рисуем птичку Twitter в Фотошоп

Шаг 36. Оставаясь на слое с бликом, уберите заливу (Fill) до 0%,  добавьте Наложение градиента (Gradient Overlay).

Рисуем птичку Twitter в Фотошоп

Шаг 37. Теперь добавим отражение на радужке, как будто от глаз отражается свет.

Рисуем птичку Twitter в Фотошоп

Шаг 38. Теперь мы добавим тень от волос на голове. Выберите слой с волосами и перейдите на панель Контуры (Paths). Выберите наш контур и нажмите внизу на значок преобразования контура в выделение.

Рисуем птичку Twitter в Фотошоп

Шаг 39. Передвиньте выделение вправо, если нужно измените размер и наклон выделения (используя Ctrl + T). Создайте новый слой, и чёрной мягкой кистью с нажимом 10% нарисуйте тень.

Рисуем птичку Twitter в Фотошоп

Шаг 40. Чтобы удалить излишки воспользуйтесь ластиком с мягкими краями. Повторите все действия для второй части волос.

Рисуем птичку Twitter в Фотошоп

Шаг 41. Теперь мы будем работать с клювом птицы. Для начала добавим тень под клюв.

Рисуем птичку Twitter в Фотошоп

Шаг 42. Теперь добавим тень на нижнюю часть клюва.

Рисуем птичку Twitter в Фотошоп

Шаг 43. Добавьте Внутренне свечение (Inner Glow), чтобы выделить клюв.

Примечание переводчика: цвет должен быть чуть светлее клюва.

Рисуем птичку Twitter в Фотошоп

Шаг 44. На новом слое нарисуйте два маленьких круга, измените значение заливки на 30%. Затем добавьте Отбрасывание тени (Drop Shadow). Это придаст объем ноздрям на клюве.

Рисуем птичку Twitter в Фотошоп

Шаг 45. Теперь мы будем работать над слезой. Используйте Наложение градиента  (Gradient Overlay)  с типом – радиальный для создания объема.

Рисуем птичку Twitter в Фотошоп

Шаг 46. Добавим Внутреннюю тень (Inner Shadow), уберем галочку глобального света (global light) и поставим настройки, как на следующем рисунке. Это добавит блеска нашей слезинке.

Рисуем птичку Twitter в Фотошоп

Шаг 47. Наконец добавим тень от слезы.

Рисуем птичку Twitter в Фотошоп

Шаг 48. Теперь поработаем с лапками. Добавим  Внутреннюю тень (Inner Shadow), чтобы создать впечатление, как будто свет падает под углом 90 градусов.

Рисуем птичку Twitter в Фотошоп

Шаг 49. Добавим Внутреннее свечение (Inner Glow), чтобы придать 3D эффект.

Рисуем птичку Twitter в Фотошоп

Шаг 50. Наконец приступим к хвосту. При помощи градиента добавим на хвост тень от ветки.

Рисуем птичку Twitter в Фотошоп

Шаг 51. Добавим обводку (Stroke), шириной 3 пикселя, чтобы придать объем перьям. Используйте более темный цвет, чем тело персонажа.

Рисуем птичку Twitter в Фотошоп

Шаг 52. Добавим немного текстуры ветке дерева. Используем для этого параметр Тиснение и Скос (Bevel and Emboss)

Рисуем птичку Twitter в Фотошоп

Шаг 53. Добавим Внутреннюю тень (Inner Shadow), чтобы сделать блик.

Рисуем птичку Twitter в Фотошоп

Шаг 54. Теперь переходим к рукам. Установите значения, приведенные ниже.

Рисуем птичку Twitter в Фотошоп

Шаг 55. Теперь выберите Параметры смешивания (Blending Options) и поставьте галочку, как показано на рисунке. Это позволит нам скрывать под маской ненужные участки.

Рисуем птичку Twitter в Фотошоп

Шаг 56. Теперь создадим выделение (используйте инструмент Прямоугольное выделение Рисуем птичку Twitter в Фотошоп (Rectangular Marquee)) и добавим маску слоя.

Рисуем птичку Twitter в Фотошоп

Шаг 57. Мягкой кистью Рисуем птичку Twitter в Фотошоп черного цвета уберите лишнее на руках, чтобы не было видно резкого перехода

Рисуем птичку Twitter в Фотошоп

Шаг 58. Теперь мы создадим тень для рук, но на этот раз не с помощью стилей слоя. Находясь на слое с крыльями, перейдите в палитру контуры и снова нажмите на значок, чтобы перевести контуры в выделение.

Рисуем птичку Twitter в Фотошоп

Шаг 59. Теперь нажмите Ctrl + T и выберите  Деформацию (Warp) на верхнем меню, искривите контур, как показано на рисунке, создайте новый слой и залейте черным цветом.

Рисуем птичку Twitter в Фотошоп

Шаг 60. Теперь используйте фильтр Размытие по Гауссу (Gaussian Blur), установите значение 2 пикселя.

Рисуем птичку Twitter в Фотошоп

Шаг 61. Установите настройки, как на рисунке ниже. Добавьте к этому слою маску и закрасьте черной мягкой кистью ненужные участки.

Рисуем птичку Twitter в Фотошоп

Шаг 62. Теперь переходим к кулачкам. Начнем с тени.

Рисуем птичку Twitter в Фотошоп

Шаг 63. В следующем шаге добавим 3D эффект при помощи параметра Тиснение и Скос (Bevel and Emboss).

Рисуем птичку Twitter в Фотошоп

Шаг 64. Теперь добавим тень на нижнюю часть кулачков.

Рисуем птичку Twitter в Фотошоп

Шаг 65. Немного осветлим верхнюю часть рук.

Рисуем птичку Twitter в Фотошоп

Шаг 66. Теперь откройте палитру контуры, мы будем прорисовывать каждый палец на отдельном слое.

Рисуем птичку Twitter в Фотошоп

Шаг 67. Преобразуйте контур в выделение и мягкой кистью Рисуем птичку Twitter в Фотошоп черного цвета нарисуйте тень, как показано ниже.

Рисуем птичку Twitter в Фотошоп

Шаг 68. Перейдите Выделение – Модификация - Сжать (Select – Modify - Contract) и поставьте значение 1  пиксель.

Рисуем птичку Twitter в Фотошоп

Шаг 69. Далее добавим маску слоя, возьмем мягкую черную кисть и аккуратно удалим излишки.

Рисуем птичку Twitter в Фотошоп

Шаг 70. Проделайте этот шаг с каждым пальцем, но обязательно каждый палец на новом слое, в дальнейшем нам не составит труда убрать лишнее. Как только вы закончите, выберите все слои с пальцами и нажмите Ctrl + E. После этого вы сможете уменьшить интенсивность тени, снизив непрозрачность.

Рисуем птичку Twitter в Фотошоп

Шаг 71. Теперь добавим отражение на теле птички, будем использовать приемы из предыдущих шагов.

Рисуем птичку Twitter в Фотошоп

Шаг 72. Перейдите Выделение – Модификация - Сжать (Select – Modify - Contract), установите значение 6 – 7 пикселей.

Рисуем птичку Twitter в Фотошоп

Шаг 73. Теперь сделаем растушевку, установите значение 2 – 3 пикселя.

Рисуем птичку Twitter в Фотошоп

Шаг 74. Создайте новый слой, установите режим Перекрытие (Overlay), и мягкой белой кистью сделайте блики.

Рисуем птичку Twitter в Фотошоп

Шаг 75. Сожмите выделение ещё на 3 пикселя, и проведите ещё раз кистью.

Рисуем птичку Twitter в Фотошоп

Шаг 76. Теперь мы сотрем лишнее. Нажмите  Ctrl + H чтобы скрыть выделение, чтобы лучше видеть область, над которой работаете.

Рисуем птичку Twitter в Фотошоп

Заключение 
Можете добавить любой фон и наш Twitter завершен!

Рисуем птичку Twitter в Фотошоп

А вот вариант переводчика:

Рисуем птичку Twitter в Фотошоп

Автор: Alberto Sosa
Перевод: Акименко Алевтина
Ссылка на источник

Внимание! У Вас нет прав для просмотра скрытого текста.
Рекомендуем посмотреть:

Рисуем птичку Twitter в Фотошоп
Смотреть Рисуем птичку Twitter в Фотошоп на нашем сайте.
Комментировать
Прокомментировать
Вопрос:* как называется наш сайт?(латинскими)
Введите два слова, показанных на изображении:*
лучший сайт где можно скачать шаблоны для dle 11.3 бесплатно