Содержание

Как в иллюстраторе сделать контур картинки

Как добавить обводку фотографиям в Illustrator

В программе Adobe Illustrator практически безграничные возможности по работе с контурами (обводками) векторных объектов. Но нельзя так просто взять и добавить контур растровому изображению, например, фотографии. Потому что вставленная в Illustrator фотография — не векторный объект, у которой может быть заливка и контур. Выход, и даже выходы, все же есть! Все зависит от того, насколько быстро вы хотите добавить обводку, и от ее сложности. Различные приемы работы с контурами растровых изображений в Illustrator будут показаны в этом уроке.

Версия урока для английской | русской версии Illustrator

Сводная таблица способов добавления обводки приведена в таблице в конце статьи. Для начала посмотрим, что мы имеем в исходниках. На входе у нас три фотографии, которым, собственно, нужно придать обводку, или контур; одним словом, stroke.

Способ 1

Универсальный. Здесь прямоугольные фотографии заключены в обтравочный контур (clipping path) любой произвольной формы, фотографии могут быть повернуты как угодно.

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

Чтобы добиться такой картины: 1. Располагаем объект без заливки, но с нужным контуром — поверх фотографии. В данном случае применен контур из палитры Brushes 2. Копируем объект контура. >’, ‘ >>

4. Как видим, контур стал невидимым, так как теперь он стал обтравочным для фотографии:

Обтравочные контуры, к сожалению, не могут иметь такой роскошной обводки, только обычную. Так что вставим скопированный ранее контур. >’, ‘ >>

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

Способ 2

Этот способ позволяет быстрее добавлять прямоугольной формы с прямыми или закругленными углами. Преимущества способа: Более быстрое добавление контура прямоугольной формы. Возможность скругления углов. Контур может иметь любое оформление (например, как в Способе 1).

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

1. Через панель Appearance >’, ‘ >>

Способ 3

Еще один способ, который мы рассмотрим, — быстрее предыдущих, но позволяет придавать изображениям только прямоугольный контур. Он состоит в добавлении контура и назначении ему эффекта Outline Object (Контурный объект):

Преимущества способа: Относительно быстрый. Объект можно поворачивать. Недостатки способа:

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

Расположение контура внутри или снаружи объекта

Во первых двух способах добавления контура растровому изображению в Illustrator можно этот контур сдвигать эффектом Effects –> Path –> Offset Path >’, ‘ >>

Сравнение способов

Для облегчения выбора способа добавления контура изображению в Illustrator приведем таблицу:

Способ 1Способ 2Способ 3
Применение:Обтравочная маска + контурный объектEffects → Convert To ShapeEffects → Path → Outline Object
Кисти панели Brushes
Поворот
Контур снаружи, посередине или внутри объектадля сплошных простых контуров: Для контура кисти: через Effects → Path → Offset Path через Effects → Path → Offset Path Только внутри
Быстрота
Любая форма
Только прямоугольник Только прямоугольник
Скругление углов

Таким образом можно добавлять контуры изображениям и фотографиям в Illustrator.

Версия урока для английской | русской версии Illustrator

Также вам может быть интересно:

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

Настройка инструментов для для рисования контура в Illustrator

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

С технической точки зрения существует несколько способов рисования контура в Illustrator. Вы можете использовать графический планшет. В этом случае для создания контура используйте инструменты Blob Brush Tool (Shift + B) или Paintbrush Tool (B). Настройки этих инструментов показаны на рисунках ниже.

Отметьте Merge Only with Selection в диалоговом окне Blob Brush Tool options, в случае использования этого инструмента. Это необходимо для использования описанного далее метода. Если вы будете использовать Paintbrush Tool для рисования, то необходимо дополнительно настроить параметры кисти. Я предпочитаю использовать круглую кисть, ее параметры показаны на рисунке ниже

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

Дам еще вам несколько советов, которые помогут быстро вам управлять толщиной и точностью линии в процессе рисования. Для уменьшения/увеличения диаметра кисти используйте клавиши «[» / «]”. Для открытия диалогового окна опций инструмента Paintbrush Tool нажмите Enter и введите необходимое значение. Более высокие значения этого параметра делают линию более гладкой, а меньшие значения предают ей более точный вид, то есть линия будет отображать все микро движения вашей руки. Для длинных линий лучше увеличить значение точности, а для коротких – уменьшить.

Вы можете создавать контур, не имея графического планшета. В этом случае используйте инструмент иллюстратора Pen Tool (P) и Art Brush эллиптической и треугольной формы.

Для управления шириной линии используйте панель Stroke.

Вы также можете использовать изменения профиля Width в панели Stroke.

В этом случае регулируйте ширину линии при помощи Width Tool (Shift + W)

Итак, выбираем удобный и доступный инструмент и создаем контур нашего персонажа.

Очистка контура в Illustratore

Теперь приступим к отчистке контура. Ради этого я и пишу этот векторный урок по работе с контуром в иллюстраторе. Выделяем весь контур, затем переходим Object > Expand Appearance. Не следует выполнять это действие, если вы использовали Blob Brush Tool (Shift + B)

Теперь нажимаем на Divide в панели Pathfinder (Window > Pathfinder)

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

Осталось выделить и удалить ненужные его части. Для выделения можно использовать инструменты иллюстратора Direct Selection Tool (A) или Lasso Tool (Q), что предпочтительней.

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

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

После раскраски мой гоблин выглядит так.

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

3 октября 2012 | Опубликовано в Уроки | 12 Комментариев »

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

Инструменты настройки для создания векторной структуры в Adobe Illustrator

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

Технически, есть несколько способов создания векторных контуров в Adobe Illustrator. Вы можете использовать графический планшет. Сегодня мы будем использовать инструмент «Кисть-клякса» (Blob Brush (Shift + B))

или инструмент «Кисть« Paintbrush Tool (B). Параметры указаны на рисунке ниже.

Отметьте «Merge Only with Selection» в диалоговом окне инструмента «Кисть-клякса« (Blob Brush (Shift + B)), если вы используете этот инструмент. Параметры указаны на рисунке ниже.

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

Я дам вам несколько советов, которые помогут вам контролировать толщину и точность вектора. Для уменьшения / увеличения диаметра кисти используйте клавишу [» / «]»» . Чтобы открыть кисть диалоговом окне, нажмите Enter и введите нужное значение. Чем выше значение, тем более гладким будет векторный контур, низкое значения сделает его более точным. Лучше увеличить значение для длинных контуров и уменьшить для коротких.

Вы можете создавать векторные контуры без графического планшета. В этом случае используйте инструмент «Перо» (Pen Tool (P)) и объектную кисть (Art Brush) эллиптической и треугольной формы.

Используйте панель контуров (Stroke) для управления шириной линии.
Вы также можете использовать Variable Width Profile в панелb Stroke (Adobe Illustrator CS5 и CS6).

В этом случае, контролируйте ширину контуров при помощи Width Tool (Shift + W)

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

Очистка векторных контуров в Adobe Illustrator

Теперь, давайте сделаем структуру наших контуров более аккуратной и уберем все ненужное. Выделите весь контур, затем перейдите в Object> Expand Appearance. Не делайте этого, если вы использовали инструмент «Кисть-клякса« (Blob Brush (Shift + B)).

Теперь нажмите на « Divide» в панели обработки контуров (Pathfinder) (Window> Pathfinder)

В результате, вектор план был разрезан на куски на пересечении линий.

Остается только выбрать и удалить ненужные части. Для этого вы можете использовать инструмент «Прямое Выделение» (Direct Selection Tool (A)) и инструмент «Лассо» (Lasso Tool (Q)) .

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

И наш векторный контур чист всего за пару минут.

После окрашивания гоблин выглядит следующим образом.

Возможно, вас также заинтересуют статьи:

CorelDRAW Graphics Suite — Учебные пособия

Ананд Диксит (Anand Dixit)

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

Инструмент Контур находится в выпадающем меню Эффекты на панели инструментов (для отображения выпадающего меню наведите черную стрелку на кнопку Эффекты). Сочетание клавиш Ctrl + F9 открывает окно настройки Контур. Это окно также можно открыть, выбрав Эффекты > Контур в строке меню.

Настройки панели свойств «Контур»

Типы контуров:

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

Применение контура

Контуры можно применять к векторным объектам и фигурному тексту.

Контуры могут быть добавлены двумя способами:

  1. Щелкните выделенный объект и с помощью инструмента Контур протащите наружу или внутрь.
  2. Выберите объект и щелкните любую кнопку типа контуров на панели свойств.

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


Примеры простых контуров

Добавление контура к текстовому объекту

Примененный контур (Тип контура: внутренний контур, Шаги контура: 9 шагов, Смещение контура: 0.5 мм, Угол: скошенный, Цвет заливки: красный, Цвет абриса: без абриса).

Добавление контура к векторному объекту (см. изображения ниже)
  1. Тип контура: контур абриса, Шаги контура: 9 шагов, Смещение контура: 0.5 мм, Угол: скошенный, Цвет заливки: красный, Цвет абриса: красный.
  2. Тип контура: к центру, Шаги контура: НД, Смещение контура: 0.5 мм, Угол: скошенный, Цвет заливки: красный, Цвет абриса: красный.
  3. Тип контура: внутренний контур, Шаги контура: 2 шага, Смещение контура: 1 мм, Угол: скошенный, Цвет заливки: красный, Цвет абриса: красный.

Контуры могут быть разделены с помощью команды Разъединить (Ctrl + K). Объект будет отделен от контуров, число которых равняется заданному числу шагов. После разъединения объекты контуров будут сгруппированы.

Использование контуров для создания интересных эффектов

Шаг 1: фигурный текст с примененным контуром (Тип контура: внутренний контур, Шаги контура: 1 шаг, Смещение контура: 1 мм, Угол: скошенный, Цвет заливки: белый, Цвет абриса: без абриса).

Шаг 2: разъедините контур, нажав Ctrl + K. Контур и объект текста будут разделены. (Цвет контура был изменен с белого на синий для повышения видимости.)

Шаг 3: теперь, сохраняя расположение исходного текста и объекта контура без изменений, создайте дубликат (Ctrl+D) и сместите исходный текст по горизонтали. Объект голубого цвета внизу является сдвинутым по горизонтали дубликатом исходного текстового объекта красного цвета.

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


Использование контуров для создания затенения в сложных иллюстрациях

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

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

  1. Исходный векторный объект/форма
  2. Объект контура, залитый Фонтанной заливкой от C0 M25 Y25 K0 до C0 M50 Y45 K0, без Абриса
  3. Параметры примененного контура: Тип контура: к центру, Смещение контура: 0.3 мм, Угол: скошенный, Цвет заливки: от C0 M35 Y40 K0 до C0 M20 Y25 K0
  4. Каркасный вид объекта (Вид > Каркас) после применения контура

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


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

Цветовой переход: для создания перехода между цветом исходного объекта и цветом контура представлены три опции. Цвет заливки и цвет абриса будут смешиваться в зависимости от выбранного варианта. Опции цветового перехода: а) Цвет контура линии; б) Цвет контура по часовой стрелке; в) Цвет контура против часовой стрелки.

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

Угол: углы контура могут быть острыми, скругленными или скошенными.

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


Знаете ли вы?

  1. Контуры можно применять и редактировать на экране в интерактивном режиме.
  2. Инструмент «Контур» работает как с однородной, так и с фонтанной заливками.
  3. Настройки контура могут быть скопированы из одного объекта в другой следующими способами:
    1. С помощью кнопки Скопировать контур на панели свойств.
    2. Посредством использования инструмента Пипетка атрибутов. (Для этого щелкните объект контура и перенесите атрибуты, щелкнув другой объект.)
    3. Выберите Эффекты > Скопировать объект > Контур….
  4. Эффект контура можно клонировать. Клонированные объекты будут автоматически трансформированы в соответствии с изменениями, внесенными в исходный объект. Чтобы клонировать контур, выберите Эффекты > Клонировать эффект.
  5. Некоторые объекты (например, объекты с примененными прозрачностями) не подходят для клонирования. Однако интересные эффекты могут быть созданы путем применения конура к объекту с последующим применением прозрачностей после разъединения контурной группы.

Урок 08. Обводка контуров объекта в CorelDraw (Scale with image, обводка, контур, Outline Pen Dialog, обводка текста)

Как правило, обводка присутствует при начальном создании объекта, фигуры или просто прямой линии. На первых шагах работы создаётся контур задуманного элемента, который не имеет заливки, но рисуется уже с обводкой. Изначально она имеет стандартную толщину 0,216pt (пункта) или «Hairline», но её можно менять по своему усмотрению. Обводку можно использовать для подчеркивания текста, для увеличения толщины создаваемого объекта и т.д.

Оглавление

  1. Настройка параметров обводки
  2. Рисуем фигуры
  3. Меняем толщину обводки
  4. Масштабирование
  5. Обводка за контуром
  6. Обводка как самостоятельный объект
Уровень сложности: низкий
Использованное ПО: CorelDraw X3

Настройка параметров обводки

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

1.1 Создаем новый документ (File > New). Выбираем Outline Pen Dialog (F12) в левой панели инструментов.

1.2 На экране появится окошко, в котором мы должны поставить галочку напротив пункта Graphic и нажать OK.

1.3 Теперь в окошке Outline Pen мы должны установить все настройки так, как показано на рисунке. Не забывайте поставить галочку около пункта Scale with image, это позволит вам избежать проблем с обводкой при масштабировании нашего рисунка.

Рисуем фигуры

2.1 Теперь мы можем изобразить то, что нам хочется. Нарисуем большой чёрный прямоугольник инструментом Rectangle Tool(F6). Затем поверх него создадим круг при помощи инструмента Ellipse Tool (F7). Закрасим наш круг оранжевым цветом, а контур сделаем белым (для этого нам нужно щелкнуть правой кнопкой мыши на палитре с цветами).

2.2 После этого напишем большую букву А при помощи инструмента Text Tool (F8). Сделаем букву белой, а контур для неё черным.

Меняем толщину обводки

3.1 Теперь мы можем изменить толщину нашей обводки. Это можно сделать для всех объектов сразу и одинаково, а можно сделать для каждого в отдельности и разную. В первом случае нам нужно выделить все объекты при помощи мышки и открыть меню Outline Pen (см. пункт 1.1 — 1.3). В следующем примере мы рассмотрим второй вариант. Выделим круг, щелкнув на нем мышкой, и в верхнем меню выберем подходящую толщину линии, например 2,0 mm.

3.2 Зададим толстую обводку нашему тексту, то есть букве А. Изначально текст не имеет контурной обводки, однако же мы сделали ее черной и хотим увеличить ее толщину. Для этого нам нужно выделить нашу букву, кликнув на нее, и открыть меню Outline Pen (см.пункт 1.1 — 1.3). В настройках обводки зададим ей толщину 2,5 mm (значение можно вписать от руки). Мы получили толстый черный контур вокруг нашей буквы.

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

Масштабирование

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

4.2 Уменьшим наш рисунок в несколько раз. Картина изменилась. Наш круг остался правильным, так как мы указали для него в самом начале работы правильное масштабирование, а вот буква А изменилась неправильно. Ее обводка осталось такой же, как при большом изображении 2,5 mm.

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

Выделяем нашу букву А, опять идем в меню Outline Pen (см. пункт 1.1) и ставим галочку около пункта Scale with image.

4.4 Теперь мы можем спокойно масштабировать весь наш рисунок, не боясь, что он может измениться.

Обводка за контуром

5.1 Мы научились правильно масштабировать наши объекты, теперь попробуем сделать обводку буквы А очень толстой. Не меняя размеров нашей уменьшенной картинки, зададим обводку буквы 2,0 mm или больше. Мы видим, что большая часть буквы или даже вся она целиком скрылась за обводкой.

5.2 Выделяем нашу букву А и опять идём в настройки обводки (см.пункт 1.1). В меню ставим галочку рядом с пунктом Behind fill. Обводка с атрибутом Behind fill (заливка выше абриса) на половину толщины скрылась за заливкой контура нашей буквы А. Буква стала выделенной на фоне, а форма ее осталась правильной.

Обводка как самостоятельный объект

6.1 Видоизменять обводку мы научились, но ее можно также сделать отдельным объектом, то есть отделить от контура рисунка. Возьмем для примера наш круг, который рисовали в самом начале урока. Он уже имеет очень толстую обводку. Выделяем его и идем в пункт меню (Arrange > Convert Outline to Object) (Ctrl+Shift+Q).

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

Создать закладку в (наведите курсор на иконку снизу)

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

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

Проще всего оставить один лишь контур в детских фонах, картинках для детей, в которых нет лишних деталей (складок одежды, вырисованной травы, сложных текстур и пр.)

1. Откройте в фотошоп ваше изображение,

2. Примените к нему фильтр -> стилизация -> выделение краев или в английской версии фотошоп Filter -> Stylize -> Find Edges

3. Фильтр -> Эскиз -> Ксерокопия (Filter -> Sketch -> Photocopy) Детализация 7, затемненность 3. У вас могут получиться другие параметры фильтра. Получили белые контуры на черном фоне:

4. Изображение -> Коррекция -> Инверсия (Image -> Adjustments -> Invert)

5. Отрегулируйте Яркость/контрастность, увеличив значения обоих параметров. Если нужно, то лишние детали закрасьте белой кистью.

Прошу посмотреть «дело9м.рф».
Прошу нарисовать отпечаток грязного пальца на краю листа оглавления и след от головки грязного гаечного ключа. Сколько стоит?
Пояснения.
1. Фотошоп для этих целей знаем, но не получается естественности и выразительности. Мы инженеры, а не художники.
2. Смысл заглавной страницы сайта:
— обратить на себя внимание только тех, с кем нам хотелось бы иметь дело: работящих мужиков и толковых инженеров, умеющих жить одновременно своим умом и своим трудом, помнящих слова старинного детского советского стишка: «…чего один не сделает — сделаем вместе».
— оттолкнуть от себя эффективных менеджеров, финансовых аналитиков, гундяевцев и прочих мастеров делить по справедливости чужое.
Соответствующие слова об этом написали, но образ первой страницы не устраивает.
3. Нуждаемся в длительном сотрудничестве.

Нет такого слова «разукрашка». Это называется «раскраска».

Photoshop, 3dmax, textures, art, gallery

Инструкция

1. Загрузите в программу Photoshop исходное изображение.

2. Зайдите в меню «Фильтр» — «Стилизация» — «Выделение краев».

3. Теперь так же откройте меню «Фильтр» и перейдите в «Эскиз» — «Ксерокопия». Откроется окно, в правой части которого необходимо выставить следующие параметры: «Детализация» — 9; «Затемненность» — 5. Нажмите кнопку ОК.

4. Перейдите в меню «Изображение» — «Коррекция» — «Яркость/Контрастность» и отрегулируйте с помощью ползунков параметры, пока не добьетесь наиболее подходящего результата.

Готовое изображение сохраните на компьютер в формате JPEG.

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

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

Конечно, это не обязательно, я расскажу про один из инструментов, который поможет выделить объект, но для повышения собственной продуктивности не помешает узнать и про остальные — лассо, волшебная палочка, быстрое выделение.

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

Обрамление фото

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

Почему я поступаю именно так? Благодаря этому способу пиксели не сбиваются, подробности об этом моменте можете узнать из статьи «Как растянуть изображение в Photoshop — без потери качества и пропорционально».

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

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

Стыдно признаться, но в стародавние времена, для редактирования я и сам просто создавал новый слой при помощи клавиш Ctrl+J, пока не открыл для себя этот элементарнейший момент. Вот почему так важно читать книги и смотреть полноценные курсы для начинающих. Экономит время и помогает не совершать глупых действий, но об этом чуть позже.

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

Готово, то что нам нужно. Первым делом справа, под кнопками «Ок», «Отмена» и «Новый стиль» отыщите «Просмотр» и поставьте напротив него галочку, чтобы сразу видеть изменения на рисунке.

Теперь определитесь с размером рамки. Можете при помощи мыши оттащить меню. Зацепите его сверху, там где написано «Стиль слоя» и перенесите в нужное место.

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

Еще одна важная настройка — «Цвет». Щелкните по этой плашке и получите доступ к спектру, чтобы изменить оттенок.

Вот такой результат получился у меня после того, как я все сделал и кликнул на «Ок».

Сложный контур

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

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

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

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

Перейдите в раздел правого меню «Контуры».

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

Теперь в разделе «Контуры» нажмите на правую кнопку мыши и щелкните «Выполнить обводку».

Готово. Жмете «Ок».

Альтернативный более простой вариант

В этот раз я поступлю мудрее и выберу объект, который состоит только из одного цвета. Так его будет проще выделять палочкой. Щелкаю ей по женщине, а затем выношу этот объект на новый слой при помощи клавиш Ctrl+J.

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

Теперь выбираете обводку, как делали это ранее, через параметры наложения (fx).

И снова работаете с контуром. Уже привычным образом, как и в первой главе про обрамлении фото. В этот раз можно использовать положение «Снаружи» и «По центру».

Надписи

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

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

В этот раз не думаю что будет сложно найти обводку.

Ну и осталось лишь разобраться со ставшими привычными настройками. Ничего нового.

Видео инструкция

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

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

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

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

НАШ САЙТ РЕКОМЕНДУЕТ:

Метки:  

Тату контур (71 фото) — эскизы, выбор стиля для девушек и мужчин татуировки в технике контур

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

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

Особенности и преимущества тату в контурной технике

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

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

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

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

Общие характеристики и особенные черты контурных тату

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

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

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

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

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

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

  • тотемные животные. Варианты таких изображений ограничиваются только полетом фантазии человека и профессионализмом выбранного мастера. На разные части тела можно наносить изображения волков и тигров, львов и слонов, выбрать эскиз с орлом или чайкой, имеющих собственное значение;
  • религиозные и тематические символы. Культурные и стилистические, мифологические и магические знаки наиболее распатронены среди тех, кто ценит символизм. В технике контуринга можно изобразить символы Инь и Янь, крест и Анкх (символ вечной жизни), месяц и созвездие;
  • распространенные орнаменты. Растительные и цветочные орнаменты реализованные в технике контуринга смотрятся особенно впечатляюще. Кроме архаичной символики легко подобрать современные орнаменты, составлять из них полноценные композиции для украшения отельных участков тела;
  • рисунки мехенди. Индийская техника рисования хной отлично сочетается с контурной техникой нанесения татуировок на тело. Выбирая такой вариант необходимо глубоко вникнуть в смысл изображения и внимательно отнестись к подбору всех элементов и составляющих частей рисунка.

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

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

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

Фото идеи татуировок с контуром

Обтекавание текста вокруг рисунка в Word

  1. Выделите рисунок.

  2. Нажмите кнопку Параметры разметки .

  3. Выберите нужный макет.

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

Дополнительные сведения о параметрах обтекаия текстом и точках обтекаия см. в документе «Параметры обтекаия текстом».

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

  1. Выберите рисунок.

  2. Выберите «Формат рисунка» или «>положение»,а затем в области «Формат с обтекаем текстом» выберите«Сверху слева».

    Совет: Вы можете перетащить изображение в любое место документа и выровнять его любым способом. Внести изменения в обтекание word, выбрав параметр «Формат> Обтекание текстом > дополнительные параметры разметки.

Вы можете добавить рисунок в центр документа и сделать так, чтобы текст обтекал его.

  1. Выберите рисунок.

  2. Перейдите к формату рисунка или формату > обтекать текст > квадратом.

  3. Выберите «Положение>дополнительные параметры разметки.

  4. На вкладке «Положение»выберите «Выравнивание»и измените поле вниз на центр.

  5. Рядом с относительной выберите«Страница»и выберите «ОК».

    Примечание: Вы можете перетащить изображение в любое место документа и выровнять его любым способом. Чтобы настроить обтекание в Word выберите Формат > Обтекание текстом > Дополнительные параметры разметки.

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

Совет: Для лучших результатов используйте рисунок с прозрачным, белым или сплошным фоном.

  1. Выделите рисунок и перетащите его на середину страницы или туда, куда нужно.

  2. Перейдите к формату рисунка или формату >Обтекать текст > пометки по словам.

  3. На вкладке «Формат» выберите «Удалить фон».

    Примечание: Вы не сможете удалить фон из векторных изображений.

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

Настройка обтекания текстом

Если между текстом и изображением остается слишком много места, можно настроить контур обтекания вручную.

  1. Выберите рисунок, перейдите к пункту «Формат рисунка» или «Формат» и выберите «Обтекать текст> точки обтекаия».

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

Дополнительные сведения о параметрах обтекаия текстом и точках обтекаия см. в параметрах обтекаия текстом.

Вставляемые рисунки, размещенные в тексте, привязываются к месту вставки и воспринимаются как текстовые символы. Они автоматически перемещаются вместе с окружающим текстом.

  1. Выберите рисунок.

  2. Перейдите к формату или формату рисунка и выберите «> в тексте».

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

  1. Выберите рисунок.

  2. Выберите «Формат рисунка» или «Формат» и выберите «Обтекать текст>исправить положение на странице.

Существует ограниченная группа вариантов обтекаия текстом для изображений в Word в Интернете.

  1. Вставка и выбор рисунка.

  2. В средстве работы с рисунками > формат >переноса текста.

  3. Выберите макет.

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

Если вы не можете внести изменения в рисунок и у вас есть настольная версия Word, выберите «Открыть в Word», чтобы открыть документ в Word и изменить его макет.

Закончив, нажмите клавиши CTRL+S, чтобы сохранить документ в исходном месте. Затем вы можете снова открыть его в Word в Интернете и продолжить редактирование. Word в Интернете сохранит параметры макета, которые вы применили в классической версии Word.

Рамка вокруг изображений | htmlbook.ru

Рамка вокруг изображений | htmlbook.ru

Темы рецептов

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

Рис. 1. Пример паспарту

За изменение стиля элемента при наведении на него указателя мыши отвечает псевдокласс :hover. Для управления стилем ссылок этот псевдокласс добавляется к селектору A через двоеточие.

Рамка вокруг изображения появляется в том случае, когда к тегу <img> добавляется свойство border с ненулевым значением и при создании изображения-ссылки. При этом тег <img> хранится внутри контейнера <a>. Независимо от ситуации цвет рамки устанавливается автоматически, однако через стили можно задать любой желаемый цвет границы.

Когда рисунок помещается внутрь контейнера <a>, то он становится ссылкой и вокруг него автоматически добавляется тонкая цветная рамка. Чтобы от нее избавиться, добавьте свойство border со значением none к селектору IMG, как показано в примере 1.

Для добавления рамки вокруг картинки применяется стилевое свойство border, которое следует добавлять к селектору IMG. В качестве значения одновременно указывается толщина границы, ее стиль и цвет. Например, для создания сплошной рамки толщиной два пиксела красного цвета необходимо записать IMG {border: 2px solid #ff0000;}.

О сайте

Помощь

Копирование материалов

Борьба с ошибками

Технологии

Поисковый плагин

Основные разделы

Статьи

Блог

Практикум

Цифровые книги

Форум

HTML

Самоучитель HTML

XHTML

Справочник по HTML

HTML5

CSS

Самоучитель CSS

Справочник по CSS

Рецепты CSS

CSS3

Сайт

Вёрстка

Макеты

Веб-сервер

htmlbook.ru использует хостинг timeweb

© 2002–2021 Влад Мержевич, по всем вопросам пишите по адресу [email protected]

Подпишитесь на материалы сайта по RSS

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

солнечный клипарт черно-белый

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

стул на трех ножках картинки

клипа звезды наброски

наброски клипарт

индийский слон

контурный клипарт яблоко

лимонный клипарт черно-белый

контурный рисунок бабочки

контур рыбы клипарт

сердце силуэт

звездное изображение черно-белое

наброски мультяшного слона

Раскраски

ломтик арбуза

форма цветка клипарт черно-белый

простой рождественский клипарт черно-белый

мама лицо клипарт черно-белый

армейские ботинки клипарт

контур коровы

контур формы звезды

наброски тыквы картинки черный и белый

картинки головы

мальчики клипарт наброски

лицо человека клипарт

прослеживаемый цветок

оранжевый клипарт черно-белый

клип арт собака наброски

контурный рисунок животного

контурный рисунок собаки

зонт картинки

виноград клипарт черно-белый

шляпа-федора с вырезом

контурное изображение цветка

раскраски Ипомея

нарисовать мультяшное солнце

контур тела клипарт черный и белый

луи риель клипарт

простой контур Австралии

книга убить пересмешника бенто

??????? ?????? ???????? ?????????

наброски клипарт

стрелка направления белая

простой рыбы клипарт наброски

раскраски лист

фракталы снежинки

контурные воздушные шары клипарт

простая вырезанная звезда

наброски волка

контурное изображение игрушки

простой контур рисунка бабочки

клипарт короны

контур голубя

шаблон для вырезания рыбы

плюшевый мишка клипарт наброски

наброски собака картинки

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

набросок эскиза дерева

наброски дерева

зимнее дерево легкий рисунок

белый силуэт дерева png

наброски дерева

деревья картинки черный и белый

ива клипарт черно-белый

наброски дерева

контур пальмы картинки png

раскраски Легкое дерево

узор новогодней елки

контурный рисунок рождественской елки

черно-белый простой клипарт деревья

контур пальмы картинки

рисунок ветки дерева для детей

дерево черное и белое

рисунок цветочной линии

контур белой елки

форма контура сосны

контур яблони клипарт

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

украсить елку раскраски

сосны силуэт png

цветочный контур

раскраски Ипомея

пустой контур рождественской елки

наброски простая рождественская елка

пустая раскраска рождественская елка

контурное изображение деревьев

простой шаблон для печати дерева

дерево черное и белое

листовой узор

черно-белый рисунок пальмы

раскраски Банановое дерево

контурное генеалогическое древо

рисунок листьев осины

елка из треугольников

силуэт сосны клипарт

пальма мультфильм png черно-белый

эскиз

картинки черно-белые

штриховая графика

штриховая графика

Шаблон генеалогического дерева

на французском языке

пальмы клипарт

раскраски Паук-монстр

пустой шаблон генеалогического дерева

раскраски лист

черно-белые картинки пальмы

черно-белое изображение высокого и короткого дерева

книга убить пересмешника бенто

рождественские раскраски Губка Боб

черно-белый простой клипарт деревья

девичье дерево

предмета, связанного с падением, для рисования

листовой узор

мотив

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

Как преобразовать фотографии в рисунки с помощью GIMP | Small Business

Автор: Дэн Кетчум Обновлено 28 августа 2018 г.

Являясь частью сообщества бесплатного программного обеспечения GNU, GIMP — аббревиатура от GNU Image Manipulation Program — предлагает экономичную и эффективную альтернативу дорогостоящим программам для редактирования изображений, таким как Adobe Photoshop, Macphun Luminar или Corel PaintShop.

Как и эти программы, инструменты GIMP позволяют обрезать, накладывать слои, корректировать цвет и иным образом изменять цифровые изображения. Инструменты включают в себя набор автоматических фильтров, которые воспроизводят различные стили графического дизайна и искусства, от мультфильмов до картин маслом. GIMP можно бесплатно загрузить и использовать на платформах Windows, Linux и OS X, и по состоянию на август 2018 года он достиг версии 2.10.6. Тем не менее, его базовый визуальный интерфейс остается довольно согласованным для разных платформ и версий, поэтому процесс преобразования фотографии в стиль рисования линий будет одинаковым, независимо от того, как вы решите использовать программное обеспечение.Чтобы фотография выглядела как рисунок с помощью GIMP, вы будете придерживаться встроенных в программу фильтров.

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

Щелкните меню «Файл» GIMP и выберите параметр «Открыть», чтобы открыть фотографию, которую вы хотите использовать для создания штрихового рисунка. GIMP поддерживает форматы файлов цифровых изображений, включая JPEG, GIF, PNG и TIFF.

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

Постеризация изображения

Щелкните «Цвета» среди опций, таких как «Файл» и «Инструменты» на верхней панели инструментов GIMP, и выберите «Постеризация». Появившийся ползунок позволяет уменьшить общее количество цветов на фотографии — от двух до 200 — в конечном итоге облегчая GIMP преобразование визуальных данных в изображение, похожее на рисунок.Отрегулируйте ползунок, чтобы выбрать меньше цветов для менее детального рисования линий и больше цветов для повышения уровня детализации.

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

Применение фильтра

Теперь, когда ваша фотография получилась красивой и постеризованной, вы готовы применить эффект рисования линий. Нажмите меню «Фильтры», а затем выберите «Художественный» и «Мультяшный». В меню «Фильтр мультфильмов» можно настроить два параметра: радиус маски и процент черного.Чем меньше радиус маски, тем более пунктирный эффект будет у вашего изображения. Увеличение процента черного ползунка придает чернильным линиям более толстый и смелый вид, а уменьшение делает их более тонкими.

После того, как вы настроили параметры по своему вкусу, нажмите «ОК», чтобы применить фильтр.

Настройка внешнего вида

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

Еще один проход с Posterize может придать изображению стиль поп-арт, напоминающий комикс, а обесцвечивание фотографии — выполняется нажатием кнопки «Цвета», а затем «Обесцветить» — создает простой высококонтрастный черно-белый вид. . Также в меню «Цвета» опция «Яркость-Контрастность» открывает ползунки яркости и контрастности, которые вы можете настроить, чтобы придать конечному продукту ряд различных визуальных эффектов, от светлых и воздушных до темных и резких.

Как обвести контур изображения в Photoshop | Добавление белых контуров к изображениям

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

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

Я написал это сообщение в блоге, потому что хотел максимально упростить его для вас.

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

Вот как добавить контуры вокруг изображений в фотошопе.

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

Шаг № 1 Откройте изображение, которое вы хотите использовать в Photoshop

Откройте Photoshop, выберите «Открыть», а затем выберите изображение, с которым вы хотите работать.

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

Шаг № 2 Выберите передний план из фона

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

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

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

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

Я не зацикливаюсь на мелочах и часто обрезаю изображение дальше, чтобы не делать слишком много редактирования 🙂

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

Шаг № 3 Скопируйте и вставьте передний план

После того, как вы выбрали свой передний план, вам нужно «перенести его вперед, скопировав и вставив снова в качестве собственного слоя.

На Mac используйте CMD + C, а затем CMD + V.

На ПК используйте CTRL + C, а затем CTRL + V

Это «отделит» выбранную вами часть от фона и теперь будет отображаться как это собственный

Шаг № 4 Удалите исходный слой

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

  1. Исходное изображение
  2. Изображение переднего плана, которое вы выбрали (часть, которую вы хотите сохранить)
  3. Исходный фон (только если вы перетащили файл).

Удалите исходное изображение и исходный пустой фон (если применимо).

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

Шаг № 5 Выберите «Параметры наложения» на слое переднего плана

Теперь, когда у вас есть только один слой, щелкните его правой кнопкой мыши и выберите «Параметры наложения»

Шаг № 6 Выберите «Обводка»

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

Вы можете изменить внешний вид (ширину, цвет и т. Д.) В параметрах наложения.

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

Шаг № 7 Загрузите готовое изображение

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

Если вы хотите использовать фотошоп для всего, дерзайте! Я предпочитаю Canva.

Вот конечный продукт, который я только что сделал (в Canva, следуя шагам, которые я только что показал).

Хорошо, ваша очередь! Сделайте несколько эскизов!

  • Adobe Photoshop (20 долларов в месяц / доступна бесплатная пробная версия) — это платное программное обеспечение, которое я использовал в этом уроке. Я не знаю никаких бесплатных альтернатив, которые позволили бы вам добавить белые контуры, но я рекомендую вам поискать, если хотите, и, пожалуйста, оставьте комментарий, если вы что-то найдете!
  • Зеленый экран Elgato (149 долларов США) — один из зеленых экранов, которые я использую, чтобы легко удалить фон.Этот складной, но все же довольно большой.
  • Canva (бесплатно) — веб-инструмент, который я использую для создания эскизов (после добавления белых контуров и удаления фона в фотошопе).

Как очертить изображение в Photoshop — Креатив Брендана Уильямса

Обводка изображения в Photoshop упрощается с помощью панели стилей слоя и опции обводки. Используя эти два инструмента, вы можете создать контур всего изображения или вокруг определенного выделения всего за несколько щелчков мышью.Здесь вы узнаете, как использовать эти инструменты, чтобы обвести изображение в Photoshop сплошным цветом, градиентом или наложением текстуры! Давайте начнем.

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

Видеоурок

Как очертить края изображения

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

Этот вариант — один из самых простых способов, так как вам не нужно делать какой-либо выбор. Всего несколько щелчков мышью — и настройка хода сделает свое дело!

Вот как это сделать:

Дублируйте слой, вокруг которого хотите создать границу. Таким образом, у вас всегда будет резервный слой, если что-то пойдет не так. Используйте сочетание клавиш Command + J (Mac) или Control + J (ПК), чтобы дублировать слой.

Если у вас уже есть большая группа слоев, продублируйте и объедините их, используя команду Command + Option + Shift + E (Mac) или Control + Alt + Shift + E (ПК). Этот ярлык создаст новый объединенный слой, к которому будет добавлен контур.

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

Выберите «Ход».

Установите положение обводки на «внутри» и оставьте непрозрачность на 100%.

Установите тип заливки «цвет» и выберите цвет, которым вы хотите обвести фотографию.

Когда все настроено, регулируем размер мазка с помощью ползунка размера. Этот вариант полностью зависит от вас, и здесь нет правильного или неправильного.

Результат

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

Как очертить вырезанное изображение

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

Этот метод требует некоторых базовых знаний об инструментах выделения в Photoshop. Однако я поделюсь самым простым инструментом выделения для этой техники.

Вот как это сделать:

Возьмите инструмент выбора объекта, нажав W , или найдите его на панели инструментов.

Этот инструмент доступен только в Photoshop CC 2020 и новее. Если вы используете более раннюю версию, вы можете вместо этого использовать инструмент быстрого выбора.

При активном инструменте выбора объекта установите режим на «прямоугольник» и отметьте флажком «усилить края» и «вычесть объект».

Чтобы сделать выбор, щелкните и растяните прямоугольное выделение вокруг объекта. Как только ваш объект поместится в это поле, отпустите, и Photoshop сделает выделение вокруг объекта.

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

При активном выделении вокруг объекта нажмите Command + J (Mac) или Control + J (ПК), чтобы скопировать выделение на новый слой.

Дважды щелкните новый слой, чтобы открыть панель стилей слоя.

Выберите «Ход».

Установите положение «снаружи» и оставьте непрозрачность на 100%.

Установите тип заливки «цвет» и выберите цвет для границы выделения.

Наконец, установите размер обводки с помощью ползунка обводки. Это увеличит размер контура вокруг выреза.

Результат

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

Как обвести изображение несколькими цветами

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

Вот как это сделать:

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

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

Появится второй вариант обводки, который вы можете начать редактировать. Оставьте все настройки без изменений, но измените значения цвета и размера соответственно.

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

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

Результат

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

Как добавить контур градиента к изображению

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

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

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

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

Чтобы создать градиент, щелкните образцы цвета на любом конце предварительного просмотра градиента. Появится палитра цветов, позволяющая изменить цвет.

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

Теперь, когда цвет градиента установлен, выберите угол градиента, повернув выравнивание угла. Этот параметр меняет начало и конец градиента.

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

Наконец, выберите, какой тип градиента вы хотите использовать. Если вы не уверены, оставьте для этого параметра значение «Линейный».’

Результат

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

Как обвести изображение с помощью текстуры

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

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

Щелкните поле Pattern, чтобы получить доступ к новым шаблонам.

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

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

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

Наконец, установите масштаб узора, который наилучшим образом соответствует вашему образу.

Результат

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

Заключение

Научиться обводить изображение в Photoshop легко, если использовать панель стилей слоя и параметры обводки. Этот метод упрощает процесс и позволяет легко регулировать размер контура.Лучше всего то, что вы можете добавлять дополнительные эффекты на панели стилей слоя, такие как градиенты, узоры или несколько цветов обводки!

Хотите больше подобных уроков? Подпишитесь на нашу еженедельную рассылку, чтобы получать больше фотографий и советов по редактированию фотографий, которые будут доставлены прямо на ваш почтовый ящик!

— Брендан 🙂

Связанные

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

10746

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

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

Что такое фоторепортаж?

Итак, вы, наверное, думаете, что такое фоторепортаж? Мы рады, что вы спросили! Определение фоторепортажа не из тех, которые легко найти из-за вариаций стиля.Его самое основное определение — это набор или серия фотографий, связанных вместе, чтобы вызвать у зрителей намеченные эмоции. Эти образы часто очень впечатляющие и вызывают чувства с первого взгляда.

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

Лучшие советы.

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

Сделайте удар.

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

Пример схемы фоторепортажа

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

  • Изображение лидера . Возможно, самая важная часть вашего эссе. Ведущее изображение не только знакомит с вашей темой, но и привлекает ваших читателей. Ваша цель здесь — задать тему и контекст вашей статьи и зажечь эмоциональную связь через изображение.
  • Информативное изображение . После создания первого впечатления вам нужно дать читателю немного больше информации.Думайте об этом как о введении, в котором вы информируете читателей об общей структуре своего эссе.
  • Детальные снимки . Здесь вы получите более конкретную информацию. Убедитесь, что эти фотографии действительно посвящены теме, о которой вы говорите. Идея здесь в том, чтобы проинформировать читателей и дать им всю предполагаемую информацию. Считайте эту часть основной частью своего эссе.
  • Клинчер . Это изображение — последнее, что увидит ваш читатель; поэтому важно сделать его наиболее мощным, оставив сильнейшее впечатление на читателя и совпадающее с сообщением, которое вы пытаетесь передать.Итак, сделайте это хорошим!

Отличные идеи фоторепортажа на темы

Как мы уже говорили, старайтесь выбирать темы для фоторепортажей, которые будут универсальными или интересными. Таким образом, люди не захотят отводить взгляд от вашего произведения искусства. Вы спросили, и мы ответили — вот краткий список из 25 тем, по которым вам будут аплодировать стоя. Пожалуйста!

  1. Преобразующая сила макияжа.
  2. Послевоенные города.
  3. Заброшенные города.
  4. Последствия глобального потепления.
  5. Стрит-арт.
  6. Жители города.
  7. Стихийные бедствия до и после.
  8. Эпидемия пластика.
  9. Борьба за еду.
  10. Культуры мира.
  11. Религия.
  12. Архитектура.
  13. Возобновляемая энергия.
  14. Тенденции.
  15. Реклама.
  16. Соседи.
  17. Настоящий взгляд на больницы.
  18. Городские городки после массовых расстрелов.
  19. Биография: вы или кто-то важный для вас.
  20. Стадии беременности.
  21. Мода.
  22. Отношения.
  23. Рождество во всем мире.
  24. Татуировки.
  25. Студенческая жизнь.

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

Что и нельзя делать при написании фоторепортажа

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

Можно:

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

Нельзя:

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

Если вы оказались в тупике писателя и вам нужно вдохновение, вот несколько советов:

  1. Прогуляйтесь: есть любимый район города или любимый парк? Сходите на прогулку и посмотрите, придет ли вдохновение.
  2. Идите в ногу со временем: это может показаться старомодным, но возьмите газету или журнал для некоторого вдохновения. Они отлично справляются с использованием изображений, которые соответствуют истории и посланию, которое они пытаются передать. В большинстве случаев изображение сильнее слов.
  3. Прибавьте громкость: музыка может вызывать мысли и эмоции. Мы знаем, что у вас есть любимая группа или исполнитель. Так что наденьте наушники и включите звук, и после этого вы почувствуете свободу, вдохновение и облегчение!

Нужна помощь с фоторепортажами?

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

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

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

Поделитесь этой историей:

Не каждая статья нуждается в картинке.

Картинка и текст часто хорошо сочетаются друг с другом.У вас есть статья о предмете, и изображение иллюстрирует это, что во многих случаях помогает вам лучше понять предмет. Но в сети эта логика больше не работает, потому что в какой-то момент было решено, что все тексты требуют изображения. Это может быть знаменитость, имеющая косвенное отношение. Это может быть стоковая фотография человека, гримасничающего. Это может быть логотип Sony, то есть просто слово SONY. Я давно об этом думаю и считаю это глупостью. Я понимаю, что изображения -> клики — это евангелие индустрии, но похоже, что многие издатели забыли о своем чувстве гордости.Если изображение стоит тысячи слов, мне трудно представить, что текст статьи, иллюстрированный стандартным стандартным изображением, будет иметь большую ценность.

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

Затем Facebook и Twitter разрушили бизнес в традиционном смысле «ухудшили положение». Теперь, когда пользователь делится статьей на своих сайтах, миниатюра изображения обеспечивает предварительный просмотр статьи. Если в статье нет изображения, социальные сети по-прежнему будут использовать все, что могут — обычно это просто увеличенная версия логотипа веб-сайта, хотя иногда это другое несвязанное изображение с той же страницы, например.грамм. эскиз из другой статьи. Если на сайте социальной сети не удается найти изображение вообще, отображается только заголовок. Веб-сайты опасаются, что это заставит их выглядеть непрофессионально или, что еще хуже, скучно, и оттолкнет потенциальные клики. Даже у этого долбаного «Экономиста» теперь есть фотография на каждой статье на своем сайте.

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

Хуже всего статьи о Facebook. По крайней мере, картинки Трампа иногда бывают забавными; Марк Цукерберг всегда выглядит как кузен Джастина Тимберлейка, член парламента. Однако, как и Трамп, Facebook также делает все возможное, чтобы уничтожить все хорошее, что осталось, поэтому Цукерберг часто упоминается в новостях. И каждый раз, когда он появляется, веб-сайты должны предлагать изображение, которое будет в верхней части поста. Поскольку отсутствие произведений искусства было бы немыслимо, веб-сайты вынуждены загружать еще одну фотографию Марка в той же рубашке на том же голубом фоне, иначе они уступят место буквально размещению логотипа Facebook.

Как это выглядит, когда для изображения нет статьи, поэтому Facebook берет другое изображение из любого места на странице. Hanson O’Haver / The Outline

Для криминальных историй практика еще более тревожная. Есть что-то странное и неприятное в том, что новые истории о Харви Вайнштейне все еще проходят через одни и те же фотографии с красной ковровой дорожки. Какой цели служат эти изображения? На данный момент все знают, как он выглядит. Думаю, мы смотрим на него и думаем: Так вот как выглядит сексуальный преступник .

Помещать обычную фотографию сотового телефона поверх статьи о сотовых телефонах — оскорбительно.

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

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

Автор записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *