---

Школа Гранича - смотрите онлайн

Плакат Композиция Формы

Пошаговый дизайн плаката по Композиции Формы Композиция в которой важной структурной частью становится форма в данном уроке это будет капсула с орбитой Плакат делал в Adobe Illustrator Благодарю Юлию Данкер и Веронику Алексееву за помощь в создании урока Материалы урока в Фигме дублируйте файл себе в драфты Ссылки с урока Плакаты учеников Школы по композиции Формы Шрифт Тень Бесплатный Смотреть видео...

Композиция Рамочная

Пошаговый дизайн плаката по Рамочной композиции Композиция в которой важной структурной частью становится Заголовок Он создаёт рамку внутри которой находится доминанта Дополнительно рамку залепим стикерами и закрепим крупной формой Ещё в уроке показываю как применять текстурные изображения чтобы буйно красить плакат Благодарю Юлию Камалову и Марину Асташову за помощь в создании урока Материалы Смотреть видео...

Плакат Композиция Верх-Низ

Пошаговый дизайн плаката по композиции ВерхНиз Композиция называется так потому что делит макет на верх и низ Обычно наверху стоит доминанта Доминанта должна быть широкой чтобы уверенно занять верхнюю половину макета В этом уроке доминанта сделана по графидее Текста с Иконками заголовок сразу является доминантой Внизу же макета мы верстаем наборный текст с плашками в матовом uiстиле Плакат делал Смотреть видео...

Плакат Композиция Левая-Правая

Пошаговый дизайн плаката по композиции ЛеваяПравая Эта композиция делит макет на левую и правую части Слева ставим текстовый контент удобно выравнивая текст по левому флагу и левому полю макета А справа ставим вытянутую доминанту Да доминанта нужна обязательно вытянутая потому что широкая доминанта будет мешать текстовому контенту передавливать композицию Важно Раньше ЛеваяПравая Композиция в Смотреть видео...

Плакат VHS

Пошаговый дизайн и вёрстка плаката по графсистеме VHS стиль обложек видеокассет из 90х Собираю в Adobe InDesign но этот плакат без проблем можно собрать и в другой программе рекомендую в Figma в ней тоже есть сетка Векторные формы дизайню в Adobe Illustrator Благодарю Елизавету Черникову за помощь в создании урока Материалы урока в Фигме дублируйте файл себе в драфты Ссылки с урока Смотреть видео...

Плакат Нео-Гео

Пошаговый дизайн и вёрстка плаката по графсистеме НеоГео плиточный стиль с векторными формами Векторные формы дизайню в Adobe Illustrator Урок полезен для тренировки создания форм Собираю всё в Adobe InDesign но этот плакат без проблем можно собрать и в другой программе рекомендую в Figma в ней тоже можно создать плиточную сетку Благодарю Дарью Гурову за помощь в создании урока Материалы Смотреть видео...

Плакат Техно

Пошаговый дизайн и вёрстка плаката по графсистеме Техно стиль клубного подполья Собираю в Adobe InDesign но этот плакат без проблем можно собрать и в другой программе рекомендую в Figma в ней тоже есть коллажная сетка Обработку растрового изображения провожу в Adobe Photoshop Дизайню шрифты и делаю градиент в Adobe Illustrator Благодарю Екатерину Крокус за помощь в создании урока Материалы Смотреть видео...

Композитинг 2

Композитинг это совмещение двух и более изображений в одном кадре В этом уроке мы будем учиться совмещать в Фотошопе два изображения чтобы они смотрелись целостно Урок очень подробный в том числе затрагиваю азы Фотошопа Оставляю таймкоды чтобы вы могли пропустить ненужные моменты Это 2 урок из 2 уроков по Композитингу в Фотошопе от Школы Гранича Материалы урока в Фигме дублируйте файл себе в Смотреть видео...

Композитинг 1

Композитинг это совмещение двух и более изображений в одном кадре В этом уроке мы будем учиться совмещать в Фотошопе два изображения чтобы они смотрелись целостно Урок очень подробный в том числе затрагиваю азы Фотошопа Оставляю таймкоды чтобы вы могли пропустить ненужные моменты Это 1 урок из 2 уроков по Композитингу в Фотошопе от Школы Гранича Благодарю Людмилу Кулькову за помощь в создании Смотреть видео...

Построение Теней

Учимся в Фотошопе рисовать короткую и длинную тени Это 7 урок из 7 в серии руководства по растровой графике в Фотошопе от Школы Гранича Отдельная благодарность Марине Асташовой и Евгении Дроботун за помощь в подготовке урока Материалы урока в Фигме дублируйте файл себе в драфты Ссылки с урока Свойства теней Как сделать тень реалистичной часть 2 Вадим Паясу Свойства теней Как сделать Смотреть видео...

Маски Текста

Создаём переплетение текста и графики с помощью масок Учимся в Фотошопе Это 6 урок из 7 в серии руководства по растровой графике в Фотошопе от Школы Гранича Отдельная благодарность Марине Асташовой и Евгении Дроботун за помощь в подготовке урока Материалы урока в Фигме дублируйте файл себе в драфты Ссылки с урока Инструмент Леттеринга Творческой типографики Платный мастеркласс Андрея Смотреть видео...

Перекраска Растровой Графики

Не цветокоррекция а именно перекраска растровых изображений Замена цвета Изучаем корректировочные слои Selective Color и HUESaturation А ещё инструмент выделения по цвету Color Range Это 5 урок из 7 в серии руководства по растровой графике в Фотошопе от Школы Гранича Отдельная благодарность Марине Асташовой и Евгении Дроботун за помощь в подготовке урока Материалы урока в Фигме дублируйте файл Смотреть видео...

Резкость

Изучаем как делать графику более чёткой Убираем мыльность Работаем в Фотошопе с фильтром Unsharp Mask Это 4 урок из 7 в серии руководства по растровой графике в Фотошопе от Школы Гранича Отдельная благодарность Марине Асташовой и Евгении Дроботун за помощь в подготовке урока Материалы урока в Фигме дублируйте файл себе в драфты Ссылки с урока 15минутный урок на Profile School по Смотреть видео...

Объём

Изучаем как делать графику более объёмной Работаем в Фотошопе с контрастом светотени с помощью инструмента Кривых Curves А ещё рисуем свет в режимах наложения Luminosity и Soft Light Это 3 урок из 7 в серии руководства по растровой графике в Фотошопе от Школы Гранича Отдельная благодарность Марине Асташовой и Евгении Дроботун за помощь в подготовке урока Материалы урока в Фигме дублируйте файл Смотреть видео...

Цветокоррекция в Camera Raw

Цветокоррекция в фильтре Camera Raw в Фотошопе Учимся подстраивать цвет растровой графики к остальному дизайну макета Особенно учтите трюк с подкраской теней Это 2 урок из 7 в серии руководства по растровой графике в Фотошопе от Школы Гранича Отдельная благодарность Марине Асташовой за помощь в подготовке урока Материалы урока в Фигме дублируйте файл себе в драфты Важно Цветовая модель HSB Смотреть видео...

Вырезание с фона

Вырезание с фона в Фотошопе Твёрдые объекты
обтравка пером Пушистые объекты
Select Mask Это 1 урок из 7 в серии руководства по растровой графике в Фотошопе от Школы Гранича Отдельная благодарность Марине Асташовой за помощь в подготовке урока Материалы урока в Фигме дублируйте файл себе в драфты Ссылки с урока 3часовой мастеркласс Андрея Журавлёва по Замене Фона в Фотошопе если хотите Смотреть видео...

Сила Фона

Фон это удивительный элемент макета Он самый незаметный Он как клей связывает всё что стоит на переднем плане макета Можно сказать что фон это запах пространства Если подобрать фон грамотно то он усилит эмоции макета соберёт всю композицию воедино Но если ошибиться с фоном то композиция скомкается и элементы переднего плана станут теряться В этом уроке рассказываю про приёмы дизайна фона которые Смотреть видео...

Графидеи заголовков (11 штук)

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

Руководство по Фигме, UI2, графдизайнерам

Важно Урок записывал в марте 2024 в интерфейсе Фигмы UI2 С того момента Фигма обновила интерфейс до UI3 Разница между интерфейсами не особо большая разобраться можно Но если удобнее то вы можете вернуться в старый UI2 там буквально две кнопки кликнуть В будущем планирую записать это руководство в обновлённом интерфейсе UI3 Фигма Фаст Figma Fast это пошаговый урок для графических дизайнеров о Смотреть видео...