Суббота, 21.10.2017, 18:55
Приветствую Вас Гость | RSS

Высшее образование дает возможность
нам заработать на хлеб,
а самообразование - на икру и на масло

Меню сайта
Категории раздела
Форма входа

Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Яндекс.Метрика Яндекс цитирования

Каталог статей

Главная » Статьи » Графические редакторы [ Добавить статью ]

В разделе материалов: 4
Показано материалов: 1-4
Страницы:

Тема: Понятие слоя. Свойства слоя, порядок  и режимы смешивания слоев. 
Тип урока: комбинированный
Цели занятия:
Познавательная: 
Понятие слоя. Свойства слоя, порядок и способы наложения слоев. Палитры.
Развивающая: 
Творческая работа по созданию многослойного изображения. 
План занятия:
1. Понятие слоя. Свойства слоя, порядок и режимы смешивания слоев.
2. Редактирование и блокировка свойств слоя.
3. Палитры: История, Слои, Навигатор.
4. Техника создания коллажей.
5. Практическая работа по созданию многослойного изображения.
6. Творческая работа.

Ход занятия:
I. Объяснение нового материала.
II. Практическая работа
III. Творческая работа
Техника  создания коллажей
Техника коллажа - пожалуй, одна из самых популярных и распространенных техник. Ну а уж веб-дизайн в основном на коллаже и базируется. Из-за своих грандиозных композиционных возможностей он намного опережает по популярности другие виды изображений. Если в двух словах, то коллажем является некоторая совокупность отдельных элементов, "сведенных" воедино и представляющих собой нечто осмысленное. Это слово в переводе (kollage) означает буквально следующее: комбинация разнородных предметов. 
Благодаря компьютерным графическим пакетам, техника коллажа достигла необычайных высот. Появилось даже такое понятие - динамический коллаж. Это ни что иное, как телевизионные динамические заставки, фрагменты рекламных роликов, видеоклипы к песням и еще масса примеров. Только очень ленивые дизайнеры полиграфических журналов не используют коллаж в своей работе... 
Простейшим примером коллажа является банальная склейка нескольких фрагментов изображения воедино и простейшая их обработка. В данном примере взято три базовых изображения: картинку с истребителем, картинку с прибережной растительностью и картинку с девушкой, которой оказалась всем известная Britney Spears. Элементы к будущему коллажу стоит подбирать тщательно, это, может быть, тоже отдельная наука. 
Коллажи являются неотъемлемой частью завлекаловки. Этому могут служить средства массовой информации, которые, желая подогреть интерес к своему изданию просто делают "обманки" с участием тех или иных знаменитостей. К российскому развлекательному интернету это отностится более всего. Уж сколько разнообразных фотографий той же Бритни Спирс в самых немыслимых позах, облачениях и без них валяется на каждом углу интернета - даже сама героиня не видела таких. А доверчивые юзеры хлопают глазками, удивляются и балдеют.
Порядок выполнения: Вырезаем нужные элементы и вставляем в заранее выбранную основу. Далее весь вопрос уходит в мелочи. Это и освещения, и тени и разнообразные полупрозрачные элементы... На данной картинке я уделил внимание только одной мелочи - это тень девушки, которая искажается на волнах. В целях экономии времени загрузки я представил небольшую картинку с низким разрешением, здесь можно получить только общее мнение о качестве коллажа. 

Режимы смешивания слоев

Режим смешивания можно выбрать на панели опций, в палитре Layers (Слои) или в диалоговых окнах Fill (Залить), Stroke (Очертить), Fade (Ослабить) или Fill Path (Залить контур). Режим смешивания, выбранный для инструмента или слоя, определяет, как инструмент или слой будут изменять пикселы, находящиеся под ними (далее эти пикселы называются «базовым цветом»). Слой смешивания (blend layer) -слой, для которого выбран какой-либо режим смешивания.
Для того чтобы попеременно переключать режимы смешивания для выбранного инструмента, пользуйтесь сочетаниями клавиш Shift+«плюс» или Shift+«минус». 
Примечание 
Если для целевого слоя на палитре Layers (Слои) установлен флажок Lock transparent pixels (Блокировать прозрачные точки), то будут перекрашены или отредактированы только пикселы, но не прозрачные области. 
Уровень непрозрачности 
При выборе значения непрозрачности для инструмента не забудьте умножить это число на значение непрозрачности слоя, на котором вы работаете. Например, если вы выбрали непрозрачность 60% для инструмента Brush и при этом работаете на слое с непрозрачностью 50%, то в результате штрих кисти будет иметь 30% непрозрачности. 
В режиме Normal (Нормальный) все базовые цвета изменяются . Для изображения, имеющего представление Bitmap или Indexed Color, режим смешивания Normal называется Threshold (Пороговый). 
В режиме Dissolve (Растворение) создается похожая на известковую, сухая текстура, имеющая цвет рисования или слоя смешивания. Чем выше значение параметров нажима или непрозрачности, тем более твердым кажется мазок кисти. 
Режим Behind (Позади) не доступен для слоев. Изменены будут только прозрачные области, а не пикселы базового цвета (выключена опция Lock transparent pixels (Блокировать прозрачные точки). Получается, словно вы рисуете на изнаночной стороне чистой ацетатной ткани. Очень удобный режим для создания теней. Однако его нельзя использовать для фона. 


Режим Clear (Очистка) не доступен для слоев. В том месте, где наносятся штрихи, базовый цвет становится прозрачным (выключена опция Lock transparent pixels (Блокировать прозрачные точки)). Этот режим можно применить только для многослойного изображения при использовании инструментов Paint Bucket (Ведро с краской), Line (Линия) с включенной опцией Fill Region (Залить область) либо при применении команды Fill (Залить), Stroke (Очертить), Fill Path (Залить контур) или Stroke Path (Очертить контур). Данный режим нельзя использовать по отношению к фону. 
В режиме Darken (Затемнить) те базовые цвета, которые светлее цвета рисования или слоя смешивания, будут изменены, другие цвета останутся в прежнем виде. Воспользуйтесь данным режимом, если цвет рисования темнее базового цвета, который вы хотите изменить. 
В режиме Multiply (Умножение) темный цвет рисования или слоя смешивания замещает более светлые области базового цвета, чтобы воспроизвести эффект затемнения. Светлый цвет рисования или слоя смешивания тоже затемняет базовый цвет, но не так сильно. Очень хороший режим при создании полупрозрачных теней. 

Adobe Photoshop | Просмотров: 768 | Добавил: Учитель | Дата: 23.07.2012 | Комментарии (0)

Тема: Различные способы создания текста и  заливки изображений. 
Тип урока: комбинированный
Цели занятия:
Познавательная: 
Различные способы заливки изображений. Использование инстру-ментов текст и текст-маска. 
Развивающая: 
Творческая работа по созданию изображений. 
План занятия:
  1. Различные способы заливки изображений. 
  2. Создание и редактирование градиентной заливки.
  3. Использование инструментов текст и текст-маска.
  4. Практическая работа.
  5. Творческая работа.

Ход занятия:
  1. Объяснение нового материала.
  2. Практическая работа
  3. Творческая работа
Основные сведения о компьютере
Использование инструмента Gradient:
С помощью инструмента Gradient (Градиент) можно окрашивать изображение, просто перетаскивая курсор. Каждый раз при перетаскивании курсора к слою будет применяться новый градиент. Любые дополнительные градиенты, непрозрачность которых меньше 100%, не будут полностью закрывать существующий градиент. В отличие от слоя градиентной заливки, градиент, примененный подобным образом, редактировать довольно сложно. 
1. Выберите или создайте слой. 
2. По желанию. Выделите область на слое. В противном случае градиент заполнит весь слой целиком. 
3. Активизируйте инструмент Gradient Tool (Градиент). «Горячие» клавиши инструмента Gradient - G или Shift+G. 
4. На панели опций инструмента (Рис. 1) щелкните по стрелке первого поля и выберите образец окраски. 
5. Щелкните по кнопке стиля градиента: Linear (Линейный), Radial (Радиальный), Angular (Конусовидный), Reflected (Зеркальный) или Diamond (Ромбовидный). 
6. Выберите в поле Mode (Режим) режим смешивания, а также значение параметра Opacity (Непрозрачность). 
7. Выполните любой из нижеследующих необязательных шагов. 
8. Поставьте флажок Инверсия (Reverse), чтобы изменить порядок следования цветов в градиенте на обратный. 

 
Рис. 1. Панель опций инструмента Gradient 
 

Рис. 2. Результат перемещения курсора на большое и малое расстояние при создании линейного градиента 
 
Рис. 3. Результат заливки растрового слоя, содержащего текст, градиентом в различных направлениях при установленном флажке Lock transparent pixels.

9. Отметьте опцию Дизеринг (Dither), чтобы свести к минимуму появление полосок на градиенте. 
10. Поставьте флажок Transparency (Прозрачность), чтобы прозрачные области также можно было залить градиентом (см. ниже раздел «Изменение степени непрозрачности цветов градиента»). 
11. Если вам нужен линейный градиент, перетащите курсор с одной стороны или одного угла изображения или выделенной области в другую(ой). Для создания градиента любого другого стиля тащите курсор из центра в сторону. Перемещайте курсор при нажатой клавише Shift, чтобы угол градиента был кратен 45°. Для удаления градиента удалите соответствующий элемент с палитры History (История). 
12. Перетащите курсор на большое расстояние, чтобы создать едва уловимый переход цветов, или на небольшое расстояние для создания резкого перехода. Это похоже на действие ползунка Scale (Масштаб) в диалоговом окне Gradient Fill (Заливка градиентом). 

Изменение степени непрозрачности цветов градиента: 
1. Откройте диалоговое окно Gradient Editor (Редактор градиентов) и щелкните по образцу, который вы хотите изменить. 
2. Щелкните по маркеру непрозрачности, расположенному сверху панели градиента.
3. Выберите уровень непрозрачности (можно ввести число или переместить ползунок). Взгляните на панель градиента, чтобы предварительно оценить достигнутый эффект. 
4. Выполните любое из перечисленных ниже действий. 
5. Для того чтобы добавить дополнительные маркеры непрозрачности, щелкните сверху панели градиента и введите процент непрозрачности для каждого маркера. 
6. Для удаления маркера перетащите его вверх от панели градиента. 
7. Чтобы переместить маркер, перетащите его или измените значение его параметра Location (Позиция). 
8. Для изменения положения срединной точки перетащите один из ромбов, расположенных сверху панели, управляющей прозрачностью, или щелкните по ромбу и измените значение параметра Location (Позиция). 
9. Введите какое-либо имя и щелкните по кнопке New (Новый). 
10. Щелкните по кнопке ОК.  

Применение градиента:
1. Выберите какой-либо слой. 
2. По желанию. Выделите некоторую область слоя. 
3. Выберите пункт Gradient (Градиент) из всплывающего меню, которое вызывается нажатием кнопки Create new fill or adjustment layer (Создать новый слой заливки или корректирующий слой), расположенной внизу палитры Layers (Слои). 
4. В диалоговом окне Gradient Fill (Заливка градиентом) щелкните по образцу градиента, чтобы открыть окно Gradient Editor (Редактор градиентов). 
 
Рис. 4. Изображение, полученное при помощи двух градиентов, расположенных на отдельных слоях и имеющих в середине непрозрачность равную 20%, что позволяет увидеть шары 
5. В этом окне либо выберите существующий образец градиента, край которого постепенно становится прозрачным, либо создайте новый, постепенно исчезающий градиент и щелкните по кнопке ОК. 
6. Выберите значения параметров Style (Стиль), Angle (Угол) и Scale (Масштаб) для слоя градиента и щелкните по кнопке ОК. 
7. Создайте другой слой градиента и повторите шаги 4 и 5. Попробуйте различные значения параметров Style (Стиль), Angle (Угол) и Scale (Масштаб) или перетащите градиент в окне изображения (рис. 13.17, 13.18). 
8. По желанию. С помощью палитры Layers (Слои) измените уровень непрозрачности или режим смешивания слоев градиента или перекомпонуйте их. 
 
Рис. 13.17. Создание слоев градиентной заливки 
 
Рис. 13.18. Ромбовидный и линейный градиенты 

Adobe Photoshop | Просмотров: 705 | Добавил: Учитель | Дата: 23.07.2012 | Комментарии (1)

Занятие №2
Тема: Цветовая модель RGB. Инструменты рисования.
Тип урока: комбинированный
Цели занятия:
Познавательная: 
Цветовая модель RGB. Использование инструментов рисования. Создание изображений. 
Развивающая: 
Виды цветовых моделей. Творческая работа по созданию изображений. 
План занятия:
9. Понятие цветовой модели. Цветовая модель RGB. 
10. Установка основного  цвета и цвета фона. 
11. Кисть. Настройка свойств кисти.
12. Создание геометрических фигур с помощью  инструментов рисования: карандаш, прямоугольник, линия, эллипс, многоугольник, прямоугольник со скругленными углами, произвольная фигура, свободное перо.
13. Практическая работа.
14. Творческая работа.

Ход занятия:
І. Объяснение нового материала.
ІІ. Практическая работа
ІІI. Творческая работа
Цветовые представления RGB и CMYK 
Для вывода цветного изображения на монитор используются красный, зеленый и синий (Red, Green, Blue - RGB) лучи. Если смешать эти три основных цвета в чистом виде, получится белый цвет (рис. 1). 
При четырехцветной печати используются три основных краски: голубой (С, cyan), пурпурный (М, magenta) и желтый (Y, yellow) - рис. 2. 
При их смешивании получается темный, непрозрачный цвет. Для того чтобы получить насыщенный черный цвет, обычно в принтерах смешиваются черные чернила (К, black) с небольшим количеством голубых, пурпурных и/или желтых чернил. 
Отображение цвета на экране монитора часто меняется и зависит от особенностей освещения, температуры монитора и цвета окружающих предметов. Кроме того, многие цвета, видимые в реальной жизни, не могут быть выведены при печати, не все цвета, отображаемые на экране, могут быть напечатаны, а некоторые цвета печати не видны на экране монитора. Все мониторы отображают цвета в соответствии с моделью RGB, CMYK-цвета лишь симулируются. Но модель CMYK важна только для печати. Если же вы хотите отправить изображение по сети или вывести на устройство записи на кинопленку, о его преобразовании из режима RGB в CMYK беспокоиться не нужно. 
 
Рис.1. Сложение цветов на мониторе компьютера 
 
Рис. 2. Основные цвета типографской краски 
 
Рис. 3. Восклицательный знак на палитре Color 
 
Рис. 4. Восклицательные знаки на палитре Info 

Если вы выберете не печатаемый (не входящий в гамму) цвет, на палитре Color (Цвет) появится восклицательный знак (рис. 3). Такие же знаки будут появляться и на палитре Info (Информация), если цвет пиксела, на который указывает курсор, не входит в гамму (рис. 4). 
С помощью команды Gamut Warning (Предупреждение о гамме) в программе Photoshop можно задать замену непечатаемых цветов изображения серым цветом и затем с помощью инструмента Sponge (Губка) преобразовать их во входящие в гамму цвета. 
При выборе цветов в программе Photoshop из панели выбора или палитры Color можно использовать цветовую модель Grayscale (Полутоновое изображение), RGB (red-green-blue - красный-зеленый-синий), CMYK (cyan-magenta-yellow-black -голубой-пурпурный-желтый-черный) или Lab (lightness-a axis-b axis - яркость и цвет на осях а и b). 

Adobe Photoshop | Просмотров: 735 | Добавил: Учитель | Дата: 23.07.2012 | Комментарии (0)

Тема: Окно программы Photoshop. Инструменты выделения и перемещения.
Тип урока: комбинированный
Цели занятия:
Познавательная: 
1. Знакомство с элементами окна программы Adobe Photoshop. Понятие растрового изображения. Использование инструментов выделения и перемещения. 
Развивающая: 
2. Творческая работа по созданию изображений. 
План занятия:
1. Приветствие. Знакомство.
2. Знакомство с элементами окна программы Adobe Photoshop. 
3. Понятие растрового изображения. 
4. Создание нового изображения. Операции с файлами.
5. Использование инструментов выделения и перемещения: прямоугольная область, овальная область, лассо, прямолинейное лассо, магнитное лассо, волшебная палочка, перещение. 
6. Фильтр по удалению фона.
7. Практическая работа.
8. Творческая работа.

Ход занятия:
I. Объяснение нового материала.
II. Практическая работа
III. Творческая работа
Основные элементы интерфейса программы
Строка меню 
 
1. File (Файл) - создание и открытие, сохранение объекта, импорт, экспорт, настройки программы, список из нескольких последних файлов, редактировавшихся в программе. 
2. Edit (Правка) - Отмена, повторение действий, копирование и вставка объекта в файл, заливка, обводка по контуру, трансформация объекта. 
3. Image (Изображение) - настройка режима палитры (RGB, CMYK, Grayscale), яркости и контраста, микширование цветов, а так же изменение размера изображения и его вращение. 
4. Layer (Слой) - работа со слоями, эффекты. 
5. Select (Выделение) - различные виды выделений и их трансформация. 
6. Filters (Фильтры) - набор фильтров и плагинов, которые позволят добиться интересных эффектов в работе. Вы можете использовать как встроенные фильтры, так и поставить дополнительные. 
7. View (Вид) - работа с размером изображения, предпросмотр, выравнивающие линейки, разграфление поля файла. 
8. Window (Окно) - отображение окон свойств инструментов, внешний вид рабочего стола Photoshop, быстрый переход к свернутому файлу. 
9. Help (Помощь) - помощь по работе с программой, информация о фильтрах, настройка гаммы.
Панель инструментов. 
Панель поделена на несколько групп инструментов. 
1. К первым четырем группам относятся отдельные инструменты. На кнопках некоторых из них в нижнем правом углу есть небольшой черный треугольник. Он указывает на наличие подменю с различными вариантами этого инструмента. Можно легко убедиться, что количество предоставляемых инструментов велико и разнообразно настолько, что поможет воплотить любые фантазии дизайнера. На освоение этого набора уйдет немного времени. Достаточно просто поэкспериментировать. 
2. Ниже на панели размещена палитра цветов. Достаточно щелкнуть по цветовому квадрату и перед вами откроется вся палитра цветов: обычная, для web и пантоны. Тут же можно узнать числовые коды цветов по шкале RGB или CMYK. Настроить палитру под web очень просто. Нужно просто поставить галочку внизу окна, рядом с надписью: "Only Web Colors". И палитра отобразит цвета, которые будут корректно отображаться любым браузером (без искажений). Здесь же можно посмотреть код, соответствующий этому цвету. Также существует палитра выбранных цветов. Она находится в одном из окон свойств, расположенных по умолчанию справа от рабочего стола программы. 
3. Под палитрой цветов мы видим две кнопки - Правка в стандартном режиме и Правка в режиме быстрой маски. Быстрая маска включает режим быстрого маскирования, в котором возможно редактирование границ выделения с помощью инструментов рисования. 
4. Ещё ниже находятся три кнопки, влияющие на размер окна изображения. Стандартное окно, Полный экран с меню и Полный экран. 
5. Самая последняя кнопка на панели быстро перенесет вас в Adobe ImageReady. Это удобно, когда вы занимаетесь анимацией в Photoshop и вам надо быстро перейти в этот чудесный редактор, где вы сможете сделать легко и просто анимацию изображения и после оптимизировать его вес для web. 
Строка состояния 
 
Здесь содержится основная информация о файле, с которым вы работаете и информация о компьютере, которая имеет отношение к работе с Photoshop. Рассмотрим некоторые элементы этой строки: 
1. Масштаб. Здесь отображается текущий масштаб в процентах. По умолчанию - 100%. Один пиксель экрана монитора соответствует одному пикселю изображения. 
2. Информационное поле. Слева от масштаба. Тут содержится информация о графическом файле, над которым вы работаете или информация о компьютере, которая относится к работе программы. 
3. Меню информационного поля (Черный треугольник). В него входят - Размеры документов, Эффективность, Хронометраж и размеры рабочих дисков.


Вырезание фигур с помощью команды Extract (Вычитание) :
Если когда-либо вам приходилось создавать маску для фигуры со сложной границей (человек с курчавыми волосами или пейзаж с животным), вы оцените команду Extract (Извлечь) замечательная ее возможность заключается в том, что создание маски происходит в окне предварительного просмотра прямо в окне Extract, так что вы можете редактировать ее до тех пор, пока не убедитесь, что получили именно тот результат, который нужен. Когда вы нажмете кнопку ОК, замаскированная область будет сохранена, остальные участки станут прозрачными. 
Примечание 
Для большей безопасности работайте на копии изображения или, по крайней мере, на дубликате слоя. Также можно сделать снимок исходного изображения. 
1. Выберите слой, из которого вы хотите извлечь изображение. 
2. Выполните команду Filter > Extract (Фильтр > Извлечь) или нажмите комбинацию клавиш Ctrl+Alt+X. Появится диалоговое окно во весь экран, размер которого можно изменять. 

Adobe Photoshop | Просмотров: 702 | Добавил: Учитель | Дата: 21.07.2012 | Комментарии (0)

Наш опрос
Оцените мой сайт
Всего ответов: 314
Поиск