воскресенье, 26 августа 2012 г.

Выбор удачного шрифта с Кириллицей. Внешний вид оных шрифтов для сравнения

Недавно решил подобрать себе красивых шрифтов с кириллицей, чтобы делать следующие видеоинструкции ярче и красившей. Так как выбирать легче всего видя перед собой доступные варианты, перебрал все шрифты доступные в программе Ulead Photoimpact 12 и выбрал те из них, которые поддерживают кириллицу. После этого разбил эти шрифты на группки и сохранил в виде картинок, которые распечатал, после чего любовался и выбирал )) Для наглядности, дважды набрал все буквы русского алфавита,  и к первому алфавиту применил обычный шрифт, а ко второму - соответствующий ему курсивный вариант (и так по всем выбранным шрифтам с кириллицей).

Подумал, может, кому пригодятся мои изыскания в этой области. Кликабельные (нажимаемые) картинки с разными шрифтами (общим количеством 61) для сравнения смотрите ниже. Для каждого шрифта применялся 22й размер шрифта, также все шрифты делал "жирными" (Bold, 22).


Arial, Arial Black, Arial Narrow, Arial Unicode MS:



Batang, BatangChe, Book Antiqua, Bookman Old Style:


вторник, 31 июля 2012 г.

Живая Книга в формате HTML5 как способ подачи многослоевой информации, включающей текст, иллюстрации, видеоролики и звуковые файлы

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

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

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

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

Сделал видеоинструкцию, помогающую раскрыть эту тему полнее и доступнее:


Это обучающее видео разбито на следующие разделы:
Создание коллажей в программе XnView: горизонтальная и вертикальная склейка;
Создание коллажей в программе Ulead Photoimpact 12: коллаж в виде картинок
на красивом фоне
;
Создание GIF-анимации с помощью Ulead Gif Animator 5;
Конвертирование видео из MP4 в WebM с помощью VLC Media Player;
Создание мультимедийного информационного блока в формате HTML5 для просмотра на компьютере без подключения к интернету.

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

Ниже расскажу о том, как на базе записей из личного или корпоративного блога можно создавать свою Живую Книгу в формате HTML5, в которую можно вставлять изображения, gif-анимацию, видеоролики и звуковые файлы. Всё это можно обустроить таким образом, чтобы у вас была возможность читать такую книгу с компьютера не подключенного к интернету и не испытывать при этом даже минимального дискомфорта.
Кроме этого, также опишу пару способов создания коллажей из изображений, расскажу, как создавать GIF-анимацию для книги, а также научу вас конвертировать видео в формат WebM, который подходит для вставки в HTML5.

В первой версии этой инструкции по созданию Живой Книги на базе формата HTML5, опишу программы для Windows, дающие вам возможность создавать красивые коллажи, gif-анимации, а также конвертировать видео и звуковые файлы в подходящий формат. В дальнейшем эта тема, возможно, будет дополнена информацией о программах для других операционных систем, решающих похожие задачи.


вторник, 26 июня 2012 г.

Shutter - удобный инструмент для создания скриншотов в Ubuntu


Для создания обучающих материалов по разным интересным программкам, работающим в среде Ubuntu, вам наверняка пригодится инструмент для создания снимков с экрана компьютера. На этом сайте я уже описывал приложение для решения этой задачи в Ubuntu 11.10 - KSnapshot, которое сейчас уже не поддерживается разработчиками.

В этой статье опишу ещё одну программу под Ubuntu, которая также неплохо справляется с задачей фотографирования экрана, а ещё даёт вам возможность редактировать созданные снимки, добавляя на них интересные графические элементы (стрелки, рамки, рисунки карандашом и маркером, а также многое другое). Программу активно развивают разработчики, а называется она - Shutter. Установить её на Ubuntu 12.04 можно через консоль (которая, кстати, здесь вызывается комбинацией клавиш Ctrl+Alt+T), используя следующую комбинацию:

sudo add-apt-repository ppa:shutter/ppa
sudo apt-get update
sudo apt-get install shutter



Немного отвлекаясь от темы, обновил Ubuntu 11.10 до Ubuntu 12.04, после чего отказалась работать быстрая комбинация клавиш для переключения раскладки клавиатуры. Решение нашёл здесь: нужно вызвать консоль (Ctrl+Alt+T), после чего ввести: 

setxkbmap -layout 'us,ru' -option 'grp:ctrl_shift_toggle,grp_led:scroll' 

и нажать Enter, после чего Ctrl+Shift вернётся на свое место.

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

пятница, 22 июня 2012 г.

FastStone Capture 7.1 - отличный инструмент для создания скриншотов и записи видео с экрана в Windows

Есть одна классная программа, которой легко можно сделать снимок экрана монитора или его части, нанести на этот снимок подходящие пометки (стрелки, рамки, текстовые комментарии), после чего сохранить этот снимок на своём компьютере, и называется эта программа FastStone Capture. На этом сайте я уже описывал более раннюю версию программы FastStone Capture 5.6, которой сам активно пользовался даже в то время когда разработчики усовершенствовали свой продукт до 6й а потом и до 7й версии (функционала ранее описанной версии хватало, да и, не буду лукавить, сейчас тоже хватает с головой для создания в пару кликов скриншотов нужной области экрана и быстрого уменьшения этих снимков до подходящего разрешения).

Но решил не отставать от времени, и посмотреть, что же всё-таки полезного и практичного было добавлено разработчиками в новой версии. Предлагаю вашему вниманию инструкцию по работе с программой FastStone Capture 7.1, надеюсь, инфа, которую приведу ниже, будет для вас практичной и полезной :)

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



Быстро перейти к нужному разделу обучающего видео вы можете по ссылкам:
Создание скриншотов с помощью FastStone Capture, Редактирование снимков в редакторе FastStone, Настройки видеозахвата в FastStone Capture, Видеозахват с помощью FastStone Capture, Дополнительные фишки FastStone Capture, Настройки программы FastStone Capture.

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

Более короткую версию этого видео смотрите здесь:
Инструкция по программе FastStone Capture 7.1 (Light-версия)

Ниже читайте иллюстрированную инструкцию по программе FastStone Capture 7.1 .

четверг, 19 апреля 2012 г.

Snagit - отличный многофункциональный комбайн для решения задач снятия скриншотов и видеозахвата в Windows и Mac

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

Используя Snagit, вы можете легко сфотографировать прямоугольную область, область экрана произвольной формы, обычное окно и окно со скроллом (программа автоматически прокручивает ползунок, и на снимке оказывается всё окно, а не его часть). Вы можете фотографировать по несколько прямоугольных областей за один подход, а также настроить программу таким образом, чтобы ко всем снимкам, сделанным в Snagit, автоматически применялся ряд полезных эффектов (что сэкономит вам порядочно личного времени и освободит вас от скучной рутины). В программе есть возможность устанавливать таймер на заданное вами время задержки между кликом по красной кнопке захвата и собственно созданием снимка, также вы можете включать и отключать отображение курсора на снимках.

Из доступных в Snagit предустановок, которые автоматически применяются ко всем снимкам, сделанным с помощью этой программы, отмечу наиболее полезные лично для меня:
  • Настройка цветового режима снимка. Включение при необходимости режимов  отображения - чёрно-белый, в оттенках серого, а также ручная цветокоррекция с подгонкой яркости, контрастности, оттенков и их насыщенности.
  • Автоматическая замена размера скриншота с заданным коэффициентом увеличения. Возможность автоматического изменения разрешение снимка под заданную ширину или под заданную высоту с сохранением пропорции, а также возможность автозамены разрешения снимка под конкретное заданное разрешение (без сохранения пропорции).
  • Добавление к картинке подписи с полезной информацией о снимке. Доступна возможность вводить одинаковую подпись для каждого снимка, также вы можете выбрать опцию, позволяющую вводить текст подписи для каждого снимка индивидуально (сразу же после его создания). Для подписи вы можете настроить её положение (сверху, снизу, слева, справа), задать для текста подписи шрифт, его размер и цвет, включить если нужно тень для текста, а также добавить рамку произвольного цвета.
  • Добавление рамки заданного цвета и толщины. Для рамки вы можете выбрать трёхмерный и двухмерный вариант.
  • 7 интересных краевых эффектов: Тень, Подсветка, Рваные края, Волна, Пила, Зубцы и Скошенная тень. Для эффекта Тень вы можете задать цвет тени и её глубину, выбрать сторону падения тени (Северо-Запад, Северо-Восток, Юго-Восток или Юго-Запад), задать цвет для холста под скриншотом, а также добавить к снимку контурную линию произвольного цвета и толщины. Для остальных контурных эффектов доступные такие же настройки для тени и контура как и в случае эффекта Тень, плюс дополнительно к этому есть возможность задавать область применения эффекта и характерный линейный размер, характеризующий выбранный эффект (амплитуду для эффекта Волна, размер зубцов для эффектов Пила, Зубцы и Рваные края и ширину подсветки для эффекта Подсветка).
  • Возможность добавлять на снимок водяной знак, изменяя его размер до подходящего размера, а также выбирая для него произвольное положение на скриншоте.
После снятия скриншота с экрана или его части, вы попадаете в редактор Snagit, где сможете добавить ряд полезных и нужных графических элементов, делая этот снимок более интересным, красивым и информативным.

Опишу кратко основные графические фишки, доступные в редакторе Snagit. Здесь вы можете добавлять текстовые комментарии к тому, что изображено на снимке, выбирая для текста подходящий шрифт, цвет и размер шрифта, можете наносить стрелки и линии заданного цвета и толщины, для которых можно выбрать стиль (прямая линия, пунктир, штрихпунктир), вид начала и конца линии, включать и выключать тень, а также активировать режим прямая линия или режим линия произвольной формы. Также вы можете отмечать доступными в программе штампами важные объекты на снимках, рисовать карандашом, выбирая для него произвольный цвет, толщину и один из 6 доступных стержней, можете выделять ключевые места скриншота рамками или подсветкой подходящего цвета и заливать прозрачные области изображения цветом, наиболее подходящим по контексту. Инструменты Заливка и Ластик хорошо работают в паре, Ластиком стираете то, что не нужно, а потом заливаете это пространство нужным цветом. Также в редакторе Snagit вы можете поворачивать снимок, добавлять красивые разрезы, применять к снимку разные краевые эффекты, менять его разрешение, заливать обработанный скриншот на Screencast.com и это далеко не полный список возможностей этой замечательной программы.

Программа Snagit также позволяет вам записывать видео происходящего на экране вашего монитора. Вы можете записывать видео с произвольной прямоугольной области, фиксировать происходящее в отдельном выбранном окне, а также снимать видео с прямоугольной области фиксированного размера (для создания видеоинструкций именно этот вариант оптимален: задаёте подходящее разрешение, соответствующее желаемому качеству, нажимаете кнопку захват, после чего переместив прямоугольную область захвата в нужную позицию, нажимаете кнопку Rec и начинаете запись).

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

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




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

четверг, 22 марта 2012 г.

Новый стиль для блога и некоторые технические нюансы

Доброго времени суток всем, читающим блог Tigrik.org.

Недавно изменил дизайн сайта на более светлый вариант, и лично мне новая обложка весьма и весьма нравится :)


Долго и мучительно обдумывал, какие же цвета выбрать для текста, ссылок ещё не посещённых и уже посещённых. И потом осенило )) Почему бы не выбрать те же цвета, которые использую в видеоинструкциях: зелёный - для кликов левой кнопкой мышки, красный - для клика правой кнопкой мышки и синий - который использую, чтобы прямоугольными рамками отмечать важные элементы программ. Думаю, получилось весьма и весьма неплохо, смотрится однозначно свежее того что было :) О смене дизайна подумывал и раньше, но окончательно меня в этом убедил читатель в своём комментарии к инструкции по программе PDF XChange Viewer.

Хотел объяснить тем, кто читает мой блог через rss-ленты о причинах обновления всех постов (которые таким образом поднялись вверх по ленте). Выбор такого цветового решения пришёл не сразу, долго думал и экспериментировал на тестовом блоге, и в итоге мне понравились именно эти цвета. Цвета понравились, но для ссылок зелёный показался мне не очень убедительным и решил попробовать сначала выделять слово жирным и только после этого вставлять ссылку. Результат такого эксперимента мне понравился, смотрится довольно неплохо. Для новых инструкций это я конечно бы учёл, но как быть с теми инструкциями, что уже есть ? :) Вот и пришлось мне обновлять каждую запись, делая слова под ссылками жирными (Не выделял жирным только ссылки, которые выглядят в тексте как ссылки. Для примера: Блог Tigrik.org , прочувствуйте разницу).

Ещё один моментик появился, из-за которого мне придётся снова редактировать часть инструкций :) До этого описывал программу для записи видео с экрана и создания скриншотов Jing. В рамках этой инструкции также был описан сервис от TechSmith - ScreenCast.com, который я также использовал для хранения gif-слайдшоу (которые входят во многие мои инструкции). Так вот, в бесплатном аккаунте там дают хранилище местом до 2 Гб (для картинок gif хватает с головой, лично у меня занято сейчас всего около 5 Мб), хранилища то хватает, но там также есть ограничение на траффик, до 2 Гб в месяц (если выше, нужно брать премиум, стоит около 10 долларов в месяц, на данном этапе проекта пока рановато). Мне доступного траффика в бесплатной версии на этот месяц не хватит, не помещаюсь уже :) . Сервис у TechSmith конечно отличный, и кроме хранения картинок gif там ещё куча полезностей, связанных с возможностью хранения видео и аудиофайлов, подписки по rss на определённую папку, разграничения доступа и много другого. Но мне на данном этапе нужно только хранилище для анимации в формате gif, если только для этой цели 10 уе в месяц дороговато.

Поэтому картинки из блога были перезалиты на другое бесплатное хранилище изображений Imgur.com. На данный момент этим сервисом вполне доволен.

Заодно кроме обновления изображений думаю тут же поставить внизу инструкций ссылки на другие инструкции из моего блога, близкие обсуждаемой тематике (для примера по скриншотам у меня уже описано 3 программы: FastStone Capture, Jing и KSnapshot, и ещё две программы этого направления хочу описать в ближайшее время).

По краткому обзору причин обновления постов (и дизайна блога :) ) у меня всё. Ниже добавлю ещё пару слов о создании инструкций и использовании фломастеров в этом нелёгком деле.


вторник, 20 марта 2012 г.

Cool Reader - отличная программа для чтения электронных книг в формате fb2

Программа Cool Reader - очень удобный инструмент для чтения электронных книг в формате .fb2. Разрабатываются версии программы для Windows, Linux, и Android. Последние версий Cool Reader для разных операционных систем можно скачать на страничке разработчика программы Вадима Лопатина на SourceForge.Net.

Сделал видеоинструкцию по версии программы Cool Reader для Windows, в которой показываю основной функционал программы и некоторые фишки для удобной работы с ней



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