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

дизайн

Про тени в фотошопе. Drop Shadow

Есть в фотошопе пара приёмов, помогающих быстро улучшить стандартную тень, нарисованную с помощью Drop Shadow.


Нарисуем синий прямоугольник и добавим к нему эффект Layer — Layer Style — Drop Shadow

Стандартную фотошопную тень за версту видно:

В реальной жизни тени цветные, это вам любой художник скажет. Поэтому для начала покрасим нашу тень в цвет дополнительный к цвету самого объекта. Если объект белый, то он отбросит зеленоватую тень.

(Вы же помните, что дополнительный цвет расположен на противоположной стороне цветового круга?)

Чтобы быстро получить дополнительный цвет нужно к значению Hue в пространстве HSB добавить 180. Если получилось больше 360, то 360 надо вычесть. Ну, то есть, просто поворачиваем координату на 180 градусов.

В нашем случае 222+180-360=42.
Уже лучше

Обычно тень затухает неравномерно. Вблизи объекта она более густая, затем резко угасает более чем вдвое и потом плавно сходит на нет. Чтобы сымитировать такое поведение, в свойствах тени есть инструмент Contour. Если ткнуть в него откроется окно с кривой распределения тени где левый нижний угол самый дальний от объекта, а правый верхний — ближний.

Чтобы сымитировать реалистичное распространение тени понадобится примерно такая кривая:

Необязательно досконально повторять форму кривой, главное чтобы сохранялся принцип — вблизи темнее, затем резко осветляется и плавно сходит на нет.

Я еще немного придвинул тень к объекту, добавил прозрачности и шума.
Вот окончательные настройки:

Не забудьте сохранить удачный контур, он еще не раз пригодится.

А вот, что вышло:

В принципе, уже выглядит неплохо. Если хочется пойти еще дальше, то можно конвертировать слой с тенью в смарт-объект и добавить к нему еще одну легкую тень. Она должна быть светлее и размытее чем первая и возможно другого оттенка. Таким же образом делаются тени от нескольких источников света.

Я бы еще немного осветлил обе тени, но для наглядности оставим так

Это настройки для второй тени:

Конечно же, это всё касается всяких интерфейсный плоских штук: менюшек, кнопок и всякого такого.
Реалистичная тень от настоящего объекта рисуется только руками и гораздо сложнее.

9 июля   Photoshop   дизайн   Советы   Тени

Кино по средам. Социология вкуса.

Сегодня рекомендую короткое видео, которое объясняет очень много крутых штук.
Про мораль и про брезгливость. Про то, почему хороший вкус это всегда противоестественно и за что никто не любит интеллигенцию.

Кино по средам. Мечты Дзиро о суши.

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

Дзиро — удивительный. У него ресторан на двадцать мест с туалетом на улице и мишленовскими звездами.

Не важно, верстаешь ли ты визитки или готовишь суши — каждый день делай это немного лучше чем вчера.
И в конце концов, тебе дадут звезду Мишлен. :)

2018   дизайн   Кино по средам   Суши

Наблюдение

Интересное наблюдение.

У нас в отделе дверь почти никогда не закрывается. Много людей ходят туда-сюда. Макеты согласовываем, на совещания ходим, ну и туалет иногда. Мы попросили слесаря убрать язычок в замке, чтобы дверь не запиралась и открыть ее можно было просто потянув за ручку или толкнув плечом.

Начальник отдела строительства, увидел непорядок, велел устранить. Он решил, что замок сломан.

Мы старались объяснить, что сделали так специально, но это не помогло — раз есть дверь, а в двери замок, то он должен работать и закрываться. Трудно что ли ручку повернуть?

А вывод такой: у людей в головах разное. Дизайнеры делают как удобнее, строители как положено.
И это чудесно. Поэтому дома не падают, а интерфейсы айфона радуют.

2017   дизайн   Мысли   Наблюдения
Ранее Ctrl + ↓