Для фотошопа размеры: Photoshop: размер и разрешение изображения

Лучший способ дизайна для Retina в Photoshop — Smashing Magazine

Об авторе

Мердок — дизайнер / разработчик, работавший в глобальных агентствах Ogilvy и Wunderman. Он работал с известными клиентами, включая Coke, Microsoft, Xbox,… Больше о Мердок ↬

Недавно у меня был проект, в котором мне нужно было создать высококачественные экраны для планшета. Я должен был представить эти экраны на устройстве, а также создать интерактивный прототип. Они должны были быть идеальными до пикселя. Сроки были сжатыми (как всегда), поэтому я выбрал свой инструмент Photoshop. Я использую его более десяти лет, и он дает мне максимально быструю высококачественную печать.

Вы проектируете в Photoshop с разрешением Retina? Если да, то эта статья для вас. Я расскажу вам о проблемах, с которыми я столкнулся при создании макетов Retina для отображения на планшетных устройствах.Затем я объясню способ работы, который проще и обеспечивает лучшую производительность. Речь идет о моем опыте работы с Photoshop, но его можно применить к Illustrator и другим программам.

В этой статье я буду использовать обозначения @ 2x и @ 3x. Они представляют собой корзины Retina для iOS. Отличный пример — значки приложения. Для исходного iPhone это будет 60 × 60 пикселей (@ 1x). Для iPhone 4 он будет ровно двойным, 120 × 120 пикселей (@ 2x).Теперь новейшие устройства переходят на тройную территорию. Для iPhone 6 Plus значок будет 180 × 180 (@ 3x). Говоря о @ 2x или @ 3x, я имею в виду использование удвоения или утроения размеров пикселей. Все должно стать ясным по мере того, как вы будете читать дальше.

Дополнительная литература по SmashingMag:

Проблемы

Теперь давайте перейдем к дизайну этого планшетного приложения. Как и многим другим дизайнерам, мне сказали, что нужно проектировать с разрешением Retina. Общий консенсус — @ 2x или @ 3x.Итак, я отправился в путь, создавая @ 2x. Дизайн будет представлен на Nexus 9 с соотношением сторон 4: 3, поэтому мой холст Photoshop был настроен на 2048 × 1536 пикселей. Создав несколько экранов, я на практике понял, что это вообще не работает. Давайте поработаем над найденными мною проблемами.

Zoom Factor

Поначалу в этом нет ничего страшного. Уменьшите масштаб до 50% или 33%, чтобы увидеть свой дизайн примерно 1: 1. Но в то же время это немного смешно, правда?

Почему вам нужно постоянно увеличивать и уменьшать масштаб, чтобы видеть, что происходит? Это также полностью разрушает привязку к пикселям, которая лучше всего работает на 100%. При масштабировании 33% или 50% практически невозможно узнать, выровнен ли пиксель! Достаточно сказать, что мне очень надоело увеличивать и уменьшать масштаб, как маньяк, чтобы все было идеально выровнено по пикселям.

Производительность

Это большая. В качестве примера возьмем планшет с соотношением сторон 4: 3.Я установил пустой PSD @ 1x (1024 × 768 пикселей), другой — @ 2x (2048 × 1536) и третий — @ 3x (3072 × 2304). Затем я провел несколько сравнений.

Сначала я посмотрел на количество пикселей в PSD. @ 2x PSD имеет в четыре раза больше пикселей. У @ 3x их в девять раз больше. Это напрямую влияет на использование памяти, которое само увеличивается в четыре и девять раз! Для нашего пустого PSD это увеличилось с 2.25M до 9M @ 2x, а затем 20M для @ 3x.

И последнее, но не менее важное: он также должен хранить все эти дополнительные пиксели. Таким образом, размер вашего файла также увеличивается. Размер на диске увеличился на 280% для @ 2x и на 590% для @ 3x. Теперь в нашем пустом PSD это только увеличение с 60 до 358 КБ. Но как только у вас появятся серьезные смарт-объекты и слои, будьте осторожны! Возьмем пример PSD размером 100 МБ. @ 3x может составлять 590 МБ. Затем умножьте это на 20–30 документов в своем проекте!

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

Размер шрифта

Эта проблема становится очевидной довольно быстро, когда вы работаете в 2 или 3 раза. Предположим, вы решили создать текстовое поле со шрифтом 16 пикселей. Но при 2х это 32 пикселя, а при 3х это 48 пикселей! Не идеально, правда, постоянно умножать на два или три? Не знаю, как вы, но я мог бы обойтись без постоянной математики. Когда я проектирую, я хочу знать, что 16 пикселей — это 16 пикселей!

Целые пиксели

Вот еще одна проблема. Что произойдет, если вы используете 1px при @ 2x Retina? Как вы уже догадались, становится 0,5 пикселя! А при 3х было бы еще хуже, 0,33 пикселя! Таким образом, вы также должны постоянно помнить, что ваши размеры должны делиться на 2 или 3 при работе в Retina. Если вы когда-нибудь используете @ 2x с нечетным значением пикселя, возникает еще одно соображение. Допустим, у вас есть поле шириной 33 пикселя; при преобразовании обратно в @ 1x для сборки это становится 16,5 пикселей! Очередная утечка мозгов из-за работы с Retina.

Specs

Это еще одна проблема, с которой я сталкивался на рабочем месте: дизайнеры, которые работали в 2 или 3 раза больше, а затем начинают составлять спецификации своего дизайна для разработчиков. Обычно это включает в себя документирование отступов, ширины, высоты, размеров шрифта и т. Д., Чтобы гарантировать, что дизайн построен хорошо. Но они забывают, что у них разрешение в два или три раза больше. Итак, бедные старые разработчики получают полную спецификацию, в которой им нужно все разделить на 2 или 3! Не здорово, правда? Зачем усложнять им жизнь?

Другой вариант состоит в том, что разработчик может сохранить новый PSD на 50% или 33%, а затем спроектировать из него. Но Retina-land выглядит как улица с односторонним движением. Трудно видеть сквозь эти шоры.

Хорошие новости

Не волнуйтесь. После всех плохих новостей есть и хорошие новости. Работая над экспортом значков для Android из Illustrator, я открыл для себя мир пикселей, не зависящих от плотности (DP). Вы можете прочитать большое подробное объяснение «Поддержка нескольких экранов» на сайте разработчиков Android, или я могу быстро его разобрать.

В основном DP — это размер пикселя @ 1x или, в терминах Android, базовая плотность, которая является средней (MDPI).Пиксель, не зависящий от плотности, равен 1 физическому пикселю на экране с разрешением 160 точек на дюйм. Преобразование: DP = пиксель ÷ (DPI ÷ 160) .

Давайте возьмем наш пример планшета с дисплеем 2048 × 1536 пикселей и 320 точек на дюйм. Просматривая приведенное выше уравнение, для ширины мы получаем 1024 DP, а для высоты 768 DP. Это становится нашим базовым разрешением. И нам также нужно знать коэффициент масштабирования для изображений. Это уравнение: масштабный коэффициент = DP × (DPI ÷ 160) .

Используя ширину 1024 DP и 320 DPI устройства, если мы проведем через это уравнение, мы получим масштабный коэффициент 2.Это означает, что нам нужно будет вывести @ 2x ресурсов для отображения на этом устройстве. Также довольно просто увидеть, что 2048 ÷ 1024 = 2 . Так что не беспокойтесь об уравнениях!

В качестве еще одного быстрого примера возьмем Nexus 5. С его разрешением 1920 × 1080 пикселей и 480 точек на дюйм, единицы измерения DP составляют 640 × 360. Тогда коэффициент масштабирования получается как @ 3x. Итак, теперь вы знаете свои размеры DP и коэффициент масштабирования для активов.

Когда у вас есть размеры DP, они становятся размером вашего холста PSD с разрешением 72 DPI. Итак, ответ на эту загадку — design @ 1x или DP .

Некоторые другие устройства не так хорошо помещаются в эти корзины, но идею вы поняли. Дело здесь в том, что вы сокращаете до базовых единиц DP и знаете масштаб для экспорта изображений.

«Но я застрял с @ 1x изображениями!»

Правильно. А @ 1x PNG будет ужасно смотреться на устройстве Retina. Что мне было нужно, так это способ работать с @ 1x и с устройствами DP, но экспортировать в @ 2x или @ 3x для предварительного просмотра на устройстве.Мои клиенты не согласились бы ни на что меньшее. Итак, используя свои знания об экспорте значков в различные DPI для Android, о которых я рассказывал в другом месте, я применил ту же технику к Photoshop.

Решением моей проблемы стал сценарий Photoshop, который экспортирует любой холст в @ 2x или @ 3x PNG для предварительного просмотра на устройстве. Таким образом, можно продолжать работать @ 1x и в DP и получать все преимущества производительности и при этом получать экраны хорошего качества. Ешьте пирог и тоже ешьте, если хотите.

Экспорт сценариев

Вот краткое изложение того, как работает сценарий:

1. Размер холста Photoshop изменен на 200% или 300%.
2. Создает новую папку с именем retina , в которой сохраняется ваш PSD.
3. Затем он сохраняет PNG как <имя документа> _2x.png или <имя документа> _3x.png .
4. Он также очищает историю («Отменить»).
5. Затем он сохраняет документ точно в том виде, в котором он был до запуска сценария.

Скрипты очень легко изменить. Если вы хотите переименовать папку или имя файла, вы просто измените переменные, показанные ниже:

 
var scale = "200%";
var folderName = "сетчатка";
var extensionName = "_2x.png ";
  

Установка

Загрузите скрипты (ZIP, 4 КБ) или просмотрите проект на GitHub.

После того, как они будут загружены и разархивированы, скопируйте сценарии и вставьте их в папку Photoshop Scripts : в Windows Program FilesAdobeAdobe Photoshop CC 2014PresetsScripts , а на Mac ApplicationsAdobePhotoshop CCPresetsScripts .

Имейте в виду, что это значение зависит от версии Photoshop и операционной системы .

Вы почти закончили. Перезапустите Photoshop, и скрипты будут готовы к работе. Теперь, когда вы захотите экспортировать PNG @ 2x или @ 3x, просто нажмите «Файл» → «Сценарии» → «ExportDocument2xPNG» или «Файл» → «Сценарии» → «ExportDocument3xPNG»:

Теперь у вас остались изображения Retina @ 2x или @ 3x, готовые для установки на устройство.

Советы

Имейте в виду несколько вещей, если вы выберете этот подход.По возможности используйте формы и векторы. Они отлично масштабируются, как и стили слоев. Всегда используйте смарт-объекты для любых растровых изображений. Имейте в виду, что они все равно должны быть @ 2x или @ 3x внутри.

Использование этого подхода с генератором Photoshop также отлично работает. Любые слои или группы слоев можно экспортировать @ 2x и @ 3x. И вы будете знать, что они идеальны до пикселя.

После создания дизайна мне нужно было создать интерактивный прототип для клиента. Я обнаружил, что экспортированные PNG отлично работают с Marvel.Marvel позволяет загружать изображения в Dropbox или через собственную систему. После их загрузки вы можете создавать точки доступа и ссылаться на другие экраны. Затем вы можете просмотреть на устройстве свои проекты в действии. Другим бонусом было то, что я использовал меньше пропускной способности и места в Dropbox! PSD-файлы Retina были бы сверхтяжелыми!

Illustrator

Если вы используете Illustrator, вы также можете работать @ 1x и в DP. Убедитесь, что ваш документ настроен для Интернета с разрешением 72 DPI. Затем вы можете вручную экспортировать изображения @ 2x и @ 3x PNG, нажав «Файл» → «Экспорт…» и выбрав «PNG.»Нажмите« Экспорт ». Затем используйте раскрывающееся меню «Разрешение», нажмите «Другое» и введите 144 PPI, для @ 2x или 216 PPI, для @ 3x. Как и в случае со сценариями Photoshop, это также можно настроить так, чтобы он выполнялся одним щелчком мыши!

Sketch

Другой вариант — использовать набирающее популярность приложение Sketch. Он поставляется полностью настроенным и готовым к работе @ 1x с векторным рабочим процессом. Имеется встроенная поддержка экспорта @ 2x и @ 3x из слоев и срезов. Сразу обратите внимание на требования операционной системы.Создатель, Bohemian Coding, гордится тем, что занимается разработкой исключительно для Mac, без каких-либо планов по поддержке Windows или Linux (согласно его FAQ). Это отличная программа, если ее поддерживают ваш рабочий процесс и бизнес.

Спасибо за внимание

Что ж, надеюсь, это было полезно для вас. Это, безусловно, улучшило мой рабочий процесс. Теперь я получаю сверхлегкие и быстрые PSD-файлы, которые можно экспортировать в масштаб Retina для просмотра на устройстве. И самое приятное то, что я больше не маниакально увеличиваю и уменьшаю масштаб, не умножаю и не делю свои пиксели!

Работа с размером изображения и размером холста в Photoshop

Работа с размером изображения и размером холста в Photoshop

Сет Бондер

Adobe, Photoshop

Функции Photoshop, называемые Размер изображения и Размер холста, могут быть немного запутанным.Имена похожи, и на первый взгляд может показаться, что они делают. И оба находятся в меню «Изображение». Но эти два элемента управления делают что-то , довольно сильно отличающееся друг от друга , и понимают, чем могут быть полезны.

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

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

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

Однако мы можем определить, куда идет новое пустое пространство или где урожай будет делать свое дело. Функция привязки позволяет нам сказать, будет ли расширение начаться сверху, снизу, сбоку, в углу или по центру. А если уменьшить размер, куда он будет «стремиться».

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

Чтобы узнать, как использовать эту и многие другие функции, ознакомьтесь с нашим обучающим курсом по Adobe Photoshop.

Как обрезать до точного размера пикселя в Photoshop

Стенограмма видеозаписи

Привет, я Фил Стил. Одна проблема, которая возникает постоянно, когда вы готовите фотографии для использования в Интернете, — это как обрезать их до точного размера в пикселях. Скажем, например, веб-сайт хочет, чтобы вы загрузили фотографию размером ровно 800 x 600 пикселей.Как получить фотографию именно такого размера? Есть много способов сделать это, и большинство из них разочаровывают, трудны и требуют много времени. Но есть также простой одношаговый трюк для этого, и это то, что мы собираемся рассмотреть в этом видео.

Вот как обычно возникает эта проблема. Допустим, вы хотите сделать новую обложку для своей страницы в Facebook, а Facebook предлагает вам загрузить фотографию размером точно 851 x 315 пикселей. Так как же, черт возьми, сделать фотографию именно такого размера? Очевидно, что это работа для Photoshop, и нам, скорее всего, нужно будет обрезать изображение в Photoshop.Если вы уже прошли мой курс по основам Photoshop, то вы знаете, как мы кадрируем фотографии. Вы используете инструмент кадрирования прямо здесь, на палитре инструментов, и когда вы нажимаете на него, он дает вам эти маленькие ручки, которые вы можете перетаскивать внутри изображения, и вы можете сделать подходящий выбор из той части, которая, по вашему мнению, является тем, что вы хотите, тогда вы можно нажать Enter, чтобы обрезать его. Выглядит неплохо, но проблема в том, что не тот размер. Посмотрим, какой будет размер. Это 1163 x 366 — очевидно, это не годится. Обычно первое, что вы думаете о попытке, это: «Ну, я просто изменю размер фотографии, и, поскольку она должна быть шириной 851 пиксель, я просто сделаю это».«Я перехожу в меню« Размер изображения »и собираюсь изменить его, сделав его 851. Я изменил его размер до 851 пикселя в ширину. Проблема, однако, в том, насколько он высокий? Позвольте мне проверить размер. Ну, теперь его высота всего 268 пикселей, а мне нужно 315, поэтому я ничего не могу поделать, обрезая его дальше, чтобы добавить больше пикселей. Это был тупик.

Давайте вернемся и попробуем еще раз. Я собираюсь это исправить. Хорошо, теперь я вернулся к той первой обрезанной версии, и теперь у меня есть блестящая идея на этот раз: вместо того, чтобы сначала устанавливать ширину, я сначала установлю высоту, так как она более чем достаточно широкая.Итак, давайте попробуем это. Я собираюсь перейти к размеру изображения, и я собираюсь сделать вместо 366, я собираюсь сделать его 315. Итак, теперь это правильная высота, но давайте посмотрим. Теперь это правильная высота, но она слишком широкая, она составляет 1001 пиксель. Но мы можем справиться с этим, мы можем обрезать это. Самый простой способ сделать это — использовать команду «Размер холста», которая просто обрежет его до нужного нам размера. Я собираюсь вернуться в меню изображения, выбрать размер холста, и это уже правильная высота, поэтому мне просто нужно изменить ширину на 851.Я сделаю это. Теперь у меня есть несколько вариантов: оставить его по центру и обрезать с обеих сторон? Или он будет обрезать левую сторону или обрезать правую сторону? Я думаю, что оставлю его по центру и позволю равномерно обрезать с обеих сторон. К сожалению, если вам не нравятся эти три варианта, вам не повезло, потому что это тупой инструмент. Так что давай сделаем это. Теперь посмотрим, что у нас есть … у нас есть изображение 851 x 315. Это то, что мы хотели. К сожалению, это не совсем та часть фотографии, которую я хотел использовать, потому что мне пришлось использовать этот тупой инструмент размера холста, а также потребовалось много времени и много неудобных маленьких шагов, чтобы добраться сюда.

К счастью, есть способ получше. Лучший способ позволяет вам сделать все за один шаг, выбрав именно ту часть фотографии, которую вы хотите. Так что давайте вернемся и начнем сначала. Хорошо, вот мы вернулись к нашей исходной фотографии и на этот раз сделаем все правильно. Мы собираемся начать с выбора инструмента «Обрезка», и когда вы это сделаете, вы увидите, что здесь на панели инструментов есть несколько полей — здесь есть небольшое поле, здесь и поле здесь. Их не очень легко увидеть, если в них нет чисел, и если вы не видите то же самое, что и я, проверьте это небольшое раскрывающееся меню и убедитесь, что там написано « Ширина x высота x разрешение », это настройка, которую вы хочу.Вот уловка. Если вы знаете, как это сделать, вы можете ввести здесь точные размеры в пикселях и Photoshop или Обрезать точно до этих размеров в пикселях. Но есть небольшая загвоздка. Я собираюсь ввести: 851, а теперь я собираюсь ввести «px», что означает пиксели, а в следующем поле я собираюсь ввести 315 и «px», что означает пиксели. Это маленькое «px» абсолютно необходимо, потому что, если вы не набираете его, иногда по умолчанию используются дюймы или сантиметры или другие сумасшедшие вещи. Но если вы набираете пиксели, он знает, что вы имеете в виду пиксели.Я не знаю, почему Adobe просто не сделала пиксели одним из вариантов в этом маленьком раскрывающемся меню прямо здесь, а не пиксели на дюйм, пиксели на сантиметр … как насчет только пикселей? Потому что это дало бы нам понять, что это возможно. Но почему-то они ожидают, что вы научитесь набирать «px», чтобы получить пиксели. Если вы напечатаете это, то все будет хорошо. Теперь вы видите, когда я перетаскиваю ручки, они сохраняют нужное мне соотношение. Это всегда будет 851 x 315, и тогда остается лишь выбрать ту часть фотографии, которая, на мой взгляд, идеально подходит для моих целей.Позвольте мне немного повозиться, чтобы получить ту роль, которую, как мне кажется, я хочу. Скажем прямо здесь, а затем я нажимаю Enter, и он обрезает его. Теперь проверим размер. Вот оно, это точно 851 x 315, и это именно та часть фотографии, которую я хотел использовать, и я сделал все за один шаг.

Здесь важно понимать, что Photoshop действительно делает двухэтапный процесс за кулисами. Во-первых, это обрезка фотографии до указанной вами области. Затем выполняется повторная выборка фотографии, чтобы она соответствовала указанным вами размерам в пикселях.Так что это кадрирование плюс повторная выборка, и это важно иметь в виду по двум причинам. Во-первых, как всегда, после передискретизации вы можете захотеть повысить резкость фотографии. Мы говорили о том, почему вы увеличиваете резкость фотографий после передискретизации, в моем курсе «Основы Photoshop», поэтому я не буду повторять все это здесь. Если вам нужно напомнить об этом, вы можете проверить курс. Вторая причина иметь в виду повторную выборку заключается в том, что если вы выберете действительно небольшую область, вы должны знать, что она будет повышена до указанных размеров, и тогда она может быть размытой. Позвольте мне показать вам, что я имею в виду. Я вернусь. Теперь предположим, что я выбрал действительно крошечный участок моей фотографии. Возможно, я просто хотел вот этот маленький кусочек прямо здесь, и теперь, если я его кадрирую, вы можете увидеть, что сделал Photoshop. Он фактически увеличил дискретизацию и интерполировал между существующими пикселями, потому что там не было достаточно пикселей, чтобы сделать фотографию 851 x 315, поэтому он увеличил дискретизацию маленького крошечного и заполнил лишние пиксели, и он получился размытым и зернистым, как результат. Поэтому будьте осторожны, используя этот метод и выбирая очень маленькую область фотографии.Это не ограничение Photoshop, это просто природа изображений на основе пикселей. Если вы хотите знать все о Photoshop и редактировании фотографий, вы можете посмотреть мой онлайн-курс «Основы Photoshop для фотографов». Это курс для начинающих, призванный помочь вам освоить Photoshop и использовать его на профессиональном уровне в кратчайшие сроки. Вы можете проверить это на моем сайте SteeleTraining.com.

Размер плаката Photoshop — стандартная бумага, размеры и размеры плакатов

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

Размер плаката Для настройки Photoshop требуется несколько вещей.

1. Во-первых, если вы еще не ознакомились с нашим разделом стандартных размеров плаката, выберите размер плаката, который вы будете использовать для создания плаката.
2. Определите, какой будет обрезка вашего плаката. Обрезка — это термин, используемый для описания области вокруг плаката, которая может быть обрезана при печати. Представьте, что вы имеете дело с принтером, который не всегда соответствует точному сантиметру вашего документа, в этом случае есть вероятность, что принтер может обрезать небольшую часть вашего изображения, чтобы избежать этой проблемы, дизайнеры разработали способ вставки следы или пробелы в документе, чтобы убедиться, что ничего не обрезано.

Для плакатов я лично использую четверть дюйма в качестве выхода за обрез, а для меньших размеров иногда 1/8 дюйма. Вот пример beed 11 x 17.

Лист размером 11 x 17 дюймов -> 11,25 x 17,25 дюйма

3. Откройте Photoshop! Вот где и произойдет установка.

— предварительный просмотр окончательного файла для фотошопа плакатного размера

— окончательный предварительный просмотр файла для фотошопа размера плаката

Первый шаг

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

Продолжайте и нажмите ОК, чтобы создать файл.

Если у вас есть существующий файл, все, что вам нужно сделать, это выбрать [открыть] выбрать [изображение], затем [размер холста] и установить ширину и высоту холста, чтобы включить обрезку, затем нажмите «ОК».

Второй шаг

Перейдите в [просмотр] и выберите [линейки], если ваши линейки еще не видны.

Третий шаг

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

Четвертый шаг

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

Теперь у вас должны быть идеальные обрезки, и вы готовы принести свой плакат на печать или создать новый плакат. Спасибо за чтение, и если у вас есть какие-либо вопросы, не стесняйтесь комментировать или отправлять мне электронное письмо.

Это было руководство по теме плакат размера Photoshop, пожалуйста, смотрите другие наши руководства.

Cheers,

Что такое размер холста? — Photoshop CC

В этом уроке мы поговорим о расширении вашего холста за пределы того места, где начинался ваш PSD.Используя размер холста, мы можем обрезать, не удаляя части нашего изображения (мы можем сделать это и с помощью нового инструмента кадрирования), мы можем расширить наше изображение и добавить прозрачность или цвет к любой или всем сторонам нашего изображения, и мы можем даже автоматически удаляет все оставшиеся прозрачные части изображения. Вам понравится этот урок!

1. Размер холста и размер изображения

Вы можете открыть диалоговое окно «Размер холста», выбрав «Изображение»> «Размер холста». Размер холста отличается от размера изображения, поскольку размер холста изменяет границы документа Photoshop, но не пиксели, содержащиеся в нем.Если мы изменим размер холста, чтобы он был меньше, чем изображение, когда мы его открыли, мы будем вырезать (скрывать части) нашего изображения, но не изменять размер нашего изображения, как это было бы в Image> Image Size. Я уменьшаю размер своего холста до 4000 на 3000 пикселей. ПРИМЕЧАНИЕ. Вы можете получить предупреждение от Photoshop, сообщающее, что произойдет обрезка. Не беспокойся об этом.

2. Что только что произошло?

Как только мы уменьшим размер нашего холста, мы можем взять инструмент «Перемещение» (V) и перетащить наше изображение, и мы увидим, что на самом деле все изображение все еще там, но мы можем видеть только то, что накладывается на наш новый Photoshop. холст (это то, что мы изменили!) СОВЕТ: нажмите Cmd / Ctrl + T, чтобы вызвать свободные дескрипторы преобразования и увидеть внешние края изображения, чтобы увидеть, что находится за пределами нашего холста.

3. Разверните холст, чтобы сделать границу шириной 1 дюйм.

Я собираюсь вернуть свое изображение к тому, каким оно было при первом открытии, и давайте снова откроем диалоговое окно «Размер холста». Я собираюсь проверить параметр «Относительные» и изменить единицы измерения на дюймы в небольших раскрывающихся меню, а затем добавить 2 дюйма к ширине и высоте. Также в нижней части диалогового окна есть раскрывающееся меню, которое позволяет нам изменить цвет расширенной области. Я установил белый цвет и нажал «ОК», чтобы растянуть это изображение на один дюйм с каждой стороны с белой рамкой.

4. Обрезать и показать все

В меню изображения также есть пункты «Обрезать» и «Показать все». Обрезка позволяет быстро обрезать прозрачные пиксели из изображения, чтобы использовать только биты для окончательного экспорта изображения. Reveal all автоматически расширит холст вашего PSD, чтобы показать любую графику, которая «торчит» из области холста.

Обязательно посмотрите видео в верхней части этой обучающей статьи, чтобы узнать больше!

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

Как это:

Нравится Загрузка …

Полное руководство для размеров печати

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

Как настроить файлы для печати

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

• 1. Установите для файлов CMYK перед тем, как приступить к дизайну. При создании нового документа это обычно во всплывающем окне Новый документ . Здесь вы можете изменить цветовой режим с RGB на CMYK .
  2. Под ним вы найдете возможность изменить Raster Effects . Обязательно измените его на 300 dpi для максимального качества печати.
     
  3. При сохранении файла обязательно сохраняйте редактируемую версию для любых дальнейших изменений.Когда вы закончите, спросите в типографии, какие файлы они принимают. Многие позволят вам печатать из PDF, PNG, JPEG, AI или PSD , но запрос всегда лучший вариант.

Таблица размеров печати

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

Или вы можете просто загрузить шаблонов печати , которые мы сделали для вас. Файлы находятся в формате TIFF, поэтому вы можете открыть их в Photoshop, Illustrator или большинстве программ для дизайна и сразу же приступить к проектированию !.

	дюймов	Миллиметров	пикселей
Плакат	11 ″ × 17 ″	279 × 432 мм	3300 × 5100 пикселей
	18 ″ × 24 ″	203 × 610 мм	2400 × 7200 пикселей
	24 ″ × 36 ″	610 × 914 мм	7200 × 10800 пикселей
Визитки	3. 5 ″ × 2 ″	89 × 51 мм	1050 × 600 пикселей
Листовки	4,25 ″ × 5,5 ″	108 × 89 мм	1275 × 1650 пикселей
	5,5 ″ × 8,5 ″	140 × 216 мм	1650 × 2550 п
	8,5 ″ × 11 ″	216 × 279 мм	2550 × 3300 пикселей
Брошюры	8,5 ″ × 11 ″	216 × 279 мм	2550 × 3300 пикселей
	8.5 ″ × 14 ″	216 × 356 мм	2550 × 4200 пикселей
	11 ″ × 17 ″	279 × 432 мм	3300 × 5100 пикселей
Приглашения	4 ″ × 6 ″	101,6 × 152,4 мм	384 × 576 пикселей
	5 ″ × 7 ″	127 × 177,8 мм	480 × 672 пикселей

Загрузите шаблоны размера печати

Стандартные размеры плакатов

Плакат на старой кирпичной стене возле лестницы Мокап от Placeit

Маленький плакат — 11 ″ x 17 ″

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

Старайтесь использовать меньше изображений и использовать большие жирные буквы, чтобы помочь донести вашу мысль.

Используйте его для концертов, школьных мероприятий, общих объявлений и многого другого.

Средний плакат — 18 ″ x 24 ″

Плакат такого размера отлично подходит для наружной рекламы.

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

Вы также можете добавить больше графики или изображений, не делая их переполненными.

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

Плакат на бетонной стене возле молодого дерева в городе Мокап от Placeit

Парень стоит перед деревянной стеной с макетом плаката от Placeit

Большой плакат — 24 ″ x 36 ″

Плакат этого размера — самый распространенный в США. Подумайте о плакатах с фильмами, которые можно купить в супермаркетах или коллекционных магазинах.

Они отлично подходят для показа больших изображений, а также небольшого количества текста.

Вы можете поиграть с разными размерами текста, чтобы привлечь внимание к наиболее важной информации, и оставить второстепенные детали более мелким шрифтом.

Используйте его для выставок, постеров к фильмам или украшения.

3,5 ″ x 2 ″

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

На визитной карточке должно быть ваше имя и контактная информация, не более того. Обратите внимание на текст, который вы включаете.

При печати используйте высококачественные карточки и убедитесь, что разрезы карточки сделаны аккуратно, чтобы края были четкими и чистыми.Всегда оставляйте место на полях!

Стандартный размер визитной карточки

Мокап со стопкой визиток, лежащих на гладкой поверхности

Стандартные размеры листовок

Шаблон-макет набора листовок, лежащих на твердом фоне, от Placeit

Маленький флаер — 4,25 x 5,5 дюйма

Этот размер соответствует листа бумаги формата Letter.

Поскольку это флаер наименьшего размера, убедитесь, что вы включаете только релевантную информацию.

Листовки этого размера обычно используются для информирования о предложениях и скидках в магазинах.

Листовка на половину листа — 5,5 x 8,5 дюйма

Этот размер, эквивалентный половине листа формата Letter, позволяет добавлять больше информации, чем предыдущий.

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

Рекламируйте свое мероприятие, концерт или предложение, используя мало информации, используя флаеры этого размера.

Макет листовки, приклеенной к красной входной двери дома от Placeit

Буклет, прикрепленный к кирпичной стене, шаблон от Placeit

Letter Flyer — 8,5 x 11 дюймов

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

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

Letter — 8.5 ″ x 11 ″

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

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

Используйте разные размеры шрифтов, а также продуманные изображения, которые относятся к теме, о которой вы говорите.

Стандартные размеры брошюр

Мокап брошюры с брошюрой на столе от Placeit

Меню кофейни, лежащее рядом с шаблоном кофе латте от Placeit

Юридическая брошюра — 8.5 ″ x 14 ″

На странице немного большего размера больше места для складывания и письма.

С брошюрой формата Legal вы можете распечатать буклет, сложенный втрое, сложив ее по горизонтали.

Упакуйте свою брошюру изображениями, графикой и текстом о вашем мероприятии или продукте, но сохраняйте ее интересной для читателя и помните о своей аудитории при написании контента.

Таблоидная брошюра — 11 ″ x 17 ″

Таблоидная брошюра идеально подходит для печати меню ресторана или даже программы концерта или спектакля.

Добавляйте полноразмерные картинки и изображения, избегая написания больших кусков текста.

Мокап девушки с каталогом на деревянной поверхности от Placeit

Стандартные размеры приглашения

с конвертом от Placeit

6 ″ x 4 ″

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

Добавьте важную информацию, например дату, адрес и контактную информацию, если необходимо.Вмещается в стандартные конверты.

7 ″ x 5 ″

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

Как и в предыдущем приглашении, включите такую ​​информацию, как время, дата, адрес и контактную информацию. Кроме того, уточните дресс-код (повседневный, полуформальный или формальный) и любую другую информацию, которая может быть полезна для ваших гостей.

Пригласительный билет с конвертом, лежащим над твердой поверхностью от Placeit

Используйте мокапы для предварительного просмотра ваших проектов

Для получения одобрения клиента

При проектировании для клиента иногда легче показать, чем рассказать.Покажите свои проекты в виде профессионального макета и покажите им их дизайн в контексте. У нас есть сотни макетов открыток и макетов плакатов , которые очень просты в использовании. Будь то приглашение на свадьбу или уличный плакат для рекламы следующего концерта, вы можете найти здесь всевозможные стили мокапов! Что самое лучшее? Вам не нужны никакие инструменты для дизайна, это просто перетаскивание.

Шаблон макета плаката, приклеенного к старой стене компанией Placeit

Чтобы показать вашу типографию именно так, как она должна выглядеть

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

Шаблон приглашения на красном конверте над деревянным столом от Placeit

Каждый шаблон дизайна, который вам когда-либо понадобится

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

Для продвижения ваших дизайнерских услуг в социальных сетях и на вашем веб-сайте

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

Сделать макет для печати сейчас

Итак, вот и все, создаете ли вы приглашения на следующую домашнюю вечеринку, создаете плакат для концерта этой многообещающей группы или хотите продемонстрировать меню своего нового фургона с едой, вы Теперь у вас есть полная информация, чтобы правильно начать создавать файлы дизайна и распечатывать их в нужных размерах. С мокапами Placeit вы сможете профессионально продемонстрировать свои потрясающие проекты, не используя инструменты дизайна, это очень просто! Кроме того, посмотрите на свои варианты продажи своего дизайна в Интернете с помощью нашего сообщения «16 лучших сайтов для продажи дизайна в Интернете» .

«Я сделал супер крутые дизайны для своего магазина, используя шаблон дизайна Placeit!»
Дуглас Бертон 5/5

Подберите любой размер печати с помощью этого полного руководства

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

Создавайте потрясающие дизайны!

---

Сотни бесплатных подарков в высоком разрешении Только для вас!

Халява обновляется раз в месяц

% PDF-1.6 % 331 0 объект > эндобдж xref 331 110 0000000016 00000 н. 0000003287 00000 н. 0000003490 00000 н. 0000003527 00000 н. 0000004278 00000 н. 0000004313 00000 н. 0000004463 00000 н. 0000004613 00000 н. 0000004729 00000 н. 0000004756 00000 н. 0000005350 00000 н. 0000005405 00000 н. 0000005517 00000 н. 0000005826 00000 н. 0000005940 00000 н. 0000005967 00000 н. 0000006566 00000 н. 0000006603 00000 п. 0000007010 00000 н. 0000007407 00000 н. 0000007932 00000 н. 0000008114 00000 п. 0000008505 00000 н. 0000008638 00000 п. 0000008770 00000 н. 0000010545 00000 п. 0000010796 00000 п. 0000011270 00000 п. 0000011602 00000 п. 0000012999 00000 н. 0000014390 00000 п. 0000014645 00000 п. 0000015111 00000 п. 0000015286 00000 п. 0000015718 00000 п. 0000017193 00000 п. 0000019369 00000 п. 0000021416 00000 п. 0000021669 00000 н. 0000022045 00000 п. 0000022428 00000 п. 0000022958 00000 п. 0000025390 00000 п. 0000025681 00000 п. 0000027581 00000 п. 0000027656 00000 п. 0000037932 00000 п. 0000038007 00000 п. 0000038120 00000 п. 0000038211 00000 п. 0000038319 00000 п. 0000040968 00000 п. 0000040997 00000 п. 0000041072 00000 п. 0000041169 00000 п. 0000041315 00000 п. 0000041385 00000 п. 0000041507 00000 п. 0000061829 00000 п. 0000062092 00000 п. 0000062670 00000 п. 0000062740 00000 п. 0000062820 00000 н. 0000089946 00000 н. 00000

00000 п.