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

Архив за Июль 2008

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

Июль 30, 2008

Как создать банер, не зная Flash

Метки:

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

Мы создадим баннер для некой компании, занимающейся интересными подарками. Для этого достаточно будет создать 3-4 кадра.

Создайте новый документ размером 100 ´ 100 пикселей (стандартный квадратный баннер).

На палитре «Layers» («Слои») создайте новый слой и оформите первый кадр баннера.

Создайте еще один слой и оформите второй кадр, а затем третий и, если надо, четвертый.

Техника выполнения анимации в данном случае будет следующей. Слой с первым кадром должен находиться выше остальных на палитре «Layers» («Слои»). Как только будет подходить время появления второго кадра, прозрачность первого кадра нужно будет уменьшить до «0 %», а когда второй кадр будет сменяться третьим, прозрачность второго кадра должна также быть снижена до «0 %», и так далее.

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

Щелкните на ромбике рядом с названием кадра, тем самым установив положение первого ключевого кадра. Переместите индикатор времени в положение, где предполагается конец первого кадра, и снова установите еще один ключевой кадр. Теперь обратитесь к палитре «Layers» («Слои») и измените для данного слоя параметр «Opacity» («Непрозрачность») до значения «0 %».

Щелкните мышью на втором слое со вторым кадром на палитре «Animation» («Анимация») и выполните для него те же действия, что и для первого кадра.

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

 photoshop animation

Так выглядит шкала времени после установки нужных ключевых кадров

Теперь, если вы хотите, чтобы кадры плавно перетекали друг в друга, оставьте все как есть, а если вам нужно, чтобы кадры резко сменялись, то выделите все ромбики на шкале времени, щелкните на любом из них правой кнопкой мыши и из контекстного меню выберите уже знакомую вам команду — «Hold Interpolation» («Переход с задержкой»).

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

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

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

Июль 29, 2008

Продолжаем делать анимацию в Photoshop CS3

Метки:

Мигающий текст

А сейчас рассмотрим еще один, довольно интересный, пример выполнения анимации в программе Photoshop CS3.
Создайте новый файл небольшого размера и создайте более-менее симпатичную надпись. Анимация будет заключаться в том, чтобы надпись то исчезала, то появлялась.
Вызовите палитру анимации и перейдите в режим шкалы времени. Мы будем работать с одним текстовым слоем. Раскройте настройки анимации для данного слоя, щелкнув мышью на треугольнике рядом с названием слоя.
В данном случае будем работать с параметром «Opacity» («Непрозрачность»). Щелкните мышью на ромбике в строке «Opacity» («Непрозрачность»), и на шкале времени появится первый ключевой кадр.
Сместите индикатор времени вправо и установите второй ключевой кадр. В этом месте надпись должна исчезнуть, поэтому на палитре «Layers» («Слои») уменьшите значение параметра «Opacity» («Непрозрачность») до «0 %».
Снова сместите индикатор времени вправо и установите еще один ключевой кадр. Затем вернитесь на палитру «Layers» («Слои») и установите значение «Opacity» («Непрозрачность») равным «100 %».
Верните индикатор времени в самое начало и проиграйте созданную анимацию с помощью кнопки «Play» («Проиграть»). Вы увидите, что все вроде бы и неплохо, но эффект мигания не получился. Вместо этого надпись плавно исчезает, а затем плавно появляется. Сейчас мы это исправим.
С помощью мыши выделите на шкале времени все ключевые кадры. Затем щелкните правой кнопкой мыши на любом из кадров и из появившегося контекстного меню выберите пункт «Hold Interpolation» («Переход с задержкой») — ромбики изменятся на квадратики (рис. 4). Снова просмотрите результат. То, что надо!

photoshop animation

После выбора режима «Hold Interpolation» («Переход с задержкой») кадры будут сменять друг друга без задержки
Остались последние штрихи. Переключитесь в режим покадровой анимации. Установите для каждого кадра небольшое время проигрывания и задайте непрерывное повторение проигрывания анимации.
Сохраните полученный результат в формате .gif, выполнив команду «File» («Файл») — «Save for Web & Devices» («Сохранить для Интернета и устройств»).

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

Июль 28, 2008

Анимация в Photoshop CS3

Метки: , ,

Всем привет :-) Отдохнули на выходных? Теперь снова к знаниям! Сегодня речь об анимации в Photoshop CS3

 

Всем известна популярная программа для создания анимации — Flash. Бесспорно, это отличный продукт, но проблема в том, что за один день эту программу не выучишь. Теперь представьте, что вам нужно выполнить простейшую анимацию (обычную смену кадров, появление и исчезновение объектов и т.д.), а времени на изучение Flash просто нет. Photoshop CS3 предлагает потрясающую возможность создавать анимацию прямо в программе. Причем сделать это можно, затратив минимальное количество времени. В этом уроке вы научитесь создавать простейшую анимацию и, без сомнения, оцените все преимущества нововведения Photoshop CS3.

Для создания анимации предназначена специальная палитра, которая так и называется — «Animation» («Анимация»). Запустить ее можно, выполнив команду «Window» («Окно») — «Animation» («Анимация»).

Работа с видео в Photoshop CS3 заключается в анимировании слоев. Поэтому прежде, чем приступить к анимации, вам необходимо вызвать палитру «Layers» («Слои»). Нажмите кнопку F7 на клавиатуре, и палитра появится на экране.

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

Падающая листва

Создайте новый документ размером 400 ´ 400 пикселей. Выберите инструмент «Brush» («Кисть») в виде кленового листа (вид кисти можно выбрать на панели свойств кисти из списка «Brush» («Кисть»)).

На палитре «Layers» («Слои») создайте новый слой, назовите его «Лист 1» и один раз щелкните мышью на рабочем листе — появится изображение листа.

Теперь создайте еще один слой, назовите его «Лист 2» и нарисуйте еще один кленовый лист. Таким же образом создайте еще парочку листиков, только помните, что каждый листок нужно создавать на отдельном слое, причем листья допжны быть разных цветов и оттенков (рис 1.). 

 

photoshop animation  

Рис. 1. Нарисуйте каждый листок на отдельном слое

Теперь пришло время для создания анимации. Вызовите палитру «Animation» («Анимация»), выполнив команду «Window» («Окно») — «Animation» («Анимация»). На экране появится палитра. Есть два режима работы с этой палитрой — в режиме кадров и в режиме шкалы времени (рис. 2).

 

 

photoshop animation 

Рис. 2. Палитра «Animation» («Анимация») может быть двух видов — в виде последовательности кадров и в виде шкалы времени

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

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

Щелкните на треугольнике рядом со слоем «Лист 1» — вам станут доступны настройки анимации данного слоя (рис 3): «Position» («Позиция»), «Opacity» («Непрозрачность») и «Style» («Стиль»).

 

photoshop animation 

Рис. 3. После щелчка на треугольнике рядом с названием слоя появятся параметры анимации

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

Теперь выберите на панели инструментов инструмент «Move» («Перемещение») и переместите вниз кленовый листик, расположенный на активном слое.

То же самое проделайте с остальными слоями — перемещайте листья по той траектории, по которой вы предполагаете их падение в вашем ролике.

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

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

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

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

Осталось только сохранить созданный ролик. Для этого достаточно выполнить команду «File» («Файл») — «Save for Web & Devices» («Сохранить для Интернета и устройств»). В появившемся окне нажмите кнопку «Save» («Сохранить») и сохраните файл в формате .gif.

 

 

 

 

offtop

Июль 24, 2008

Осторожно! Полиция в интернете!

Метки: , ,

Уже не раз говорила, что виртуальное пространство – это точная копия реального пространства, только со всеми возможными вариациями.

Если проводить аналогии, то список будет немаленьким. Ну вот, к примеру:

  1. обычная почта – электронная почта
  2. магазины – интернет-магазины
  3. деньги – электронные деньги (webmoney, яндекс-деньги и т.д.)
  4. банки – платежные системы
  5. тусовки на улицах города – форумы и чаты
  6. свидания – сайты знакомств

Все, в общем-то есть, но чего-то не хватает. А не хватает полицейских!

Российские разработчики выпустили интересную программу, которая называется StaffCop, что в переводе с английского означает полицейский, следящий за сотрудниками (если передавать общую суть).  Есть такая статистика, что ежегодно компании теряют миллионы долларов из-за того, что их сотрудники в рабочее время “сидят” в “аське”, гуляют по просторам интернета, крадут важную инфу и т.д.

Теперь компания может нанять на работу виртуального полицейского, который собирает следующую информацию:
- Программы: когда и какие запускались приложения ,сколько времени с ними работали;
- Веб-сайты: какие и когда открывались сайты и страницы, сколько времени их просматривали;
- Интернет пейджеры (ICQ и другие): текст сообщений, контакты собеседников, время отправки/получения сообщений;
- Экран компьютера: программа делает снимки экрана с установленным интервалом;
- USB устройства: название устройств, время их подключения и отключения;
- Включение/выключение компьютера: отслеживается время включения/выключения компьютера и входа/выхода в систему.

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

Поэтому будьте бдительны! За вами могут следаить :-)

 

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

Июль 23, 2008

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

Метки: , , , ,

Привет всем, кто с нами! Вот новый урок.

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

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

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

Одной из распространенных платежных систем в интернете является система Webmoney.

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

Итак, как же открыть для себя виртуальный счет. Все операции производятся через веб-ресурс http://wmtransfer.by/. Чтобы управлять своим виртуальным счетом вам понадобиться специальная программа, которая называется — WebMoney Keeper Classic. Итак, рассмотрим пошагово процесс регистрации виртуального счета.

Шаг первый. Зайдите на сайт http://wmtransfer.by/ и щелкните на ссылке Регистрация, которая находится в меню.

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

ВНИМАНИЕ

Когда вам будет предложено ввести регистрационный код, не забывайте, что его выслали на указанный вами электронный адрес

Шаг третий. После ввода регистрационного кода вы попадете на страницу, откуда можете скачать программу WebMoney Keeper Classic. Щелкните на ссылке Загрузить. После этого программа начнет скачиваться на ваш компьютер в указанное вами меcто.

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

webmoney

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

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

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

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

webmoney

Шаг седьмой — очень важный! Далее вам нужно сохранить созданный файл ключей в надежное место. Поэтому в окне сохранения файла ключей доступа измените путь хранения ключей. Для этого нажмите кнопку с тремя точками и укажите другую папку хранения файла ключей. Без файла ключей вы не сможете работать в платежной системе. Затем придумайте и введите пароль для этого файла (он не должен совпадать с паролем для входа в систему). Файл ключей лучше хранить на съемном носителе (например, на флешке), чтобы только вы имели к нему доступ.

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

Шаг восьмой. Если вы все сделали правильно, у вас на экране появится окно программы. Перейдите на вкладку Кошельки. Кошельки — это своеобразные разделы вашего виртуального счета, где деньги в разных валютах будут храниться отдельно друг от друга. Для долларов один кошелек, для белорусских рублей другой и так далее. По умолчанию у вас не будет ни одного кошелька. Для каждого кошелька существуют обозначения, указывающие на то, какая валюта хранится в кошельке. Создайте несколько  кошельков: WMZ — для долларов, WMR — для российских рублей и WMB — для белорусских рублей. Нажмите кнопку Создать и далее следуйте указанием мастера. Таким образом создайте три кошелька. После этого на вкладке Кошельки вы увидите созданные вами три кошелька.

Обмен валют в электронной платежной системе

В Беларуси вы можете себе на счет положить только белорусские деньги. Это можно сделать на практически на каждой почте в окне с наклейкой WMB. Вам следует только указать номер вашего кошелька для белорусских денег и сумму зачисления. Деньги вам на счет поступят довольно быстро ( не более одного рабочего дня). Причем они автоматически поместятся в ваш кошелек , предназначенный для белорусских рублей.

Если вам надо их обменять на какие любо другие зайдите на сайт http://wmtransfer.by/ и в левой области ROBOXCHANGE из верхнего списка выберите валюту которую вы отдаете, а из нижнего которую хотите получить и нажмите кнопку Выбрал! Далее следуйте указаниям. Через некоторое время в вашем кошельке произойдет обмен.

Кроме того, на сайте http://wmtransfer.by/ вы можете совершать операции по оплате услуг в Беларуси. Если же вам нужно перевести деньги на другой кошелек, например, перевести деньги на долларовый кошелек продавца из другой страны, выполните следующие действия .На вкладке Кошельки щелкните правой кнопкой мыши на нужном кошельке (в данном случае на кошельке WMZ) и из контекстного меню выберите пункт Передать WM. В появившемся окне наберите номер кошелька продавца и далее следуйте инструкциям.

 

 

Microsoft Office

Июль 22, 2008

Экспресс-курс: Создание презентации в PowerPoint 2007

Метки: , , ,

Cегодня презентация стала неотъемлемой частью нашей жизни. Она стала незаменимым инструментом в бизнесе и обучении. Что такое презентация? Например, вы продаете какой-то продукт, долго и подробно рассказываете о нем клиентам. Но, как говорится, лучше один раз увидеть, чем сто раз услышать. Вы могли бы создать презентацию, которая представляла бы собой меняющиеся слайды с картинками и подписями к ним и рассказывала о вашем продукте. Вам остается лишь добавить свои устные комментарии. Презентации часто используются преподавателями для иллюстрирования лекций, что позволяет улучшить качество обучения. На самом деле область использования презентаций огромна, и в условиях современной жизни, когда общество с каждым днем все больше и больше пользуется информацией в электронном виде, каждому человеку просто необходимо уметь создавать качественные презентации.
Существуют специальные программы для создания электронных презентаций. На сегодняшний момент самой распространенной является программа PowerPoint, входящая в пакет Microsoft Office.
В данном уроке вы научитесь создавать качественные презентации с использованием последней версии программы — PowerPoint 2007, которая предоставляет массу инструментов для создания профессионального продукта. Компания Microsoft полностью переработала структуру офисных программ, что сделало их максимально простыми и удобными в использовании.
Интерфейс программы. Если вы еще не работали ни в одной программе Microsoft Office 2007, то вас может удивить тот факт, что в них отсутствует строка меню. Дело в том, что стандартное меню разработчики совместили с панелью инструментов, и благодаря этому интерфейс программ пополнился новым элементом, который называется лентой.
Лента представляет собой группу вкладок, на которых находятся инструменты, помогающие в выполнении определенной задачи. Например, на вкладке «Вставка» находятся кнопки для вставки в презентацию рисунков, фотографий, диаграмм, надписей и т.д. Работать с такой лентой очень просто: это яркий пример интуитивного интерфейса программы.
В левой части окна программы находятся эскизы слайдов. Как только вы добавите новый слайд, он отобразится здесь в виде эскиза.
Центральная часть окна программы — место для разработки конкретного слайда.
Разработка презентации.

После того как вы определились с темой презентации, нужно подобрать информацию и картинки для каждого слайда. Продумайте содержание каждого слайда и количество слайдов.
Совет
Как правило, на одном слайде не помещают большое количество текстовой информации, так как в она будет плохо воспринята зрителями. Обычно графическое изображение (рисунок, диаграмма) сопровождается текстовым комментарием или небольшим статистическим отчетом.
После этого начинается непосредственно разработка структуры слайдов и их оформление в программе PowerPoint.
Выбор макета слайдов.
Если даже вы никогда не видели ни одной презентации, вам не составит сложности ее создать. В программе PowerPoint 2007 присутствуют готовые макеты слайдов, которые помогут вам для начала разработать структуру будущей презентации. Перейдите на вкладку «Главная» и щелкните на стрелке на кнопке «Создать слайд». Перед вами отроется список доступных в программе макетов слайдов.

Макеты слайдов

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

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

Музыкальное сопровождение презентации.
Кроме того, вы можете задать настроение презентации с помощью музыкального оформления. Для этого перейдите на вкладку «Вставка» и нажмите кнопку «Звук». В появившемся диалоговом окне укажите местонахождение необходимого музыкального файла, который будет проигрываться во время презентации. Если вы хотите, чтобы один и тот же файл проигрывался на протяжении показа всей презентации, то в группе «Параметры звука» из списка «Воспроизведение звука» выберите пункт «Для всех слайдов».
Настройка показа презентации.
Перейдите на вкладку «Показ слайдов». Здесь вы сможете настроить, каким образом будет проигрываться презентация, например, непрерывно или один раз, с автоматическим переходом между слайдами или это будет управляемая презентация и т.д.
Для настройки презентации нажмите кнопку «Настройка демонстрации». На экране появится диалоговое окно с настройками.
Если вы хотите самостоятельно переключать слайды, установите переключатель в положение «Управляемый докладчиком». В этом случае переход к следующему кадру будет происходить после нажатия клавиши «Пробел». Если презентация должна проигрываться в автоматическом режиме, без вашего участия, установите переключатель в положение «Автоматический».
Для непрерывного проигрывания презентации установите флажок в поле «Непрерывный цикл до нажатия клавиши «Esc».
Теперь можно настроить время показа каждого слайда. Время перехода от одного слайда к другому можно настроить на вкладке «Анимация» в группе «Переход к этому слайду». Установите флажок «Автоматически после» в области «Смена слайда» и задайте промежуток времени, по истечении которого один слайд будет сменять другой. Флажок «По щелчку» снимите. В этом случае слайды презентации будет сменяться автоматически.