Книги Питера Брауна
Питер Браун – знаменитый автор детских книг, и не зря – его книги наполнены богатыми, яркими иллюстрациями, от которых трудно оторвать взгляд.
Приглушенные цвета и акварельные краски, используемые в «The Wild Robot» и «Tiger Goes Wild», доказывают, что детские книги не нужно изображать в ярких красках, чтобы привлечь внимание.
Дизайн: Питер Браун
#вдохновение
Питер Браун – знаменитый автор детских книг, и не зря – его книги наполнены богатыми, яркими иллюстрациями, от которых трудно оторвать взгляд.
Приглушенные цвета и акварельные краски, используемые в «The Wild Robot» и «Tiger Goes Wild», доказывают, что детские книги не нужно изображать в ярких красках, чтобы привлечь внимание.
Дизайн: Питер Браун
#вдохновение
This media is not supported in your browser
VIEW IN TELEGRAM
Step and Repeat
✅ При рисовании фигур используйте клавиши со стрелками для создания новых экземпляров.
Для этого при создании фигуры не опускайте кнопку мыши и нажимайте на стрелки.
✅ Используйте клавиши Cmd/Ctrl + стрелки для увеличения/уменьшения расстояния.
✅ Как только вы это сделаете, поиграйте с инструментом «Выделение» | «Selection Tool», чтобы переместить предметы.
✅ Выберите все с помощью команды Cmd/Ctrl + А и сделайте Compound Path командой Cmd/Ctrl + 8 или «Объект» > «Контуры» > «Создать составной контур» | «Object» > «Paths» > «Make Compound Path» после заполните изображением Cmd/Ctrl + D.
✅ Вы можете перемещать или изменять размер изображения с помощью инструмента «Частичное выделение» | «Direct Selection Tool».
#уроки
✅ При рисовании фигур используйте клавиши со стрелками для создания новых экземпляров.
Для этого при создании фигуры не опускайте кнопку мыши и нажимайте на стрелки.
✅ Используйте клавиши Cmd/Ctrl + стрелки для увеличения/уменьшения расстояния.
✅ Как только вы это сделаете, поиграйте с инструментом «Выделение» | «Selection Tool», чтобы переместить предметы.
✅ Выберите все с помощью команды Cmd/Ctrl + А и сделайте Compound Path командой Cmd/Ctrl + 8 или «Объект» > «Контуры» > «Создать составной контур» | «Object» > «Paths» > «Make Compound Path» после заполните изображением Cmd/Ctrl + D.
✅ Вы можете перемещать или изменять размер изображения с помощью инструмента «Частичное выделение» | «Direct Selection Tool».
#уроки
Руководство для новичков по интерлиньяжу
Мы рассмотрим некоторые ключевые методы, которые могут превратить тусклый текст в потрясающую типографику.
Здесь мы собираемся узнать больше об интерлиньяже (или межстрочном интервале), в том числе и о том, что это такое и как вы можете применить его в своей собственной дизайнерской работе.
Прочитать статью можно здесь.
#статьи
Мы рассмотрим некоторые ключевые методы, которые могут превратить тусклый текст в потрясающую типографику.
Здесь мы собираемся узнать больше об интерлиньяже (или межстрочном интервале), в том числе и о том, что это такое и как вы можете применить его в своей собственной дизайнерской работе.
Прочитать статью можно здесь.
#статьи
Teletype
Руководство для новичков по интерлиньяжу
Мы рассмотрим некоторые ключевые методы, которые могут превратить тусклый текст в потрясающую типографику.
Скрипт – преобразование текстовых фреймов с несколькими столбцами в отдельные фреймы
Данный скрипт очень полезен при верстке газет, если нужно сделать один столбец короче/длиннее или шире/уже. Он разъединяет столбцы на фреймы, но при этом текст перетекает как раньше.
О том, как установить скрипт, мы говорили здесь.
#материалы
Данный скрипт очень полезен при верстке газет, если нужно сделать один столбец короче/длиннее или шире/уже. Он разъединяет столбцы на фреймы, но при этом текст перетекает как раньше.
О том, как установить скрипт, мы говорили здесь.
#материалы
Три подсказки по тексту
Эти три подсказки не только быстрые, но и забавные.
1. Интерлиньяж: чтобы уменьшить интерлиньяж, выделите текст и нажмите Alt / Option + стрелка вниз; чтобы увеличить интерлиньяж, используйте Alt / Option + стрелка вверх.
2. Трекинг: чтобы увеличить трекинг, выделите текст, затем нажмите Alt / Option + стрелка вправо; нажмите Alt / Option + стрелка влево, чтобы уменьшить его.
3. Базовая линия: чтобы задать параметры базовой линии для текстового поля, нажмите Ctrl / Command + B. Это тоже легко запомнить: B - для базовой линии.
#лайфхаки
#инструменты
Эти три подсказки не только быстрые, но и забавные.
1. Интерлиньяж: чтобы уменьшить интерлиньяж, выделите текст и нажмите Alt / Option + стрелка вниз; чтобы увеличить интерлиньяж, используйте Alt / Option + стрелка вверх.
2. Трекинг: чтобы увеличить трекинг, выделите текст, затем нажмите Alt / Option + стрелка вправо; нажмите Alt / Option + стрелка влево, чтобы уменьшить его.
3. Базовая линия: чтобы задать параметры базовой линии для текстового поля, нажмите Ctrl / Command + B. Это тоже легко запомнить: B - для базовой линии.
#лайфхаки
#инструменты
Шаблон лукбука
Шаблон InDesign включает в себя:
🔹16 страниц, включает в себя переднюю и заднюю сторону обложки;
🔹Цветовой режим CMYK;
🔹Совместим с InDesign CS4 и более поздней версией;
🔹Файлы InDesign INDD & IDML;
🔹Размер A4;
🔹Шрифты – в файле справки указаны ссылки на скачивание.
#шаблон
Шаблон InDesign включает в себя:
🔹16 страниц, включает в себя переднюю и заднюю сторону обложки;
🔹Цветовой режим CMYK;
🔹Совместим с InDesign CS4 и более поздней версией;
🔹Файлы InDesign INDD & IDML;
🔹Размер A4;
🔹Шрифты – в файле справки указаны ссылки на скачивание.
#шаблон
Makers of Budapest
Makers of Budapest предоставляет собой обзор разнообразной и богатой сцены современных крафтовых дизайнеров в Будапеште, создавая живой отпечаток нашего времени и рисуя творческую карту Будапешта.
Формат книги на венгерском и английском языках, демонстрирующий 38 дизайнеров и 22 магазина Будапешта, граничит с иллюстрированными художественными книгами и руководствами по дизайну: она одинаково информативна, эстетична и функциональна, а также служит творческим путеводителем и иллюстрированной антологией дизайна. Помимо производителей, сгруппированных по областям дизайна, также перечислены магазины и галереи, где доступны объекты, а также собственные мастерские дизайнеров. Чтобы найти эти магазины и студии, соответствующие места отображаются на карте города.
Издатель: Bomo Press, Bomo Art Budapest Kft.
Концепция: Boldizsár Károly, Hoffmann Petra
Текст: Hoffmann Petra
Фотография: Rácmolnár Milán
Графическая концепция и макет: Bárdy Anna
Шрифт: Laslo от Hungarumlaut
Печать: Elektro product Nyomdaipari Kft.
Фотографии проекта: Lakosi Krisztián, L2 studio
#вдохновение
Makers of Budapest предоставляет собой обзор разнообразной и богатой сцены современных крафтовых дизайнеров в Будапеште, создавая живой отпечаток нашего времени и рисуя творческую карту Будапешта.
Формат книги на венгерском и английском языках, демонстрирующий 38 дизайнеров и 22 магазина Будапешта, граничит с иллюстрированными художественными книгами и руководствами по дизайну: она одинаково информативна, эстетична и функциональна, а также служит творческим путеводителем и иллюстрированной антологией дизайна. Помимо производителей, сгруппированных по областям дизайна, также перечислены магазины и галереи, где доступны объекты, а также собственные мастерские дизайнеров. Чтобы найти эти магазины и студии, соответствующие места отображаются на карте города.
Издатель: Bomo Press, Bomo Art Budapest Kft.
Концепция: Boldizsár Károly, Hoffmann Petra
Текст: Hoffmann Petra
Фотография: Rácmolnár Milán
Графическая концепция и макет: Bárdy Anna
Шрифт: Laslo от Hungarumlaut
Печать: Elektro product Nyomdaipari Kft.
Фотографии проекта: Lakosi Krisztián, L2 studio
#вдохновение
Висячая строка
«Висячая» строка в типографской практике – конечная строка абзаца, расположенная в начале полосы или колонки, а также начальная строка абзаца, оказавшаяся в конце полосы или колонки. То есть это строка, которая «оторвана» от своего абзаца и «висит» в одиночестве на предыдущей или последующей странице.
Профессиональное отношение к висячим строкам отрицательно, но полного запрета на висячие строки нет – они допустимы в газетной верстке, в оперативной полиграфии и в тому подобных случаях при условии, что верхняя висячая строка не короче 2/3 формата набора (то есть ширины текста), а строка перед нижней висячей строкой также не меньше 2/3 формата набора. То есть, висячая строка не должна быть слишком короткой.
Причины неприязни к «висячим» строкам отчасти эстетические (они искажают внешний вид полосы набора, лишая ее традиционной прямоугольной формы), отчасти же технические – они ухудшают удобочитаемость текста, перенося начальную или конечную строку абзаца на другую страницу. Ян Чихольд писал, что они «способны оскорбить и глаз, и разум».
Современные правила лишь допускают оканчивать полосу концевой строкой, начинать полосу абзацной строкой, а также размещать в конце или начале полосы абзац из одной строки (например, в прямой речи, когда строка является одновременно и концевой и абзацной).
Кроме того, допускается начинать полосу короткими строками в математических рассуждениях (например, между формулами часто встречаются строки типа «и», «или», «здесь» и другие).
«Висячие» строки в процессе верстки уничтожают, используя приемы выгонки и вгонки строк либо уменьшая (увеличивая) полосу на одну строку.
Проблему висячих строк можно решить следующими способами:
✅ можно прибегнуть к выгонке и вгонке – манипуляциям с межсловными и межбуквенными интервалами, чтобы «втянуть хвост»;
✅ можно, по совету С. М. Львовского, «немного отредактировать абзац... Качество текста при этом тоже зачастую улучшается». Это возможно при верстке собственного сочинения, может быть затруднено или невозможно при верстке произведений других авторов, и невозможно с произведениями авторов, которых уже нет в живых;
✅ можно увеличить интервал между абзацами (Чихольд говорит об этом: «такой подход противоречит нормам хорошего книгопечатания»);
✅ можно увеличить предыдущую полосу на одну строку или уменьшить текущую полосу на одну строку: во втором случае возникнет «слепая» строка, но зато «не возникает разнобоя в числе строк». В применении этого приема Чихольд ссылается на практику XVIII–XIX веков. Однако это радикальные методы; предполагается, что прежде, чем прибегнуть к ним, верстальщик попытается решить проблему конкретного абзаца частными средствами.
#интересное
«Висячая» строка в типографской практике – конечная строка абзаца, расположенная в начале полосы или колонки, а также начальная строка абзаца, оказавшаяся в конце полосы или колонки. То есть это строка, которая «оторвана» от своего абзаца и «висит» в одиночестве на предыдущей или последующей странице.
Профессиональное отношение к висячим строкам отрицательно, но полного запрета на висячие строки нет – они допустимы в газетной верстке, в оперативной полиграфии и в тому подобных случаях при условии, что верхняя висячая строка не короче 2/3 формата набора (то есть ширины текста), а строка перед нижней висячей строкой также не меньше 2/3 формата набора. То есть, висячая строка не должна быть слишком короткой.
Причины неприязни к «висячим» строкам отчасти эстетические (они искажают внешний вид полосы набора, лишая ее традиционной прямоугольной формы), отчасти же технические – они ухудшают удобочитаемость текста, перенося начальную или конечную строку абзаца на другую страницу. Ян Чихольд писал, что они «способны оскорбить и глаз, и разум».
Современные правила лишь допускают оканчивать полосу концевой строкой, начинать полосу абзацной строкой, а также размещать в конце или начале полосы абзац из одной строки (например, в прямой речи, когда строка является одновременно и концевой и абзацной).
Кроме того, допускается начинать полосу короткими строками в математических рассуждениях (например, между формулами часто встречаются строки типа «и», «или», «здесь» и другие).
«Висячие» строки в процессе верстки уничтожают, используя приемы выгонки и вгонки строк либо уменьшая (увеличивая) полосу на одну строку.
Проблему висячих строк можно решить следующими способами:
✅ можно прибегнуть к выгонке и вгонке – манипуляциям с межсловными и межбуквенными интервалами, чтобы «втянуть хвост»;
✅ можно, по совету С. М. Львовского, «немного отредактировать абзац... Качество текста при этом тоже зачастую улучшается». Это возможно при верстке собственного сочинения, может быть затруднено или невозможно при верстке произведений других авторов, и невозможно с произведениями авторов, которых уже нет в живых;
✅ можно увеличить интервал между абзацами (Чихольд говорит об этом: «такой подход противоречит нормам хорошего книгопечатания»);
✅ можно увеличить предыдущую полосу на одну строку или уменьшить текущую полосу на одну строку: во втором случае возникнет «слепая» строка, но зато «не возникает разнобоя в числе строк». В применении этого приема Чихольд ссылается на практику XVIII–XIX веков. Однако это радикальные методы; предполагается, что прежде, чем прибегнуть к ним, верстальщик попытается решить проблему конкретного абзаца частными средствами.
#интересное
This media is not supported in your browser
VIEW IN TELEGRAM
Gradient Feather Tool (Растушевка градиента)
На данном примере разберем, как работает инструмент Gradient Feather Tool.
На этой иллюстрации нам нужно сделать, чтобы был виден текст, и для этого мы наложим сверху прямоугольник с градиентом из цвета, взятого из иллюстрации.
✅ Сначала создаем «Прямоугольник» | «Rectangle» (M). Затем выберите цвет заливки из изображения. Для этого берем инструмент «Пипетка» | «Eyedropper Tool» (I), щелкаем по нужному цвету в изображении, а затем по прямоугольнику. Об этом инструменте мы говорили здесь.
✅ Теперь нажмите Shift + G, чтобы выбрать инструмент «Растушевка градиента» | «Feather Gradient Tool». Щелкните левой кнопкой мыши и потяните, чтобы создать градиент.
✅ Перетащите верхний край фигуры вверх и вниз, чтобы настроить градиент.
✅ С помощью панели «Эффекты» | «Effects» отрегулируйте «Непрозрачность» | «Opacity» или используйте «Режим наложения» | «Blending mode».
#уроки
#инструменты
На данном примере разберем, как работает инструмент Gradient Feather Tool.
На этой иллюстрации нам нужно сделать, чтобы был виден текст, и для этого мы наложим сверху прямоугольник с градиентом из цвета, взятого из иллюстрации.
✅ Сначала создаем «Прямоугольник» | «Rectangle» (M). Затем выберите цвет заливки из изображения. Для этого берем инструмент «Пипетка» | «Eyedropper Tool» (I), щелкаем по нужному цвету в изображении, а затем по прямоугольнику. Об этом инструменте мы говорили здесь.
✅ Теперь нажмите Shift + G, чтобы выбрать инструмент «Растушевка градиента» | «Feather Gradient Tool». Щелкните левой кнопкой мыши и потяните, чтобы создать градиент.
✅ Перетащите верхний край фигуры вверх и вниз, чтобы настроить градиент.
✅ С помощью панели «Эффекты» | «Effects» отрегулируйте «Непрозрачность» | «Opacity» или используйте «Режим наложения» | «Blending mode».
#уроки
#инструменты
Используйте разделение окна при применении цвета к тексту
Применение цветов к тексту может быть очень раздражающим в InDesign, потому что когда вы выделяете текст, он отображается выделенным – и поэтому все цвета инвертируются. Например, вот какой-то текст, который выделен и окрашен в пурпурный цвет (смотрим картинку).
Хм, это определенно не пурпурный цвет! Он выглядит зеленым, верно? Опять же, это потому, что цвет инвертирован. Конечно, вы можете увидеть реальный цвет, просто сняв выделение с текста. Но это так раздражает, что приходится отменять выбор каждый раз, когда вы хотите увидеть, как на самом деле выглядит цвет, особенно когда вы тестируете кучу разных цветов, чтобы увидеть, что выглядит хорошо.
Поэтому мы хотим посвятить вас в один маленький трюк, который избавит вас от разочарования. Прежде чем приступить к применению цветов, нажмите маленькую кнопку «разделить окно» в правом нижнем углу окна.
Теперь у вас есть два вида на одной странице! Каждый вид может иметь свой собственный процент масштабирования... на самом деле, вы даже можете показать разные части страницы или разные части документа в каждой половине окна! Но вот что важно: вы можете увидеть, как на самом деле выглядит цвет!
Итак, теперь в окне слева (где выделен текст) вы можете выбрать любой цвет, который хотите, с помощью панели Color, панели Swatches или чего-то еще... и вы сразу же увидите, как он выглядит.
Затем, когда вы закончите, просто нажмите эту кнопку еще раз, и разделение исчезнет.
#лайфхаки
Применение цветов к тексту может быть очень раздражающим в InDesign, потому что когда вы выделяете текст, он отображается выделенным – и поэтому все цвета инвертируются. Например, вот какой-то текст, который выделен и окрашен в пурпурный цвет (смотрим картинку).
Хм, это определенно не пурпурный цвет! Он выглядит зеленым, верно? Опять же, это потому, что цвет инвертирован. Конечно, вы можете увидеть реальный цвет, просто сняв выделение с текста. Но это так раздражает, что приходится отменять выбор каждый раз, когда вы хотите увидеть, как на самом деле выглядит цвет, особенно когда вы тестируете кучу разных цветов, чтобы увидеть, что выглядит хорошо.
Поэтому мы хотим посвятить вас в один маленький трюк, который избавит вас от разочарования. Прежде чем приступить к применению цветов, нажмите маленькую кнопку «разделить окно» в правом нижнем углу окна.
Теперь у вас есть два вида на одной странице! Каждый вид может иметь свой собственный процент масштабирования... на самом деле, вы даже можете показать разные части страницы или разные части документа в каждой половине окна! Но вот что важно: вы можете увидеть, как на самом деле выглядит цвет!
Итак, теперь в окне слева (где выделен текст) вы можете выбрать любой цвет, который хотите, с помощью панели Color, панели Swatches или чего-то еще... и вы сразу же увидите, как он выглядит.
Затем, когда вы закончите, просто нажмите эту кнопку еще раз, и разделение исчезнет.
#лайфхаки
Коридоры
Основная цель типографики – создать текст, который легко и приятно читать.
Это звучит просто, но это трудно; чтение – сложная задача, и существует множество камней преткновения на пути к концентрации и пониманию. Здесь мы рассмотрим одно из того, что можно охарактеризовать как отвлечение внимания: привлекающие внимание типографские явления, которые на мгновение отвлекают внимание читателя от текста к форме самого текста.
Прочитать статью можно здесь.
#статьи
Основная цель типографики – создать текст, который легко и приятно читать.
Это звучит просто, но это трудно; чтение – сложная задача, и существует множество камней преткновения на пути к концентрации и пониманию. Здесь мы рассмотрим одно из того, что можно охарактеризовать как отвлечение внимания: привлекающие внимание типографские явления, которые на мгновение отвлекают внимание читателя от текста к форме самого текста.
Прочитать статью можно здесь.
#статьи
Bluszcz Magazine
Содержание журнала сосредоточено на рассказах и коротких статьях популярных польских писателей.
Журнал, предназначенный исключительно для чтения, не должен сбивать читателя с толку ненужным графическим содержанием. Журнал должен быть в основном «иллюстрирован» типографически, что делает написанное слово ключевым игроком.
#вдохновение
Содержание журнала сосредоточено на рассказах и коротких статьях популярных польских писателей.
Журнал, предназначенный исключительно для чтения, не должен сбивать читателя с толку ненужным графическим содержанием. Журнал должен быть в основном «иллюстрирован» типографически, что делает написанное слово ключевым игроком.
#вдохновение
Грид-Системы | Grid Systems
Почти все книги, журналы и веб-сайты разработаны в виде сетки, чтобы сделать их организованными и удобными для чтения. Используя одну сетку, вы можете создавать сотни различных конструкций.
#инструменты
Почти все книги, журналы и веб-сайты разработаны в виде сетки, чтобы сделать их организованными и удобными для чтения. Используя одну сетку, вы можете создавать сотни различных конструкций.
#инструменты
This media is not supported in your browser
VIEW IN TELEGRAM
Используем фреймы
Cоздавайте интересные фреймы, используя инструмент «Прямоугольный фрейм» | «Rectangle Frame Tool» (F).
▫️Нажмите на желтый угловой значок, чтобы отредактировать углы.
▫️Alt/Opt и клик на значок – чтобы изменить форму угла.
▫️Вы также можете использовать панель опций, если хотите более конкретные настройки.
▫️Shift + перетаскивание – чтобы изменить конкретный угол.
#уроки
#инструменты
Cоздавайте интересные фреймы, используя инструмент «Прямоугольный фрейм» | «Rectangle Frame Tool» (F).
▫️Нажмите на желтый угловой значок, чтобы отредактировать углы.
▫️Alt/Opt и клик на значок – чтобы изменить форму угла.
▫️Вы также можете использовать панель опций, если хотите более конкретные настройки.
▫️Shift + перетаскивание – чтобы изменить конкретный угол.
#уроки
#инструменты
Автоматический размер текстовых фреймов InDesign
Сделайте так, чтобы текстовые фреймы InDesign опирались на текст, который они содержат, с помощью функции автоматического изменения размера. Если вы устали от постоянного изменения размера фреймов для размещения вашего текста, вам действительно следует использовать эту функцию.
Прочитать статью можно здесь.
#статьи
Сделайте так, чтобы текстовые фреймы InDesign опирались на текст, который они содержат, с помощью функции автоматического изменения размера. Если вы устали от постоянного изменения размера фреймов для размещения вашего текста, вам действительно следует использовать эту функцию.
Прочитать статью можно здесь.
#статьи
Teletype
Автоматический размер текстовых фреймов InDesign
Сделайте так, чтобы текстовые фреймы InDesign опирались на текст, который они содержат, с помощью функции автоматического изменения...
Typography for Screen: Type in Motion
Typography for Screen включает в себя различные творческие типографические проекты для цифрового экрана, такие как motion-графика, дизайн веб-страниц и концептуальные эксперименты, а также исследует типографическое применение в визуальных и информационных иерархиях в среде цифрового экрана. Эксклюзивные интервью с дизайнерами и студиями объединяют различные знания и философию дизайна, что является истинным источником вдохновения для дизайнеров и студентов.
#вдохновение
Typography for Screen включает в себя различные творческие типографические проекты для цифрового экрана, такие как motion-графика, дизайн веб-страниц и концептуальные эксперименты, а также исследует типографическое применение в визуальных и информационных иерархиях в среде цифрового экрана. Эксклюзивные интервью с дизайнерами и студиями объединяют различные знания и философию дизайна, что является истинным источником вдохновения для дизайнеров и студентов.
#вдохновение
Просмотр подсказок к инструментам
Если вы только изучаете InDesign (или используете его уже целую вечность, но все еще хотите, чтобы вам напоминали, что приложение может делать), откройте панель подсказок к инструментам («Окно» > «Утилиты» > «Подсказки к инструментам» | «Window» > «Utilities» > «Tool Hints»).
Панель будет отображать, как работает выбранный вами в данный момент инструмент, связанные с ним сочетания клавиш и другие лакомые кусочки полезной информации.
P. S. К сожалению, если у вас интерфейс на английском языке, то и подсказки будут на английском языке.
#лайфхаки
#инструменты
Если вы только изучаете InDesign (или используете его уже целую вечность, но все еще хотите, чтобы вам напоминали, что приложение может делать), откройте панель подсказок к инструментам («Окно» > «Утилиты» > «Подсказки к инструментам» | «Window» > «Utilities» > «Tool Hints»).
Панель будет отображать, как работает выбранный вами в данный момент инструмент, связанные с ним сочетания клавиш и другие лакомые кусочки полезной информации.
P. S. К сожалению, если у вас интерфейс на английском языке, то и подсказки будут на английском языке.
#лайфхаки
#инструменты
