Урок 1. Изучение интерфейса программы. Обзор инструментов.
14.04.2011, 07:22
Добрый день, уважаемые коллеги!
Я рад Вас приветствовать на мастер-классе «Анимированная поздравительная открытка».
Для начала познакомимся. Меня зовут Леонид, я - учитель информатики и ИКТ. Работа с фотографией и другими графическими объектами в программе Adobe Photoshop – это моё хобби. На этих занятиях я бы хотел поделиться навыками своей работы и через ваши вопросы узнать что то новое. На каждый урок будет отведено 5 дней (кроме первого). Я предлагаю 2 дня отводить на выполнение работы и 3 дня на обсуждения и возникающие вопросы. Мастер-класс будет даваться в Adobe Photoshop версии 7.0 (язык русский), наиболее простой версии данной программы. В связи с этим будет проще и нам, и нашим компьютерам, т.к. эта версия раза в 2-3 менее требовательна к ресурсам оперативной памяти и процессора ПК. Итак, я напоминаю, что растровый графический редактор Adobe Photoshop предназначен для работы с растровой графикой, т.е. с изображениями, построенными с помощью пикселей (точек). Наиболее распространёнными растровыми форматами являются: bmp - это формат изображения для операционной системы Windows, формат редактора изображений Microsoft Paint, jpg - один из популярных графических форматов, применяемый для хранения фотоизображений и подобных им изображений (в этом формате используется алгоритм сжатия JPEG, который в наибольшей степени пригоден для сжатия фотографий и картин, содержащих реалистичные сцены с плавными переходами яркости и цвета. Сжатие обычно осуществляется с потерей качества, поэтому не рекомендуется такие файлы многократно пересохранять), png - формат хранения графической информации, использующий сжатие без потерь (является хорошим форматом для редактирования изображений и даже для хранения промежуточных стадий редактирования, так как восстановление и пересохранение изображения проходят без потерь в качестве), gif – формат передачи растровых изображений по сетям, поддерживает анимационные изображения (они представляют из себя последовательность из нескольких статичных кадров, а также информацию о том, сколько времени каждый кадр должен быть показан на экране.), psd - внутренний графический формат программы Adobe Photoshop (применяется для хранения промежуточных результатов работы в виде набора слоев). Работа в графическом редакторе Adobe Photoshop не ограничивается только обычной работой с изображением, которую мы привыкли с вами выполнять: исправления, перекраска, удаление ненужных элементов и т.д. Данная программа позволяет создавать анимационные объекты, а именно gif-анимации – динамические изображения (изображения с движением). Я уверен, что в сети Интернет Вы не мало их уже повстречали, а насколько сложно их создать самому нам предстоит с вами узнать. Познакомимся с интерфейсом программы:
Все окна в программе могут скрываться или показываться и находятся в меню Окно. Для работы в программе необходимо изучить Основное меню и инструменты, находящиеся в Панели инструментов. Значок инструмента с маленьким чёрным треугольничком внизу раскрывается нажатием правой кнопки мыши. Когда инструмент становится активным, под Основным меню появляются настройки для него. Познакомимся с основными инструментами: 1. Выделение области; 2. Перемещение; 3. Лассо (выделение произвольной области); 4. Волшебная палочка (автоматическое выделение по цвету области); 5. Кадрирование (обрезка изображения, выполняется нажатием клавиши Enter); 6. Кисть, карандаш; 7. Клонированный штамп, штамп (копирует выделенную область в указанное место). Для копирования выбрать размер и вид кисти в настройках, навести на нужную часть изображения, зажать клавишу Alt и нажать левую кнопку мыши. Затем переместить в нужное место и просто нажать левую кнопку мыши. 8. Ластик (обычное удаление), ластик фона (удаление фона), волшебный ластик (удаление фрагмента одного выбранного цвета). 9. Заливка (одним цветом), градиент (заливает область плавным переходом от одного цвета к другому); 10. Размытие (смазывание границ изображения), резкость (повышения четкости), палец (смазывание по траектории); 11. Осветление области, затемнение области, губка (изменяет насыщенность цветов); 12. Инструмент для печати текста на изображении. 13. Рисование фигур; 14. Пипетка (выбор цвета); 15. Инструмент лупа (увеличение, уменьшение масштаба изображения). Удобно увеличивать масштаб одновременным нажатием клавиш ctrl и +, а уменьшать ctrl и -. 16. Установки цвета фона (сверху слева – цвет переднего плана, снизу справа – цвет фона). Цвета выбираются в окне цвета, образцы, стили; 17. Переход в приложение Adobe ImageReady (создание анимации). Клавиша Tab убирает все открытые окна в программе (повторное нажатие возвращает к исходному интерфейсу). Любое создаваемое изображение в программе сначала состоит из фона, т.е. если Вы работаете с одним изображением оно и является фоном (фоновым слоем). На фоновый слой можно перенести любое количество других изображений, которые будут называться слоями. Текст, напечатанный в программе, также хранится на отдельном слое. Над каждым слоем работа проводится отдельно. Таким образом, Вы можете изменять и перемещать содержимое любого слоя, не затрагивая при этом объекты, расположенные на других слоях. Окно Слои выглядит следующим образом:
Нижний слой всегда является фоновым слоем. Остальные слои находятся выше и их можно менять местами. Слои можно скрывать, удалять, копировать, переименовывать, сливать с другими слоями. Все эти действия находятся в меню Слой. У каждого слоя можно настроить свой стиль (дважды кликнув на него левой кнопкой мыши). На этом краткое ознакомление с программой мы заканчиваем (продолжить его можно самостоятельно). Переходим к теме нашего мастер-класса. Итогом нашей работы должна стать примерно вот такая анимационная открытка (откройте ее в отдельном окне браузера): Для выполнения работы нам необходимо запастись графическими элементами, которые будут присутствовать на нашей открытке. Нам понадобятся: красивая картинка в формате .jpg размером не менее 400х300 – горизонтальная или 300х400 – вертикальная (желательно с цветами), которая будет основным фоном нашей открытки; несколько бабочек на ваш вкус (размером не меньше 100х100). Желательно найти бабочку в формате .png, потому что в этом формате она уже будет без фона и с хорошим качеством изображения. Или найти такую картинку, на которой бабочка будет находиться на фоне одного цвета, который не сливается с цветом бабочки. Как убрать фон мы тоже узнаем. Кроме этого будут необходимы любые объекты на Ваш вкус: плюшевые мишки, букеты цветов, звёздочки и т.д. Думаю что не составит особого труда найти все это в сети Интернет.
Зайдите на http://metodsovet.su/forum/34-154-1#13344 Я сделал видеоролик по обработке фотографий. Перед МК начинающим фотошоперам должно быть интересно. Записано без звука (спешил). Если заинтересует, объясню письменно что да как.
Полностью меню не русифицируется. Все правильно. Только самые основные инструменты. Не переживайте, в уроках я буду в скобках указывать и команды английских версий на английском языке. Как только будут вопросы - сразу же задавайте.
Руфия, не торопитесь. Изучите Основное меню, попробуйте выполнить с помощью инструментов какие-либо действия с изображением. Надо дать возможность всем желающим присоединиться к мастер-классу, некоторые еще программу не скачали.
В версиях фотошоп CS3 и выше Adobe ImageReady уже встроен. Достаточно открыть Окно и нажать Анимация. CS3 - самая удобная, пока, версия (хотя у меня есть и CS4).
Уважаемый Леонид Александрович. У меня версия Adobe Photoshop CS, Русская. Нашла все инструменты. единственное, я не нашла Перехода в приложение Adobe ImageReady (создание анимации).
Если у вас есть другое решение - можно. Просто создание анимации я приведу на примере махающей крыльями бабочки. Если брать в пример другой объект, то действия возможно будут несколько отличаться, а значит и вопросы возникнут другие. Но, если Вы настаиваете, я не против, выбирайте что хотите, но соблюдайте рекомендации по формату искомых изображений, пожалуйста.
Я думаю что можно начать с простого, а потом применить свои знания для реализации любых идей - это реально. Я сам так начинал. Поэтому я просто предлагаю не торопиться. Если Вы знакомы с программой можете не зацикливаться на материале урока и воплощать свои идеи в реальность. Я обязательно Вам помогу.
В программе работала чуть-чуть: убрать фон, осветлить-затемнить... Вообщем, ищу изображения с бабочками и ... другие. Важно понять принцип работы, которому Вы нас научите, а потом будем реализовывать идеи.
Только у меня к Вам всем большая просьба: если я, не дай бог, что то не верно выскажу или преподнесу - сразу же делайте мне замечание, не стесняйтесь. Я тоже не профессионал .
Леонид Александрович, спасибо за файл! Дело в том, что текс задания здесь с этой страницы не выделяется для того чтобы скопировать. Я уже пробовала, а потом вам написала. К работе уже приступила.
Странно, у меня выделяется. А какой у Вас браузер? Хотя может быть выделяется у меня потому что я администратор этой странички ... В следующий раз буду сразу прикреплять урок. Будут вопросы - задавайте.
Да, Евгений, там нам придётся чуть сложнее, но я постараюсь подробнее все объяснить. Русификатора нет. Но это приложение нам понадобится только на 5-м уроке - вся подготовка осуществляется в программе Фотошоп.