Блог Центра FreeDom -

Метка: компьютерные курсы

Компьютерная графика

Апрель 29, 2009

Тоновая коррекция изображения. Levels

Метки: , , , , ,

Продолжаем серию статей, написанную для нашего партнера – Компьютерной газеты

Следующий способ тоновой коррекции — «Levels» («Слои»). Это окно можно открыть, выбрав в меню команду «Image» («Изображение») — «Adjustments» («Настройки») — «Levels» («Уровни»). В верхней части окна «Levels» («Слои») показана гистограмма тонового наполнения фотографии. Чтобы восполнить недостаток светлых тонов, необходимо подвинуть белый ползунок на гистограмме по направлению к центру до тех пор, пока не закончится незаполненный промежуток. Если на вашей фотографии не хватает темных тонов, подвиньте к центру черный ползунок . Теперь обратите внимание, как изменилась гистограмма на палитре «Histogram» («Гистограмма»): она растянулась, а незаполненные диапазоны исчезли. Сравнив полученный результат с исходным изображением, вы увидите, насколько выразительнее стала фотография за счет правильной тоновой фокусировки.

image

«Levels» («Слои») — отличное средство тоновой коррекции

 

Курсы Photoshop в Минске

Компьютерная графика

Апрель 28, 2009

Тоновая коррекция изображения. Brightness/Contrast

Метки: , , , , , ,

Выкладываем для Вас серию статей о тоновой кореекции фотографий в Photoshop, написанную нами для нашего давнего партнера – Компьютерной газеты

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

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

Откроем снимок в программе Photoshop. Для анализа его тонового наполнения активизируем палитру «Histogram» («Гистограмма») , выбрав соответствующий пункт в меню «Window» («Окно»).

Курсы Photoshop в Минске

На гистограмме показана тоновая насыщенность фотографии

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

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

Самый простой, но в то же время наименее эффективный способ тоновой коррекции — «Brightness/Contrast» («Яркость/Контраст»). Для вызова этого окна выполните команду меню «Image» — «Adjustments» — «Brightness/Contrast» («Изображение» — «Настройки» — «Яркость/Контраст»). Верхний ползунок отвечает за общую яркость изображения: чем правее будет его положение, тем ярче, а значит, светлее будет фотография. При движении ползунка влево снимок будет становиться темнее. Недостаток этой техники — малая гибкость: вы можете засветлить или затемнить только полностью все изображение, не обращаясь отдельно к темным или светлым участкам.

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

Завтра мы рассмотрим более профессиональное средство для тоновой коррекции фотографий

Курсы Photoshop в Минске

Компьютерная графика

Март 17, 2009

Эффект выхода из снимка в Photoshop

Метки: , , , , ,

И снова делюсь статьей, написанной для Компьютерной газеты.

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

Возьмем фотографию дельфинов в море (рис. 1). К примеру, мы хотим сделать так, чтобы дельфины «выпрыгивали» из одного снимка по направлению к другому, на котором также изображено море.

Курсы Photoshop 

Рис. 1. Исходная фотография

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

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

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

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

Итак, начнем.

Для выделения дельфинов будем использовать метод быстрой маски. Войдем в режим быстрой маски, нажав кнопку «Edit in Quick Mask Mode» (рис. 2).

курсы Photoshop

Рис. 2. Кнопка для включения режима быстрой маски

На панели инструментов выберем кисть , установим для нее среднюю степень жесткости, подберем наиболее удобный размер и аккуратно обрисуем дельфинов по контуру (с внутренней стороны). Для изменения размера кисти удобно использовать клавиши с русскими буквами «Х» (уменьшить размер кисти) и «Ъ» (увеличить размер), а степень жесткости настраивается на панели параметров инструмента (рис. 3). Затем увеличим размер кисти и закрасим оставшуюся область внутри. Таким образом мы покроем дельфинов «маской» (рис. 4).

Курсы Photoshop

Рис. 3. Настройки кисти на панели параметров

курсы Photoshop

Рис. 4. С помощью кисти в режиме быстрой маски нужно закрасить дельфинов

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

Скопируем выделенных дельфинов на новый слой. Для этого можно воспользоываться сочетаниями клавиш: Ctrl+C — копировать, Ctrl+V — вставить. В Photoshop вставляемые объекты всегда помещаются на новый слой. Посмотреть, какие слои имеются на снимке, можно на палитре «Layers»  (рис. 5). Если у вас эта палитра не отображается, выберите в меню «Windows» пункт «Layers».

курсы Photoshop

Рис. 5. Настройки кисти на панели параметров

Теперь создадим новый слой (кнопка  в нижней части палитры «Layers»), зальем его белым цветом и поместим на нижний уровень в списке слоев. Для перемещения слоя необходимо сначала разблокировать основной, фоновый слой «Background»: дважды щелкните на его названии на палитре «Layers» и в появившемся окне нажмите «ОК». Теперь можно просто «ухватиться» за новый слой и «стащить» его на самую нижнюю позицию на палитре слоев. Чтобы залить этот слой белым цветом, выберите инструмент Paint Bucket , установите основной цвет белым и щелкните на любом месте, находясь на нижнем слое.

ВНИМАНИЕ

Чтобы задать основной цвет, щелкните на квадратике «Set Foreground color» в нижней части палитры (рис. 6) с инструментами и выберите нужный цвет в появившемся окне (рис. 7).

курсы Photoshop

Рис. 6. Щелчком на переднем квадратике открывается окно настройки цвета

курсы Photoshop

Рис. 7. Окно выбора цвета переднего плана

Теперь палитра «Layers» должна выглядеть, как показано на рис. 8.

курсы Photoshop

Рис. 8. Палитра «Layers» с тремя слоями

Перейдем на палитре «Layers» на средний слой. Выберем инструмент «Rectangular Marquee» и нарисуем прямоугольное выделение. Это заготовка для снимка, из которого будут «прыгать» дельфины. Скопируем выделение и вставим на новый слой (Ctrl+C Ctrl+V).

Теперь выделим второй прямоугольник — заготовка для снимка, на который будут попадать дельфины. Инвертируем выделение. Напомню, для этого следует выполнить команду меню «Select» «Inverse». Выделенным окажется фон, который нужно удалить, нажав клавишу «Delete». После удаления фона дельфины станут «выпрыгивающими» (рис. 9), и останется только придать работе реалистичности.

курсы Photoshop

Рис. 9. Дельфины уже «выпрыгивают»

Снимем выделение, нажав сочетание клавиш «Ctrl+D». Если вы заметили некоторую неаккуратность выделения, можно исправить погрешности, вооружившись ластиком . Обязательно проследите, чтобы активным на палитре «Layers» был слой с вырезанными объектами. Аккуратно пройдитесь вокруг дельфинов мягким ластиком, чтобы стереть ореол, если он проявился после удаления фона.

Теперь займемся снимками. Перейдем на палитре «Layers» на слой, на котором расположен первый снимок, и дважды щелкаем рядом с названием слоя на палитре. Появится окно стилей слоя. В этом окне нам нужно сделать рамки для снимков и настроить падающие от них тени. Щелкнем в левой области окна на названии эффекта «Stroke» — обводка. При этом название эффекта должно выделиться темным фоном, и рядом с ним должен установиться флажок. В правой части окна настроим параметры выбранного эффекта. В раскрывающемся списке «Position» выберем значение «Inside», щелкнем на образце цвета (по умолчанию он красный) и выберем цвет обводки. Затем установим для рамки падающую тень. Для этого включим эффект «Drop Shadow» (щелкнем на его названии, чтобы оно выделилось темным фоном), подрегулируем параметр «Size» (рис. 10). Нажмем «ОК».

курсы Photoshop 

Рис. 10. Настраиваем стили слоя со снимками

Скопируем эффект слоя с первым снимком на слой со вторым снимком. Для этого выберем слой с настроенными эффектами на палитре «Layers», щелкнем на его эффектах («Effects») правой кнопкой мыши и выберем пункт «Copy Layer Style» (скопировать стиль слоя), затем перейдем на слой со вторым снимком, щелкнем на нем правой кнопкой мыши и выберем пункт «Paste Layer Style» (вставить стиль слоя).

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

Курсы Photoshop

Рис. 11. Эффект почти готов

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

Перейдем на слой, на котором расположен первый снимок, и выберем в меню команду «Edit» —«Transform» — «Distort». Вокруг снимка появятся маркеры управления. Передвигая эти маркеры, можно развернуть снимок (рис. 12).

курсы Photoshop

Рис. 12. С помощью команды трансформации разворачиваем снимок

Теперь развернем второй снимок так, чтобы он «лежал» на какой-то поверхности. Перейдем на его слой, выберем в меню команду «Edit» — «Transform» — «Distort» и нужным образом подкорректируем расположение объекта.

Итоговое изображение представлено на рис. 13.

курсы Photoshop

Рис. 13. Переселение дельфинов

Ближайшие курсы в Центре компьютерного образования FreeDom

Продвинутый пользователь

Февраль 12, 2009

Безопасность превыше всего

Метки: , , , ,

Очень часто наши слушатели, когда мы рассказываем про антивирусную защиту, спрашивают “Зачем люди пишут вирусы?”. Информационный век, информационные войны, так сказать. Многие боятся вирусов, как чего-то безумно страшного. И все знают, что вирусы приходят из интернета.

Бояться вирусов и атак вашего компьютера из интернета совсем не надо. Есть масса хороших антивирусных программ. Сегодня я расскажу не просто об антивирусной программе, а о системах защиты вашего компьютера. Система защиты практически не требует вмешательства пользователя. Ее достаточно установить на компьютер (причем сделать это может даже не очень продвинутый юзер) и она все сделает за вас. Одной из неплохих систем является Outpost Security Suite Pro 2008.

Система практически никак не влияет на быстродействие вашего компьютера и заменяет разрозненные средства защиты. Она справится и с вирусами, и с троянами. Так сказать, универсальное средство, все в одном. Довольно удобная вещь. Лицензию можно купить, как и для любого антивирусника. Поэтому, если не хотите постоянно следить за защитой вашей информации, Outpost Security Suite Pro 2008 может стать вашим защитником.

А какими антивирусными программами пользуетесь Вы?

Центр компьютерного образования FreeDom

Продвинутый пользователь

Февраль 10, 2009

Гаджеты

Метки: , , , ,

20060518-cap_usb Сегодня у нас речь пойдет о гаджетах :-) Что это такое? А это, собственно, USB-навороты. Теперь, как вы уже наверняка заметили, все стали делать с USB-входом: мышки (земена мышей с PC/2), сканеры, принтеры, дата-кабели и т.д.  Это нормальные устройства, которые просто обязаны подключаться к компьютеру через USB.

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

Все для человека. И добра такого очень много. Вот, например, здесь вы найдете то, что поможет вас согреть холодной зимой usb gadjet ru.

А это может стать оригинальным подарком – стильное usb устройство.

Интересно, что еще принесет нам время технологий?

 

Центр компьютерного образования FreeDom

Компьютерная графика

Январь 30, 2009

Как работать с градиентами в Photoshop

Метки: , , , ,

Градиент — это плавный переход цветов.. Для создания градиентов предназначен инструмент «Gradient» («Градиент»). Он находится в одной рядом с «Paint Backet» («Заливка»). Поэтому щелкните на инструменте «Paint Backet» («Заливка») и не отпускайте клавишу мыши в течение нескольких секунд. На экране вы увидите инструмент «Gradient» («Градиент») (рис. 1).

Photoshop, градиент

Рис. 1. Инструмент «Gradient» («Градиент») служит для создания различных градиентов

Прежде чем мы научимся создавать градиенты, рассмотрим настройки инструмента «Gradient» («Градиент») (рис. 2).

Photoshop, градиент

Рис. 2. Панель свойств инструмента «Gradient» («Градиент»)

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

Из раскрывающегося списка первого поля на панели настроек можно выбрать цветовую схему градиента (рис. 3). Щелкнув на черном треугольнике в правом верхнем углу, вы можете выбрать дополнительные образцы градиента (рис.4).

Photoshop, градиент

Рис. 3. Панель выбора образцов градиента

Photoshop, градиент

Рис. 4. Выберите дополнительные градиентные схемы из списка

Далее следуют кнопки, с помощью которых можно определить тип градиента (рис. 5).

Photoshop, градиент

Рис. 5. Кнопки, с помощью которых определяется тип градиента

«Linear Gradient» («Линейный градиент»). Переход цветов осуществляется по прямой линии вдоль указанного направления . Выберите это тип градиента, щелкните левой кнопкой мыши в верхней точке вашего документа, не отпуская кнопку мыши проведите до нижней точки и отпустите кнопку мыши.

«Radial Gradient» («Радиальный градиент»). Цвета распределяются от центра во все стороны по окружности.

«Angle Gradient» («Угловой градиент»). Переход цветов осуществляется от центральной точки во все стороны по линии, описывающей периметр окружности.

«Reflected Gradient» («Отраженный градиент»). Цвета, как и в первом случае распределяются вдоль прямой, однако происходит зеркальное отражение градиента относительно начальной точки.

«Diamond Gradient» («Ромбовидный градиент»). Цвета распределяются от начальной точки во все стороны в виде ромба.

Кроме использования уже имеющихся в программе Photoshop вы можете создавать свои градиенты или редактировать созданные разработчиками. Для этого вам нужно открыть редактор градиентов. Щелкните левой кнопкой мыши на изображении градиента на панели параметров инструмента «Gradient» («Градиент»). На экране появится диалоговое окно «Gradient Editor» («Редактор градиента») (рис. 6).

Photoshop, градиент

Рис. 6. С помощью редактора вы можете создавать свои градиенты

Для начала нужно выбрать образец градиента в области «Presets» («Предустановки»). Затем, перемещая ползунки на цветовой полоске определите содержание каждого цвета в градиенте. Кроме того, вы можете добавлять в градиент новые цвета или изменять уже имеющиеся.

  • Для изменения цвета щелкните два раза левой кнопкой мыши по ползунку. Перед вами появится диалоговое окно «Color Picker» («Выбор цвета»). Выберите любой цвет и нажмите кнопку «ОК». Ползунок изменит цвет на выбранный вами, а вместе с ним изменится и цветовая составляющая градиента.
  • Для добавления цвета в градиент щелкните один раз левой кнопкой мыши рядом с любым ползунком. Под цветовой полосой появится еще один квадратик. Для того чтобы изменить добавленный цвет щелкните в окошке «Color» («Цвет») и в появившемся окне выберите необходимый цвет.

Вы можете определить прозрачность цветов вашего градиента. За прозрачность отвечают маркеры, которые расположены над цветовой полосой. Щелкните по любому из них и в поле «Opacity» («Непрозрачность») введите подходящее значение. Добавляются маркеры непрозрачности также как и цветовые. Чтобы удалить ненужный цветовой маркер или маркер прозрачности достаточно его выделить, щелкнув на нем левой кнопкой мыши, и нажать клавишу «Delete» на клавиатуре.

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

Центр компьютерного образования FreeDom

web-дизайн, Компьютерная графика

Январь 6, 2009

Создание баннера во Flash

Метки: , , , , ,

Этот урок был написал для журнала “Мой нтернет”

Создание баннера во Flash — довольно увлекательное дело. С помощью Flash можно реализовать любые идеи и фантазии. Изучив этот урок, вы научитесь довольно быстро создавать баннер с помощью программы Adobe Flash CS3, благодаря чему вы поймете сам принцип работы программы и создания в ней баннеров. Сразу скажу, что мы не будем делать баннер, в котором один кадр просто сменяет другой и на этом все. Такой баннер проще сделать в программе Adobe Photoshop CS3. Во Flash мы займемся более интересными вещами.

Шаг №1. Придумайте идею баннера

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

Внимание.

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

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

Шаг №2. Определяемся с размерами баннера.

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

Чтобы определить размер рабочего листа, обратитесь к панели параметров (в нижней части окна) и нажмите кнопку Size (Размер) (рис. 1). В появившемся окне установите значения ширины и высоты будущего баннера. Мы введем значение ширины 468 px, а высоты — 60 px. После нажатия кнопки «ОК» лист изменит размеры.

clip_image002

Рис. 1. Панель параметров рабочего листа

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

Сначала выберем подходящий цвет. Для этого нажмем кнопку Fill Color (Заливка) clip_image004и на появившейся палитре выберем цвет. Затем на панели инструментов щелкнем на инструменте Rectangle (Прямоугольник) clip_image006и нарисуем прямоугольник.

Внимание

Чтобы изменить цвет созданной фигуры, нужно выделить ее с помощью инструмента Selection (Выделение) clip_image008и выбрать требуемый цвет, нажав кнопку Fill Color (Заливка).

Теперь изменим размеры созданного прямоугольника так, чтобы они в точности совпадали с размерами рабочего листа. Для этого выделим прямоугольник инструментом Selection (Выделение) и на панели свойств зададим нужные значения ширины и высоты. Чтобы точно наложить прямоугольник на рабочий лист, там же, на панели свойств, введем значение координат Х и У равными 0 (рис. 2).

clip_image010

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

Шаг №3. Импорт графических объектов

Фон готов, и теперь можно поместить на сцену графические объекты. Обратимся к шкале времени и в левой ее части создадим новый слой, на который поместим рыбу. Чтобы создать новый слой, нужно щелкнуть на кнопке Insert Layer (Вставить слой) (рис. 3). В данном случае рыба была нарисована в программе CorelDRAW. Чтобы импортировать объект, выполните команду File — Import — Import to Stage (Файл — Импорт — Импорт на сцену). После того как объект появится на сцене, разместим его в нужном месте. В данном случае нам нужно повернуть объект и сделать его такого размера, чтобы на рабочем листе был виден только глаз рыбы. Трансформация объекта производится с помощью инструмента Free Transform (Свободная трансформация) clip_image012.

clip_image014

Рис. 3. Помещайте каждый элемент ролика на новый слой

Внимание

Во время трансформации вы можете изменить центр вращения. В данном случае нужно переместить его внутрь глаза и развернуть рыбу относительно него (рис.3).

clip_image016

Рис. 4. Размещаем объекты в нужном месте

Шаг № 4. Создание анимации

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

Активизируем слой с рыбой, щелкнув на нем на шкале времени. На 15 кадре (кадр может быть любым, в зависимости от того, с какой скоростью будет проигрываться анимация) щелкнем правой кнопкой мыши и выберем команду Insert Keyframe (Вставить ключевой кадр). На шкале времени появится черная точка — второй ключевой кадр. В созданном ключевом кадре перетянем рыбу в другое место, развернем ее и уменьшим так, чтобы она полностью помещалась на рабочем листе.

Теперь между двумя ключевыми кадрами можно создать анимацию. Для этого щелкнем на первом ключевом кадре правой кнопкой мыши и выберем пункт Create Motion Tween (Создать анимацию движения).

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

Чтобы исправить это, нужно поставить ключевой кадр слоя с фоном на длину всего флеш-ролика. Можно было бы сделать ключевым также 15 кадр, но нам еще нужно будет добавить надпись, поэтому продлим фон до 50 кадра. Активизируем слой с фоном, на 50 кадре щелкнем правой кнопкой мыши и выберем пункт Insert Keyframe (Вставить ключевой кадр). Перейдем на слой с рыбой и установим ключевой кадр на позиции 50, чтобы после 15 кадра рыба не пропадала (рис. 5).

clip_image018

Рис. 5. Так выглядит монтажная линейка на данном этапе

Шаг №5. Добавление надписи в баннер

Осталось добавить надпись, которая будет появляться после 15 кадра. Создадим еще один слой для надписи. На 15 кадре установим еще один ключевой кадр и добавим надпись. Для создания текста предназначен инструмент Text (текст) clip_image020. Добавим надпись: «Не молчи, как рыба! Общайся! iTUT». Команды форматирования текста находятся в меню Text (Текст).

Вынесем эту надпись за пределы рабочей области вверх. Затем установим ключевой кадр на 25 кадре и перенесем надпись на рабочий лист. Щелкнем правой кнопкой мыши на 15 кадре и выберем пункт Create Motion Tween (Создать анимацию движения). Теперь при проигрывании ролика надпись будет появляться сверху (рис. 6).

clip_image022

Рис. 6. Так выглядит монтажная линейка, после добавления надписи в ролик

Шаг №6. Тестируем созданную анимацию

Чтобы просмотреть, что у нас получилось в итоге, нажмем сочетание клавиш Сtrl+Enter. Ролик запустится в новом окне.

Шаг №7. Добавляем музыкальное сопровождение

К баннерам нередко добавляют музыкальное сопровождение. Чтобы добавить мелодию, нужно выполнить команду File — Import — Import to Stage (Файл — Импорт — Импорт на сцену) и выбрать музыкальный файл на компьютере. После нажатия кнопки ОК музыкальный файл появится в библиотеке символов. Библиотеку символов можно запустить через меню Window (Окно).

Создадим в документе новый слой. Щелкнем на первом кадре и перетащим из библиотеки на сцену значок звукового символа. На монтажной линейке (шкале времени) появится звуковая дорожка.

Теперь настроим звучание мелодии. На панели параметров звука выберем из списка Sync (Синхронизация) пункт Stream (Поток). В этом случае звук прекратиться после того, как закончит проигрываться анимация, и повторится снова, когда начнет проигрываться первый кадр.

Если вы хотите, чтобы мелодия играла полностью, независимо от того, заканчивается проигрывание анимации или нет, выберите тип синхронизации Event (Событие).

Шаг №8. Сохранение и публикация

Перед тем как опубликовать баннер, т.е. сохранить его в формате .swf, сохраним исходный файл в формате .fla в нужное место, выполнив команду File – Save as (Файл — Сохранить как). После этого выполним команду File – Publish (Файл — Публикация). Ролик в формате .swf сохранится в ту же папку, где и хранится исходный flash-файл.

Вот готовый результат.

www.myfreedom.by/banner.swf

 

Центр компьютерного образования FreeДom

Microsoft Office

Декабрь 22, 2008

Плюсы использования Microsoft Office 2007

Метки: , , , , ,

45618 Многие пользователи еще сомневаются в том, чтобы перейти на Microsoft Office 2007. На самом деле, в любом случае все оценят достоинства новой версии офиса. Поэто му поговорим сегодня о плюсах пакета Microsoft Office 2007

Новый интерфейс. Разработчики Microsoft, выпуская новую версию Office, сделали ход конем. Всем уже давно стало ясно, что нет смысла постоянно покупать и устанавливать обновленные версии одного и того же продукта, тем более такого большого, как Microsoft Office. Ведь по статистике обычные пользователи используют только 10% возможностей пакета, и несколько новых функций и более приятный дизайн вряд ли станут вескими аргументами для отказа от старой версии. Именно поэтому Microsoft Office 2007 — это полностью переработанный продукт, где не осталось места устаревшим средствам работы с документами, данными, графикой и т.д.

Новый, интуитивно понятный (теперь уже понятный на 100 %) интерфейс призван не просто облегчить работу пользователей, но и избавить их от надобности думать. Здесь как нельзя наглядней представлено главное правило юзабилити: пользователь не должен думать, где найти то, что ему надо. Все должно быть у него перед глазами. Поэтому меню, панель инструментов и многочисленные диалоговые окна стали частью великой истории IT. Вместо этого в Microsoft Office появилось новое средство — лента. Лента состоит из вкладок, которые содержат функции, объединенные в логические группы. Это обеспечивает легкий доступ ко всем функциям программы. Теперь не нужно блуждать по всем меню и искать нужную функцию, достаточно зайти на нужную вкладку и на экране появятся все доступные функции. Кроме того, лента динамична и изменяет набор функций в зависимости от выполняемых пользователем действий. Например, если вы вставили в документ рисунок, то на ленте автоматически появляется вкладка, предназначенная для работы с рисунками со всевозможными функциями для создания изображений.

Галереи стилей и просмотр «на лету». Работа в новой версии Microsoft Office как никогда ориентирована на быстрое достижение результата. Поэтому в него были добавлены галереи стилей и возможность мгновенного просотра изменений. В галерее стилей находится огромное количество готовых шаблонов, цветовых схем оформления документов, таблиц, диаграмм. Если раньше пользователь (особенно новичок) тратил уйму времени на создание качественного и профессионального документа, то теперь даже неопытные пользователи могут их создавать за максимально короткий срок. Кроме того, во время подбора стиля, документ, диаграмма, таблица и т.д. мгновенно изменяют свой вид, если вы лишь подведете указатель мыши к одному из шаблонов. Это избавляет пользователя от долгих и мучительных настроек диалоговых окон и постоянного их применения и отмены. Такой способ работы экономит массу рабочего времени. А если учесть, что время — деньги, то Microsoft может использовать это, как аргумент в ответ на критику стоимости своего нового продукта.

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

Система Microsoft Office. Как только объекты, не связанные друг с другом ранее, начинают взаимодействовать, они образуют систему. Microsoft Office 2007 — теперь уже не просто пакет отдельных программ, предназначенных для решения определенных задач, а полноценная система с возможностью обмена информацией между всеми программами. Что это значит? К примеру, пользователь создал диаграмму в программе Excel, а потом решил использовать ее в своей презентации. Он без проблем открывает диаграмму, сохраненную в Excel в программе Power Point. Такое удобство достигается за счет введения нового единого формата хранения информации xml.

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

Microsoft Word 2007 наверняка порадует пользователей такими дополнениями, как новый инструмент обработки рисунков SmartArt; улучшенное средство сравнения документов, незаменимое для писателей и редакторов; новое средство слияние писем Mail Merge; возможность публикации документа в интернет-дневник (блог); использование созванных пользователем блока данных для последующей вставки в документ, новый редактор формул, позволяющий профессионально работать с формулами в Microsoft Word и много других возможностей.

В Microsoft Excel 2007 расширились возможности быстрого построения разнообразных диаграмм; расширены возможности автофильтра, появилось условное форматирование данных в ячейках, появилась мобильность в работе с таблицами (особенно радует, что пролистывании таблицы вниз, заголовки остаются на виду и больше нет необходимости в использовании странной функции заморозки строки). И значительное обновление, делающее Excel еще более мощным — это поддержка до 1 миллиона строк и до 16 тысяч столбцов (для сравнения: предыдущие версии поддерживали 65 536 строк и 256 столбцов).

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

В Office Outlook 2007 интегрирована новая панель To-Do (Список дел), с помощью которой пользователь может структурировать контакты, задачи, используя цветовые категории. Кроме того, программа поддерживает RSS-каналы для получения новостей. Для тех, кто работает в Windows Vista в Outlook встроена строка мгновенного поиска писем. Для работы в этой функции в Windows XP надо предварительно скачать и установить специальную утилиту.

 здесь можно купить Microsoft Office

 

Центр компьютерного образования FreeDom

Microsoft Office

Декабрь 21, 2008

Как cоздать фирменный бланк с помощью Microsoft Office Word 2007

Метки: , , , ,

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

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

1.       Перейдите на вкладку «Вставка», в группу «Колонтитулы», и нажмите кнопку «Верхний колонтитул». На экране появятся готовые варианты дизайна колонтитулов. Вы можете подобрать колонтитул под стиль титульной страницы — в Microsoft Office 2007 все дизайны пересекаются между собой. Щелкните на любом дизайне, и вы увидите, как основной текст вашего документа станет светлым, а выше первой строки появится область, в которую нужно что-то ввести.

2.       После того как вы выберете дизайн, на ленте появится новая вкладка — «Конструктор». С помощью инструментов этой вкладки настройте колонтитулы. Например, в группе «Положение» можно задать расстояние от полей до колонтитулов.

3.       Чтобы вставить в колонтитул логотип, нажмите в группе «Вставить» кнопку «Рисунок» . На экране появится диалоговое окно открытия файлов. Укажите, где на компьютере хранится изображение логотипа, и нажмите кнопку «Вставить». Логотип вставится в колонтитул.

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

Обычно дату вставляют в договоры, чтобы она автоматически менялась.

5.       Отредактировав верхний колонтитул, нажмите кнопку «Перейти к нижнему колонтитулу» . Вы автоматически перейдете в нижнюю часть страницы, чтобы оформить нижний колонтитул. Здесь введите контактные данные компании: телефон, веб-сайт, адрес электронной почты.

6.       После того как вы введете в колонтитулы нужную информацию, щелкните на кнопке «Закрыть окно колонтитулов» на дополнительной вкладке «Конструктор», и весь текст снова станет доступным для редактирования. Колонтитулы появятся на каждой странице документа в виде автоматически встроенных блоков. Фирменный бланк готов!

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

 

Центр компьютерного образования FreeDom

Компьютерная графика

Декабрь 10, 2008

Как раскрасить черно-белое фото

Метки: , , , , ,

Эта статья была написана мной для Компьютерной газеты

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

Для начала подберите любую черно-белую фотографию. Если Вы решили раскрасить старое фото, то сначала его, конечно же, понадобится отретушировать и убрать следы времени (это уже тема другого урока). Затем можно переходить к процессу “раскрашивания”.

Шаг №1. Цветовой режим фотографии

Откройте фотографию в программе Photoshop (в данном случае работа происходит в версии Photoshop CS3) и проверьте цветовой режим изображения. Для этого выполните команду «Image — Mode» («Изображение — Режим») и убедитесь, что выбран пункт «RGB».

ДЛЯ СПРАВКИ

Если вы сканировали фотографию как черно-белое изображение, то она будет представлена в цветовом режиме Grayscale (Оттенки серого). Этот режим поддерживает только черный и белый цвета, а также оттенки серого. Если Вы собираетесь раскрашивать фотографию, то ее обязательно нужно перевести в цветовую модель RGB.

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

В качестве примера я возьму фото своей бабушки (рис. 1).

Раскрашивание в Photoshop

Рис. 1. Исходная фотография

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

Шаг №2. Выделение областей.

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

1. Войдите в режим быстрой маски, нажав кнопку «Quick Mask» («Быстрая маска») clip_image004 на панели инструментов.

2. Возьмите инструмент «Brush» («Кисть») и установите для него параметр «Hardness» («Жесткость») равным 10 %. Это значит, что вы будете рисовать кистью с очень мягким краем, что позволит избежать резких переходов между разными областями изображения. Теперь начните закрашивать кожу по контуру. Постарайтесь сделать это очень аккуратно. Я рекомендую работать в режиме довольно большого увеличения изображения, чтобы выполнить выделение качественно. После того как Вы обведете кожу по контуру, можно установить для кисти параметр «Hardness» («Жесткость») равным 100 % и закрасить оставшиеся участки.

ДЛЯ СПРАВКИ

Кисть по умолчанию будет рисовать розовым цветом — это цвет маски.

Закрасив кожу, выйдите из режима быстрой маски, для чего снова нажмите кнопку «Quick Mask» («Быстрая маска»). Вы увидите, что закрашенная область превратилась в выделенную. На самом деле в данный момент выделено все, что не было закрашено (рис. 2), потому что принцип работы маски состоит в том, что области, которые мы закрашиваем, маскируются, или закрываются, а остальные выделяются. Но в данном случае нам проще выделить объект, а затем поменять местами выделенную и не выделенную области. Этот процесс называется инвертированием выделения. Таким образом, выполните команду «Select — Inverse» («Выделение — Инвертировать»). Теперь выделена нужная область.

Photoshop

Рис. 2. На этом рисунке выделено все изображение, которое не было замаскировано

ДЛЯ СПРАВКИ

Вы можете настроить маску так, чтобы при выходе из ее режима выделенными оказывались закрашенные области. Для этого щелкните два раза на кнопке «Quick Mask» («Быстрая маска») и в появившемся окне установите переключатель в положение «Selected Areas» («Выделенные области»). В этом же окне можно установить другой цвет маски (этот цвет абсолютно ни на что не влияет).

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

Сохраните созданное выделение, выполнив команду «Select — Save Selection» («Выделение — Сохранить выделение»). В появившемся окне в поле «Name» («Имя») введите название выделения, например «Кожа». Теперь снимите выделение командой «Select — Deselect» («Выделение — Снять выделение»). Когда Вам понадобится выделенная кожа, просто загрузите выделение, выполнив команду «Select — Load Selection» («Выделение — Загрузить выделение») и выбрав из списка нужное выделение.

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

Шаг №3. Добавление цвета на фотографию.

Теперь, когда вы выделили все нужные области, загрузите первое выделение, к примеру, для кожи, выполнив команду «Select — Load Selection» («Выделение — Загрузить выделение») и выбрав из списка «Name» («Имя») название нужного выделения.

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

«Hue/Saturation» («Оттенок/Насыщенность»). Выполните команду «Image — Adjustments — Hue/Saturation» («Изображение — Настройки — Оттенок/Насыщенность»). На экране появится одноименное окно.

С помощью ползунка «Hue» («Оттенок») можно подобрать оттенок изображения, параметр «Saturation» («Насыщенность») влияет на насыщенность выбранного цвета, а «Lightness» («Яркость») определяет, насколько темным или светлым он будет. Так как мы раскрашиваем черно-белое фото, необходимо установить флажок «Colorize» («Тинирование»), после чего перемещать ползунки в поисках подходящего оттенка.

clip_image007

Рис. 3. Средство цветокоррекции Hue/Saturation (Оттенок/Насыщенность)

«Photo Filter» («Фотофильтр»). Выполните команду «Image — Adjustments — Photo Filter» («Изображение — Настройки — Фотофильтр». На экране появится окно, в котором можно выбрать цвет, щелкнув на образце, а с помощью ползунка «Density» («Плотность») подобрать насыщенность выбранного оттенка. В большинстве случаев требуется отключить параметр «Preserve Luminosity» («Сохранить свечение»), чтобы избавиться от неестественного свечения.

Photoshop

Рис. 4. Средство цветокоррекции «Photo Filter» («Фотофильтр»)

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

Кроме работы с цветом, вы можете поработать с тоном фотографии. Простейшим средством работы с тоном является «Brighntess/Contrast» («Яркость/Контарст»). Оно запускается командой «Image — Adjustments — Brighntess/Contrast» («Изображение — Настройки — Яркость/Контраст». С помощью ползунков, расположенных в появившемся окне, отрегулируйте яркость и контрастность либо всего изображения, либо его отдельных областей.

Photoshop

Рис. 5. Окно изменения яркости и контраста изображения

На этом раскрашивание черно-белого изображения завершено. Вот что получилось.

Photoshop

Центр компьютерного образования FreeDom