39 заметок с тегом

графдизайн

Позднее Ctrl + ↑

Ясность

В книге «Новая типографика. Руководство для современного дизайнера» Ян Чихольд пишет:
Ясность — суть Новой типографики. Этим она отличается от старой типографики, основанной на «красоте» и не стремившейся к предельной ясности, необходимой сегодня.

Предельная ясность нужна, потому что современный человек перегружен невероятным количеством разнообразной печатной информации. Поэтому требуется высочайшая экономия выразительных средств.
Кажется, сегодня о ней позабыли.
 Нет комментариев    21   2012   графдизайн   типографика   цитаты

Процесс создания обложки для брошюры «Веб-хостинг баерс гайд»

Заметка, которая презентует обложки, не совсем полна: я забыл упомянуть, что брошюры полностью на английском, они только электронные, а основная территория распространения  — США.

В качестве пробного задания решили рисовать обложку для брошюры «Веб-хостинг баерс гайд». Идея с дятлом, выбирающим дерево для будущего дупла, пришла сразу (американский дятел не тупица, а трудяга). Собираем картинки для отрисовки (для скорости берём с Айстокфотос), рисуем и показываем первый вариант:

Процесс создания обложки брошюр для «Ви кен транслейт»Процесс создания обложки дли брошюры «Веб-хостинг баерс гайд»

Клиенту нравится идея, не нравится шрифтовая работа и обилие деталей на заднем плане — правим — останавливаемся на вариант с баблом:

Процесс создания обложки дли брошюры «Веб-хостинг баерс гайд»

Мы преступили к второй и третьей обложкам, как узнали, что брошюры будет в формате Леттер. Примерно в этот же момент редактор (на стороне клиента) находит «потерянный» апостроф. А сам клиент просит убрать «волосатость» (линии, имитирующие карандаш, создающие небрежность и добавляющие шарм), которую мы уже начали примерять к следующим обложкам для создания единого стиля всей серии. Клиент, ставя общую задачу, говорил о неком единообразии, но по факту серийность волновала его мало, главным было качество и зрелищность каждой конкретной обложки. Правим, не забывая пробовать новые шрифтовые сочетания:

Процесс создания обложки дли брошюры «Веб-хостинг баерс гайд»

Возвращаем карандаш и бабл — с ними живее. Меняем приоритеты в названии:

Процесс создания обложки дли брошюры «Веб-хостинг баерс гайд»

Новости от клиента: используем только шрифты с открытой лицензией и вместо имён авторов пишем «коллективный псевдоним». Горячо любимый «Гилл Санс» заменён на шрифт молдавского происхождения «Скола» (Skola Sans):

Процесс создания обложки дли брошюры «Веб-хостинг баерс гайд»

Фотографии лучше без рамок

Читал Яна Чихольда и не поверил глазам своим. В книге «Новая типографика. Руководство для современного дизайнера» 1928 года он написал:
Фотографии смотрятся лучше, если их печатать без убогих рамок. Надо полностью отказаться от рамок (шириной иногда в целый сантиметр), которые бывают в некоторых журналах. На наш взгляд, они настолько же плохо смотрятся, насколько неоправданно повышают стоимость каждой картинки — вот какая нехорошая фраза получилась.
Про это все, конечно, знают — один Артемий сколько писал. Но это написано 84 года назад! А фотографий с «убогими рамками» и по сей день уйма.
 Нет комментариев    21   2012   графдизайн   цитаты

Тени в Фотошопе с помощью смарт-объектов

Предполагаю, многие уже знают об описанном ниже методе. Надеюсь, что инструкцию увидят и те, кому она может пригодиться.

В Фотошопе есть смарт-объекты. Их можно получить из любых слоёв (так же ими становятся все объекты, которые «перетаскиваются» из вне). К ним можно применять все фильтры и почти все сохраняются в виде эффектов, не изменяя исходного смарта.

Но это не все плюсы. У фильтров, применённых к смартам, есть маски, которые позволяют делать воздействие фильтров частичным. Я использую эти свойства, например, когда рисую тени. Особенно это помогает, когда нет времени на многослойные «правильные» тени.

Например, вот такая тень от листа:

Тени в Фотошопе с помощью смарт-объектов

Я выделяю слой с листом, заливаю его градиентом от чёрно к прозрачному и трансформирую его с учётом желаемых направления и силы света. После перевожу этот слой в смарт-объект и применяю к нему размытие по Гаузу. Выделяю маску фильтра и заливаю её градиентом в том же направлении, что и сам слой. Теперь можно настраивать интенсивность размытия и карту маски.

При желании можно покрасить тень или добавить ей немного шума. Но нужно помнить, что шум, будучи фильтром, будет существовать в пределах первоначальной маски (у одного объекта — одна маска для всех его фильтров). Чтобы шум покрывал весь объект равномерно, нужно преобразовать смарт с фильтром в простой растровый слой или в новый смарт.

Сначала я хотел сделать скриншоты, но оказалось, видео с экрана делать быстрее.



https://kirillbelyaev.com/ru/blog/pictures/download_video_button.png
 3 комментария    139   2012   веб   видео   графдизайн   инструмент   метод   Фотошоп

Кёпеник

Кёпеник — маленький городок, с десятью улочками старой застройки, который сегодня считается частью Берлина. Историческая часть города расположена на острове, примерно на половину закрыта для проезда автомобилей, находится в хорошем состоянии и весьма мила. Если в Берлине на долго и тянет погулять по старому городку, то Кёпеник может подойти.

Берлин: Кёпеник
С одного из мостов мы попадаем на улицу «Старый Кёпеник»

Берлин: Кёпеник
Собственно домики

Берлин: Кёпеник
Вот ещё. Характерно отношение: старый красивый дом, а на нём абсолютно современная красивая иллюстрация (реклама больше похожая на проделки ребят с трафаретами). И это нормально.

Берлин: Кёпеник
Вот ещё «старое — новое», и тоже жизнеспособно

Берлин: Кёпеник
Местный мини-дворец

Берлин: Кёпеник
В саду дворца люк, который «сочетается» с брусчаткой — красиво, но весит больше

Берлин: КёпеникБерлин: КёпеникБерлин: Кёпеник
Старые вывески

Берлин: КёпеникБерлин: КёпеникБерлин: Кёпеник
Пара интересных логотипов

Берлин: Кёпеник
Цветная улица

Берлин: Кёпеник
Совсем не тривиальная сторожка смотрителя парковки на фоне инфо-брандмауэра

Среди старых домиков вписался сногсшибательный детский канатный туннель. Я не устоял и разок прошёлся и сразу пожелел, что мне не 12:

Берлин: КёпеникБерлин: КёпеникБерлин: КёпеникБерлин: Кёпеник


Берлин: Кёпеник
Местный трамвай. Это усторевшая модель — по Берлину более «гладкие» ходят.

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

Берлин: КёпеникБерлин: КёпеникБерлин: КёпеникБерлин: Кёпеник
А фонари, какие фонари!
Ранее Ctrl + ↓