• Авторизация


Урок 3. Инструменты "Заливка", "Пипетка" 27-03-2021 18:21 к комментариям - к полной версии - понравилось!

Это цитата сообщения Lyudmila_Lyu Оригинальное сообщение

Урок 3. Инструменты "Заливка", "Пипетка"

Урок от Милледи (ссылка - в конце записи)
 
Результат урока:
[442x369]
Ну что, мои дорогие))) подведём итог предыдущего урока.
Все молодцы. Очень стараются . У кого то получается сразу, у кого то с десятого раза.
Но они не сдаются и усердно переделывают работы до тех пор, пока я не приму.
Может кто то думает, что я придираюсь. Не в коем случае. Я просто хочу, чтобы вы всё поняли
и всему научились.
А сейчас немного поворчу на вас)))
Во первых - весь диалог со мной по уроку должен идти в одной ветке комментариев.
Если вы мне задали 10 вопросов - значит все они должны быть в одном месте...и мои 10 ответов должны
быть там же. А то я скажу, что нужно исправить, а вы мне показываете исправленные работы уже в
новом комменте. Я, просматривая столько работ, естетственно уже не помню, какие были у вас ошибки
и что я должна делать? искать по всем комментам , где были ваши первые работы и исходники?
Так дело не пойдёт. Так что договорились: весь диалог в одной ветке.
Далее. Ещё раз говорю - не удаляйте те работы, в которых были ошибки. Эти работы нужны и мне и Вам!
Далее. Пожалуйста читайте внимательно домашнее задание.
Вот я просила в ДЗ показать мне две работы: исходник (прямоуголная картинка до выделения овала)
и сам овал с тремя эффектам сразу , то есть все три эффекта на одном овале). Нет же...то показываете одно
тиснение, то одно свечение и так до бесконечности, то овал без исходника.
Далее. Если задаёте вопрос, подкрепляйте его скринами. А то спросят что то и всё.
Откуда я знаю, почему у вас что то не получилось, если нет скрина.
Ну вот....ворчать закончила))) Переходим к уроку.

Открываем фотошоп.

1. В прошлом уроке мы открывали в программе свой файл с компьютера.
Сегодня создадим новый файл (документ) в программе.
Для этого идём МЕНЮ - ФАЙЛ - НОВЫЙ (или Сtrl+N).
В открывшемся окне выставляем такие настройки и жмём ДА



На рабочем столе появился такой документ с прозрачным слоем.
[432x369]


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

Берём инстумент ЗАЛИВКА (ведёрко)
[449x409]


Теперь нам нужно набрать в него краски. Для этого давайте посмотрим сюда
[224x383]


Видим два квадратика. Верхний квадратик - это основной цвет, нижний - фоновый.

Основынм цветом у нас сейчас стоит чёрный цвет. Если он вас устраивает, значит в ведёрко наберётся чёрный цвет.
Если хотите сделать заливку другим цветом - нажмите на чёрный квадратик и в политре цветов выбирайте любой цвет по вкусу. Я выбрала такой.
[417x333]


Обратите внимание...в панели инструментов чёрный квадратик сменился на выбранный цвет.

Теперь в любом месте нашего документа кликнем ведёрком с набранной краской и весь документ зальётся нашим цветом.
[398x359]


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

Берём инструмент ПРЯМОУГОЛЬНОЕ ВЫДЕЛЕНИЕ и смотрим на его параметры (4 стрелочки сверху на скрине)
[418x369]


Сейчас у нас активна первая иконка.
Давайте сделаем любое выделение.
[460x421]


Теперь давайте произвольно ещё сделаем выделение любого размера.
[443x420]


Заметили, что после появления второго выделения, первое исчезло?
Это произошло именно потому, что у нас вверху активна в данный момент первая иконка НОВАЯ ВЫДЕЛЕННАЯ ОБЛАСТЬ.

Для того, чтобы мы могли сделать несколько выделений сразу - нужно активировать(нажать) вторую иконку ДОБАВЛЕНИЕ К ВЫДЕЛЕННОЙ ОБЛАСТИ.
[453x416]


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

Например так
[430x395]


Теперь берём инструмент ОВАЛЬНОЕ ВЫДЕЛЕНИЕ, тоже активируем вторую иконку и делаем несколько произвольных выделений.
[465x426]


Теперь берём инструмент ЗАЛИВКА(ведёрко), выберем любой цвет (я выбрала красный) и кликнем на любую фигуру. Все остальные фигуры у нас тоже зальются автоматически этим же цветом.
[442x404]


Снимаем выделение МЕНЮ - ВЫДЕЛЕНИЕ - ОТМЕНИТЬ ВЫДЕЛЕНИЕ. и сохраняем работу в формате JPEG на рабочий стол, дав имя файлу ОДНОЦВЕТНАЯ ЗАЛИВКА. Эту работу мне покажете в комментах в качестве первого домашнего задания.

2.
Теперь идём МЕНЮ - ОКНО - ИСТОРИЯ.
Откроется окно с историей. Там кликаем по второй строке ЗАЛИВКА.
В результате вернёмся на несколько действий назад, чтобы начать работу с залитым документом по новой.
[466x346]


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

Для этого берём инструмент ПРЯМОУГОЛЬНОЕ ВЫДЕЛЕНИЕ, но в верхних настройках выбираем первую иконку НОВАЯ ВЫДЕЛЕННАЯ ОБЛАСТЬ и рисуем любую произвольную фигуру.
[454x415]


Теперь берём инструмент ЗАЛИВКА и заливаем фигуру любым цветом.
[409x374]


Берём снова инструмент ПРЯМОУГОЛНОЕ ВЫДЕЛЕНИЕ, рисуем фигуру, берём инструмент ЗАЛИВКА, выбираем другой цвет и заливаем.
[398x360]


ТАКИМ ЖЕ ОБРАЗОМ РИСУЕМ ЕЩЁ НЕСКОЛЬКО ПРЯМОУГОЛЬНЫХ ФИГУР И ЗАЛИВАЕМ ИХ РАЗНЫМИ ЦВЕТАМИ.
[431x388]


Теперь берём инструмент ОВАЛЬНОЕ ВЫДЕЛЕНИЕ, в верху выбираем так же первую иконку НОВАЯ ВЫДЕЛЕННАЯ ОБЛАСЬ,
рисуем фигуру, после берём инструмент ЗАЛИВКА, выбираем цвет и заливаем.
[428x396]


Далее рисуем ещё несколько произвольных фигур овальным выделением и заливаем их разными цветами.
[450x400]


После заливки последней фигуры идём МЕНЮ - ВЫДЕЛЕНИЕ - ОТМЕНИТЬ ВЫДЕЛЕНИЕ. И готовую работу сохраняем на рабочий стол в формате JPEG, дав имя файлу РАЗНОЦВЕТНАЯ ЗАЛИВКА. Эту работу мне покажете в комментах, в качестве второго домашнего задания.

3. Закрываем документ, нажав на красный крестик и создаём новый документ.
МЕНЮ - ФАЙЛ - НОВЫЙ и ставим снова такие настройки
[468x235]

Теперь открываем нашу работу с прошлого урока, которую сохраняли на белом фоне в форматеJPEG.
МЕНЮ - ФАЙЛ - ОТКРЫТЬ. В данном случае я открываю файл с названием "полковник на белом фоне".

Обратите внимание. Для каждого документа открывается своя панель слоёв. То есть в панели слоёв будет
виден слой того изображения, на документ которого вы кликните, тем самым сделав его активным.
[418x321]


В панели слоёв снимем замочек на документе с полковником.

Теперь наша задача на первом документе залить слой цветом. Но не любым цветом, а именно тем, который есть в изображении с полковником. При чём не приблизительным цветом, а именно таким же.
То есть родным цветом.
Смотрю на своего полковника и думаю, какой же цвет взять за цвет заливки.
Можно взять синий , можно взять светло-бежевый, можно взять тёмно - бежевый, можно взять красный цвет, который на погонах можно чёрный - цвет костюма.
[405x413]


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

У каждого из вас брали когда то кровь из пальца. Помните? Сначала проткнут палец, а затем типа пипеточкой набирают кровь. Берут её на анализ, дабы посмотреть её составляющие.

Я уж так объяснила на пальцах, чтобы вы лучше поняли.
Так вот нам нужно как бы тоже взять цвет с погона на анализ, чтобы посмотреть, все его составляющие.
Для этого у нас тоже есть инструмент ПИПЕТКА, в которую мы наберём краску с цветом с погона.

Берём инструмент ПИПЕТКА и кликнем ею на красном цвете погона.
[377x435]


Смотрите. Этот цвет у нас появился в квадратике основного цвета в панели инструментов.
Если мы на него нажмём - откроется анализ этого цвета
[446x421]


Закрываем окошко с анализом, берём инструмент ЗАЛИВКА (ведёрко) и кликаем на первый документ.

Ну вот я залила документ родным цветом от погона.
[369x451]


Теперь беру инструмент ПЕРЕМЕЩЕНИЕ, делаю активным документ с полковником.
Кликаю где нибудь внизу изображения левой кнопкой мыши и удерживая её в зажатом виде перетягиваю полковника на залитый документ.
[434x396]


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

и ещё.обратите внимание.в панели слоёв у нас теперь два слоя. Это потому, что на одном документе находятся два самостоятельных слоя (кадра) и с каждым из наих можно работать.
Но мы это делать пока не будем. Давайте удалим на этом документе слой с полковником.
Для этого нужно кликнуть в панели слоёв на слой с полковником. Он выделится другим цветом. У кого то синим, у кого то серым , в зависимости от версии фотошопа. То есть станет активным.
И внизу панели слоёв нажмём первую иконку справа КОРЗИНА , чтобы удалить этот слой.
[299x457]


ну вот......остался в этом документе только один слой с заливкой.

Но сам то документ с полковником ещё остался. Давайте сделаем его активным, кликнув по нему и нажмём на красный крестик. Документ удалился.

Теперь на рабочем столе программы у нас только один документ с заливкой.
[427x332]


Теперь идём МЕНЮ - ФАЙЛ - ОТКРЫТЬ и через обзор находим изображение с именем файла "полковник на прозрачном фоне". Мы его сохраняли на прошлом уроке в формате PNG.

Изображение открылось.
[454x323]


Обратите внимание. У слоя нет замочка. Всё верно. Изображения в формате PNG сразу готовы к обработке без разблокировки. Теперь берём инструмент ПЕРЕМЕЩЕНИЕ и так же, зажав левую кнопку мыши, перетягиваем его на документ с заливкой.
[463x438]

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

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

Но внимание!

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

Для этого мы на клавиатуре зажмём клавишу ШИФТ и потянем всего лишь за один любой уголочек.
Размер изображения будет меняться, сохраняя пропорции.

Изменили размер , так как нужно и нажали Энтер (или галочку на панели МЕНЮ)
[441x388]



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

Опять у нас остался только документ с заливкой.

Идём МЕНЮ - ФАЙЛ - ОТКРЫТЬ и через обзор открываем теперь нашего полковника с эффектами
тиснения и свечения. Мы его тоже сохраняли в формате PNG на прошлом уроке.
[395x472]


Берём инструмент ПЕРЕМЕЩЕНИЕ, перетягиваем его на документ с заливкой и удерживая клавишу ШИФТ уменьшаем размер, сохраняя пропорции и помещаем в какой нибудь уголок, но не к самому краю, а отступив примерно по 1 см от краёв и жмём Энтер.

Я сделала так
[473x431]


ну и до кучи разберём сейчас оставшиеся два инструмента выделения ГОРИЗОНТАЛЬНАЯ СТРОКА и ВЕРТИКАЛЬНАЯ СТРОКА.

Для этого правой кнокой мыши кликнем по инструменту перемещение и в выпавшем окошке берём инструмент ГОРИЗОНТАЛЬНАЯ СТРОКА.
[445x364]


Обратите внимание, что в параметрах должна быть активирована вторая иконка ДОБАВЛЕНИЕ К ВЫДЕЛЕННОЙ ОБЛАСТИ.
[254x234]


Теперь кликаю внизу изображения и получается строчка выделения....кликаю ещё раз примерно на пол-сантиметра ниже и появляется вторая строчка выделения.
[465x404]


Теперь беру инструмент ПИПЕТКА и набираю в неё цвет внешнего свечения.
[424x333]


Беру инструмент ЗАЛИВКА (ведёрко) и кликаю между этими выделениями в любом месте.

На первый взгляд кажется, что не чего не произошло...но давайте снимем выделение МЕНЮ - ВЫДЕЛЕНИЕ - ОТМЕНИТЬ ВЫДЕЛЕНИЕ и мы увидим, что под двумя горизонтальными строчками появились полоски с тем цветом, который мы набирали.
[466x361]


Так же работает инструмент выделения ВЕРТИКАЛЬНАЯ СТРОКА.
Делаете нужное количество таких строк и заливаете нужным цветом.
[471x413]


ВНИМАНИЕ!
Если вы решили сделать и горизонтальные и вертикальные линии вместе, то сначала сделайте все выделения, только потом делайте заливку.

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

Если хотите сделать полосы разными цветами. значит сначала делаем одно выделение, например , горизонтальное,и делаем заливку......после чего отменяем выделение.МЕНЮ - ВЫДЕЛЕНИЕ - ОТМЕНИТЬ ВЫДЕЛЕНИЕ.

Теперь делаем вертикальное выделение, берём другой цвет, например, белый, и кликаем ЗАЛИВКОЙ внутри всех участков , которые находятся в границах вертикального и горизонтального выделения.

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

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

Ну вот, пожалуй, на сегодня всё. Давайте подведём итог, чему мы сегодня научились:

1. Создавать новый документ в программе.
2. Пользоваться инструментом ЗАЛИВКА.
3. Пользоваться инструментом ПИПЕТКА.
4. Подбирать РОДНОЙ цвет.
5. Менять размер изображения, сохраняя пропорции.
6. Пользоваться выделением ГОРИЗОНТАЛЬНАЯ СТРОКА и ВЕРТИКАЛЬНАЯ СТРОКА.
============================================================

Домашнее задиние:
1. Показать работу с одноцветной заливкой фигур.
2. Показать работу с разноцветной заливкой фигур.
3. Показать конечный результат с заливкой родного цвета с вашего исходного изображения.
Все три работы поместить одним комментарием, а не отдельно каждую. Удачи! С теплом Милледи Малиновская
Сообщество ХОЧУ ВСЁ ЗНАТЬ

Серия сообщений "тренинг Милледи М.":
Часть 1 - Вводный урок. Установить фотошоп
Часть 2 - Урок 1. Инструмент "Прямоугольное выделение"
Часть 3 - Урок 2. Овальное выделение, тиснение, свечение
Часть 4 - Урок 3. Инструменты "Заливка", "Пипетка"
Часть 5 - Урок 4. Текст. Стили. Клипарт.
Часть 6 - Урок 5. Анимация. Самопечатающийся текст
...
Часть 26 - Урок 25. Обтравочная маска. Промежуточные кадры
Часть 27 - Урок 26. Инструмент Кривые
Часть 28 - Урок 27. Цветокоррекция старых фото
вверх^ к полной версии понравилось! в evernote
Комментарии (2):
Т5959595959 27-04-2014-18:22 удалить
Замечательный урок огромное спасибо!!!
vdomarvik 27-04-2014-19:33 удалить
Ответ на комментарий Т5959595959 # Пожалуйста!Очень хороший урок для начинающих!!!Удачи,Вам!!!


Комментарии (2): вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник Урок 3. Инструменты "Заливка", "Пипетка" | vdomarvik - Дневник Марина Вдовина | Лента друзей vdomarvik / Полная версия Добавить в друзья Страницы: раньше»