ФотошопСундучок photoshopsunduchok
Начните свой путь в мир ФОТОШОПА сейчас!

БЕСПЛАТНЫЕ РАССЫЛКИ ВКОНТАКТЕ

(более 20 рассылок) 

 

 

Помощь сайту

Понравился сайт? Внесите вклад в его развитие, пожертвовав любую сумму.

Деньги пойдут на оплату серверов и на развитие сайта.

В примечании к платежу, при желании, укажите свои данные.

Меценаты

Присоединяйтесь в

Вход на сайт

Профиль

Кто на сайте

Сейчас один гость и ни одного зарегистрированного пользователя на сайте

 

 

 

 

 

 

Последние комментарии

Яндекс.Метрика

Ноты для фотошопа

Ноты для фотошопа

Всем доброго времени суток!

С вами снова Елена Король и мы продолжаем разбираться с нововведениями в программе Adobe Photoshop 2020.

На примере этого веселого плаката в уроке "Ноты для фотошопа" повторим работу с фигурами, с инструментом перо, заливками, градиентами и стилями а также рассмотрим, как изменилась панель настроек инструмента «Текст».

 

Ноты для фотошопа

 


Все уроки по изучению новых возможностей в Adobe Photoshop 2020:

 

 


Создаем новый документ с названием «Весёлые нотки». Для этого нажимаем «CONTROL + N». Ширина документа 1600 пикселей, высота – 800 пикселей. Разрешение 150 пикселей на дюйм. Цветовой режим RGB.

Ноты для фотошопа, изображение №2

Предварительно настроим инструмент «Кисть»: Жесткая круглая, Размер 6, Жесткость 100 %. Основной цвет – черный.

Ноты для фотошопа, изображение №3

Далее создаем новый слой нажав SHIFT + CONTROL + N, либо кликнув на ярлычок, как на картинке.

Ноты для фотошопа, изображение №4

Назовем этот слой «Линия 1». Далее в панели инструментов выбираем «Перо кривизны». О том, как пользоваться этим инструментом, можно почитать здесь.

Ноты для фотошопа, изображение №5

Создаём волнистую линию и применяем к ней обводку контура.

Ноты для фотошопа, изображение №6
Ноты для фотошопа, изображение №7
Ноты для фотошопа, изображение №8

Нажимаем ОК. Затем нажимаем ENTER, чтобы прекратить работу с «Пером кривизны».

Ноты для фотошопа, изображение №9

В результате получаем волнистую линию – верхнюю линию нотного стана.

Далее 4 раза дублируем слой «Линия 1». Для этого правой кнопкой мыши кликаем на слое «Линия 1». В появившемся окне выбираем строку создать дубликат слоя.

Ноты для фотошопа, изображение №10

Но я больше люблю пользоваться другим способом дублирования слоя: зажимая кнопку ALT, наводим мышку на слой «Линия 1» и чуть сдвигаем вверх этот слой. По является дубликат.

Ноты для фотошопа, изображение №11

Вот что у меня получилось после четырех повторений этой манипуляции.

Ноты для фотошопа, изображение №12

Теперь переименуем новые слои, поменяв порядковые номера, дважды кликнув мышкой по названию слоя. Фиксируем изменения, нажав «ENTER». В дальнейшем нам будет легче ориентироваться.

Ноты для фотошопа, изображение №13

Теперь, стоя на слое «Линия 5», инструментом «Перемещение» нужно подвинуть линию вниз, туда, где будет находиться нижняя линия нотного стана.

Ноты для фотошопа, изображение №14

Либо можно для этого воспользоваться кнопкой «Вниз» на клавиатуре.

Ноты для фотошопа, изображение №15
Ноты для фотошопа, изображение №16

Далее, находясь на слое «Линия 1», зажимаем кнопку SHIFT и кликаем на слое «Линия 5». В результате выделяются все 5 слоёв. Нам нужно разместить все линии на одинаковом расстоянии друг от друга.

Обратим внимание на то, что в новой версии Photoshop появилась усовершенствованная панель «Свойства». На этой панели собраны вместе все настройки активного инструмента. В данный момент на этой панели мы видим настройки для всех 5 слоёв, которые у нас выделены.

Ноты для фотошопа, изображение №17

Если по какой-то причине вы не находите эту панель, открыть ее можно в выпадающем меню «Окно».

Ноты для фотошопа, изображение №18

Давайте разберемся, из чего состоит эта панель.

Первый блок называется «Перспектива», в нём мы можем изменить ширину и высоту объекта, который расположен на выделенном в данную минуту слое. Также мы можем сдвинуть объект по вертикали либо по горизонтали. Еще можно наклонить объект под определённым углом, либо отразить его по горизонтали / вертикали.

Ноты для фотошопа, изображение №19

Следующий блок – «Выделить и распределить». Здесь мы можем настроить местоположение выделенных слоев между собой, либо по отношению к холсту.

Ноты для фотошопа, изображение №20

Последний блок – «Быстрые действия». Когда выделен лишь один слой, мы можем нажатием всего одной кнопки удалить фон либо выделить предмет, находящийся на этом слое.

Ноты для фотошопа, изображение №21

В данный момент нас интересует панель «Выделить и распределить». Нам нужно расставить все слои на одинаковом расстоянии друг от друга между «Линия 1» и «Линия 5».

Нажимаем здесь.

Ноты для фотошопа, изображение №22

Все линии равномерно распределились по вертикали.

Ноты для фотошопа, изображение №23

И пока они все еще выделены, давайте поместим их в папку «Нотный стан».

Ноты для фотошопа, изображение №24

И, чтобы нечаянно не сдвинуть какую-либо линию, закроем папку на замок.

Ноты для фотошопа, изображение №25

Переходим к оформлению текста. Выбираем инструмент «Текст» как на картинке. Шрифт «Appetite», размер букв 60 пт.

Ноты для фотошопа, изображение №26

Вписываем текст приблизительно там, где хотим его видеть. Не страшно, если промахнетесь, в любой момент его можно подвинуть инструментом «Перемещение». Текст сразу пишется на новом слое, с которым мы и будем дальше работать.

Ноты для фотошопа, изображение №27
Ноты для фотошопа, изображение №28

Теперь обращаем внимание на панель свойств инструмента «Текст». В ней блоками собраны настройки практически всего, что можно сделать с текстом.

Ноты для фотошопа, изображение №29

Разберем их чуть подробнее. Блок «Перспектива» позволяет измерить ширину и высоту текстового слоя, развернуть его под нужным углом, сместить вверх/вниз или вправо/влево, а также отразить по горизонтали или вертикали.

Ноты для фотошопа, изображение №30

В блоке «Символ» можно выбрать наименование шрифта, его начертание (полужирное, курсив), размер букв, расстояние между буквами, расстояние между строками, высоту и ширину букв (соотношение в % от обычного начертания), сдвиг букв вверх/вниз по отношению к базовой линии, цвет текста.

Ноты для фотошопа, изображение №31

Настройки блока «Абзац» позволяют выровнять строки по левому и правому краю, по центру либо по ширине. Также позволяет делать отступы и красные строки, расставлять переносы.

Ноты для фотошопа, изображение №32

Блок «Параметры инструмента «Текст» используется редко. В этом блоке мы можем задать написание всего текста заглавными буквами, уменьшение заглавных букв до размера строчных, выставить верхний или нижний регистр знаков, сделать подчёркнутый и зачеркнутый текст и др.

Ноты для фотошопа, изображение №33

Блок «Быстрые действия» позволяет преобразовать текст в кадр или в кривые.

Ноты для фотошопа, изображение №34

Для нашей работы мы воспользуемся «Смещением по отношению к базовой линии» в панели настроек «Символ».

Ноты для фотошопа, изображение №35

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

Ноты для фотошопа, изображение №36

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

Ноты для фотошопа, изображение №37

Мне бросилось в глаза, что в слове НОТКИ расстояние между буквами Н и О чуть ближе, чем между остальными буквами. Сейчас поправим.

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

Ноты для фотошопа, изображение №38

После всех изменений нажимаем ENTER. Готово!

Ноты для фотошопа, изображение №39

Текст написан, сейчас давайте его украсим. Вспомним урок, где мы разбирались со «Стилями».

Открываем панель «Стили». Находим папку «Стили прежней версии и др.», -> «Все стили по умолчанию», -> «Стили по умолчанию». Находим стиль, напоминающий радугу. Кликаем 1 раз - буквы окрашиваются.

Ноты для фотошопа, изображение №40
Ноты для фотошопа, изображение №41

Добавим объем. Для этого дважды кликаем левой мышкой на сером фоне и вызываем окно настроек «Стили».

Ноты для фотошопа, изображение №42

Ставим настройки «Тиснения» как на картинке.

Ноты для фотошопа, изображение №43

Вот что у нас получилось.

Ноты для фотошопа, изображение №44

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

Для этого заходим в панель «Фигуры», находим папку «Фигуры прежней версии и др.», -> «Все фигуры по умолчанию прежней версии», -> «Музыка». Выбираем здесь понравившиеся музыкальные знаки и хаотично размещаем их на картинке.

Ноты для фотошопа, изображение №45
Ноты для фотошопа, изображение №46

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

Ноты для фотошопа, изображение №47
Ноты для фотошопа, изображение №48

Но черные нотки смотрятся скучно. Давайте поэкспериментируем со стилями, заливками и градиентами и раскрасим каждую фигуру. Для изменения цвета фигуры нужно выделить ее инструментом «Перемещение» и кликнуть на миниатюре стиля, заливки или градиента.

Ноты для фотошопа, изображение №49

В принципе, можно оставить и так, но я хочу добавить еще цвета. Для этого разблокирую слой «Фон», кликнув на замочек, и применю к этому слою заливку в виде градиента.

Ноты для фотошопа, изображение №50
Ноты для фотошопа, изображение №51

Урок "Ноты для фотошопа" завершен. Вот такой интересный плакат у нас получился.

notki 1

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

Как говорится, повторенье - мать ученья.

Удачи вам и всего самого наилучшего!

 

 

 БЕСПЛАТНЫЕ РАССЫЛКИ УРОКОВ ВКОНТАКТЕ:

 

          

 

 

Если Вы не хотите пропустить интересные уроки по обработке фотографий в фотошопе - подпишитесь на рассылку.
Форма для подписки находится ниже.


Комментарии  

Анатолий
+1 # Анатолий 27.02.2020 20:02
Спасибо большое! Я даже не догадывался, что так можно манипулировать буквами в одном слове. Понравилось.

Фотографии автора:
Ответить | Ответить с цитатой | Цитировать

Добавить комментарий

Введите Ваше имя, или зарегистрируйтесь на сайте, что бы имя в ответах вставлялось автоматически: это займёт 2 минуты!
После регистрации вы сможете редактировать свои сообщения и не придётся вводить подтверждение.
Для отображения Аватара (вашей картинки) необходимо на ту же почту иметь аккаунт на - Gravatar, это бесплатно.


Прикрепить фотографии