Воскресенье, 20.05.2018, 20:30 | Поддержать проект
Познавательный Интернет-журнал
"Умеха - мир самоделок"
Самоделки, советы, ответы,
кулинарные рецепты и статьи.

Всегда есть, что почитать!
Главная Регистрация Вход
Приветствую Вас, Гость · RSS
ActionTeaser.ru - тизерная реклама
Главное меню
Основные рубрики
DCR (Полный курс) [13]
Библиотека
Календарь
«  Ноябрь 2015  »
ПнВтСрЧтПтСбВс
      1
2345678
9101112131415
16171819202122
23242526272829
30
Архив записей
TM
BC
TN
 
Главная » 2015 » Ноябрь » 30 » DCR - занятие шестое, где мы поговорим о графике на сайте и элементах дизайна, узнаем о прикладных гафических программах для сайтостроения
DCR - занятие шестое, где мы поговорим о графике на сайте и элементах дизайна, узнаем о прикладных гафических программах для сайтостроения
09:05

Дистанционный курс киберсантаРад приветствовать Вас на шестом занятии моего курса!

Сегодня будем говорить о графике, графических редакторах Photoshop, Xara WebStyle, Button Studio, Crystal Button, Banner Maker Pro... Познакомимся с ними поближе, попробуем обработать изображение для сайта, научимся создавать кнопочки, баннеры и прочие мелкие графические элементы дизайна.

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

Скачали? Установили? Тогда приступаем...


Adobe PhotoShop

Старый, неутомимый трудяга и незаменимый помощник. Как правило, у всех есть русифицированная версия программы, поэтому при появлении вопросов по программе, смело жмите "F1" и пользуйтесь встроенным справочником.

Я же хочу остановиться только на одной, как мне кажется, наиболее важной функции. Это функция "Сохранить для WEB". Что она дает? По большому счету, функция помогает оптимизировать графические объекты до приемлемых в Интернете размеров.

Вот, посмотрите:

Изначально картинка имеет параметры:
"Вес" файла: 1260 кб
Размер файла: 800х553 pixels

Попробуем ее оптимизировать для WEB.

При выборе формата JPEG и качества MAXIMUM получаем:
"Вес" файла: 138 кб
Размер файла: 800х553 pixels

При выборе формата JPEG и качества VERY HIGH получаем:
"Вес" файла: 79,6 кб
Размер файла: 800х553 pixels

При выборе формата JPEG и качества HIGH получаем:
"Вес" файла: 65,51 кб
Размер файла: 800х553 pixels

При выборе формата JPEG и качества MEDIUM получаем:
"Вес" файла: 40,65 кб
Размер файла: 800х553 pixels

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

Сделаем ее, скажем, 200 пикселов в ширину. делается это в меню "Image Size".

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

Что получили:
Размер файла: 200х138 pixels
"Вес" файла: 4,184 кб

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


Xara WebStyle

Не очень принципиально, какая версия у Вас под рукой, если есть вообще...

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

Навигационные бары и меню;
Кнопки и баннеры;
Логотипы и дивайдеры;
Заголовки и 3D-заголовки;
Разные мелкие элементы дизайна;
И многое другое...

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

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


Button Studio

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

В ее работе Вы разберетесь без особого труда минут за десять! Помните только, что по завершению конструирования кнопки, необходимо воспользоваться функцией "Export" и сохранить свое "детище" в одном из графических форматов: JPEG, BMP или GIF. Вот, собственно и сама кнопочка в JPEG:

и в GIF:

Заметили разницу? Разница только в "весе", 23 и 12 кб. Но, как видите, и сама "кнопочка" не маленькая! Те же кнопки, которые Вы сможете делать для сайта, имеют меньшие размеры, около 1-3 кб.


Crystal Button

Эту программу нет смысла даже описывать! Проста, функциональна, красива. При ее помощи Вы сможете делать прекрасные 3D-кнопки. Программа полностью на русском языке, поэтому трудностей не возникнет.

А вот и кнопочка, для примера:

Наслаждайтесь простотой и функциональностью!


Banner Maker Pro

Данная программа имеет триал версию на 30 дней, после чего перестает работать. Бороться с этим не сложно, нужно просто удалить программу с жесткого диска и запись о ней из реестра компьютера. Затем снова ее установить и пользоваться очередные 30 дней!

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

Внимание! Замечена такая "беда", как несовпадение размеров баннеров 468х60! Почему-то получаются немного больше. Поэтому во время создания баннеров в Banner Maker Pro иногда приходится прибегать к помощи все того же старого друга Adobe Photoshop.


Домашнее задание к шестому занятию

Найти и купить/скачать программы-приложения.

Поучиться применять полученные программы на практике.


Приложения к занятию № 6:

Программа подбора/захвата цветовой палитры Цветик ver. 5.1

Программа подбора цветовой палитры Color point

Электронная книга Как научиться создавать баннеры своими руками?!

Электронная книга CSS - Cascading Style Sheets

Электронная книга Каскадные таблицы стилей второго уровня, Спецификация CSS2

Электронная книга Как с помощью 9 дизайнерских приемов превратить Ваш мини-сайт из гадкого утенка в прекрасного лебедя?

Электронная книга Коммерческий WEB-дизайн для чайников


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


Здесь Вы можете сказать автору Курса свое "спасибо":

WM-аттестация (проверить аттестат)

Внимание! Автор против копирования данного материала! © Владимир Мао

Категория: DCR (Полный курс) | Просмотров: 522 | Добавил: Mao | Теги: DCR, интернет, дизайн, Софт, soft, ПО, freeware, Сайт | Рейтинг: 5.0/1 |
Всего комментариев: 0

Комментарии
Имя *:
Email:
Код *:

Читать еще:

Шесть дюжин полезных статей и советов


Парники, теплицы: устройство, оборудование, уход


Цветы, флористика: в доме и на клумбе


Деревья, кустарники: плодовые и декоративные


Огород: овощи, бахчевые, бобовые, зелень и приправы, грибы


Живность: животноводство, птицеводство, пчеловодство, рыбоводство


Закрома: устройство погребов, подвалов, пополнение и хранение запасов


Автор-составитель © Владимир Мао
Поиск по сайту
Сейчас читают
TL
Рассылка сайта
Подписаться на информационные рассылки сайта
AT
Enter
Логин:
Пароль:
TK

География "Умехи"
Онлайн всего: 1
Гостей: 1
Зарегистрированных: 0



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

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

Для людей занимающихся ведением своего личного подсобного хозяйства (ЛПХ) или фермерством, большая рубрика "Свое хозяйство" для удобства поделена на несколько узкотематических разделов, среди которых отдельными пунктами выделены такие темы, как парники и теплицы, цветы и флористика, деревья и кустарники, птицеводство и животноводство, пчеловодство и рыбоводство. Много статей опубликовано по теме "Сад и Огород".

Для любителей и любительниц кухонного искусства на сайте огранизована большая кулинарная рубрика. В ней Вы всегда найдете рецепты салатов, супов, закусок, напитков и экзотических блюд по своему вкусу. С недавних пор существует так же рубрика о красоте, здоровьи, правильном питании и здоровом образе жизни (ЗОЖ) вообще.

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

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

И это далеко не все возможности сайта "Умеха - мир самоделок".

  • Копирование материалов сайта возможно при условии прямой активной ссылки на сайт Познавательный Интернет-журнал "Умеха - мир самоделок"
    и обязательным указанием автора и источника материала, кроме материалов, где в конце явно указано на запрет копирования.
  • По всем вопросам вы можете обратиться к администратору сайта через форму обратной связи


    Яндекс.Метрика Финансовые вопрсы