14 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Как сделать полоски на картинке

Спецэффект разделения фото на полоски

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

Вот изображение, которое я буду использовать для этого урока:

В вот что получится в результате:

Шаг 1: Добавляем корректирующий слой сплошной цвет (Solid Color)

Нажмите на значок добавления корректирующего слоя (Adjustment Layer) и добавьте слой “Цвет” (Solid Color):

В результате откроется цветовая палитра, где Вы выберите белый цвет:

Нажмите OK, чтобы закрыть окно выбора цвета. Теперь Ваш документ заполнится белым цветом.

В панели слоёв мы видим вновь появившийся белый цвет заливки:

Шаг 2: создаём дубликат фонового слоя и поднимаем его наверх

Перейдём на фоновый слой и создадим его дубликат, нажав комбинацию Ctrl+J:

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

Шаг 3: Работа с инструментом “Прямоугольник” (Rectangle Tool)

На инструментальной палитре выбираем инструмент “Прямоугольник” (Rectangle Tool)

А затем в панели параметров выбираем для него опцию “Фигура” (Shapes):

Шаг 4: Создаём первую вертикальную полосу

С помощью инструмента “Прямоугольник” создайте вертикальную полосу, как показано на рисунке. Далее мы собираемся добавлять подобные полосы слева направо по всему изображению. Сейчас я нарисую полосу на левой стороне лица человека (пока не беспокойтесь о цвете полосы):

Шаг 5: Немного развернём полосу с помощью “Свободной трансформации” (Free Transform)

Активируем bycnhevtyn “Свободную трансформацию”, нажав на Ctrl+T и поворачиваем полоску:

Шаг 6: Перемещаем слой-копию лица на верх панели слоёв

Если мы посмотрим на панели слоёв, то заметим, что наш добавленный слой с фигурой (у меня он назван “Прямоугольник 1), находится на самом верху панели:

Нам же нужно сделать так, чтобы вверху оказался слой с копией лица. Поэтому опустим слой с полоской вниз, для чего нажмём комбинацию Ctrl + [ (левая квадратная скобка) на клавиатуре. Это действие перенесёт слой с формой вниз:

Шаг 7: Создаём обтравочную маску

Кликните по верхнему слою для его выбора, затем зажмите клавишу Alt и подведите курсор мыши между верхним слоем и слоем с полоской, при этом курсор изменится:

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

Шаг 8: Добавляем несколько простых стилей слоя к слою с полоской

К слою с полоской добавьте стиль слоя “Тень” и “Обводку” с настройками по вкусу, только у обводки нужно заменить чёрный цвет на белый и увеличить размер (Size) до двух пикселей.

Читать еще:  Как сделать пистолет из дерева

Вот что получилось в результате:

Шаг 9: Выбираем оба верхних слоя и создаём из них группу

Зажмите клавишу Ctrl и кликните по обеим верхним слоям, при этом они подсветятся синим:

Теперь нажмите комбинацию Ctrl+G, и эти слои будут объединены в группу:

Итак, мы сейчас имеем две группы слоёв:

Шаг 10: Откройте верхнюю группу слоёв и выберите в ней слой с фигурой

Активируйте “Свободную трансформацию, переместите фигуру вправо, и несколько наклоните её. У вас должно получиться что-то вроде этого:

Попробуйте поставить вторую панель либо чуть выше или чуть ниже, чем оригинальная панель, чтобы добавить больше визуального интереса. Кроме того, можно повернуть панель в противоположном направлении, Здесь я поместил мою вторую панель немного выше первой, и повернул по часовой стрелке. Когда вы закончите, нажмите Enter чтобы принять изменения и выйти из “Трансформации”:

Надеюсь, принцип понятен? Таким образом, продолжайте дальше. пока на получится что-то вроде этого:

На этом всё, надеюсь, урок был интересен.

Понравился сайт? Уроки оказались полезными? Вы можете поддержать проект, просто если скачаете и установите приложение “Фонарик” для Андроид. Приложение написал автор сайта и рассчитывает в дальнейшем публиковать свои приложения. Фонарик управляет светодиодом вспышки фотокамеры телефона, а также включает подсветку экраном на полной яркости.

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

Если приложение наберёт популярность, это даст стимул автору на создание новых приложений с учётом пожеланий посетителей сайта.

Заранее благодарен, Дмитрий.

QR-код для установки:

Если Вам понравился материал, скажите свое “спасибо”, поделитесь ссылками с друзьями в социальных сетях! Спасибо!

Как в фотошопе нарисовать прямую линию

Привет всем любителям программы фотошоп!

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

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

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

Читать еще:  Как сделать стол и скамейку

Рисуем прямую линию инструментом Кисть (Brush Tool)

Проще всего нарисовать линию инструментом Кисть (Brush Tool). Создаем в фотошопе документ (Ctrl + N) с произвольным размером, у меня это 800х600 пикселей:

Активируем инструмент Кисть (Brush Tool). Горячая клавиша вызова инструмента – B.

В верхней панели настроек инструмента при необходимости меняем размер и жесткость кисти:

Какая-то она не совсем ровная, резонно заметите вы, так ведь?

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

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

Рисуем прямую линию при помощи инструмента Карандаш (Pencil Tool)

Инструмент Карандаш (Pencil Tool) находится в той же группе инструментов, что и инструмент Кисть, горячая клавиша вызова инструмента – B.

Рисование линии при помощи инструмента Карандаш (Pencil Tool) аналогично рисованию Кистью – делаем клик мышью у начала линии, зажимаем клавишу Shift и проводим линию.

Рисуем линию инструментом Перо (Pen Tool)

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

Активируйте инструмент Перо (Pen Tool), горячая клавиша вызова инструмента P.

Не забудьте убедиться, что инструмент Перо находится в режиме «контур». Посмотреть это можно в верхней панели настроек инструмента:

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

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

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

Рисуем произвольные кривые линии и в конце зажимаем клавишу Ctrl с кликом мышью по холсту, чтобы завершить линии.

Линии готовы, но, к сожалению, они видны только в фотошопе во вкладке Контуры (Окно-Контуры (Window–Paths)), если сохранить изображение, к примеру, в формате jpg*, линии не будут отображаться.

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

Активируем инструмент Перо, щелкаем ПКМ по холсту и выбираем пункт «Выполнить обводку контура» (Stroke Path):

Откроется следующее окно, в котором в качестве источника нужно выбрать «Кисть», а галочку у «Имитировать нажим» (Simulate Pressure) желательно снять чтобы получились ровные линии:

Если оставить галочку «Имитировать нажим» (Simulate Pressure), линии к концам будут становиться тоньше:

Рисуем линию инструментом Линия (Line tool)

Один из самый распространённых способов нарисовать прямую линию в фотошопе это инструмент Линия. Находится в левой панели:

Читать еще:  Что сделать чтоб не дергался глаз

Прекрасно то, что можно легко настроить цвет и толщину линии:

С зажатым SHIFT я провожу прямые линии. Они создаются средством фигуры из вектора. Можно запросто нарисовать вертикальную, горизонтальную и под углом 45 градусов прямую линию.

Прямая линия с помощью выделения в фотошопе

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

Есть в фотошопе инструмент Прямоугольное выделение:

Например, нам нужна длинная и толстая линия в фотошопе. Выделяем нужную область:

Выбираем инструмент Заливка и устанавливаем цвет для будущей линии.

Заливаем цветом выделенную область и снимаем выделение CTRL+D. У нас получилась прямая линия.

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

LiveInternetLiveInternet

Метки

Рубрики

  • Вопросы (571)
  • Уроки (264)
  • Изображения (211)
  • Ссылки (174)
  • Эффекты (149)
  • Кисти (122)
  • Учебники (82)
  • фильтры и плагины (75)
  • Проблема! (57)
  • FAQ для самых начинающих (48)
  • другие программы (45)
  • Текст (44)
  • оргвопросы (43)
  • шрифты (29)
  • Анимация (26)
  • Цветовые схемы блога (7)

Цитатник

Рамки – валентинки А до Дня Святого Валентина осталось всего-то 18 дней ) Пора уже думать о небол.

Перекидные календари на 2011 год Делюсь с Вами еще двумя перекидными календарями на 2011 год. &n.

Текстуры для коллажей Abstract Bokeh Textures Размер 3200х2400, формат jpeg. Кликабельны д.

5 наборов фонов Набор фонов “Cool Breeze” 14 JPЕG | 3600 x 3600 px | 300 dpi.

Коллекция осенних рамочек С помощью этих рамочек можно красиво оформить Ваши осенние фотографии .

Друзья

Постоянные читатели

Сообщества

Статистика

Как сделать «полоски» на аватарах и юзербарах.

Очень простой эффект для начинающих.

Создайте новый документ(Ctrl+N) размерами 1х2 пикселя и максимально увеличьте его лупой.Выберите инструмент «Карандаш» размером 1 пиксел и закрасьте половину чёрным цветом.
Получится так:

Идём в EDIT(Редактирование) => Define Pattern(Определить образец).Закрывайте документ,настройки сохраняются сами.

Теперь самое интересное)
Открываем картинку,на которой хотим сделать полосочки.

Создаём новый слой(Shift+Ctrl+N) или Layer(Слой)=>New(Новый) или просто создаём новый слой на панели слоёв)

Выбираем заливку(Ведро) и кликаем на номер 1(Fill-Выполнить заливку),выбираем Pattern и в открывшемся меню номера 2 выбираем наш недавно сделанный квадратик.

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

Можно конечно оставить и так,а можно взять ластик и стереть полосы с лица.Гораздо эффектнее)Напишем что-нибудь и готово=)

Можно пробовать другие варианты:
4х4 –

Источники:

https://rugraphics.ru/photoshop/effekt-razdeleniya-foto-na-polosy
https://pixelbox.ru/kak-v-fotoshope-narisovat-pryamuyu-liniyu
https://www.liveinternet.ru/community/photoshopinka/post29237342

голоса
Рейтинг статьи
Ссылка на основную публикацию
Статьи c упоминанием слов:

Для любых предложений по сайту: [email protected]