Фотошоп онлайн инструкция для начинающих

Инструкция по работе в полном редакторе фотошоп онлайн

На чтение 7 мин Просмотров 2.2к.
Обновлено 23.03.2023

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

Забегая вперёд, скажу, что для комфортной работе в редакторе надо переключиться на полноэкранный режим. Сделать это можно, пройдя по вкладке главного меню (это горизонтальное меню вверху страницы) Просмотр —> Полноэкранный режим.

Основным инструментом для работы в редакторе Photoshop online является главное меню:

Обзор разделов меню редактора:

? Файл

• Создать новый рисунок: Создается новый файл изображения. При создании надо ввести размеры холста рисунка пикселях, а также выбрать фон рисунка, белый или прозрачный, для этого надо втавить/снять галку у параметра «Прозрачный».
• Открыть изображение: Выбираем и загружаем изображение со своего компьютера.
• Открыть URL изображение: Вводим в открывшееся окошко URL-адрес изображения со стороннего сайта.
• Сохранить: Сохраняем изображение готовое изображение на Ваш компьютер.
• Печать: Выводит изображение на принтер для печати.
• Закрыть: закрывает окно с текущим изображением, если изображение ранее не сохранено, то редактор предложит это сделать
• Вход: Вход на сайт графических библиотек Pixlr Library, где вы можете удалённо сохранить изображение или загрузить, если они у Вас были там загружены ранее.
• Регистрация: Регистрация на сайте графических библиотек Pixlr Library.
• Выйти: Завершение работы с редактором.

? Редактировать

• Отменить: Вернуться на шаг назад, иными словами отменить последнее действие.
• Выполнить повторно: Переместиться на шаг вперёд, отменить отменённый шаг.
• Для помощи в работе с отменой/возвратом действий в правом углу окна есть вкладка «Журнал», кликая по строкам с действиями в этой вкладке можно переместиться или вернуться на несколько действий вперёд и назад, вплоть до начального состояния изображения.
• Вырезать Копировать Очистить Вставить: Эти действия понятны любому пользователю компьютера. Если на изображении есть выделенная область, то действия применяются именно к ней.

• Free Transform: Свободное трансформирование, аналогично одноимённой функции в Фотошопе. Позволяет масштабировать, перемещать, вращать вокруг опорной точки (опорная точка по умолчанию всегда находится в геометрическом центре холста, выглядит вот так: её можно перемещать с помощью мыши). Если на изображении есть выделенная область, то действия трансформации производятся с ней.
• Free Distort: Искажение, соответствует одноимённой функции в Фотошопе. Позволяет произвольно перемещать углы и стороны картинки, наклонять под разными углами и т.п. Также, если на изображении есть выделенная область, то действия трансформации производятся с ней.
• Применить действия Free Transform и Free Distor можно клавишей Enter, отменить — клавишей Esc.
• Выделить всё: создаёт выдленную область на всём холсте.
• Отменить выделенную область: Снимает выделение.
• Инвертировать выделение: Меняет местами выделенную и свободную область.
• Последние три пункта вкладки «Редактировать» пока находятся в разработке.

? Изображение

• Размер изображения: Позволит изменить размеры редактируемого изображения в пикселях по ширине и высоте. Причём, размер может изменяться как с сохранением исходных пропорций, так и без, это зависит от проставленной галки у параметра «Сохранять пропорции».
• Размер холста: Холст — это область, на которой можно рисовать или редактировать изображение. С помощью этой функции его можно увеличивать и уменьшать. При уменьшении часть изображения будет отсечена.
• Пункты Повернуть на 180 градусов, Повернуть на 90 градусов по часовой стрелке и Повернуть на 90 градусов против часовой стрелки понятны без комментариев.
• Отразить по вертикали и Отразить по горизонтали: Зеркально отражают изображение.
• Кадрировать: Обрезка изображения, поле кадрирования задаётся с помощью мыши.

? Слои

Сперва разберёмся, что же такое слои в фотошопе?
Понятие «слой» в фотошопе имеет точно такой же физический смысл как и в жизни — это прослойка или пласт, который является составной частью чего-то целого.
В Фотошопе, как и в других графических редакторах, это крайне полезная и незаменимая вещь, в какой-то степени слои являются основными рабочими инструментами в онлайн Фотошопе. Они позволяют работать с каждым из элементов изображения по отдельности, при этом не затрагивая остальные части изображения. Их можно представить как стопку прозрачных пленок или калек, на каждой из них можно рисовать и если на пленке нет изображения, то сквозь нее можно видеть слои, которые лежат под ней.

Для удобства работы со слоями справа в рабочем окне программы находится вкладки «Слои», она показана на рисунке справа. Активный слой в этой вкладке подсвечен синим. Видимость слоя регламентируется наличием галки справа, для отключения видимости надо снять галку. Слои можно перетаскивать вверх и вниз с помощью мыши. Назначение кнопок внизу панели, слева направо: изменение непрозрачности, включение маски слоя, добавление стилей слоя (внешняя тень, внутренняя тень, скос, внешнее свечение, внутреннее свечение), новый слой, удалить активный слой.

А пока перейдём к пунктам меню «Слои».

• Новый слой: Создаёт новый слой.
• Дублировать слой: Дублирует активный слой и располагает его над активным слоем.
• Удалить слой: Удаляет слой.
• Открыть изображение как слой: Открывает изображение с Вашего компьютера и выводит его в виде слоя, размещая над активным на данный момент слоем.
• Открыть URL изображения как слой и Открыть из библиотеки как слой выполняет такие же действия, как и предыдущий пункт, только изображение берётся со стороннего сайта или онлайн-библиотеки.
• Объединить слои: Объединяет активный слой со слоем, находящимся под ним.
• Объединить видимые слои Объединяет видимые на текущий момент слои документа, во вкладке слоёв они отмечены галкой.
• Переместить слой вверх, Переместить слой вниз Перемещает позицию слоя во вкладке слоёв.
• Стили слоёв Позволят добавлять оформление для слоя, такие как:
  • Отбросить тень
  • Внутренняя тень
  • Скос
  • Внешнее свечение
  • Внутреннее свечение
• Растрировать слой Конвертирует векторные объекты, например текст, в обычное изображение, состоящее из точек.
• Добавить маску слоя, Удалить маску слоя, Применить маску слоя Работа с масками, аналогично маскам слоя в Photochop.

С остальными пунктами Повернуть слой…, Отразить… вроде всё ясно.

? Коррекция

Этот инструмент дает нам возможность изменять яркость и контрастность изображения, его цветовую насыщенность, тональность, также изменять каждый уровень цвета 3-х основных цветов по отдельности.

Еще одна полезная функция, которая называется Автоматические уровни позволит вам сделать автоматическую коррекцию изображения.

Ниже в меню идет ряд опций с заранее настроенными и изменяемыми параметрами. К примеру, они позволяют сделать из фото негатив или применить к изображению фильтр сепия, для того, чтобы фото стало похожим на старую фотографию в светло- или темно- коричневых тонах.
Интересная опция, которая называется Кросс-процесс. Она придает цифровой фотографии вид «фото из 80-х», т.е сделанных плёночной камерой.

? Фильтр

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

? Просмотр

• Приблизить, отдалить Увеличение/уменьшения масштаба отображения рисунка.
• Фактические пиксели Отображение рисунка в реальном размере.
• Показать всё Показ изображения в масштабе по размеру окна.
• Навигатор Отображение/скрытие вкладки навигатора, находящейся в правом верхнем углу окна.
• Слои, Журнал Отображение/скрытие вкладок Слои и Журнал, расположенных в правой части окна.
• Опции Инструментов Отображение/скрытие вкладки с параметрами инструментов, находящейся вверху окна, под главным меню.
• Полноэкранный режим Очень полезная опция. Позволяет расположить рабочее окно редактора по всему окну монитора.
• Изменить место расположения палитры Опция пока находится в разработке.

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

Владелец данного сайта. Графический дизайнер, специалист по Фотошопу с опытом 10+ лет. Также веду канал о графическом дизайне на Ютуб и развиваю тематическое сообщество во ВКонтакте. Связаться со мной можно через комментарии, форму обратной связи или по электронной почте [email protected]

Оцените автора

( 33 оценки, среднее 5 из 5 )

Обновление: Александра Шпак

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

Как читать. Если вы осваиваете Photoshop с нуля, прочитайте руководство целиком, по порядку. При этом прочитанное лучше сразу закреплять на практике — в программе. Если же вы хотите закрыть пробелы в знаниях, находите нужную информацию с помощью оглавления.

В чем преимущество. В этом руководстве, в отличие от видеоуроков, вы быстро найдете нужную информацию с помощью поиска по странице и оглавления. Преимущество, по сравнению с официальным гидом Adobe или профессиональными учебниками, в том, что:

• собрана только самая важная информация,
• текст написан простым языком,
• контент понятно структурирован.

А еще это руководство будет обновляться по мере выхода новых версий Photoshop — следите за датой публикации материала выше, под заголовком.

Что такое Photoshop

Photoshop − это графический редактор для работы с растровыми изображениями. Они состоят из пикселей – квадратиков, которые вы видите при увеличении любой картинки.

Для чего нужен. Photoshop подходит для цветокоррекции и ретуши фотографий, создания коллажей и иллюстраций.

Для чего не подойдет. Для верстки многостраничной печатной продукции и сайтов эта программа не годится, так как перегружает систему. Полиграфию удобнее создавать в InDesign, а веб – в Figma или Sketch. Логотипы, иконки и все, что в дальнейшем нужно будет масштабировать, лучше рисовать в программах, предназначенных для работы с вектором. Созданные в них изображения сохраняют качество, так как не состоят из пикселей, а являются неделимыми фигурами (до сохранения в jpeg или растрирования).

Настройки перед началом работы

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

Интерфейс

При желании можно выбрать один из четырех цветов интерфейса (возле цифры 1 на изображении ниже (далее будем использовать просто цифру в скобках)). Для этого зайдите в настройки интерфейса, в меню «Редактирование». Там выберите светло-серый фон, если важна точность цветов на картинке. Если вы используете Mac, то зайдите в меню «Photoshop», далее в «Настройки», в выпадающем меню выберите пункт «Интерфейс». Слишком темное или светлое окружение будет искажать восприятие цветов. По сравнению с черным интерфейсом, изображения будут казаться светлее и насыщеннее, а по сравнению с белым – наоборот. К тому же, выбрав светло-серый, вы будете читать темный шрифт на светлом фоне – это привычнее, чем на выворотке.

По той же причине стоит выбрать средний серый цвет заливки окрестностей вокруг картинки (2). Серый не будет мешать правильному восприятию цветов.

Выберите внешний вид интерфейса

Производительность

Определитесь, сколько места предоставить Photoshop. Сделать это можно в том же окне, в разделе «Производительность». Для нормальной работы достаточно 8 Гб. Но не отдавайте под него все место – оставьте 10-20 % для других программ.

Когда места для работы не хватает, временно ненужная информация сбрасывается на жесткий диск и подгружается при необходимости. Если она будет сбрасываться на системный диск (в большинстве случаев это диск «C»), то работоспособность программы может снижаться. Поэтому в разделе «Временные диски» убедитесь, что у вас выбран не диск «C». Если у вас есть SSD, то лучше поставить его – программа будет работать быстрее.

Отведите на работу Photoshop побольше места и выберите несистемный диск для сброса информации

Курсоры

Инструменты в Photoshop делятся на два вида: для рисования и все остальные. Перейдите во вкладку «Курсоры». Для первого вида выберите «Нормальный кончик кисти» (1). При этом будет отображаться кружок, определяющий границы мазка – это наиболее естественное представление о кисти.

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

Выберите отображение курсора

Отображение инструментов

Некоторыми командами вы пользоваться не будете. В разделе «Меню», находящемся в пункте «Редактирование», их можно выключить, чтобы не отвлекали. Для этого уберите значок глазика с ненужных команд. Те же, которыми вы будете пользоваться чаще всего, например, «Сохранить» или «Открыть», пометьте цветом, чтобы их было легче находить. Если отключенная операция вдруг понадобится, вы можете выбрать внизу любого пункта «Показывать все пункты меню». Вернуть настройки по умолчанию можно в этом же окне.

Скройте ненужные команды и выделите наиболее востребованные

Единицы измерения

В разделе «Единицы измерения и линейки» поставьте привычные вам миллиметры вместо дюймов.

Выберите привычные единицы измерения

Комбинации

В пункте «Редактирование» зайдите в раздел «Меню» и перейдите во вкладку «Клавиатурные сокращения». Напротив большинства команд стоят комбинации клавиш, которыми они вызываются. Их можно переназначить, кликнув на существующее назначение, или задать, если оно отсутствует. С помощью комбинаций горячих клавиш можно вызывать команды гораздо быстрее, чем методом поиска в меню. Поэтому выучите те, которыми пользуетесь наиболее часто – это существенно сэкономит время. Чтобы первое время было проще, распечатайте наиболее популярные комбинации горячих клавиш и подглядывайте в эту шпаргалку при необходимости.

Пользуйтесь клавиатурными сокращениями

Обзор программы

Основная проблема при работе с Photoshop − найти нужный инструмент или команду. Но если знать, что и где искать, работать будет гораздо быстрее и приятнее. Чтобы свободно ориентироваться в программе, разберем три основных органа управления.

Основные органы управления Photoshop

Основное меню

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

Файл. В пункте «Файл» собраны все опции, отвечающие за взаимодействие программы с внешним миром: «Сохранить», «Открыть изображение», «Экспортировать», «Распечатать» и т.д.

Редактирование. Здесь сгруппированы команды, которым не нашлось места в других пунктах. Например, «Отменить», «Повторить», «Трансформирование слоя», а еще «Меню», «Настройки» и «Клавиатурные сокращения».

Изображение. Сюда собраны команды для коррекции изображений. Здесь можно изменить размер, яркость или подкорректировать цвета.

Слои. Так как основная работа в Photoshop связана именно со слоями, это самое большое ниспадающее меню. В нем собраны все команды, касающиеся слоев.

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

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

Фильтры. Здесь находится набор фильтров, которые можно накладывать на изображения. Если существующих покажется мало, дополнительные фильтры можно найти в интернете.

3D. Photoshop умеет создавать несложные 3D-модели и обрабатывать созданные в других программах. Например, в 3ds Max. Функциональность простая: можно вращать модели, натягивать на них поверхности, освещать с разных сторон. Учтите, что работа в этом режиме перегружает память, отчего Photoshop может подвисать. Для 3D существуют более подходящие программы. Поэтому не будем в этой статье касаться данного пункта.

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

Окно. В этом пункте сгруппированы команды для работы с окнами. Отсюда можно вызвать любое окно и менять отображение открытых в программе картинок: показывать их во вкладках или одновременно выводить на экран.

Окна

Где находятся и как добавлять. Собраны они в правой части экрана. Включаются в пункте «Окно», который находится в основном меню.

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

Как расставлять. Включив окно в основном меню, вы увидите его в отдельной вкладке. Его можно сворачивать, растягивать и сжимать.

Сворачивайте и меняйте размер

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

Связывайте

Объединяйте

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

Сгруппируйте нужные окна на правой панели

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

К сохраненной среде можно вернуться, выбрав ее в том же вложенном меню и нажав «Сбросить».

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

Инструменты и опции

Панель инструментов находится слева (1). Сюда собраны все инструменты ручного редактирования. Выбрав один из инструментов, вы увидите его настройки на панели «Опции» (2), находящейся под основным меню. Большинство иконок на панели содержат вложенные инструменты со схожими функциями (3), например, вместе с «Кистью» находится «Микс-кисть» и «Карандаш». Чтобы их вызвать, кликните правой мышью по иконке.

Панель инструментов в Photoshop

Навигация

Открытие изображения

Чтобы открыть изображение, в пункте «Файл» нажмите «Открыть» и выберите картинку на компьютере или воспользуйтесь сокращением «Ctrl+O» (На Mac: «Cmd+O»). Во вложенном меню «Последние документы» находятся картинки, которые вы недавно открывали. Их количество можно увеличить в настройках, выбрав больший период запоминания.

Откройте файл для работы

Изменение масштаба

Масштаб изображения изменяется четырьмя основными способами:

1. С помощью команд в пункте «Просмотр».
2. Колесиком мыши при зажатой клавише Alt (кнопка Option на Mac).
3. Комбинациями «Ctrl -» и «Ctrl +» (на Mac: «Cmd -» и «Cmd +».
4. В окне «Навигатор».

Если нужно быстро вернуться к общему виду, нажмите «Ctrl + 0» (на Mac «Cmd + 0») − изображение займет всю рабочую область.

Также масштабировать можно с помощью «Увеличительного стекла», которое вызывается из панели инструментов либо с помощью модификатора «Ctrl + пробел» (на Mac: «Cmd + пробел»). Отличие модификаторов от клавиатурных сокращений заключается в том, что они не выполняют какую-либо команду, а временно меняют назначение курсора.

Масштабируйте работу горячими клавишами

Перемещение по изображению

Быстро перемещаться по увеличенному изображению поможет инструмент «Рука». Для этого зажмите пробел и передвигайтесь с помощью мыши. Это самый удобный способ. Также для этого можно использовать окно «Навигатор» и полосы прокрутки, появляющиеся внизу и справа при приближении.

Перемещайтесь по картинке с помощью «Руки» − так быстрее

Отмена и возврат действий

Чтобы быстро отменить действие, нажмите «Ctrl + Z» (на Mac «Cmd + Z»), а при повторном нажатии комбинация вернет внесенное до этого изменение. Чтобы переключиться на несколько шагов назад, используйте сокращение «Alt + Ctrl + Z» (на Mac «Option + Cmd + Z») , вперед – «Shift + Ctrl + Z» (на Mac «Shift + Cmd + Z»). Вернуться сразу на много действий можно в окне «История».

«Alt + Ctrl + Z» − несколько шагов назад, «Shift + Ctrl + Z» − несколько шагов вперед

Окно «История» − сразу вернуться на много действий

Размеры и разрешение

Размер изображения

Чтобы редактировать размер и разрешение, в пункте «Изображение» выберите «Размер изображения» и задайте нужную ширину и высоту(1). Чтобы картинка менялась пропорционально при изменении одной из сторон, нажмите на иконку цепочки (2). А если хотите с размерами менять и разрешение (3), то снимите галочку с пункта «Ресамплинг» (4).

Меняйте размер и разрешение в окне «Размер изображения»

Рамка

С помощью инструмента «Рамка» можно добавлять фон, обрезать или наклонять картинку. Если нужно обрезать ее до конкретных размеров, введите их в специальные поля на панели «Опции» или выберите в контекстном меню, всплывающем по правому клику на изображение.

Используйте «Рамку», чтобы расширить или обрезать края картинки

Если нужно растянуть фон с учетом содержимого, в «Опциях» нажмите на соответствующую иконку.

Добавьте фон с помощью «Рамки»

Создание изображений для соцсетей: размеры, вотермарки, инструменты, примеры

Слои

Работа в Photoshop похожа на создание аппликаций, только вместо слоев бумаги в нем используются виртуальные слои. Благодаря им вы можете удалять, редактировать, передвигать отдельные объекты или участки изображения, а также точечно на них воздействовать, не боясь задеть другие картинки на прочих слоях.

Окно «Слои»

Действия со слоями

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

Создать. Создавайте новый слой каждый раз, когда совершаете новое действие с фотографией. Для этого либо нажмите на иконку (2) внизу окна, либо выберите команду в пункте «Слои», либо воспользуйтесь комбинацией «Ctrl + Shift + N» (на Mac «Cmd + Shift + N»).

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

Удалить. Удалить слой можно при помощи кнопки Delete в контекстном меню, которое вызывается кликом правой мыши по слою, либо перенеся его на значок корзины (3).

Переместить. Чтобы подвинуть слой в плоскости картинки, используйте инструмент «Перемещение».

Поменять порядок. Перетащите слой с помощью мыши.

Меняйте слои местами с помощью левой кнопки мыши

Скопировать. Чтобы скопировать слой, воспользуйтесь быстрыми клавишами «Ctrl + J» (на Mac «Cmd + J») или перетащите его на иконку создания нового слоя (2). Если неудобно лезть в окно со слоями, выберите инструмент «Перемещение», зажмите Alt (на Mac — Option) и перетащите слой с картинки в сторону с помощью мыши.

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

Сделать прозрачным. Регулировать прозрачность слоя (9) можно с помощью двух полей: «Непрозрачность» и «Заливка». «Непрозрачность» регулирует слой вместе с наложенными на него эффектами. А «Заливка» − непосредственно сам слой. Например, уменьшая показатель в заливке, тень или обводка, наложенные на слой, будут оставаться без изменений.

«Заливка» отвечает за слой без эффектов, «Непрозрачность» − за весь

Объединить. Слои удобно объединять, когда они относятся к одному объекту на картинке, и если изменять их по отдельности вы больше не собираетесь. Чтобы объединить, выделите нужные, правым кликом по слоям вызовите контекстное меню и нажмите «Объединить». А чтобы связать слои временно, нажмите «Связать».

Залить цветом. Выберите нужные цвета на панели инструментов, возьмите инструмент «Заливка» и нажмите «Alt + Backspace» (на Мас «Option + Backspace»), чтобы залить основным цветом, или «Ctrl + Backspace» (на Mac «Cmd + Backspace»), чтобы залить фоновым.

Деформировать. Нажмите «Ctrl + T» (на Мас «Cmd + T»), чтобы трансформировать слой. Правым щелчком мыши вызовите контекстное меню и выберите один из четырнадцати способов деформации. С помощью мыши изменяйте его размер, перемещайте и искажайте. Если хотите, чтобы слой сохранял пропорции при уменьшении или увеличении, зажмите Shift.

Наложить эффекты. Правым кликом мыши по слою вызовите меню и выберите «Параметры наложения». В этом окне можно задать обводку и тени, создать тиснение, наложить градиент или свечение. Чтобы включить эффект, поставьте галочку напротив его названия. Чтобы изменить его параметры − кликните по названию эффекта. Если рядом с названием есть значок плюсика, значит эффект можно дублировать: на один слой наложить несколько одинаковых эффектов с разными настройками. Например, это полезно, когда нужно сделать несколько теней для одного объекта, который освещается несколькими источниками света. Также эффекты можно включить и через меню, скрывающееся за иконкой fx (4) − оно полностью дублирует «Параметры наложения».

Накладывайте эффекты на слои в «Параметрах наложения»

Изменить режим наложения. Photoshop позволяет выбирать, как будет накладываться верхний слой по отношению к нижнему. Для этого в окне со слоями существует поле «Режимы наложения» (8). Эти режимы делают изображение прозрачным, более контрастным или просвечивающими в определенных тонах.

Эта функция дает возможность добиваться наложения любых эффектов или фильтров на верхний слой, меняя нижний. А рисуя кистью в одном из параметров, можно создавать свет, тени и блики. Для наложения тени выберите режим «Умножение», «пипеткой» возьмите образец цвета предмета, на котором должна быть тень, уменьшите непрозрачность и жесткость кисти − она будет рисовать мазками похожими на тень. Чтобы наложить свет, рисуйте кистью в режиме «Экран». Для бликов используйте «Мягкий свет» и белую кисть.

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

Наложить маску. «Встаньте» на нужный слой и нажмите на иконку, похожую на японский флаг (5). Рядом со слоем появится его маска. Теперь черной кистью можно скрыть часть слоя в маске, а белой – вернуть обратно. Если вырезать область или стереть ее с помощью «Стерки», то это действие можно будет вернуть только отменой.

Наложите маску, чтобы спрятать часть слоя

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

Закрепить. Закрепите слой, если хотите, чтобы ни одно действие с картинкой его не коснулось. Для этого «встаньте» на нужный слой и нажмите на иконку с замочком (7). Вы не сможете его двигать, перемещать, рисовать на нем или накладывать эффекты – для программы он будет неприкосновенен.

Виды слоев

Обычный растровый слой. Это просто элемент изображения, находящийся на отдельном слое. Его можно редактировать и проделывать с ним все, что описано выше.

Фоновый. Самый нижний закрепленный слой (с замочком). Его можно сделать обычным, сняв замочек по клику. Также любой слой можно сделать фоновым, переместив в самый низ и закрепив.

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

Корректирующий. Это прозрачный слой, не являющийся каким-либо эффектом. Он накладывается поверх обычного слоя, выполняя функцию цветного стекла, помещенного над картинкой. Чтобы его создать, нажмите на иконку, похожую на «Инь-ян» (6), и выберите слой с нужным видом коррекции. Он нужен для создания фильтров и цветокоррекции (подробнее об этом в следующем разделе).

Смарт-объект. Превратите растровый слой в смарт-объект (или наоборот) в контекстном меню слоя. После этого он как бы пакуется в папку. Чтобы воздействовать на слой, кликните по нему дважды. Он откроется отдельно в новой вкладке в Photoshop. После изменений в слое сохраните их с помощью сочетания клавиш «Ctrl + S» (на Мас «Cmd + S»), чтобы они вступили в силу на основном изображении. Это удобно, когда требуется более детальная работа с областью. Например, при создании мокапов.

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

Редактируйте смарт-слой в отдельной вкладке, например, для создания мокапа

Цветокоррекция

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

Все настройки цветокоррекции есть в пункте «Изображение». Но, по возможности, пользуйтесь корректирующими слоями. Они накладывают коррекцию отдельным слоем, который удобно скрывать и редактировать (как создавать корректирующие слои – в разделе «Слои»).

Кривая

Что такое кривая. Вызвав инструмент «Кривые», вы видите график. На оси X показывается яркость: от самого темного участка к самому светлому, слева направо. На оси Y показывается количество пикселей на картинке, соответствующих яркости по оси X.

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

1. По яркости. Чем ярче область на фотографии, тем ближе она к правому краю графика.
2. По соотношению площади участка к высоте пиков на графике. Если на фото есть большой темный участок, скорее всего, он относится к пику слева.
3. По ширине столбца. Ширина столбца говорит о количестве пикселей одной яркости. Пики графиков соответствуют однородным по яркости областям, равнины − областям с большим разбросом.

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

Определите, как график соотносится с картинкой

Как кривая меняет картинку. Есть четыре базовых правила, описывающих работу кривой:

1. Если кривая проходит ниже − фотография затемняется (чем ниже, тем сильнее).

1. Если выше − наоборот становиться светлее.

Что происходит, если выше

1. Если кривую круто изогнуть в виде буквы S, то темные участки станут еще темнее, светлые − светлее. Чем круче кривая, тем больше контраст.

Иллюстрация влияния кривой в виде буквы S

1. Если S-образную кривую изогнуть в другую сторону, то фото станет менее контрастным. Чем больше степень изгиба, тем меньше контраст.

Так меняется контраст

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

Меняйте только определенные участки фотографии с помощью опорных точек

Полноконтрастность фотографии. Открывая график с кривой на некоторых изображениях, видно, что пиксели занимают не всю ось X: крайние правый и левый участки графика остаются пустыми. Это значит, что фотография не полноконтрастная: недостаточно насыщенная, блеклая. Чтобы это исправить, приведите ее к полноконтрастному виду. Для этого:

1. Найдите самую черную точку на картинке. Зажмите Alt и двигайте левый ползунок вдоль оси X вправо, пока не появится самый темный участок. Затем возьмите пипетку для установки точки черного и кликните по этому участку.
2. Также найдите самую белую точку, только теперь передвигая правый ползунок влево. Выберите пипетку для установки точки белого и кликните на самую светлую область.

Сделайте фотографию полноконтрастной для придания глубины фотографии

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

Уберите лишние оттенки в цветовых каналах

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

Цветовой тон и насыщенность

Выбрав «Цветовой тон/Насыщенность», в окне вы увидите три шкалы: «Цветовой тон», «Насыщенность» и «Яркость». Изменения, вызванные в цветах перемещением ползунков на любой из шкал, будут отображаться на самой нижней полоске (1). Полоса над ней показывает изначальные цвета для сравнения.

«Цветовой тон» (2) позволяет смещать цвета по цветовому кругу. С помощью него можно перекрасить любой одноцветный участок на снимке.

Ползунок насыщенности (3) изменяет фото от черно-белого до кислотно-цветного.

Регулировка яркости (4) позволяет затемнять и осветлять фотографию.

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

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

Все настраиваемые элементы

Настройте цветовой тон и насыщенность

Сочность

Чтобы увеличить насыщенность цветов, используйте инструмент «Сочность».

Придайте картинке сочность

Цветовой баланс

В свойствах этого инструмента – три регулятора (1). При смещении ползунка к определенному цвету изменяются тона на фотографии. Переместили в сторону желтого − картинка желтеет. К красному − краснеет. Причем в поле (2), которое над ползунками, можно выбирать, в каких тонах изменять цвета: в тенях, светах или средних тонах. Но цвет на тона накладывается очень неточно, захватывая почти весь спектр. Поэтому для коррекции этот инструмент не подойдет. Он понадобится для стилизации и тонировки, например, чтобы наложить какой-нибудь оттенок на фото.

Регуляторы цветбаланса

Наложите цветной фильтр на изображение для стилизации фотографии

Тени и свет

Этого инструмента нет в корректирующих слоях. Чтобы его выбрать, зайдите в пункт «Изображение» и в выпадающем меню «Коррекция» выберите вкладку «Тени / Света». С помощью этого инструмента отдельно затемняйте и осветляйте темные (1) и светлые (2) области. В настройках каждой из них существует три шкалы: «Эффект» (3), «Тон» (4) и «Радиус» (5). «Тон» отвечает за затемнение и осветление. «Радиус» − за растушевку света или тени. «Эффект» − за прозрачность эффекта, вызванного двумя предыдущими настройками.

Здесь можно настраивать тени и свет

Настройте темные и светлые области

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

Выделение

Сделать коллаж, удалить или переместить объект, наложить эффект на часть картинки… − без выделений в Photoshop не обойтись. Поэтому инструментов и способов выделения в нем много. Рассмотрим основные восемь из них.

Области

Инструмент «Области» выделяет с помощью фигур: овалов, прямоугольников, линий. Им удобно быстро выделять объекты на однородном фоне, геометрически простую фигуру или когда с предметом можно захватить немного фона.

Выделяйте с помощью областей предметы на однородном фоне

Лассо

Есть три вида лассо: «Обычное», «Прямолинейное» и «Магнитное». «Обычным» очерчивайте произвольный участок, будто в руках карандаш или кисть. «Прямолинейным» выделяйте линиями: с помощью него можно обвести геометрическую фигуру любой формы. «Магнитным» выделяйте по границе любого предмета: при обведении выделение будет липнуть к его контуру. Им удобно обводить сложные объекты на однородном фоне. Если фон сложный, «Магнитное лассо» может неправильно распознать границы предмета, соответственно, неправильно выделить.

«Магнитным лассо» выделяете, когда нужно точно обвести предмет на однородном фоне

Волшебная палочка

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

«Волшебной палочкой» выделяйте однородные по цвету области

Быстрое выделение

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

«Быстрым выделением» выделяйте и корректируйте однородные участки

Выделение цвета

Инструмент «Цветовой диапазон» находится в пункте «Выделения» в меню. Он позволяет выделить участки на фотографии по цвету. Для этого с помощью курсора выберите нужный цвет. Пипеткой с плюсом дополнительно добавляйте оттенки, с минусом − удаляйте. Чтобы увеличить или уменьшить разброс допустимых цветов для выделения, переставляйте ползунок на шкале «Разброс». Также можно выделять цвета не на всей фотографии, а лишь в диапазоне. Для этого поставьте галочку напротив «Локализованные наборы цветов» и отрегулируйте площадь выделения на шкале «Диапазон». Таким способом можно выделять сложные объекты типа травы или деревьев, которые сильно отличаются по оттенкам и разбросаны по картинке.

С помощью инструмента «Цветовой диапазон» выделите нужные цвета

Перо

«Перо» (P) − это не прямой инструмент выделения. С помощью пера создайте «Фигуру» или «Контур» (выбирается в опциях инструмента), а после – выделите.

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

Есть три вида пера: «Обычное», «Свободное» и «Перо кривизны». «Обычное» обводит прямыми линиями. «Свободное» очерчивает область как карандаш. «Перо кривизны» скругляет все узлы, делая их плавными. Чтобы переключиться между ними, кликните правой кнопкой мыши по иконке «Пера» и выберите нужный вид.

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

Также на опорные точки можно воздействовать инструментом «Выделение узла». По клику на точку появляется что-то вроде усиков или рычажков. Они позволяют более гибко изменять фигуру.

Если нужно плавно и точно выделить предмет сложной формы, воспользуйтесь «Пером»

Быстрая маска

«Быстрая маска» дает возможность тонко редактировать границы и прозрачность выделения с помощью кисти. Для ее наложения нажмите на значок в самом низу панели инструментов. С помощью «Быстрой маски» можно создавать выделение с нуля либо работать с уже выделенной областью. В этом режиме черная кисть добавляет участок к выделению, белая − удаляет. Для создания разной прозрачности выделений используйте разные оттенки серого: чем светлей − тем прозрачнее. Чем меньше прозрачность выделения, тем слабее будет проявляться эффект, наложенный на изображение. Это пригодится для цветокоррекции, например, когда некоторые участки нужно затемнить меньше, чем остальные.

Создавайте, редактируйте и меняйте прозрачность выделения с помощью «Быстрой маски»

Что делать с выделенными областями

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

Деформируйте выделение

Менять режимы наложения. В опциях большинства инструментов выделения можно выбрать один из четырех режимов наложения. Первый режим: создавая новое выделение, старое исчезает. Второй (Shift): выделения накладываются друг на друга. Третий (Alt или Option): выделение перекрывает предыдущее. Четвертый (Shift + Alt или Shift + Option): при наложении одного на другое, остается выделенной только область их пересечения.

Создавайте сложные выделения, меняя режимы наложения

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

Модифицируйте края выделения

Выделить смежные пиксели. Добавьте к существующему выделению участки, окрашенные примерно в тот же цвет. Сделать это можно с помощью команды «Смежные пикселы» в пункте «Выделение».

Выделите пиксели, окрашенные примерно в тот же цвет

Сделать инверсию. Кликните на выделение правой кнопкой мыши, затем в контекстном меню выберите «Инверсия выделенной области». Все, что было не выделено, выделится вместо изначальной области.

Инвертируйте выделение

Переместить. Выделите область и нажмите «Ctrl + T» (на Mac «Cmd + T») или «Трансформировать выделенную область» в контекстном меню. Теперь участок можно двигать и изменять его размер.

Скопировать или вырезать. Выделите область и нажмите «Ctrl + C» (на Мас «Cmd + C») или «Ctrl + X» (на Мас «Cmd+ X»), чтобы скопировать или вырезать. А затем − «Ctrl + V» (на Мас «Cmd + V»), чтобы вставить участок на новый слой.

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

Залейте выделенную область цветом

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

Текст

Как написать

Вызовите инструмент «Текст» (T), кликните левой мышью по изображению или выделите участок и начните писать. Когда закончите редактировать, нажмите Enter, чтобы сохранить результат или ESC, чтобы отменить. Измените написанное, кликнув левой кнопкой мыши по тексту, или переместите (при этом в руках должен быть инструмент «Текст»).

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

Настройте типографику в окнах «Абзац», «Символ» и «Глифы». Если их нет на правой панели, вызовите в пункте «Окно».

Символы. В окне «Символ» выберите шрифт (1) и его начертание (2). Настройте размер шрифта (3), межбуквенное (4) и межстрочное расстояние (5). Выберите цвет (7). В декоративных целях шрифт можно растянуть по ширине или высоте (6) − этой функцией пользуйтесь с осторожностью, сохраняйте читаемость. В настройках ниже (8) можно изменить регистр, подчеркнуть или зачеркнуть текст.

Настройте текст в окне «Символ»

Абзацы. В окне абзац регулируются настройки, связанные с абзацем: выравнивание (1), отступы (2) и переносы (3).

Укажите, как выровнять текст, настройте отступы и переносы в окне «Абзац»

Глифы. В окне «Глифы» находятся спецсимволы, знаки пунктуации и смайлики.

Дополнительные символы выберите в окне «Глифы»

Сохранение настроек. Если планируете тиражировать текст с одинаковыми настройками, сохраните их — не настраивайте каждый раз по новой. В окне «Стили абзацев» сохраните настройки, связанные с абзацами, нажав «Создать новый стиль абзаца». В «Стилях символов» − с помощью команды «Создать новый стиль символов». Чтобы применить сохраненный стиль к тексту, выделите текст и укажите нужный стиль в тех же окнах.

Действия с текстом

С текстовым слоем можно проделывать все то же, что и с обычным (подробнее в разделе «Слои») плюс еще несколько действий.

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

Создавайте композиции из текста с помощью «Деформации»

Написать по контуру или вписать в фигуру. Создайте фигуру любой формы (подробнее в разделе «Фигуры»). Чтобы вписать текст в фигуру, выберите инструмент «Текст» и кликните по ее области. Чтобы писать по контуру фигуры, нажмите на ее границу.

Вписывайте текст в фигуру или пишите по ее контуру

Как выбрать и использовать шрифт: 10 советов

Цвета и градиенты

В этом разделе поговорим о том, где брать цвета, как выбрать оттенок, сохранять свои образцы, накладывать и настраивать градиент.

Окна для работы с цветом

Основной и фоновый цвета

В Photoshop есть основной и фоновый цвет (1). Находятся они на панели инструментов. Основной цвет нужен для рисования, заливки, обводки, стирания слоя в режиме маски. Фоновый − для заполнения стираемых областей, восстановления слоя в режиме маски и обводки фигуры.

По умолчанию в качестве основного и фонового цветов используются черный и белый. Чтобы к ним вернуться, кликните по их иконке (7).

Как выбрать цвет

Скопировать с изображения. Выберите инструмент «Пипетка» (5) и кликните на тот цвет, который хотите выбрать. В опциях инструмента, в поле «Размер образца», изначально выбран пункт «Точка». Применив «Пипетку», вы скопируете цвет пикселя, на который попали курсором. Этот цвет может сильно отличаться от того, который вы видите. Поэтому поменяйте настройку в поле «Размер образца» на «Среднее 5 x 5». Пипетка будет копировать средний цвет области, состоящей из 25 пикселей.

В палитре. Два раза щелкните по иконке с основным или фоновым цветом для вызова палитры цветов. Чтобы добиться нужного оттенка, в открывшемся окне перемещайте курсор на поле (2) и отрегулируйте ползунок на шкале справа.

С помощью кода цвета. Если известно точное значение цвета, введите его в соответствующее поле (3).

Найти код нужного оттенка можно на сайте color.adobe.com. Найдите цвет по ключевым словам. Допустим, если вам нужен цвет, чтобы нарисовать огонь, введите fire в строку поиска. Найдя нужный, нажмите «Редактировать копию» и скопируйте число из поля HEX.

Ищите нужные цвета на сайте Adobe

Из библиотеки цветов (4). Здесь цвета из цветового круга разложены на шкале. Кликните на ее участок и выберите нужный оттенок с помощью цветовых образцов слева.

Из образцов. Откройте окно «Образцы» (6) и выберите один из предложенных вариантов или последних используемых − они отображаются на самой верхней полоске. Сохраняйте сюда свои цвета или загружайте, скачанные с color.adobe.com.

Как наложить градиент

Градиент можно создать двумя способами. Первый: выберите инструмент «Градиент» (1), зажмите левую кнопку мыши и потяните ее в нужном направлении. После наложения эффекта на слой отредактировать его будет нельзя − только накладывать новый или отменять действие.

Растяните градиент в нужном направлении

Второй способ: нажмите на нужный слой правой кнопкой мыши, выберите «Параметры наложения» и перейдите во вкладку «Наложение градиента» (2). Градиент, наложенный таким способом, будет отображаться как эффект в окне «Слои». Его можно скрыть, в любой момент отредактировать или наложить еще один поверх. Поэтому пользуйтесь этим вариантом.

Накладывайте градиент через «Параметры наложения»

В настройках выберите режим (3), стиль (6) (расположение цветов в градиенте относительно друг друга) и угол (7) наложения градиента. Отрегулируйте непрозрачность (4) и масштаб (8). Кстати, чем больше масштаб, тем больше рассеяна граница цветов. Кликните на поле «Градиент» (5) и в открывшемся окне настройте цвета, их соотношение и прозрачность.

Отредактируйте параметры градиента

Выберите один из готовых (9) или создайте свой с помощью шкалы (10). На ней нижние ползунки (11) отвечают за цвет и его долю в градиенте. Верхние (12) − за непрозрачность. Для добавления нового ползунка кликните на границу шкалы или перенесите ползунок за границу, чтобы удалить.

Кисти

Выберите нужный цвет (подробнее — в разделе «Цвета и градиенты»), инструмент «Кисть» (1), и можно рисовать. Читайте дальше, и узнаете, как менять форму кисти, ее размер, прозрачность, границы мазка и другие настройки.

Настройки

«Кисть» настраивается с помощью двух органов управления: в опциях инструмента (та панель, что ниже основного меню) и в окне «Настройки кисти».

Настройки и опции кисти

Настройки. В окне «Настройки кисти» настраивайте форму (8) и размер (10) (размер удобнее регулировать клавишами «[»− уменьшить, «]» − увеличить), жесткость мазка (11) и интервалы между отпечатками кисти (13). Меняйте угол наклона мазка (12). Выбирайте эффекты (9): изменение формы отпечатков, их наклона и границ, наложение шума и текстур на мазок. При этом смотрите, как будет меняться кисть в окне, предназначенном для демонстрации мазка (14).

Опции. Половина настроек в «Опциях» дублируется из «Настроек кисти».

Набор кистей. За иконкой с формой кисти (2) скрываются уже знакомые нам настройки. Интересен в этом окне только большой набор кистей.

Режимы наложения. Такие же, как и у обычного слоя.

Непрозрачность (3). Делает мазок более или менее прозрачным.

Нажатие (4). То же, что и «Непрозрачность». Отличие будет заметно, если снизить показатель нажатия и провести кистью несколько раз в одном и том же месте. Этот участок с каждым мазком будет закрашиваться все сильнее. А при сниженной непрозрачности мазки не будут накладываться друг на друга.

Сделайте мазок прозрачнее в поле «Непрозрачность» или «Нажатие»

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

Настройте плавность линий

Симметрия. Чтобы включить функцию симметрии, нужно нажать на значок бабочки на панели «Параметры». Там вы сможете выбрать один из доступных типов симметрии: вертикальная, горизонтальная, двухосевая, диагональная, волнистая, круговая, спиральная, параллельные линии, радиальная или мандала.

Создавайте красивые узоры или паттерны с помощью симметрии

Создание своей кисти

Создайте свою форму кисти. Для этого откройте изображение, которое хотите сделать кистью, перейдите в пункт «Редактирование» и нажмите «Определить кисть»: вся картинка запомнится как кисть. Если нужно запомнить определенный участок, перед тем как нажать «Определить кисть», выделите его любым инструментом. После сохранения новая кисть появится в наборах.

Создавайте свои отпечатки для кистей

Фигуры

Создание

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

В наборе есть шесть фигур: «Прямоугольник», «Прямоугольник со скругленными углами», «Эллипс», «Линия», «Многоугольник» и «Произвольная фигура». Если с первыми четырьмя все понятно, разберем две последние.

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

Выберите количество сторон и нарисуйте многоугольник

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

Выберите один из шаблонов в «Произвольной фигуре»

Деформация

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

Деформируйте фигуры, чтобы создавать разные формы

Настройки фигур

Изменяйте фигуру и ее расположение на панели с опциями

Настраивается фигура в опциях инструмента и в окне «Свойства». Выберите, каким цветом (1) или градиентом ее залить, какого цвета (2), толщины (3), типа (4) (прямая или пунктирная) будет обводка. В полях «ширина» и «высота» задайте размеры в пикселях (5). Выберите, как фигуры будут накладываться друг на друга (6). Выровняйте фигуру относительно фотографии (7). Переместите слой с фигурой на нужное место относительно других слоев (8).

Удаление и перемещение элементов

С помощью инструментов коррекции удаляйте с изображения объекты, людей, тексты или водяные знаки. Я выделил пять, на мой взгляд, наиболее удобных инструментов коррекции: «Штамп», «Восстанавливающая кисть», «Заплатка», «Перемещение с учетом содержимого» и «Волшебный ластик».

Штамп

«Штамп» (S) позволяет скопировать участок изображения и добавить его в другую область. Выберите инструмент, зажмите Alt (на Мас — Option) и обведите, какой участок следует скопировать. Опции «Штампа» похожи на опции «Кисти»: размер курсора, форма, жесткость, прозрачность, нажатие.

Перенесите «Штампом» фрагмент картинки в другое место

Восстанавливающие кисти

Восстанавливающих кистей существует два вида: «Обычная» и «Точечная». «Обычная» восстанавливает с учетом выбранной области. «Точечная» восстанавливает закрашенную область с учетом ее фона.

Удаляйте ненужные фрагменты с помощью восстанавливающих кистей

Заплатка

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

Выделите область на фото и с помощью «Заплатки» замените ее соседней

Перемещение с учетом содержимого

Выделите нужный объект, перенесите в другое место и нажмите Enter. Область, откуда был вырезан этот объект, автоматически заполнится с учетом фона. Как и предыдущий инструмент «Перемещение с учетом содержимого» работает с любыми выделениями.

Чтобы вырезать объект, выделите его и переместите в другое место с помощью «Перемещения с учетом содержимого»

Волшебный ластик

Если нужно вырезать какой-то объект на однородном фоне, воспользуйтесь инструментом «Волшебный ластик».

Вырежьте объект с однородного фона «Волшебным ластиком»

Подготовка и сохранение файлов

Как сохранить

Чтобы сохранить файл, откройте пункт «Файл» в меню. Существуют три команды для сохранения: «Сохранить», «Сохранить как» и «Экспортировать».

«Сохранить» (Ctrl + S или для Мас Cmd + S). Картинка автоматически сохраняется вместо своей изначальной версии.

«Сохранить как…» (Ctrl + Shift + S или для Мас Cmd + Shift + S). Открывается окно, в котором можно выбрать формат файла, название и путь.

«Экспортировать как…» (Alt + Ctrl + Shift + W или для Мас Option + Cmd + Shift + W). Эта команда позволяет перед сохранением поменять формат, качество картинки, размер, название и путь.

Что следует проверить перед сохранением

Перед сохранением проверьте шесть параметров: размер, разрешение, глубину цвета, цветовую модель, цветовой профиль и формат файла.

Размер и разрешение. Поменяйте разрешение в пункте «Изображение», разделе «Размер изображения». Если сохраняете картинку для соцсетей, поставьте разрешение 72 пикселя на дюйм − некоторые соцсети не пропускают изображения с большим расширением. Для сайта выберите значение 120–150 − изображение с большим разрешением будет слишком тяжелым. Для печати − не менее 300 пикселей/дюйм, а размеры выставьте в мм или см.

Глубина цвета. В окне «Режим» выберите глубину цвета. Сохраняйте в системе 8 бит/канал, когда картинка готова для печати или интернета и не требует дальнейших изменений. Больше бит на канал − это неоправданно большой размер и невозможность сохранить в jpeg. Сохраняйте в 16-канальной системе исходники, если планируете дальше с ними работать.

Цветовая модель. В окне «Режим» выберите и цветовую модель. Для печати − CMYK. Если картинку будут смотреть с мониторов − RGB.

Цветовой профиль. Эта настройка влияет на цветопередачу изображения. Чтобы настроить цветовой профиль, в пункте «Редактирование» перейдите во вкладку «Настройки цветов». Чтобы цвета отображались примерно одинаково и правильно на большинстве мониторов, в поле настройки выберите «Универсальные настройки для Европы 3».

Формат файла. Сохраняйте в jpeg готовую картинку для интернета. Она совсем немного потеряет в качестве, зато будет гораздо легче, чем в png. В psd сохраняйте, чтобы в дальнейшем файл можно было открыть в программе и доработать − это формат Photoshop. В tiff − когда собираетесь отдавать в типографию: он нужен для высококачественной печати.

Обучающие материалы

Выделяем и перемещаем стеклянный фужер

При необходимости составить композицию с выделением и перемещением различных объектов из стекла и других прозрачных материалов не всегда получается произвести качественно данную операцию с помощью стандартного набора инструментов (Перо, Быстрое выделение, Лассо и пр.) в программе «Фотошоп«. Чтобы успешно отредактировать фото, в этом случае, понадобится доступ к информации яркости и совокупности разных градаций по оттенкам объекта через цветовые каналы. Причём в данном способе можно работать с фотографиями как в CMYK—адаптации, так и в RGB. Итак, у нас есть изображение (RGB) фужера на тёмном фоне. Открываем его в редакторе и сразу создаём дублирующий слой, кликнув правой кнопкой мыши по закреплённому слою, вызвав команду «Создать дубликат слоя«. Тут же переходим на копию фона и делаем её активной. Задача состоит в отделении тёмных оттенков, оставляя в неизменном виде прозрачные и светлые области объекта. Перейдём на панель каналов, работающих, как известно, с градациями серого тона. Вне зависимости от цветовой модели фото (RGB или CMYK), основной целью является сейчас выбор одного из каналов с более чёткой прорисовкой границ фужера на общем фоне по контрастности. В нашем примере останавливаемся на синем, дублируем его (правая кнопка мыши — «Создать дубликат канала«) и делаем активным. Чтобы более отчётливо проявить границы сосуда, сейчас стоит воспользоваться наложением слоёв с режимами «Умножение» (для выделения чёрного) и «Перекрытие» (контраст белого тона). Так как мы работаем непосредственно с каналами слоя, переходим во вкладку «Изображение» — «Внешний канал«. В появившемся меню выберем режим «Умножение«, непрозрачность выставим на 50%. Затем повторно зайдём на Внешний канал, но переключим уже режим наложения на «Перекрытие» с непрозрачностью в 100%. Таким образом, тёмные и светлые градации на фото приобрели более выраженный контраст, и теперь можно будет удалить оставшиеся оттенки фона, оставляя только очертания фужера. Сделать это можно при помощи кисти, но не забудьте, что основной цвет в палитре должен быть чёрным (#000000). В таком виде изображение можно загрузить в выделенную область. Для это кликнем по первой иконке слева, внизу на панели каналов. Следующим шагом возвращаемся к консоли слоёв и, активировав копию фона, вызываем слой—маску (в нижней части меню). Сразу создаём новый пустой слой, определяем его под дублирующим слоем (удерживая рамку зажатой левой клавишей мыши — перенести вниз) и заливаем красным цветом (#ff0000). Здесь мы видим, что контур объекта прорисован, но, вместе с тем, присутствуют серые участки, которые при совмещении с каким—либо другим ярким фоном могут выглядеть неестественно. В таком случае активируем копию фона с маской, выберем «Ластик» и аккуратно удалим серые области. Также можно убрать и блики, в зависимости от фона, на который потребуется переносить результат нашей работы. Затирая ластиком по бликам с помощью настроек нажима, непрозрачности и жёсткости можно добиться более реалистичного отображения. Так как на данном фоне слабо проглядывается контур фужера, нужно всего лишь продублировать несколько раз слой с наложением разных режимов. В завершение стоит отметить, что в программе по одному и тому же способу обработки фотографий доступны разные алгоритмы действий, и не всегда можно точно определить наиболее эффективные из них. Но каждый начинающий мастер обязательно остановится в итоге на более удобном из вариантов, опираясь на условия задачи, свои навыки и творческое мышление.

Можно ли в Фотошопе перевести растровое изображение в векторное

Пожалуй, извечный вопрос дизайнеров, что лучше – растровое изображение или векторное… Ответ здесь тем не менее предельно прост: в зависимости от ситуации. Иногда лучше подходит растровая картинка, иногда более целесообразнее будет использовать вектор. Например, когда требуется масштабирование. В первом случае (для работы с растровыми картинками) используют Adobe Photoshop, а для векторных – Adobe Illustrator. Но […]

Создание гиф-анимации в Фотошопе

С помощью программы Фотошоп онлайн можно делать удивительные вещи! Обрабатывать снимки, улучшая их качество, добавлять новые эффекты, создавать коллажи, убирать эффект красных глаз, менять цвет волос, удалять или добавлять на фото различные объекты. Но есть ещё кое-что, где может помочь Photoshop – это создание GIF-анимации. Такие изображения отличаются от обычных статичных фотографий тем, что собираются […]

Иногда одной иллюстрации недостаточно, и на неё обязательно нужно наложить надпись – например, название бренда. Главное здесь сделать всё так, чтобы она выглядела по-настоящему органично, смотрелась частью изображения, а не инородным элементом и не бросалась в глаза. С помощью программы Фотошоп онлайн сделать это проще простого! Прочитав данную статью, вы не только узнаете, как добавлять […]

Как придать фотографии винтажный вид

Винтажный эффект выглядит необычайно круто. Он вызывает удивительное ощущение старины, тепла и уюта. Это не чета современным холодным фото, где нет даже толики искусства. Вместе с тем с помощью программы Фотошоп онлайн можно превратить обычную фотографию в старинную, с винтажным эффектом! Для начала подыщем подходящее фото, с которым и будем работать. Открываем его в Photoshop […]

Создаём эффект киберпанк со своим фото

Стилистика неона – необычайно интересна. Такое освещение преображает фотографию, делает её особенной. Но как же получить такой эффект в Фотошопе? Самое главное – это, конечно, подобрать удачное фото. Файл должен быть в цветовом формате RGB и иметь 8 бит на канал. Проверить это достаточно просто: заходим в раздел Изображение – Режим. Сам файл должен быть […]

Как размыть фон на фотографии

Иногда обработанная через Photoshop фотография выглядит более стильно. На ней не нужно убирать ничего лишнего – достаточно просто пропустить через подходящий фильтр (даже автоматически, без ручной работы). Например, простое размытие фона может не просто спасти неудачный кадр, но и превратить фотографию в настоящий шедевр. Все мелкие огрехи можно оставить как есть – их не нужно […]

Удаляем лишний объект на пейзажном фото

Некоторые фотографии идеальны сами по себе, другие нуждаются в небольшой обработке – осветлении, добавлении контрастности или корректировке цвета, а третьи, хоть и выходят красивыми, но имеют изъяны, от которых передвижением ползунка так просто не избавиться. Например, попавший в кадр человек, пролетающая птица, насекомое или выбившаяся прядь волос. Это не повод снова браться за фотоаппарат и […]

Как объединить несколько фотографий в Photoshop

Онлайн Photoshop – удивительная программа, позволяющая автоматизировать обработку изображений. Например, если перед вами стоит задача создания коллажа или объединений нескольких картинок в одну, без Фотошопа просто не обойтись. Кстати, сделать это можно несколькими способами. Но – обо всём по порядку. Итак, открываем необходимые нам изображения в Photoshop, а затем переносим их в один документ разными […]

Как в Фотошопе убрать надпись с картинки

Иногда одних умений обрезки и изменения размеров изображения недостаточно – дата фотографии или какая-нибудь надпись не позволяют использовать её ни в коллаже, ни саму по себе. Надпись забирает на себя слишком много внимания, и единственным решением становится выбор другой фотографии. Впрочем, не всё так однозначно, тем более, что существует ещё один способ – запустить Фотошоп […]

Курсы со скидкой

Как БЫСТРО Удалить Фон на Фото в 1 Клик?

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

Midjourney ЗА 15 МИНУТ. Как сгенерировать ВСЁ, что угодно В НЕЙРОСЕТИ

Инструкция для начинающих
В этом видео мы расскажем вам за 15 минут, как сгенерировать любой контент с использованием нейросети Midjourney. Если вы только начинаете свой путь в мир искусственного интеллекта Midjourney, то это видео — идеальная инструкция для вас.

ФОТОШОП 2024. 5 обновлений за 7 минут!

В этом видео вы узнаете о 5 обновлениях программы ФОТОШОП 2024

КАК БЫСТРО УДАЛИТЬ любые объекты на фотографии

Новый инструмент УДАЛЕНИЕ изменил фотошоп навсегда!

ЧИСТАЯ КОЖА ЗА 5 МИНУТ в ФОТОШОП: Избавьтесь от прыщей, морщин и пятен! 2 СПОСОБА РЕТУШИ ФОТО

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

В этом видео вы увидите 3 способа, как заменить цвет волос в Photoshop. Мы будем использовать новый инструмент генеративную заливку и применять старые методы изменения цвета в Photoshop

НЕЙРОСЕТЬ Midjourney – 10 лучших способов использования

В этом видео вы увидите 10 лучших способов использования нейросети Midjourney 

ЛУЧШИЙ ИНСТРУМЕНТ MIDJOURNEY. 😱Такого пока нет в Photoshop!

В этом видео вы узнаете о новом инструменте Desсribe в нейросети Midjourney, с помощью которого вы сможете создать описание для текстового описания PROMT по любому референсу (это может быть картинка, дизайн, арт, рисунок). 

Теперь вы можете скопировать чужую идею и за секунду повторить дизайн, арт или рисунок

Как заработать на дизайне карточек для маркетплейсов

Вы узнаете
1. Сколько времени потребуется, чтобы стать профессионалом?
2. Где найти первых заказчиков?
3. Как сделать продающее портфолио?
4. Как перестать обесценивать свой труд? 
5. Как научиться взаимодействовать с заказчиком и получать постоянные заказы? 

НЕЙРОСЕТЬ Midjourney 5.2. ОБНОВЛЕНИЕ 2023 года

В этом уроке вы узнаете о новых возможностях нейросети Midjourney 5.2 

Блочный дизайн для карточек на маркетплейсах. Тренд 2023-2024

Мастер-класс
В этой серии видеоуроков вы узнаете, как создать стильный дизайн для 3-х слайдов карточки товара «Мини-степпер», с применением блочной системы дизайна в Photoshop. 

Вы создадите карточку для маркетплейса по реальному ТЗ от заказчика. Настоятельно рекомендую закрепить все навыки на практике и загрузить результат в комментариях. 

Как создавать работы в нейросети MIDJOURNEY и как дорабатывать дизайны в PHOTOSHOP

13 июня в 19:00 мск в прямом эфире на YouTube показали продвинутые техники по работе в нейросети Midjourney, а также продемонстрировали, как дорабатывать дизайны с помощью генеративной заливки в Photoshop

Многие наши пользователи не смогли подключиться на онлайн-трансляцию, поэтому мы решили предоставить доступ всем участникам с подпиской на Premium Creativo. 

СУПЕРНЕЙРОСЕТЬ в ФОТОШОП — 14 лучших примеров для использования

Узнайте, что творит новая версия Photoshop (Beta)
В этом видео вы увидите 14 примеров использования нового инструмента в версии Photoshop (Вeta) – Генеративная заливка. Вы точно будете удивлены. 

В ФОТОШОП добавили НЕЙРОСЕТЬ Firefly. Шокирующее обновление

В этом уроке вы увидите на трех фотографиях, как работает кнопка «СДЕЛАТЬ КРАСИВО» в программе фотошоп. 

Деформация в фотошоп. Как наложить дизайн на товар. 2 способа

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

ТОП-ДИЗАЙН для карточки товара на маркетплейсе

В этом уроке вы узнаете, как создать стильный и продающий дизайн для 1 слайда карточки товара «Кресло диван» с применением исходников, созданных в 3D и нейросети Midjourney. 

Как удалить текст в Photoshop. Самый быстрый способ

В этом уроке вы узнаете, как быстро удалить текст в программе Photoshop. 

Удалять текст мы будем при помощи инструментов быстрое выделение и заливка с учетом содержимого. 

Создаем 3D-подиум для товара на маркетплейсе

Научись создавать 3D модели в Blender
Начните осваивать новый инструмент для дизайнера прямо сейчас. 
Все инструкции показаны максимально подробно. Справится даже начинающий. 

КАК ТОНИРОВАТЬ ФОТО в ФОТОШОП. Легкий способ цветокоррекции

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

Исходники мы создадим в нейросети Midjourney, поэтому у каждого из вас получится отличный и  красивый результат.

Как добавить дизайн на одежду. Самый реалистичный результат

Фотошоп + Нейросеть Midjourney 
В этом видеоуроке я покажу, как добавить картинку на одежду в Фотошоп. 

Исходники мы создадим в нейросети Midjourney, поэтому у каждого из вас получится отличный, реалистичный результат.

Изучите основы Photoshop и создайте 1 слайд для карточки на маркетплейсе

Мастер-класс для начинающих дизайнеров
Изучите основы программы Photoshop и создайте 1 слайд для карточки товара на маркетплейсе по реальному ТЗ от заказчика.

Как создать концепт-арт из множества фотографий и исходников

Мастер-класс для творческих 
Хотите научиться создать эффектные фотоманипуляции из множества фотографий и исходников любого качества? 

Как сделать стильную карточку для маркетплейса Wildberries

Мастер-класс для дизайнера инфографики
Вы дизайнер, который желает научиться создать стильный дизайн для карточек товаров на маркетплейсе Wildberries? 

Я подготовил для вас мастер-класс, с помощью которого вы повысите свои навыки в дизайне инфографики и научитесь создавать дизайн по реальному ТЗ от заказчика.

Создаем 3D-иллюстрацию сердца в BLENDER для открытки

Узнайте, как создать потрясающую 3D-иллюстрацию сердца с нуля — без нейронных сетей! 

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

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

Заработок на АРТ портретах. Путь от новичка к собственной студии за 2 года

В этом видео вы узнаете историю Надежды, которая освоила программу Photoshop и в итоге создала свою собственную дизайн-студию с нуля.

Как сделать шапку для YouTube и Вконтакте. 3D-дизайн

Урок в Blender + Adobe Photoshop
Ищете способ как сделать шапку для YouTube и Вконтакте? В этой серии видеуроков мы покажем вам, как использовать 3D-дизайн для создания шапки для ваших социальных сетей. 

ФОТОШОП творит чудеса! ЧИСТАЯ КОЖА на фото за 5 минут

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

МАСТЕРМАЙНД. Как дизайнеру выйти на новый уровень мастерства

Коммерческий заказ
Посмотрите, как выпускник курса «Инфографика для маркетплейсов» Андриан Новиков по этапам справился с коммерческим заказом – дизайн листовки. 

Передвиньте ползунок, чтобы увидеть До/После
 

Создайте АРТ в фотошоп «Новогодний грузовик»

Поднимите свои навыки в фотошоп на новый уровень с помощью видеоурока 

6 препятствий, которые преодолевают все дизайнеры

Эксперты Creativo Мария Муляр и Андрей Батталов опросили более 150+ пользователей разного уровня в направлениях Арты и Инфографика и определили 6 препятствий, которые преодолевают абсолютно все начинающие, мастера и профессионалы. 

Как заработать дизайнеру инфографики в 2, 3, 4 раза больше

В этом видео вы увидите конкретные примеры, как заработать дизайнеру инфографики в 2 раза больше.

Фотошоп Арт из детского рисунка

Что будет, если использовать детский рисунок в качестве отправной точки для цифрового искусства в фотошоп? Узнайте в новом видеоуроке.

Как заменить белый цвет в фотошоп на любой другой: желтый, зелёный и даже чёрный

Photoshop секреты
Если вы создаете дизайны карточек для маркетплейсов, то приёмы по замене цвета обязательно пригодятся на практике.

ВИДЕО: Разработка дизайна для карточки товара на Wildberries «Берцы женские»

Реальный заказ
На курсе «Инфографика для маркетплейсов» (в рамках пакета Продвинутый) мы с командой Creativo помогаем выпускникам справиться с реальными заказами.

Создаём нереально вкусный Торт в Blender

В этой серии видеоуроков вы с нуля создадите нереально вкусный торт в программе Blender

109
108
107
106
105
104
103
102
101
100
99
98
97
96
95
94
93
92
91
90
89
88
87
86
85
84
83
82
81
80
79
78
77
76
75
74
73
72
71
70
69
68
67
66
65
64
63
62
61
60
59
58
57
56
55
54
53
52
51
50
49
48
47
46
45
44
43
42
41
40
39
38
37
36
35
34
33
32
31
30
29
28
27
26
25
24
23
22
21
20
19
18
17
16
15
14
13
12
11
10
9
8
7
6
5
4
3
2
1