Онлайн фотошоп с самых азов. Урок2. С Приложением "Создание новогодней открытки".
 

ПЕРВЫЙ УРОК ЗДЕСЬ

1. В этом уроке продолжим изучать  инструменты фотошоп.  Но так как, изучив материалы этого урока,  уже можно сделать несложный коллаж или открытку, вам будет полезна следующая информация. В этой программе,  в отличие от обычного фотошопа,  нет возможности задать параметры картинки в сантиметрах.   Но достаточно запомнить одну цифру 28,3 (для разрешения 72пикс/дюйм).  И перевести сантиметры в пиксели.

Запоминаем, как задать нужный размер,  и переходим непосредственно к уроку.   Для работы  создадим новый документ,  назовём его Урок 2.  Размеры документа оставим  800х600пикс.

Рис.1

2. Начинаем знакомиться с инструментами выделения. С помощью этих инструментов  выделяется область изображения,   с которой мы собираемся работать. В этом уроке используем  эти инструменты для  выделения области, которую затем будем вырезать.  Рассмотрим два инструмента выделения.   Это инструмент, который так и называется Выделение и инструмент Лассо.

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

Рис.2

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

Рис.3

4.Из второй картинки вырежем круглый фрагмент. Открываем картинку  Слой-Открыть изображение как слой. Активируем инструмент Выделение, в строке параметров выбираем овал. Но нам нужен круг.  Для этого в строке Параметров активируем меню  Ограничения и выбираем пункт Соотношения сторон. Ширину и высоту устанавливаем  равными 1.  Аналогично, работая с прямоугольником, можно получить квадрат.  Этим же меню можно установить и конкретные размеры  для выделенной области, выбрав пункт в меню Фиксированный размер (Fixedsize).

Для вырезания фрагмента используем второй способ.

Редактирование –Копирование.  При этом выделенный фрагмент скопируется в буфер.

Рис. 4

5.Затем удаляем слой с картинкой. Слой-Удалить слой.  Далее - Редактирование –Вставить.   Вырезанная картинка появится на новом слое.

Рис. 5

6.Откроем новую картинку  Слой-Открыть изображение как слой. Рассмотрим инструмент Лассо. Лассо может быть свободное и многоугольное.  Активируем свободное Лассо. С его помощью можно очертить произвольную область выделения. Вырезаем выделенный фрагмент одним из рассмотренных выше способов.  Для получения размытого края,  вырезанной картинки, задействуем  параметр Растушевывание.  При увеличении значения этого параметра, увеличивается размытость краёв вырезанного фрагмента.

Рис. 6

7. Три вырезанных фрагмента уже образовали своеобразный коллаж. Как,  при необходимости,   изменить размеры каждого элемента и передвинуть на нужное место вы уже знаете  из предыдущего урока. Но мне не нравится, что олененок и снегурочка отвернулись друг от друга.  Исправить это можно, применив  к каждому слою  с этими  рисунками пункт меню  Слой-Отразить по горизонтали.  Работая с определённым слоем,  не забывайте следить, что бы именно он был активирован (подсвечен синим) в палитре слоёв.

Рис .7

8.После выполнения этих операций, оленёнок и снегурочка смотрят в центр картинки.

А мы рассмотрим многоугольное Лассо.  Если свободное  Лассо работает как карандаш,  которым можно нарисовать произвольный контур, то многоугольное - как карандаш  с линейкой.  Щёлкнув в начальной точке  мышкой, мысленно проводим линию до следующей точки и щёлкаем в ней мышкой. За мышкой протянется абсолютно прямая линия.  Так можно прощёлкать весь контур.  При параметре Растушевывания 0, выделенная область будет угловатая, а  при увеличении  значения этого параметра, углы будут сглаживаться.

Рис. 8 

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

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

Рис. 9

Приложение к уроку 2.

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

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

Создадим новый документ и пересчитав сантиметры в пиксели, зададим  параметры документа 340х510пикс.  операции Отменить Выделение и Инвертировать выделение.

Рис.1

Найдём здесь в ЛиРу или в сети красивый новогодний фон, скопируем его к себе на компьютер и откроем как слой.  При необходимости применим к этому рисунку трансформацию, изменив его размер.  Зажав клавишу мышки, фон можно подвинуть, так как вам захочется. Посмотрите, в журнале отразились все эти операции.

Рис.2

Откроем например фото, того кому вы хотите подарить открытку (1), появится новый слой с фото.  Активируем инструмент Выделение (2), выберем параметр окружность (3) и установим растушёвку (4) . Параметр растушёвки подберите по своему желанию. Я её установила 64. Такая величина даёт достаточно расплывчатый контур. Выделив нужный фрагмент снимка, инвертируем выделение.

Рис.3

Применяем   пункт меню Редактировать-Вырезать. Вот что у нас получилось.

Рис.4

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

Рис.5

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

Рис.6

Вроде открыточка готова. Но я уже писала в первом уроке, что в сети можно найти много подходящих картинок в формате png на прозрачном фоне. Такие картинки  тоже можно использовать для создания открытки.  Открываем такую картинку, как слой. Нужный размер получаем, применив  Редактирование – Трансформирование.

Рис.7

Когда картинка станет нужного размера, активируем инструмент  Перемещение  и передвинем картинку на нужное место

Рис.8

Если нам надо два таких элемента применяем  Слой-Дублировать слой и получаем слой ещё с одним таким элементом. В случае необходимости меняем его размер и передвигаем на нужное место.

Серия сообщений "Мои уроки ФШ":

Мои уроки по фотошопу для чайников.

Часть 1 - Фотошоп, даже для чайников ну очень просто.
Часть 2 - Фотошоп, даже для чайников ну очень просто. Визитки на фото.
Часть 3 - Онлайн фотошоп с самых азов. Урок1.
Часть 4 - Онлайн фотошоп с самых азов. Урок2. С Приложением "Создание новогодней открытки".
Часть 5 - Онлайн фотошоп с самых азов. Урок3. Быстрый способ создания круглой рамочки из любых элементов.
Часть 6 - Онлайн фотошоп с самых азов. Урок4. Работа с цветом. Кисти.
...
Часть 10 - Маленькие секреты монохромных картинок. Урок по фотошопу.
Часть 11 - Как поменять цвет визитки. Урок по онлайн фотошопу.
Часть 12 - Вышиваем в фотошопе.