оставьте свой номер
 я перезвоню или напишу в мессенджер
написать мне в мессенджер
нажимая на кнопку "отправить" вы соглашаетесь с политикой конфиденциальности
оставьте номер для заявки на брендинг
 я перезвоню или напишу в мессенджер
написать мне в мессенджер
нажимая на кнопку "отправить" вы соглашаетесь с политикой конфиденциальности
оставьте номер для заявки на landing page
 я перезвоню или напишу в мессенджер
написать мне в мессенджер
нажимая на кнопку "отправить" вы соглашаетесь с политикой конфиденциальности
оставьте номер для заявки на разработку сайта под ключ
 я перезвоню или напишу в мессенджер
написать мне в мессенджер
нажимая на кнопку "отправить" вы соглашаетесь с политикой конфиденциальности
информатика
курс на 1 год
Создание дизайна, обработка иллюстраций, презентация проектов
1 семестр (1,2 четверть)
От знакомства к презентации проекта
1. Обзор ноутбука, знакомство с системой
Включение-выключение ноут-бука
Клавиатура
Тач-пад
Левая и правая клавиши
Смена языка
Создание собственной папки на рабочем столе
2. Программа для онлайн-связи ZOOM
Запуск программы
Подключение к конференции по номеру и паролю
Переписка в чате программы
3. Выход в интернет
Запуск браузеров
Использование поисковой системы - Яндекс или Гугл
Поиск в системе любимого героя по запросу
Поиск по картинкам любимого героя
Сохранение иллюстрации на компьютер
Отправка фотографии в чат в ZOOM
4. Инструменты Google
Гугл переводчик - перевод фразы "Я учусь в лучшей школе Москвы - ONE!" на английский
Гугл переводчик - смена языка и перевод фразы "Hello! My name is..." с английского на русский язык
Поиск адреса на гугл картах, использование 3D-карты для просмотра улиц (поиск своего домашнего адреса)
Поиск рецептов любимых блюд
Поиск прогноза погода в Москве
Копирование и отправка ссылки на страницу в чат ZOOM
5. Знакомство с Adobe Photoshop
Изучение базового интерфейса программы
Загрузка фотографии в программу
Кадрирование фотографии
Автоматическая цветокоррекция фотографии
Цветокоррекция фотографии в ч/б, инверсия
Сохранение фотографии на компьютер

Презентация
6. Adobe Photoshop - работа с фотографией
Загрузка рамки для фотографий в программу
Загрузка фотографии в программу
Создание области для помещения фотографии
Создание маски через слои
Сохранение фото в рамке

Презентация
7. Adobe Photoshop - отделение объекта от фона
Инструмент ластик - выбор инструмента, изменение значения величины, стирание общего фона у иллюстрации
Стирание фона по контуру, чтобы отделить изображение от фона
Создание дубликата изображения
Трансформирование изображения вниз как отражение
Уменьшение непрозрачности изображения
Сохранение изображения в JPEG
8. Google Presentation
Создание рабочей электронной почты для использования сервисов Гугл
Создание презентации в Google Presentation
Использование шаблонов Гугл Презентации
Редактирование шаблонных текстов и заголовков
Создание новых экранов презентации
Создание собственных блоков с текстами
Добавление иллюстрации с компьютера
Публикация презентации в сети
Отправка ссылки на презентацию
9. Tilda для презентации
Регистрация в сервисе
Создание страницы
Добавление адаптивных блоков
Редактирование текстов
Добавление иллюстраций
Добавление новых блоков
Добавление триггера, создающего презентацию из страницы
Публикация страницы
Отправка ссылки на презентацию
10. Фотомонтаж в Adobe Photoshop
Загрузка изображения
Быстро вырезаем простые объекты
Тщательно вырезаем сложные объекты
Сохраняем файл без фона - PNG.
Заменяем фон у объекта
Сохраняем файл с новым фоном - JPEG.
11. Adobe Photoshop - фигуры, цвета, градиенты
Создаем и редактируем фигуру эллипс
Загружаем фотографию
Помещаем маской фото в круг
Добавляем контур
Делаем градиентный фон для изображения
12. Adobe Photoshop - слои и шрифты
Создаем фон из иллюстрации
Создаем текст
Создаем фигуру
В слоях перемещаем местами слои
Назначаем имя объектам
Делаем параметры наложения для фона
Добавляем эффект тени для фигуры
Меняем цвет у текста
Сохраняем креатив на компьютер
13. Adobe Photoshop - типографика (шрифты)
Скачиваем понравившийся шрифт
Устанавливаем шрифт на компьютер
Создаем заголовок в фотошопе
Меняем кегль
Создаем текст описание
Меняем шрифтовое семейство
Меняем начертание
Меняем цвет шрифта
Разтрируем текст
Загружаем изображение в текст
14. Adobe Photoshop - анимированные GIF
Скачиваем 4 иллюстрации человечков в разных позах
Размещаем их последовательно в слоях
Открываем Шкалу времени
Назначаем время проигрывание каждого объекта
Экспортируем как зацикленный GIF
15. Adobe Photoshop - Mockup
Отрываем подготовленный мокап
Открываем в нем смарт-объект
Загружаем свою иллюстрацию
Сохраняем файл
В мокапе меняем цвет фона
Сохраняем мокап на компьютер
16. Финальная презентация
Помощью программ Google Presentation или Tilda создаем презентацию
Создаем нужное количество слайдов
Загружаем подготовленный контент
Публикуем презентацию
Делимся ссылкой на презентацию
3 четверть
Онлайн-дизайн
1. Tilda - обзор
Обзор интерфейса
Знакомство с инструментами
Добавляем контент
Настраиваем стиль
2. Tilda каталог
Создаем каталог товаров
Делаем блог
Добавляем формы обратной связи
Интегрируем сервисы сбора заявок
Добавляем корзину
3. Tilda Zero Block - Уникальный дизайн ч.1
Обзор интерфейса
Изучаем инструменты зеро блок
Добавляем контент в зеро блок

4. Tilda Zero Block - Уникальный дизайн ч.2
Создаем уникальный экран в зеро блок
Добавляем иллюстрации
Работа со шрифтами
Добавляем фигуры
Верстаем по сетке
5. Tilda Zero Block - анимация
Анимируем стандартным способом все элементы дизайна
Пробуем нестандартные способы анимации
Стандартная анимация, базовая и продвинутая анимация в Zero Block, адаптация в Zero Block, домен
6. Tilda Zero Block - адаптация
Адаптируем каждый элемент дизайна под планшеты
Адаптируем под телефон
Проверяем адаптацию
Включаем мобильную анимацию
7. СЕО в Tilda
Подбираем ключевые слова для сайта
Метатеги - title, description, h1 - добавляем их на сайт
Создаем и загружаем favicon
8. Tilda - публикация
Регистрируем домен
Регистрируем сайт в поисковой системе Яндекс/Google
Создаем и интегрируем Яндекс Метрику
Учимся анализировать сайт
9. Figma - прототипирование
Регистрация в сервисе
Обзор интерфейса и инструментов Figma
Создание фигур, текстов, экранов
Загрузка изображений
Разработка прототипа мобильного приложения - рисуем экраны приложения
Связываем экраны приложения между собой
Публикуем прототип
10. Figma - создание дизайна
Создание стайл-гайда и фирменного стиля
Рисуем дизайн на основе прототипа
Публикуем приложение
4 четверть
Видео-продакшн и Youtube
1. Съемка видео ч. 1
Пишем сюжет
Рисуем раскадровку
2. Съемка видео ч. 2
Работа со светом
Снимаем видео
3. Монтаж ч. 1 - Adobe Premiere Pro
Обзор интерфейса программы
Вырезаем лишнее
4. Монтаж ч. 2 - Adobe Premiere Pro
Склеиваем полезный видео-материал
Ищем и скачиваем музыку
Накладываем музыку
Рендер видео
5. Канал на Youtube ч.1
Создаем канал на Youtube
Делаем настройки канала
6. Канал на Youtube ч.2
Рисуем обложку канала
Рисуем аватарку канала
7. Канал на Youtube ч.3
Рисуем превью для видео
8. Канал на Youtube ч.3
Загружаем видео на канал
Делаем настройки для видео
Публикуем видео
Made on
Tilda