понедельник, 13 мая 2019 г.

Работа с текстом в Photoshop

Результаты работы с тестом:

Фамилия, имя
Оценка
Асанова Цыганок
8
Лебедева Покотилов
8
Nelepov Nagornyak
9
Римарчук
10
Плетнева Бут
9
Рыбалкина Овсянникова
9
чумак михайлусь
8
Катеринич_Кузьменок
10
Громова Свірш
12
Ковда Абросимова
9
Левченко Нужная
11
Горох Батченко
9
Петренко Иванова
10
Калита Хилько
9


Откройте форму "Растровая графика" и пройдите тест:




пятница, 10 мая 2019 г.

Работа с текстом и слоями в Photoshop

Упражнение "Горячий текст"


Шаг
Действия
Результат
1
Создайте новое изображение с черным фоном. Напишите на нем ваш текст.


2
Удерживая Ctrl, кликните на слое с текстом в панели слоев, чтобы выделить ваш текст. Копируйте его в буфер (Ctrl+C). Отмените выделение (Ctrl+D). Размойте (Фильтр > Blur > Gaussian Blur) текст на 3-5пикселей.


3
Вставьте из буфера скопированный текст (Ctrl+V) НАД размытым слоем. Измените Настройки смешивания этого слоя на Экран.


4
Примените фильтр Фильтр > Blur > Radial Blur. С параметрами:
Amount:74
Blur Method: Zoom
Quality:Good.



5
Снова вставьте из буфера текст (Ctrl+V). Переместите его НАД размытыми слоями.
6
Дайте команду Изображение > Регулировки > Кривые и деформируйте кривую так, как показано на скриншоте


7
Теперь дайте команду: Изображение > Режим > Черно-белый. В выскочившем окошке нажмите Объединение . Затем: Изображение > Режим > Индексированные цвета и наконец Изображение > Режим > Палитра, где в меню Table выберите пункт Black Body.


8
Теперь изменим  цвет текста. Для этого дайте команду Изображение – Регулировки – Оттенок/Насыщение и, двигая ползунки установите желаемый цвет, не забыв установить "галочку" на Colorize.




Упражнение "Расплавленный золотой текст" 


Шаг
Действия
Результат
1
Создайте новое изображение размером 400х400пикселей с черным фоном. Напишите какой-либо текст белым цветом. Соедините слои (Слой > Склеить слои).


2
Размойте изображение на 2 пикселя (Фильтр > Blur > Gaussian Blur).


3
Примените к изображению фильтр Solarize (Фильтр > Stylize > Solarize). Затем Изображение > Регулировки > Автоуровни (Shift + Ctrl + L).


4
Примените эффект ветра (Фильтр > Stylize > Windс параметрами:
Method: Wind;
Direction: From the Left.
Поверните изображение на 90 градусов (Изображение > Повернуть холст > 90 CW). Примените фильтр еще раз (Ctrl+F). Снова поверните изображение на 90 градусов... и.т.д., пока вы не повторите это действие для всех 4-х сторон.


5
Примените фильтр Glowing edges (Фильтр > Stylize > Glowing Edges) с параметрами:
Edge width: 1
Edge Brightness:7
Smoothness: 6.


6
Дайте команду Изображение – Регулировки – Оттенок/Насыщение (Ctrl+U). Установите "галочку" на Colorize. Измените значение Оттенок на 43, Насыщение на 50, а Яркость на 0.


пятница, 3 мая 2019 г.

Копирование и вставка фрагментов рисунка в Photoshop

Результаты практической работы "Фальшивый доллар":
Фамилия, имя
Оценка
Цыганок Асанова
10
Рібалкина Овсянникова
11
Лебедева Покотилов
11
Михайлусь Чумак Нагорняк
7
Плетньова Бут
11
Свірш Іванова
11
Левченко Нужная
10
Petrrenko Kalita
11
Ковда Абросимова
9




















Мой видеоурок "Фальшивый доллар":


Инструменты в Photoshop

Инструмент

Что делает

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





Как убрать белый фон?

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

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


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


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

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

Полезная команда для удаления каймы: Слой — Обработка краев — Убрать кайму.

Способ 2 Выделение фона при помощи инструмента Волшебная палочка.

Самое важное — не забыть разблокировать фоновый слой.

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

Теперь, выбрав Волшебную палочку, сделайте клик по фону. Остается лишь нажать клавишу Backspace. Появится вновь шахматный фон.


Как и с волшебным ластиком, обратите внимание на параметры допуска и смежных пикселов. Они работают аналогично.

Как обрезать часть фото?

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


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

Кадрирование фотографии

  1. Выберите инструмент «Рамка»  на панели инструментов. По краям фотографии появятся границы кадра.
  2. Нарисуйте новую область кадрирования или перетащите ручки угла и краев кадра на фотографии.
  3. (Необязательно) Укажите параметры инструмента «Рамка» на панели «Управление».


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

Параметры наложения
Выберите вид направляющих, задающих границы кадра изображения. Доступны следующие виды направляющих: «Правило 1/3», «Сетка» и «Золотое сечение». Чтобы просмотреть все параметры, нажмите «O».

Параметры инструмента «Рамка»
Выберите меню «Настройки» (значок шестеренки), чтобы указать дополнительные параметры инструмента «Рамка».

Использовать классический режим
Включите эту настройку, чтобы инструмент «Рамка» работал, как в предыдущих версиях Photoshop (CS5 и более ранних).

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

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

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


4. Нажмите клавишу Enter (в Windows), чтобы выполнить кадрирование фотографии.

Виды компьютерной графики

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

Растровая графика

  Растровое изображение   состоит из точек-пикселей, определенным образом размещенных в координатной плоскости.
    Изображение описывается положением и цветом всех точек, из которых, как из мозаики, складывается единый объект.

Растр – это порядок расположения точек.Изображение формируется построчно, поэтому, разрешение изображения – линейная величина
Схема растра

Качество растрового рисунка зависит от его разрешения, которое измеряется в точках на дюйм изображения. Обозначается dpi (dots per inch). 1 дюйм  = 2,54 см.Для экранного просмотра файла достаточно 72 dpi, для печати  не менее 300 dpi.

Достоинства растровой графики:

  • Возможность получения изображения  очень  высокого качества. 
  • Фотореалистичность.

Недостатки растровой графики:

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

Пример пикселизации файла

Как получить растровое изображение?

  • Цифровые фото и видео.
  • Сканирование рисунка.
  • Растровые графические редакторы (Paint, Photoshop).
  • Снятие копии с экрана.


Векторная графика


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

В векторном изображении   объект описывается векторами -линиями.

В векторной графике объем памяти, занимаемый линией, не зависит от размеров линии (т.е. от количества пикселей, составляющих изображение), поскольку линия представляется в виде формулы (нескольких параметров). Перед выводом на экран каждого объекта программа производит вычисления координат экранных точек в изображении объекта, поэтому векторную графику иногда называют ВЫЧИСЛЯЕМОЙ ГРАФИКОЙ.

Каждая линия  обладает стандартным набором свойств:
  • Координаты начальной и конечной точки.
  • Толщина.
  • Цвет.
  • Прерывистость (например, пунктирность).
  • Форма.
  • Замкнутость. 

Каждый замкнутый контур может быть залит цветом, текстурой, картой (любым рисунком). Типичный пример ВГ – шрифты TrueType

Пример векторного шрифта из библиотеки True Type

Область применения
  • чертежно-проектные  работы, 
  • логотипы, 
  • мультипликация,
  • иллюстрация детских книг
Достоинства векторной графики:

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

Недостатки:
  • Процесс создания реалистичных (многоцветных) изображений трудоемкий, требует большого опыта работы.
Растровые и векторные линии при увеличении



Отличия растровых и векторных рисунков

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

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

Как получить векторное изображение?

  • Векторные графические редакторы (Corel Draw, Adobe Illustrator, FreeHand).
  • Языки программирования.
  • Технология Flash.

Фрактальная графика


Как и векторная это вычисляемая графика, но отличается от нее тем, что никакие объекты НЕ ХРАНЯТСЯ в памяти компьютера. Фрактальное изображение   строится по уравнению (или по системе уравнений), поэтому, кроме формулы, ничего хранить не надо. Создается изображение с помощью различных языков программирования.

Пример фрактального рисунка

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

Фрактал "Дерево Пифагора"

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

Лист папоротника - пример фрактала в живой природе