Рисуем воздушный шарик.

Сегодня я познакомлю вас с тем,
как можно нарисовать воздушный шарик средствами фотошопа.

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



1.Создаём новый документ 2000х2000пикселей, 300dpi,фон прозрачный.

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

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



2. Активируем инструмент "Элипс" и создаём контур.
Обратите внимание на настройки инструмента, которые выделены на скрине.



3. После создания контура подводим мышку внутрь контура и делаем клик правой кнопкой мыши
и из списка выбираем "образовать выделенную область"



Выскочит окошко - соглашаемся с настройками по умолчанию.



Заливаем образованную выделенную область цветом # 427cbf.
Снимаем выделение.



4. Нарисуем на шарике что нибудь из стандартных форм фотошопа.
Для этого активируем инструмент "произвольная фигура".
Я выбрала сердечко.
Обратите внимание, что настройки формы, такие же, как и настройки инструмента "элипс",
а именно "контур".



Чтобы создать выделение, переходим на инструмент "выделение контура".



Создаём выделенную область и делаем обводку.
(меню - редактирование - выполнить обводку)
Настройки:
Ширина - 27 пикселей.
Цвет - # 83a9d5 (светлее, чем шарик)
Расположение - по центру.



Снимаем выделение.

5. Создадим ещё одну фигуру внизу шарика для имитации блика.
Я воспользовалась формой из набора "Floristic shapes."



После создания выделенной области заливаем её на новом слое цветом обводки.
Снимаем выделение.



Поработаем над фигурой свободной трансформацией.
(меню - редактирование - свободная трансформация)



Деформацией.
(меню - редактирование - трансформация - деформация)
Данная функция доступна в версиях от CS2 и выше.



После этого жмём Enter, чтобы применить изменения и продолжить работу.
Поворачиваем фигуру по вертикали
(меню - редактирование - отобразить по вертикали),
Если расположение устраивает, то соединяем слои.
Если нужно переместить, то сдвигаем и после соединяем слои.
Должен получится такой вид.



6. Создадим светлые и тёмные участки на шарике.
Загружаем выделение слоя и далее действуем так:

1) Создаём новый слой, режим наложения - умножение, непрозрачность 58%
Берём мягкую кисточку радиусом 500 пикселей, цвет - цвет шарика,
и проводим по областям шарика, примерно так.



2) Размоем по гауссу созданные тёмные участки.
Меню - фильтр - размытие - размытие по Гауссу.
Радиус размытия 30 пикселей.



3) Создаём новый слой, режим наложения - перекрытие.
Той же кисточкой, но цвет # b8d6f9(светлее обводки),
и проводим по областям шарика, примерно так.



4)Размоем по гауссу созданные светлые участки.
Меню - фильтр - размытие - размытие по Гауссу.
Радиус размытия 70 пикселей.



Теперь можно снять выделение.
Чтобы усилить насыщенность эффекта осветления, дублируем слой.



Соединяем слои.

7. Создаём блик.

1) Создаём контур инструментом "Элипс".



2) Образовываем выделенную область, создаём новый слой
и заливаем линейным градиентом от белого к прозрачному,
непрозрачность градиента 60%.
Как создать градиент, читайте ЗДЕСЬ.



3) Снимаем выделение, непрозрачность слоя 50%.



8.Осветлим ещё немного верхнюю часть шарика.

1) Загружаем выделение слоя с шариком.

2)Создаём новый слой, режим наложения - перекрытие.

3) Мягкой кисточкой радиусом 100 пикселей, цвет # b8d6f9(светлее обводки),
проводим , примерно, так.



4)Размытие по гауссу с радиусом 30 пикселей.
Затем, снимаем выделение, получаем.



9. В заключении создадим хвостик шарика.

1) Соединим все слои и немного деформируем шарик внизу.
Для этого топаем в меню - редактирование - трансформация - деформация.



Для применения деформации не забываем нажать Enter.

2) Нам нужна форма узелка.
Я воспользовалась фигурой из набора "Floristic shapes."



3) Создаём выделенную область и на новом слое заливаем её цветом шарика.
Снимаем выделение.



4) Инструментом "прямолинейное лассо" выделяем часть фигуры.



Копируем выделение на новый слой, а слой с фигурой удаляем.

5) В панели слоёв слой с хвостиком перемещаем под слой с шариком.



6) Свободной трансформацией уменьшаем, поворачиваем
и перемещаем хвостик под шарик.



7) Загружаем выделение слоя с хвостиком и создаём тёмные и светлые участки.

Тёмные:
на новом слое с режимом наложения "умножение"
мягкой кисточкой радиусом 100пикселей, цвет - цвет шарика.



Размытие по гауссу, радиус размытия 15 пикселей.



Светлые:
на новом слое с режимом наложения "перекрытие"
мягкой кисточкой радиусом 100пикселей, цвет цвет # b8d6f9(светлее обводки),



Размытие по гауссу, радиус размытия 15 пикселей.



Возвращаемся на слой с тёмным участком и
мягкой кисточкой радиусом 100пикселей, цвет - цвет шарика
делаем пару кликов на границе с шариком.



Снимаем выделение.
Шарик готов.

Сохраняйте файл в формате png и применяйте по необходимости.



Удачи!

С теплом, Ольга Бор.
МОИ УРОКИ.

Хотя фотошоп и растровый редактор, в нем есть и несколько векторных включений, одно из них - инструмент ПЕРО. С его помощью можно рисовать/вырезать векторными кривыми, что иногда бывает необходимо, например, для вырезания с четкими краями. Хотелось бы рассмотреть его на простейших фигурах, при вырезании сложных, просто добавляется больше точек.

Создаем новый документ
Выбираем инструмент перо

Будем рисовать простейший треугольник,
Ставим первую точку - это начало нашей кривой, т.к. тут нет изгибов, то через некоторое расстояние на этой же прямой ставим вторую точку.
Первая точка становится белого цвета - она не активна.

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

Кстати, в панели "слои" желательно поставить прозрачность 0%, иначе при вырезании неровных фигур, будет не видно, что вырезаете

Все, фигура завершена. Далее, если нам нужно перевести это в выделение, идем в панель "path"
и щелкаем на этом значке

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

Дальше будем вырезать круг
Так же ставим точки...получается прямая


НО! когда поставим вторую точку, кнопку мыши не разжимаем!!!
а тянем в сторону, (когда попробуете, поймете, как именно), в данном случае по диагонали вверх, у нас появляются такие вот "усики" в обе стороны, они нужны для правильного изгиба. На этом изображении видно, как изгибается кривая.


.После того, как вытянули и задали нужный изгиб, клавишу мышки можно отпустить.
Дальше, зажимаем клавишу alt, и убираем верхний "усик" к точке, если этого не сделать, то следующая точка будет соединятся с предыдущей именно по этому "усику"... а это, чаще всего не нужно


Далее действуем точно так же, ставим следующую точку, не разжимая мыши изгибаем получившуюся прямую....в итоге соединяем самую первую потставленную точку и последнюю...получая замкнутую фигуру! Далее, как описано выше, переводим в выделение......

Если результат не устроил, то выделение можно отредактировать.... выбираем этот инструмент


И с помощью пера с плюсиком и минусиком (добавление/удаление точек) трансформируе его точно так же, как и действуя обычным пером....
Я вот для примера из круга сделаа сердечко


Не знаю, на сколько этот урок полезен. Потому как, если это вживую объяснить, времени займет 2 минуты.....а вот письменно не совсем понятно :(

Дорогие друзья!

Предлагаю вашему вниманию урок, который был написан к 65 летию Победы, но в сообществе был опубликован только ссылками.







Сегодня познакомимся с созданием Георгиевской ленточки.
Конечно, в интернете много клипартов по этой теме, но если вы хотите сделать свою ленточку, то читайте урок.
Результат урока.






1. Создаём новый документ. Меню – файл – создать (или сочетание клавиш Ctrl +N) 2000x300px, 300dpi.




2. Выставляем цвета.
Основной цвет.




Фоновый цвет.




3. Применяем фильтры.
Меню – фильтр – рендеринг – облака.




Меню – фильтр – размытие – размытие по Гауссу.




4.Создаём новый слой (вторая иконка справа внизу панели слоёв),
активируем инструмент «прямоугольная область» и выставляем размеры.
Делаем клик по документу в верхнем левом углу и получаем выделенную
область.




5. Выставляем цвета.
Основной.




Фоновый.




6. Применяем  фильтр.
Меню – фильтр – рендеринг – облака. Снимаем выделение (Ctrl+D).




7. Дублируем полоску (Ctrl+J) и опускаем дубликат полоски вниз документа.




8.Определяем новую направляющую.
Меню – просмотр – новая направляющая . Ставим  50% по горизонтали.




9. Дублируем ещё раз полоску и перемещаем  дубликат на середину документа.




10.Увеличиваем размер холста по высоте на 20пикслей.
Меню – изображение – размер холста.




11. Увеличиваем слой с фоном по высоте.
Меню – редактирование – свободная трансформация ( или сочетание клавиш  Ctrl+T)




Жмём  Enter для применения трансформации.

12. Кадрируем
документ, чтобы избавиться от лишних пикселей после применения фильтра
«размытие по гауссу» и увеличения фона. Для этого активируем инструмент
«рамка», обводим по границам документа.




Жмём  Enter для применения кадрирования.
Соединяем все слои.  Меню – слой – объединить видимые (или сочетание клавиш  Shift+Ctrl+E).

13.
Выделяем документ. Меню – выделение – всё (или сочетание клавиш
Ctrl+A). Далее, меню – редактирование – скопировать (или сочетание
клавиш Ctrl+C).
Затем, создаём новый документ. Меню – файл – создать ( или сочетание клавиш Ctrl +N) 2300x3000px, 300dpi.




14. Меню – редактирование – вставить (или сочетание клавиш Ctrl+V).




15. Дублируем слой и к дубликату применяем фильтр. Меню – фильтр – текстура – текстуризатор.




16. Дублируем слой с текстурой и поворачиваем дубликат. Меню –
редактирование – трансформирование – поворот на 90градусов по часовой
стрелке. ( другие слои скроем в панели слоёв, чтобы не мешали).




17. Меню – фильтр – искажение – искривление.




18. Переходим на слой с лентой без текстуры и повторяем пункты 16 и
17. Для применения фильтра «искажение» достаточно воспользоваться
сочетанием клавиш  Ctrl+F.




19. Дублируем полученный слой , включаем к дубликату  маску слоя (третья иконка слева внизу панели слоёв).




20. Активируем инструмент  «градиент» и определяем ползунками, примерно, такой чёрно – белый градиент.




Границу заливки берём немного больше, чем лента.




Получаем.




Размоем  немного прозрачные границы. Для этого возьмём ластик с мягкой кисточкой и пройдёмся по границам.




Воспользовавшись инструментом «перемещение»  расставляем  ленточки на документе.




21. Создаём новый слой, берём мягкую круглую кисточку радиусом
10пикселе, цветом  # 3b3b3b и пройдёмся  по границам волнистой ленточки
без текстуры, создавая небольшую тень.





Перейдём на слой с этой ленточкой, загрузим выделение слоя ( меню – выделение – загрузить выделенную область)




Переходим на слой с тенью, инвертируем выделение (меню – выделение –
инверсия), и очищаем  слой от лишнего (меню – редактирование –
очистить). Снимаем выделение.




 22. Повторяем пункт 21 для волнистой ленточки с текстурой.




Набор готов. Сохраните его в формате PNG ( меню – файл – сохранить
как… и в типе файлов выбирайте PNG) и применяйте по мере надобности.




Такой набор я сделала из ленточек и клипарта гвоздика.

Для скручивания я использовала плагин AVBros.Page Curl Pro2,2
(в сообществе о нём пока нет поста, но будет обязательно!)



Желаю вам, как всегда, фотошопного позитива!

Поздравляю всех с наступающим Днём Великой Победы!



С теплом, Ольга Бор.
МОИ УРОКИ.