Урок верстки обложки журнала в InDesign CC 2015
Вставка
- Опубліковано 15 вер 2024
- Это мой урок вёрстки обложки журнала в InDesign CC 2015. Обучаю как сверстать обложку, попутно рассказывая трюки и секреты Индизайна. #урок #вёрстка #журнал
Этот урок сделан, как демонстрация нашего учебного подхода.
Курсы и мастер-классы смотрите на сайте Школы: granich.design/
Блог Школы:
Оповещения о наборах на курсы, работы учеников, и изредка посты о теории дизайна:
• VK-паблик: granichvk
• TG-канал: t.me/granichannel
• Insta: / granichgram
• Энциклопедия Графдизайна (уйма референсов!): www.pinterest....
Допссылки:
→ Модульная сетка в каталог с фото (на 18 минут): • Модульная сетка катало...
→ Построение модульной сетки в Индизайн, очень подробно (на 50 минут): • Построение модульной с...
→ Здесь все необходимые файлы для проекта: yadi.sk/d/YXgN...
Допкомментарии:
1. Важно (спасибо Владимиру Грунину)! Основной недостаток слоёв из фотошопа, это то что если хоть один слой отредактируешь, то обновятся все и, возможно, заменятся на самый верхний слой. Поэтому лучше сохранять как отдельные png или jpeg файлы, дабы не слетело потом ничего.
2. Рекомендую включить аннотации к видео, я там по ходу поясняю некоторые моменты.
3. Звук в видео идет только через левый канал. К сожалению в Premiere при монтаже видимо настройки криво поставил.
[БЕСПЛАТНЫЙ КОНТЕНТ]
► Подборка лучших книг и лекций для старта в графическом дизайне: granich.design/conscious-graphic-design-compilation
А стоит ли ждать новый урок по верстке обложки?) Или он уже есть?
МОЕ ЛЕВОЕ УХО СКАЗАЛО ТЕБЕ СПАСИБО!
пять лет назад смотрел, ничего не понимал, но слушать было интересно. Сейчас понимаю что нужно было начать заниматься именно этим, как я всегда в душе хотел.
Никогда не поздно начать заниматься тем, чего действительно хочется! У нас например курс есть, как раз для того, чтобы научиться так верстать :)
Молодец. В один урок вместил все, что другие вмещают в пять-семь уроков. Информативно.
Шикарно! Благодарю. Потратил время с огромной пользой.
Кирилл Калугин, очень приятно слышать об этом)
Даже для новичка очень хорошее видео, мне понравилось) хочется начать разбираться во всех нюансах, цепляет! спасибо за шарткаты - ооочень полезная тема!
Меня заинтересовал Ваш канал и, чтобы идти в ногу , решила посмотреть видео с самого начала. Смотрю в 20 году, поэтому уверена, что Вы научитесь объяснять подробно.
Спасибо огромное! Как же мне нравится Ваше преподавание! Я новичок в этом деле, и мне очень все понятно и интересно. Просто СУПЕР!
Премного благодарна за этот урок ! Только начала знакомство с Id уже имея опыт в Ps и Ai и урок был очень даже понятен - узнала основные функции и лайфхаки, а так же отдельное спасибо за хоткеи! добра !
Здорово рассказываешь, буду ждать еще уроков) спасибо)
А из интересного, попробуй математический сборник с формулами показать как делать, или сборник стихов, или нотную тетрадь в индизайне создать с нотами )))
Данное видео очень полезное , четко лаконично !
ЗБС! Я вообще видео дизайном занимаюсь, но этот урок меня вдохновил на идею! Я думаю, что можно делать видео в стиле типографика примерно повторяя этот стиль. Стиль обложек журналов, можно использовать как с видео так и со статическими изображениями!
Спасибо, моему левому уху понравилось
большое спасибо за урок!
Отлично спасибо большое за ваш труд!
Ещё ещё ещё! Интересно, мне понравилось. Расскажи про какие-нибудь фишки в индизайне, которые помогают в работе или календарь как сделать или может визитки с персонализацией или лотерейки с индивидуальным номером)
Татьяна, спасибо за комментарий) Про визитки видео планирую сделать, а вот календари или лотерейки с индивидуальным номером делать не приходилось. А чего не делал, о том рассказывать не имею права)
На канале PrePress есть о персонализации
Персонализация - подстановка переменных данных - это сложно, когда в первый раз сталкиваешься, но бесценный навык. Верстка грамот, визиток именных, бейджиков и куча других задач, когда по 1 шаблону надо быстро сделать много макетов с помощью подстановки переменных данных делается за пару минут.
Честно сказать, не понял что тут сложного, даже новичку, т.к. всё объяснил, а клавиатурные сокращения ты ещё и на экран вывел.
За клавиатурные сокращения спасибо, но..
1. текст не связанный, к сожалению, не объясняешь даже маломальских основ, т.к. кто уже работает в индизайне, для него вообще не проблема это сделать, а если ты на начинающую аудиторию рассчитываешь, то много упускаешь...
а) базовая сетка: для чего, почему, зачем... что построил это + , но ведь ты по ней и не выстраиваешь ничего в итоге (текст, лого), спрашивается тогда зачем она вообще.
б) фотку подогнал в фотошопе + (это правильно с точки зрения полиграфиста-допечатника), но ведь индизайн и так ды во фрейме её держал и можно было бы на месте её подгонять
2. основной недостаток слоёв из фотошопа, это то что если хоть один слой отредактируешь, то обновятся всё и возможно заменятся на самый верхний слой.. правильнее всё для этих целей создавать или векторные элементы или отдельные файлы, дабы не слетело потом ничего.
3. для отбивки не обязательно выделять весь предыдущий текст, отбивка делается от конца/начала абзаза, к котором стоит курсор.
4. для выравнивания (если фреймы подогнаны под текст) лучше использовать инструмент "выравнивание". Но раз уж ты начал с базовой сетки, то лучше всего по базовым линиям.
5. лучше всего, когда говоришь о действии для сочетании клавиш то хорошо упомянуть и об обратном действии.
6. не понял в чём автоматизация
7. Главное, уж если урок про вёрстку обложки, хоть искоса поговорить о печати, и правильной подготовке (поля под обрез, как сохранить, корешок)... получается у тебя обложка с белыми полями.
Надеюсь, критика была обоснованной и конструктивной! ))
Владимир, спасибо огромное за такую подробную обратную связь!)
Это мое первое видео было, так что да, много косяков, структура сырая и, действительно, запутано для новичков и слишком просто для бывалых.
1.А. С сеткой сперва хотел работать, а потом понеслось все как-то не туда и забыл про неё.
1. Б. Можно было бы на месте, просто хотелось именно с Фотошопом показать.
2. А вот этого не знал, спасибо.
3. Точно, забыл.
4. Сам выравниваем часто пользуюсь (shift + F7).
5. Не совсем понял про обратное действие.
6. Автоматизации как таковой нет, слово неудачное подобрал.
7. Обложка с белыми полями по дизайну задумана, это не поля под обрез) А вообще да, стоило об этом упомянуть.
про обратное действие - имелось ввиду допустим ты говоришь увеличить гарнитуру шрифта сочетание такое: Ctrl+Sh+ "точка" но сразу следует упомянуть и обратное действие - уменьшить гарнитуру Ctrl+Sh+ "запятая". Ведь народ не только увеличивает шрифт.
Надеюсь понятно объяснил.
Вообще по Клавиатурные сокращениям ( ХОТ-КЕИ) есть масса информации в сети, только ищи ее, задавай вопросы! Найдешь на сайтах!
Спасибо большое!!!
👍👍👍
спасибо!
КрасавчеГ!
Спасибо! Отличное видео. Но есть момент. Сетка - это отлично, очень хорошо про это говорите, но есть еще вылеты под обрез и при верстке полиграфической про это очень часто дизайнеры забывают и потом просто неоткуда на моменте пре-пресса брать то, что потом срежется при постпечатной обработке. По вашему макету обложки не до конца поняла, она так и пойдет с белой каймой на печать или нет. Если да, полбеды, добавили бы пре-прессы белое поле, но если нет, то засада. Говорите, пожалуйста, о вылетах тоже, вам потом и сами дизайнеры, и пре-прессы в типографиях не раз спасибо скажут.
Екатерина Толоконникова , белое это для дизайна. Да, про обрез не сказал, плохо. По сути в этом макете нужно выставить bleed в настройках документах. На 3 мм обычно достаточно.
Да, 3 мм обычно достаточно, но для обложки - смотря как будут дальше обрабатывать, если под скрепку, то, бывает, и больше просят. Но при дизайне важно учитывать обрезы, чтоб потом не двигать по пожару дизайн от краев
kruto♨
Как-то это не правильно, масштабировать растрированный логотип.
Он от этого размывается на краях. Можно же было оставить смарт-объект и маску приделать к нему.
Да, лучше было бы через смарт-объект работать. А еще лучше векторный логотип найти)
Посмотрел видос, +10% к скилу в InDesign
DJ_O_SlenderMan , лучше глянь мой плейлист с тремя видео про сетки, вот там тебе будет +50%
Хотелось бы видео о том, как сверстать в InDesign портфолио book
А вы не работали в Corel Draw???
Узнала про кисти.
Здравствуйте! Подскажите вы когда-нибудь сталкивались, что InDesign отоброжает шрифт пиксельным, даже предпросмотре? В пдф все нормально. Пересмотрела все ваши видео в поиске этой проблемы, но решения так и не нашла :(
Можешь сделать видео как задавать печать пантонными цветами , серебром , уф.лаком ?
В этом уроке рассказываю как использовать пантонные цвета для визитки: ua-cam.com/video/1IZje-TZVF0/v-deo.html
Конкретно про металлические цвета и уф. лак видео нет, но я запишу как-нибудь, окей.
Добрый день. Застопорился на 5:16. В индизайне нажимаю ктрл+д, но вставляется картинка не с заданными параметрами (например, 195*282), а гораздо меньше (напр, 149*216). Начинаю подгонять - пикселизируется. Не могу понять, в чем проблема. В фш выставлял всё, как сказано на 2:45 и далее. Помогите, плз.
с компа ничего не слышно :(
хорошо, что есть субтитры
Впечатление такое, что обложку сам малюю и сам утверждаю. Все вокруг с первого раза просто в экстазе. Это мне нравится, это я так хочу...
А в реале, когда заказчик (с деньгами, и не дизайнер) стоит за тобой, и принимает что ни на есть самое активное и противное участие: это давай покрасим так, а это сюда, а было тогда лучше... Художник тоже матерится (внутри себя, неслышно) так, что аж... слов нет. А еще босс: делай как он говорит! Заказчик всегда прав!
И вышло совсем не то, что задумано: логики - нет, композиции - нет, обложка - как всегда и как все остальные на столике...
Это не про урок, это из реала!
Обложка, в лучшем случае, раза с пятого проходит (это у опытного дизайнера, который знает, что такое числа 0.618 и 1.618 и куда их вбивать в индизе!). Но еще же развороты!
И в подленьком рекламном блочке, который нужно поставить в средину, другой дизайнер накосячил в Иллюстраторе с пантонами так, что нужно пересобирать все с нуля! И сдавать все к 6 утра. А новый рабочий день с 9...
Груууусть.
Не надо работать в типографии дизайнером.
А что именно делает ctrl+L и можно ли будет потом изменять эти объекты и если да, то как?
классная фотка один стоит спиной и ещё жопа висит ввоздухе ))
пс
и гайды а почему именно 6? логичней было бы 8, получается например пять к трем типа как золотое сечение гибкости при построении текстовых блоков больше...
псс)) блин не поленился посмотрел почти до конца но так и не понял для чего тут конкретно в этой работе модульная сетка, если вся верстка тут проходила интуитивно?
Фото как надо. Словно ты заглянул за кулисы.
Бро, да тут вообще много логических нестыковок по уроку. Это мой самый первый урок, я сам не понимал, что происходит.
Понимаю, та всё нормально, непарься по этому поводу, вёрстка неплохая мне понравилось.
для кропа фотки в фотошопе брались размеры фрейма из индизайна. но при вставке в индизайн обрезанной фотки размеры почему не совпали?
ctrl alt shift E
у обложки должна быть обратная соторона и боковина
С браузера почему-то звука нет(
Моно звук. Сначала не мог понять, почему тихо
А какой формат журнала?
Есть вопрос, как разблокировать-заблокированный объект? Он же потом не прокликивается. Часто бывает второпях сочетанием клавиш заблокирую, потом приходится отматывать действия.
Максим, alt + ctrl + L - команда которая разблокирует все объекты на странице. К сожалению по отдельности объекты разблокировать невозможно(
Вадим Гранич возможно при условии что в просмотре страницы через "w" у фрейма в верхнем левом углу есть замочек и к нему есть доступ через слои... )) нажав на который именно этот бокс разблокируется... ))) думаю смог объяснить понятно, посмотрите и попробуйте...
Да, кстати, есть такая тема с замочками. Правда мне с ними неудобно работать, обычно слишком много слоев.
Подскажите, где можно скачать шрифты для программы? И как разблокировать объект?
На Google Fonts. Разблок через alt+ctrl+L
зеленый как у райзер ток более светлее было бы жоще, вместо жолтого
В печати такой зеленый тяжело получить. Только с пантонами.
Звук в один канал шикарен(
Да эт пздц, мой первый урок, много косяков
в каком вузе учился?)
Скажите пожалуйста почему все это нельзя сделать в фотошопе?
Можно. Просто будет муторнее. Фотошоп сделан для работы с растровой графикой, а не для верстки макетов.
Чтобы, например, поставить в круг фотографию Steve Aoki в Фотошопе придется измудиться. А в InDesign это одна кнопка.
Вдобавок, сам интерфейс InDesign намного легче даже по тактическим ощущениям (попробуйте быстро поработать с десятком текстовых фреймов и поймете о чем я). Фотошоп он в этом плане довольно жесткий, неудобный.
делать растровый лого на подложке - сверхразум
короч, эт было первое видео. я тогда еще сам фигово понимал что делаю. но людям нравится, так что оставил)
звук только с левого канала
видео и дураку будет понятно
снимите еще так качесвенно про "Q" редактор html.editor.24h-studio.ru/
звука нет? или есть? у меня нет
Звук в видео есть, это точно.
странно у меня даже на вашем канале ни в одном видео звук не воспроизводиться(
и в ВК тоже, что за фи...ня?(((
Звук есть но только левый канал. Посмотрите настройки, возможно у вас почему-то идет только правый канал, а на нём как раз нет звука. Почему-то звук моно.
Не вытерпел эти сложности. Это же какая заморочка. Поставил себе эту прогу, о чем сожалею.
Все можно сделать проще здесь
ua-cam.com/video/7ZqjJenMZyY/v-deo.html
Домашнее овощеводство, как же это здорово
@@granich интересно человек реально думает что ссылка на урок, который он выложил поможет ему получить хорошие заказы ? ))) там только от вида дизайна виндоус 95 глаза кровоточат )
Каждый думает в меру своей испорченности :)
Да какой смысл этого индизайна
Правое ухо чувствует себя мёртвым
надо было колонку по центру поставить)
спасибо!
Спасибо Вам! Надеемся что было полезно :)