Онлайн фотошоп с самых азов. Урок3. Быстрый способ создания круглой рамочки из любых элементов.

Для работы воспользуйтесь любой из этих ссылочек.

prodecoupage.com/index/0-33]Перейти в фотошоп онлайн редактор

img-life.ru/photoshop.html]Перейти в фотошоп онлайн редактор

editor.0lik.ru/]Перейти в фотошоп онлайн редактор

В этом уроке вы  познакомитесь ещё с четырьмя  инструментами фотошопа. Это – Волшебная палочка, Ластик, Рисование и Заливка. Узнаете о некоторых новых функциях  основного меню. А самое главное, что после изучения этого урока вы самостоятельно сможете сделать любую круглую рамочку из понравившихся вам элементов.

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

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

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

2 шаг. Следующий шаг зависит от того - будет картинка лишь частью задуманной композиции или задним планом, над  которым будут располагаться все последующие слои.  Если это будет задний план, то начинаете работать, щёлкнув в первоначальном меню по пункту  Открыть URL изображения.

3 шаг. В выпавшее окошко копируете адрес ссылки ctrl-v.

4 шаг. Нажимаете Да.   После чего картинка откроется в программе.

Если картинка, адрес которой вы скопировали, будет лишь частью композиции, то работу начинаете  с первого пункта  входного меню Создать новый рисунок. Я назвала его Урок 3. Затем в пункте основного меню Слои- Открыть URL изображения как слой.  Дальше третий и четвёртый шаг.

Рис1.

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

Рис.2

3. Применив пункт меню  Редактировать – Вырезать и отключив задний белый слой, видим, что осталось после вырезания.  Нижний белый слой отключать желательно, т.к если необходимо будет удалить какие-то белые участки, вы их просто не увидите.

Рис.3

4. Теперь оставшиеся, но  не нужные части рисунка, удалите инструментом Ластик. Принцип работы этого инструмента полностью соответствует его названию.  Активировав его, водите мышкой по тем участкам, которые надо удалить и они полностью исчезают.  У этого инструмента два параметра: размер и мягкость кисти (т.е ластика) и его непрозрачность.  Большие участки лучше стирать твёрдым ластиком большого диаметра, а для работы около и внутри рисунка брать ластик меньшего диаметра и мягкий (в таблице мягкие ластики обозначены расплывчатыми кругами) Это связано с тем, что если мягким ластиком вы слегка и заденете край рисунка, это будет почти незаметно. После того как я поработала Волшебной палочкой и Ластиком, получилась  вот такая картинка на прозрачном фоне.

Рис.4

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

Создаёте новый документ, я назвала его «Рамка». Одновременно в программе может быть открыто несколько документов. Если у документа  «Урок3»,  я задала размеры 600х600 пикселей, то у этого  увеличиваем длину и ширину в три раза 1800х1800.  Активируете инструмент Рисование. В строке параметров выбираете Прямоугольник (именно он позволит провести прямую линию). Остальные параметры  в строке параметров должны быть такие, какие вы видите на рисунке.  Создаёте новый прозрачный слой и начинаете на нём рисовать.  Когда будете рисовать прямоугольники, сводите их ширину к минимуму, т.е. должны получиться практически не прямоугольники, а   вот такие две линии. Располагаете их так, что бы  в Навигаторе,  когда рисуете  вертикальный прямоугольник, Х был 600, а когда горизонтальный  У - 900.  У меня на рисунке,  для вашего удобства,   эти цифры в Навигаторе показаны одновременно, но у вас,  когда будете рисовать вертикальный прямоугольник, У будет постоянно меняться, а когда горизонтальный, постоянно будет меняться Х.

Рис.5

6.Создаёте ещё один прозрачный слой, располагаете его над слоем с линиями.  Выбираете у себя на компьютере или в сети,  или предварительно вырезаете нужный для рамочки элемент в формате png. Располагаете его,  как показано на рисунке.

Рис.6

7.Применив пункт меню Слой-Дублировать слой, получаете несколько одинаковых элементов на слоях расположенных один под другим. Применив инструмент Перемещение, располагаете  эти элементы вдоль горизонтальной линии. Когда элементы заполнят всю линию, последовательно к слоям применяете  Слой – Объединить слои. В результате все элементы должны оказаться на одном слое. Если элементы не полностью заполнили линию или наоборот не вошли, примените операцию  Редактировать –Трансформация. Картинка должна выглядеть следующим образом, заполнив линию строго от края до края.

Рис.7

8. Затем, к получившемуся рисунку, применяете  Редактировать –Трансформация.  Трансформацию применяете только в горизонтальном направлении,  не изменяя высоту рисунка. Сжимаете до пределов ограниченных вертикальной полосой. Затем этот слой два раза дублируете и размещаете фрагменты один за  другим. Применяете Слой – Объединить слои и у вас на одном слое должен получиться вот такой рисунок.

 Рис.8

9. Над слоем с рисунком создаёте ещё один слой и заливаете его,  используя инструмент Заливка. Для этого активируете этот инструмент и щёлкаете мышкой по рабочему полю.  Про то, как задать нужный цвет, мы будем говорить на следующем уроке, пока не имеет значение, каким цветом вы зальёте этот слой.  Вы видите в Палитре слоёв под слоями  надпись  Непрозрачность и стоит бегунок.  Бегунок двигаете влево, пока показание непрозрачности не станет 0.  Залитый слой должен стать прозрачным, и вы должны  сквозь него увидеть  рисунок. Теперь  к залитому слою и слою с рисунком применяете Слой – Объединить слои. При выполнении этой операции, залитый слой должен быть обязательно выше слоя с рисунком.

Рис.9

10. К слою, в котором вы объединили залитый слой и слой с рисунком, применяете пункт меню Фильтр-Полярные координаты. Рисунок сам закрутился вот в такую рамочку. Слой с нарисованными  вспомогательными линиями удаляете, применив к нему Слой-Удалить слой.

Рис10.

11.Теперь вы можем отключить нижний белый слой, и рамочка окажется на прозрачном слое. Её можно сохранить у себя на компьютере в формате png. Но так как, в данном случае,  рамочка делалась специально для рисунка, расположенного на документе «Урок 3», к слою с рамочкой применяете Редактировать - Выделить всё, затем Редактировать - Скопировать. Рамочка сохранится в буфере. Документ «Рамочка»  можно закрыть  и перейти к документу «Урок 3».  Примените Редактировать - Вставить и  у вас на новом слое появится рамочка, которую  вы делали.  Применив Редактировать - Трансформировать, увеличиваете или уменьшаете её до нужного размера.  Скопируйте из сети или возьмите со своего компьютера подходящий фон, вырежьте из него круг нужного размера и расположите под слоями с рисунком и рамочкой.

Рис11