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

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

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

 

 

Помощь сайту

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

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

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

Меценаты

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

Вход на сайт

Профиль

Кто на сайте

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

  • gaevka
  • mukhvasily

 

 

 

 

 

 

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

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

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

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

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

С вами снова Елена Король и мы продолжаем разбираться с нововведениями в программе 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, это бесплатно.


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

Популярные уроки сайта:

Prev Next

Сравнение возможност…

Обработка фотографий в фотошопе

  Сравнение возможностей модуля Camera Raw с возможностями рабочего потока   Продолжение разговора о Raw файлах в рабочем потоке фотошоп мастера. Первая часть находится здесь. В этом уроке мы рассмотрим Adobe Camera Raw для его использования в...

Читать далее

Силуэт гитариста в фо…

Уроки фотошопа коллажи

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

Читать далее

Raw файлы в рабочем пот…

Обработка фотографий в фотошопе

Raw файлы в рабочем потоке фотошоп мастера   Мы с Вами прошли все шаги рабочего потока фотошоп мастера по Дэну Маргулису. Как Вы могли убедиться, это отличная методика коррекции фотографии, приводящая порой к вау...

Читать далее

Как сделать из фото ри…

Обработка фотографий в фотошопе

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

Читать далее

Текстура арбуза в фот…

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

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

Читать далее

Двухцветный портрет в…

Фотошоп уроки эффекты

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

Читать далее

Техника пуантилизм в …

Обработка фотографий в фотошопе

Техника пуантилизм в фотошопе    Всем привет! Сегодня мы будем создавать эффект пуантилизма. Эффект пуантилизма был создан еще в 80-х годах позапрошлого века. Пуантилизм – это техника живописи точками. Точки могут иметь круглую, квадратную...

Читать далее

Возможности рабочего …

Видеоуроки

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

Читать далее

Создание обоев для ра…

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

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

Читать далее

Этапы рабочего потока…

Обработка фотографий в фотошопе

ЭТАПЫ РАБОЧЕГО ПОТОКА ФОТОШОП МАСТЕРА Закончилось рассмотрение этапов рабочего потока фотошоп мастера по Дэну Маргулису. Всего у нас получилось одиннадцать шагов. Как Вы понимаете, совсем не обязательно применять все эти шаги...

Читать далее

Как сделать цепь в фот…

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

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

Читать далее

Как настроить резкост…

Видеоуроки

  Как настроить резкость в фотошопе  В этом уроке мы с Вами освоим еще один интересный метод аккуратного поднятия резкости Вашей фотографии. Он заключается в том, что в цветовом пространстве LAB мы применим...

Читать далее

Абстрактный фон для ф…

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

Абстрактный фон для фотошопа Всем привет! Сегодня в уроке "Абстрактный фон для фотошопа" мы будем рисовать абстрактный вихрь. Сделаем мы это при помощи стандартных фильтров и инструментов фотошоп. Рисовать вихрь мы будем...

Читать далее

Как улучшить резкость…

Видеоуроки

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

Читать далее

Обои капельки росы в ф…

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

Обои капельки росы в фотошопе   Всем привет! Сегодня мы будем рисовать с нуля обои для рабочего стола с капельками росы. Как известно, вода вредна для компьютера или ноутбука и может вызвать их поломку, но...

Читать далее

Как профессионально н…

Обработка фотографий в фотошопе

  Как профессионально настроить резкость Мы переходим к заключительному этапу рабочего потока, а именно к увеличению резкости фотографии. Усиление резкости — наиболее субъективный момент в обработке снимка, который вызывает больше всего разногласий и ее...

Читать далее

Как повысить резкость…

Видеоуроки

  Как повысить резкость в фотошопе   Когда мы с Вами применяем фильтр "Контурная резкость" для увеличения резкости фотографии, резкость применяется ко всей фотографии. В этом уроке мы с Вами создадим такую маску...

Читать далее

Как сделать северное …

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

Как сделать северное сияние в фотошопе Всем привет! Сегодня мы будем рисовать северное сияние. Северное сияние – невероятно красивое явление природы, которое можно назвать одним из чудес света. Сначала мы откроем изображение с горами...

Читать далее

Как в фотошопе добави…

Видеоуроки

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

Читать далее

Повышение резкости в …

Видеоуроки

  Повышение резкости в фотошопе   В фотошопе существует огромное количество методов увеличения резкости фотографии. Одним из самых старых является применение фильтра "Контурная резкость". Этот фильтр лучше использовать в крайних случаях, так как...

Читать далее

Гранжевая рамка

Рамки в фотошопе

Гранжевая рамка   Всем привет! Сегодня мы будем создавать рамку в стиле гранж. В уроке "Гранжевая рамка" мы не только добавим рамку на фотографию, но и тонируем изображение, приблизив его к гранжевому стилю. Сначала мы...

Читать далее

Эффект старения фото

Фотошоп уроки эффекты

 Эффект старения фото Всем привет! Сегодня в уроке "Эффект старения фото" мы будем добавлять эффект сгиба на фотографию. Данный эффект будет хорошо смотреться на ретро фотографиях, но вы можете попробовать применить эффект сгиба...

Читать далее

Светящийся текст в фо…

Уроки фотошопа текст

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

Читать далее

Деформация в фотошопе

Обработка фотографий в фотошопе

Деформация в фотошопе Всем привет! С вами снова Король Елена и мы продолжаем разбирать нововведение в Photoshop 2020. Очень часто любители создания различного рода коллажей сталкиваются с проблемой, когда какой-либо объект (или даже...

Читать далее

Мини-тренинг «PRO резко…

Видеоуроки

Мини-тренинг «PRO резкость» Как поднять резкость фото, даже имея незначительные познания в Photoshop. [icon icon="icon: ellipsis-v" background="transparent" color="#ff1616"]Многие фотошоп мастера (особенно начинающие) думают, что поднятие резкости фотографии - это очень сложный...

Читать далее

Абстрактный фон линия…

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

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

Читать далее

Как рисовать метеорит

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

Как рисовать метеорит Всем привет! Сегодня мы будем с нуля рисовать метеорит. Для того, чтобы нарисовать метеорит, нам понадобятся стандартные фильтры и инструменты фотошоп, а также немного свободного времени. Ну что, поехали? Сначала в...

Читать далее

Соглашение / Оферта
Автор сайта: Накрошаев Олег, Все права защищены Copyright, © 2009-2020