Как сделать Web-дизайн

Осталось1 день 6 часов Завершается 5 декабря в 19:31:34
1
1
№ 505197831Отличное состояние
Без фотографий
1,50 бел. руб. 0,76$0,7148,83руб. Справочно по курсу НБРБ
Я согласен с правилами аукционов и покупаю лот за 1,50 бел. руб.
Описание лота
Состояние Отличное
на DVD

Как создать Web-дизайн (видео-гид по  Adobe Illustrator + мастер- класс по Web-дизайну в Adobe Illustrator) (DVD)

     

71 видеоурок общей продолжительностью более 14 часов.

С помощью этого курса даже новичок в дизайне сможет ГАРАНТИРОВАННО сделать профессиональный  Web-дизайн. Нужно лишь выбрать пример и пошагово повторять действия, происходящие на экране Вашего монитора.

Вы обычно делаете макеты дизайна в Photoshop или Corel ?    Вам интересно изучить альтернативу программе Corel, которая гораздо лучше сочетается с Photoshop, так как они обе выпускаются одним производителем?        

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

Illustrator - мощный инструмент векторной графики и верстки. Он позволяет создавать логотипы и фирменные стили, полиграфическую рекламу, буклеты, плакаты, листовки, календари, упаковку, выставочные стенды, веб-графику и т.д.  Еще одно преимущество Illustrator - его интерфейс очень похож на Photoshop. Если Вы знаете Photoshop, то в  Illustrator найдете очень много знакомого и освоить его будет значительно легче.  Для макетирования Illustrator просто незаменим. С его помощью можно сделать, скажем, 5 вариантов дизайна  за 30 минут и даже быстрее!

__________________________________________________________________

I. ВИДЕО-ГИД  по Adobe Illustrator (68 видео-уроков по всей программе Illustrator CS2 общей продолжительностью 12,5 часов)

Введение 

Вводный

Как работать с видео-курсом

Растр и Вектор  Описание растрового и векторного форматов

RGB и CMYK    Незнание отличий этих цветовых систем грозит большими неприят-ностями в работе

Рабочее окно программы  Убедитесь сами насколько схожи интерфейсы Adobe llIustrator и Photoshop

Первый опыт  Наглядные советы по обучению Adobe llIustrator

Инструменты

Pen tool   Работа с инструментом перо. Добавление и редактирование опорных точек

Lines tool  5 вариантов линий. 2 способа создания линий. Редактирование линий. Вспомогательная информация

Objects tool   6 модификаций инструмента. 2 способа создания объектов. Секрет наглядного редактирования.

Pensil tool   3 модификации инструмента. Секрет стиля обводки. Установки инструмента. Советы по удобному сглаживанию линий.

Brush tool   Секрет по рисованию плавных линий. Палитра кистей. Библиотека кистей.

Brush tool-2 Варианты создания кистей: разбрызгивающая, художественная, орна-ментальная. Варианты использования.

Selection tool Виды инструментов выделения. Варианты и способы выделения, в том числе невидимых объектов.

Rotate tool  2 способа поворота. Секрет: как рисовать этим инструментом. Отзеркаливание на любой угол и как это применять в дизайне.

Transformation tool  Важно: если не поставить здесь один "флажок", жди неприятностей. Масштабирование и наклон. Работа с несколькими объектами. Секрет работы с палитрой.

Warp tool   7 вариантов инструмента, параметры, нюансы использования. Совет: где лучше применять.

Free transform tool Как 1 инструмент заменяет несколько других. Хитрости применения клавиш Ctrl, Shift, и Alt в различных сочетаниях.

Spray tool   8 модификаций инструмента "Распыление" и советы по его применению. Параметры. Палитра Symbol и ее настройки.

Business graphic tool   9 вариантов создания деловой графики с описанием параметров. Технология создания графиков средствами Adobe Illustrator.

Business graphic design  Специальные средства оформления деловой графики Важно: 2 этапа работы, позволяющие сделать стильный дизайн диаграммам и схемам.

Eyedropper & Life Paint tools  Различные возможности инструмента "Пипетка". Как окрашивать пипеткой. Параметры пипетки. Для чего использовать инструмент "Живая окраска". Меню этого инструмента.

Scissor & Knife tools  Технология работы с инструментами "Ножницы" и "Нож" и их особенности. Совет по использованию этих инструментов для создания дизайна.

Работа с цветом

Colors  Инструменты окрашивания заливки и контура. Примерная и точная настройка цвета. Палитра образцов (цвета, градиенты, декоративные заливки)

Color Важные индикаторы корректности цвета. Палитры Pantone. Виды красок. Spot и Global цвета. Как получать различные оттенки одного и того же цвета.

Gradient  2 способа менять интенсивность и угол наклона градиента. Виды градиентов и редактирование. Градиентная сетка и 3 способа ее создания.

Textures & Styles  Меню "Текстуры". Возможности редактирования. Создание текстур. Работа с палитрой "Стили". Создание стиля с нуля по своему образцу.

Transparency  Совет по удобной компановке различных палитр. Параметры. Взаимосвязь с Photoshop. Важный совет по возможности использования "Прозрачности" в полиграфии.

Stroke  Виды окончания линий и скругления углов. Варианты размещения контура объекта. Штриховые линии

Объекты

Join Average Simplefy Какие точки можно соединять. Как и для чего использовать усреднение линий. Зачем применять упрощение линий.

Copy group  Сколько способов копирования есть в llIustrator. Как группировать объекты и для чего. Перемещение объекта внутри группы. Меняем порядок расположения объектов на рабочем столе.

Group lock  Что делать, когда объекты мешают друг другу. Как блокировать объекты. Применение изоляции объектов для их перемещения и редактирования.

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

Pathfinder  Варианты формы и обработки контуров. Меню палитры Pathfinder. Рекомендации по использованию.

Offset Compound 3 вида смещения пути. Смещение пути замкнутых и незамкнутых контуров. Составной путь. Возможность редактирования прозрачных зон.

Mask  Как создавать маску. Редактирование масок. Маска растрового объекта.

Blend  Варианты смешения: Цветовой переход, Количество шагов, Расстояние между центрами объектов. Очень важный совет по редактированию для полиграфии. Смешивание разных по форме объектов.

Layers  Создание и редактирование объектов в слое. Создание нового слоя. Полезный совет по использованию слоев на практике. Меню палитры "Слои".

Envelope Distort Возможности искажений (Внимание: и растровых объектов!). 3 варианта внешнего искажения.  Опции меню Envelope Distort.

Appearance  Почему эта опция так важна в работе. Методика работы с применением палитры Appearance. Как сократить время работы с ее помощью

Работа с текстом 

Text 6 вариантов набора текста. Текст как векторный объект. Параметры меню текста "в области" и "по линии". Варианты расположения текста "по линии" (5 видов)

Character Параметры: Гарнитура, Начертание, Размер, Кернинг, Треппинг, Интерлиньяж, Растяжка, Сдвиг, Поворот. Группы шрифтов. Другие параметры.

Paragraph 6 вариантов выравнивания (выключки). Поля. Форматы до и после обрезки. Удобство и простота верстки.

Tabs Glyps Табуляция как профессиональный способ форматирования. Настройки. Таблица дополнительных символов Glyps и как с ней работать.

Character Paragraph Style Для чего нужны стили оформления. Как создать/удалить свой стиль. Параметры меню.

Threaded Text Wrap Как текст из одного блока переверстать в несколько блоков. Выравнивание блоков текста. Как сделать, чтобы текст "обтекал" иллюстрацию.

Find Поиск и замена слова в Illustrator. Поиск и замена шрифта. Выбор шрифта из System Document.

Spell, Case, Punct, Curve  Проверка орфографии. Изменение регистра текста. Типографская пунктуация. Невидимые значки. Важно: перевод текста в "кривые".

Фильтры 

Filter Colors   Фильтры: Adjust, Blend (варианты), Convert (варианты), Invert colors, Overprint black, Saturate.

Filter Create  Фильтр "Создание". Метки обреза. Фильтр "Мозаика". Варианты сохранения пропорций. Масштабирование.

Filter Distort  Варианты фильтра: Свободное искажение. Морщины. Огрубление. Помарки. Скручивание. Зиг-заг.

Filter Stylize  Add Arrowheads, Drop Shadow, Round Corners.

Photoshop Filters Важно: совет по редактированию растровых объектов в Illustrator. Действие фильтров в разных цветовых моделях. Переход из одной модели в другую. Photoshop Gallery - оптимальный способ работы.

Растровая графика

Live Trace  Что такое трассировка и от чего зависит ее результат. Стандартные варианты трассировки. Trace Options для более тонкой настройки параметров. Способы создания трассировки.

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

Эффекты 

Extrude Bevel  Основные возможности и отличия Эффектов. Extrude Bevel эффект. Параметры. Настройки. Дополнительные возможности (изображения на гранях 3d объектов)

Revolve Rotate Revolve - вращения. Варианты использования. Rоtate - 2х -мерная фигура в пространстве.

Vectors   Эффекты: Convert to Shape, Distort & Transform, Path, Pathfinder, Rasterize, Stylize, Warp.

Rastr Change  Важно: особенность эффектов Photoshop в Illustrator. Важно: настройка перед начало работы, чтобы избежать проблем в будущем. 2 вида финальной обработки эффектов перед выводом на печать.

Сохранение файлов 

Save format  AI & EPS Выбор вариантов сохранения документа. Важно: совет по выбору версии llIustrator. Установки сохранения формата AI формата. Внимание: Линкованные файлы. Преимущества формата EPS. Установки формата EPS.

Save format PDF Основные установки для сохранения формата PDF. Возможности Compression. Безопасность. Как защитить открытие, редактирование и печать документа при сохранении его в PDF.

Еxport  Зачем нужен Еxport. Экспорт в PSD, установки. Экспорт в JPEG, особенности формата. Экспорт в TIFF. Достоинства. Установки.

Open/Import  Какие 2 возможности импорта растровых иллюстраций есть в llIustrator. Их отличия и способ применения. Команда Place. Палитра Link. Опции. Пример работы с ее палитрой.

Page Setup & Info tools  Document Setup, опции. Настройки. Вспомогательные инструменты "Лупа" и "Рука". Вспомогательные линии Guides и масштабная сетка Grid. Инструмент "Линейка и палитра Info.

Print  Зачем нужен Tiling. Настройки окна "Печать". Установки с использованием Tiling. Дополнительные настройки для печати.

PrePress  Цветовые профили. Установки меню Press для полиграфии. Наложение черного, что это и как использовать. Треппинг. Автоматический треппинг. Ручной треппинг. Итоговые выводы: 2 операции, необходимые для успешной печати Вашего дизайна.

Preference Главные. Шрифт. Единицы измерения и экран. Сетка масштабирования. Специальные гайды и пластины. Плагины и дополнительная оперативная память. Доп. файлы и буфер обмена. Способы отображения черного цвета.

Вэб-графика

Web Slices Некоторые возможности адаптации AI для вэб-графики. Slices(пластины) как возможность разбить картинку на части для вэб. Создание и редактирование Slices. Диалоговое окно Slices.

Web Save & SVG Сохранение для вэб-графики в формате HTML. Сохранение для вэб-графики в формате GIF. Сохранение для вэб-графики в формате JPEG. Немного о SVG формате.

_________________________________________________________________________

II.  МАСТЕР-КЛАСС по Web-дизайну  в Adobe Illustrator

1. Создаем Web-сайт-1 (58 минут) 

Здесь Вы узнаете, как грамотно строить работу над Web-дизайном, и чем отличается профессионально сделанный сайт

- Вводные замечания о возможности создания сайтов в Adobe Illustrator.

- Доработка исходного логотипа, создание на его основе более сложного по цвету графического знака.

- Создание центрального баннера сайта, его композиционной основы. Выявление смыслового и изобразительного центра сайта и вспомогательных элементов, меняющихся в зависимости от разрешения монитора зрителя.

- Создаем меню сайта над баннером и выравниваем его с картинкой логотипа.

- Располагаем текстовый блок в центральной части баннера.

- Строим раздел "Портфолио". Внимание! Посмотрите полезные нюансы кадрировки иллюстраций в Иллюстраторе. С их помощью можно эффективно редактировать края вставляемых картинок.

- Объединяем картинку примера портфолио и поясняющий текст в единый блок. Оформляем его правильно подобранными по цвету плашками.

- Дорабатываем сайт декоративными элементами с использованием фрагментов логотипа.                                                                                                                                              

- ВАЖНО! Обоснование цветовой гаммы сайта. Функциональная задача: каким сделать фон, чтобы на нем хорошо смотрелись примеры Web-дизайна любого цвета.

2. Создаем Web-сайт-2 (60 минут)

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

- Постановка задачи создания дизайнерского решения сайта в векторной графике

- ВАЖНО! Полезный совет по редактированию контуров элемента логотипа. Эта техника пригодится и для создания новых логотипов и фирменных стилей.

- Простой способ создания стильной графики на основе копирования элементов логотипа.                                                                                          

- Доработка первой страницы сайта. Применение новых элементов для более убедительной ориентации графического "центра" сайта в пространстве экрана.

- Нюанс: использование контрастного цвета для одного из повторяющихся элементов. Обоснование этого решения.                                                                 

- Создание рабочей страницы на основе графического решения главной имиджевой станицы. Универсальный метод "кадрирования" - можно взять на вооружение и в других видах дизайна.                                                                                                                                            

- Определение принципа композиции рабочей страницы. Создание меню. Выделение пространства для информационной части сайта. Создание в этом месте блока с Портфолио.                                                                                                                                                            

- Итоги. Анализ дизайнерского решенияна основе векторной графики  и его развития на двух страницах сайта, главной и типовой рабочей.

3. Создаем Web-сайт-3 (75 минут)

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

- Нестандартный подход к графическому решению сайта (за основу берем простые геометрические фигуры)                                                                                                                               

- Создаем основу сайта. Главное - удачно найденная форма. Расположение рабочей зоны для информационных материалов сайта. Обратите внимание на двойную роль тени.                                     

- Оформляем логотип. Находим для него подходящую по стилю форму. Подбираем цвета. Важно разнообразное применение выбранных средств: в одном случае так, в другом по-новому.                                                                                                                                           

- Вставляем панель с пунктами меню. "Хулиганский" подход, но все в рамках стиля.                                           

- Оформляем вкладки для Портфолио. Особое внимание выделению зоны для названия проекта. Все также в выбранном заранее ключе. Каждый новый шаг поддерживает общую стилистику и развивает ее.                                                                                                                                              

- Создаем форму заказа в нестандартном стиле. Ярко, но функционально.                                                                 

- ВАЖНО! Рисуем с нуля пиктограмму телефона и почтового конверта. Можно применять и в других видах дизайна.                                                                                                                      

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

Эта уникальная накопленная годами информация  поможет Вам научиться создавать профессиональный Web-дизайн!

_____________________________________________________________________________

Посмотрите, пожалуйста, и ДРУГИЕ мои лоты.

При покупке нескольких моих лотов хорошие СКИДКИ (!):

2 лота - 5%;   3 лота - 6%;   4 лота - 7%;   5 лотов - 8%;   от 6 до 10 лотов - 10%;   от 11 до 20 лотов - 12 %; от 21 до 30 лотов - 15 %;   от 31 до 50 лотов - 20 %;   более 50 лотов - 25%.

Реальная экономия! Посчитайте!

При покупке 11-ти и более лотов пересылка по почте за мой счет.

Доставка и оплата
Доставка из города Могилев, Беларусь
Отправка почтой в другой город по стране
Полная предоплата до отправки лота по почте
Наложенный платеж при получении лота на почте

1. высылка наложенным платежом (то есть оплата в момент получения на почте) или 2. высылка после оплаты почтовым переводом или по Easy Pay. Для жителей МОГИЛЕВА - передача при личной встрече.

Похожие лоты

Вход

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

Регистрация

Введите номер вашего мобильного телефона:
Войдите с помощью электронной почты или номера телефона
Войдите с помощью своего профиля

Восстановление пароля

Укажите адрес электронной почты, который вы использовали при регистрации
Нужна помощь? Напишите нам

Восстановление пароля

Инструкции по восстановлению пароля высланы на 
Нужна помощь? Напишите нам