{ "version": "https:\/\/jsonfeed.org\/version\/1", "title": "Кирилл Беляев: заметки с тегом Фотошоп", "_rss_description": "о подаче информации, айдентике, интерфейсах и жизненной среде", "_rss_language": "ru", "_itunes_email": "", "_itunes_categories_xml": "", "_itunes_image": "", "_itunes_explicit": "", "home_page_url": "https:\/\/kirillbelyaev.com\/ru\/blog\/?go=tags\/photoshop\/", "feed_url": "https:\/\/kirillbelyaev.com\/ru\/blog\/?go=tags%2Fphotoshop%2Fjson%2F", "icon": "https:\/\/kirillbelyaev.com\/ru\/blog\/user\/userpic@2x.jpg?1662385101", "author": { "name": "Кирилл Беляев", "url": "https:\/\/kirillbelyaev.com\/ru\/blog\/", "avatar": "https:\/\/kirillbelyaev.com\/ru\/blog\/user\/userpic@2x.jpg?1662385101" }, "items": [ { "id": "409", "url": "https:\/\/kirillbelyaev.com\/ru\/blog\/?go=all\/font-size-in-retina-psd\/", "title": "Кегли в ПСД для ретины", "content_html": "

Собираю макеты в Фотошопе. Потому что часто нужны фотографии или другая растровая графика, а переключаться туда-сюда неудобно.<\/p>\n

Уже с год-полтора делаю ретиновые макеты. Так графика сразу появляется в нужном размере. Чтобы комфортно работать, не умножая кегли на два, выставляю разрешение 144 пикселя на дюйм. Технологу тоже проще: открыл файл, посмотрел кегль.<\/p>\n

Увы, размерам графики и свойствам векторных объектов увеличенное разрешение не помогает. Их по-прежнему для кода придётся делить на два.<\/p>\n

Кстати, работая с ретиной, забываю о нечётных величинах. Подбираю размеры кратные двум, чтобы любую иконку было легко уменьшить. <\/p>\n", "date_published": "2015-07-14T16:56:41+03:00", "date_modified": "2015-07-14T16:56:31+03:00", "_date_published_rfc2822": "Tue, 14 Jul 2015 16:56:41 +0300", "_rss_guid_is_permalink": "true", "_rss_guid": "https:\/\/kirillbelyaev.com\/ru\/blog\/?go=all\/font-size-in-retina-psd\/", "_e2_data": { "is_favourite": false, "links_required": [], "og_images": [] } }, { "id": "226", "url": "https:\/\/kirillbelyaev.com\/ru\/blog\/?go=2012\/07\/24\/1\/", "title": "Тени в Фотошопе с помощью смарт-объектов", "content_html": "

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

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

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

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

\"Тени

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

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

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