Как растянуть пиксели и получить трехмерные блоки — уроки фотошоп

Идеальные пиксели при повороте, вставке и смещении в Photoshop

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

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

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

Идеальные пиксели при вращении

Если вы не будете осторожны, вращение слоев в Photoshop’е может привести к смазыванию всех пикселей.
При вращении слоя с помощью Free Transform (и некоторых других инструментов) ровно на 90 или 270 ° качество результата определяется размер слоя.

Если слой имеет четную ширину и четную высоту, то все будет в порядке. Если он имеет нечетную ширину и нечетную высоту, то все также будет в порядке.

Но если он имеет нечетную ширину и четную высоту или четную ширину и нечетную высоту, то вы увидите нечто похожее на результат ниже:

В этом случае, произведение на 20 × 9 пикселей: четное на нечетное. Результаты для растровых слоев и векторных слоев разные, но оба они представляют собой непригодные результаты, потому что вращение не совпадает с точными границами пикселей.

Как исправить?

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

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

Кроме того, можно нарисовать квадрат на другом слое и повернуть оба сразу.

Если размеры слоя или слоев будут четными на четное или нечетными на нечетное, то все будет в порядке.

Легкий способ

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

Растровые и векторные маски тоже страдают от этой проблемы, и поэтому о них тоже следует позаботиться. Но проблема затрагивает только вращающиеся слои, либо через инструмент » Free Transform » или «Transform» в меню Edit. Со вращением всего холста через Image → Image Rotation нет никаких проблем.

Чтобы еще больше упростить процесс, существуют несколько Photoshop-экшны, которые обо всем позаботятся за вас.

Идеальные пиксели при векторной вставке

Если вы нарисовали пиксельный рисунок в Illustrator и вставили его в Photoshop как shape layer, вы могли заметить, что результат не совсем тот, что вы ожидали, то есть не совершенно четкое изображение, а скорее размытое пятно. Вот как это исправить.

Ниже приведен рисунок в Illustrator: идеальной формы, привязанный к пиксельной сетке, и в том размере, в котором мы намерены использовать его в Photoshop.

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

Что пошло не так?

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

Как исправить?

Наш тестовый рисунок 32 пикселя в ширину и 12 пикселей в высоту. Выделив область 32 × 12, мы сделаем так, что рисунок вставится именно в это место. Это срабатывает каждый раз.

Легкий способ

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

Если вы не хотите утруждать себя измерением параметров рисунка, то для подборки правильного размера выделенной области можно нарисовать область 2 × 2-пикселя и вставить. Если изображение будет размыто только по оси х, нарисовать область 1 × 2 и вставить снова.

Если изображение размыто только по оси у, нарисовать область 2 × 1 и вставить. Если изображение размыто по обеим осям, нарисовать область 1 × 1 и вставить.

Это может показаться сложным, но на практике это очень быстро, вам придется только два раза вставить рисунок, чтобы получить резкие векторные контуры из Illustrator.

Смарт-объекты

Вставка элементов как смарт-объекты не тут может не подойти(по крайней мере, не в Photoshop CS5). Можно использовать Shape layers: этот способ позволяет лучше контролировать и редактировать.

Идеальные пиксели при смещении

При смещении векторных точек, Photoshop ведет себя очень странно, в зависимости от масштаба. При 100% масштабе, если смещени просиходит при помощи стрелок клавиатуры, векторные точки перемещаются ровно на 1 пиксель.

При 200% — половину пикселя. При 300% — на треть пикселя. Такое поведение выглядит как специальная функция, но это не всегда удобно. Обычно я хочу сместить на пиксель.

Вот как можно смещать всегда на 1px без работы с масштабом изображения 100%.

Откройте документ, а затем создать второе окно, выбрав Window → Arrange → New Window. Затем вы можете изменить размер нового окна и сместить его в сторону.

Источник: http://naikom.ru/blog/archives/4328

Как изменить размер изображения в фотошопе. Процесс интерполяции

Обучение фотошопу / УЧЕБНИК 57112 8 комментариев

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

Говоря о размерах, мы говорим о разрешении. Оно записывается как сумма пикселей в одной строке по ширине и одном столбце по высоте и записывается так: 655×382. Именно таких размеров следующий арт:

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

В случае уменьшения размера, например, наш пример изменим до 300×175, картинка уже будет состоять из 300 пикселей в ширине и 175 пикселей в высоте. Никакого сужения не произошло. Фотошоп пересчитал пиксели в изображении и вычислил от каких можно избавиться.

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

В случае увеличения размера, фотошоп высчитывает каких пикселей не хватает и добавляет их на основании сложных алгоритмов обработки. Этот процесс не может быть качественным, поэтому при увеличении изображения качество теряется. Картинка теряет в четкости деталей, становится размытой. Для наглядности, пример выше я увеличу до исходного размера. Сравните:

Таким образом, при увеличении, качество будет сильно зависеть от начального размера изображения и от конечно, до которого нужно «дорасти». 

Диалоговое окно «Размер изображения»

Итак, самый основной способ изменить размер изображения — воспользоваться командой меню:

Изображение — Размер изображения (Image — Image Size).

Горячая клавиша: Alt+Ctrl+I. 

Откроется диалоговое окно:

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

Размерность (Pixel Dimensions)

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

Обратите внимание на скобку и иконку в виде цепочки. Это означает, что при изменении ширины или высоты, второе значение будет автоматически меняться в тех же пропорциях, что и оригинал изображения. Это нужно, чтобы оно не получилось сжатым или вытянутым. Для включенияотключения такой функцию, поставьте галочку «Сохранить пропорции» (Constrain Proportions).

Размер печатного оттиска (Document Size)

Об этой группе настроек я упоминал, говоря о печати изображения на принтере. Разрешение (Resolution) меняет размер пикселей и влияет на качество печати. Для принтеров смело ставьте в диапазоне 200-300 пикселей на дюйм.

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

Масштабировать стили (Scale Styles)

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

Интерполяция

Это ваш ключ к изменению разрешения без влияния на качество изображения. Интерполяция (Resample Image) — это процесс, при котором фотошоп реагирует на команду изменения размера, добавляя или вычитая пиксели. Проблема заключается в том, что при интерполяции, программа «строит предположения», а это может испортить качество изображения.

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

Когда вы устанавливаете флажок Интерполяция, вам необходимо выбрать метод из раскрывающегося списка, расположенного ниже. Зачем это может потребоваться? Иногда вам понадобится помощь фотошопа в создании изображения большего или меньшего размера, чем оригинал.

Например, если у вас есть изображение с разрешением 200 пикселей на дюйм, размер которого при печати составляет 4×6, а размер печатного варианта должен быть 5×7 и желательно сохранить разрешение в 200 пикселей на дюйм. Для этого можно установить данный флажок.

Источник: http://psand.ru/kak-izmenit-razmer-izobrazheniya-v-fotoshope-protsess-interpolyatsii/

Как растянуть изображение в фотошопе?

Редактирование картинок в фотошопе может потребовать изменения их масштабов. В частности – растяжения. Какими способами это можно сделать? Как растянуть изображение в фотошопе?

Рассмотрим способы решения данной задачи в Photoshop версии CS6 с англоязычным интерфейсом.

Содержание статьи

Картинки, редактируемые с помощью фотошопа, могут быть представлены в формате:

  • фонового слоя – Background;
  • изображения (в виде самостоятельного слоя) – Layer.

В первом случае редактируемое изображение будет выглядеть так:

Второй вариант предполагает следующее размещение картинки:

В данном случае изображение располагается непосредственно над холстом.

Картинка может размещаться и так – в виде слоя, полностью независимого от холста.

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

Читайте также:  Мокап с канцелярскими товарами - уроки фотошоп

В каждом случае особенности «растяжения» рисунка – разные. Изучим их.

Растяжение картинки, являющейся фоном

Итак, первый вариант размещения картинки в структуре проекта фотошопа – в виде фона. Как правило, подобная схема расположения рисунка активируется программой, если выполнить открытие изображения, изначально не являющегося частью проекта. То есть если выбрать пункт меню File, затем – Open и загрузить ту или иную картинку, то она отобразится в качестве фона.

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

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

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

к содержанию ↑

Растяжение картинки, являющейся слоем

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

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

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

Первый «подвид» его соответствующего расположения – на холсте. Для того чтобы разместить изображение соответствующим образом, нужно загрузить его в программу, после – кликнуть 2 раза на названии слоя, который изначально является фоновым, а затем – нажать OK.

После этого слой переименуется из Background в Layer. Теперь рисунок может редактироваться отдельно от холста.

Можно свободно перемещать картинку по рабочей области проекта, используя инструмент Move Tool. Холст, в свою очередь, может быть залит цветом – с помощью инструмента Paint Bucket Tool.

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

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

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

Второй способ размещения картинки в проекте – в виде самостоятельного слоя, никак не связанного с холстом. На практике это возможно, если между таковым и редактируемым изображением размещен какой-либо другой рисунок.

Фактически работа должна вестись с 2 слоями – тем, который «объединен» с холстом, и тем, который является самостоятельным графическим элементом.

Способность свободно перемещаться по экрану картинки – в виде слоя, размещенного на холсте, либо в виде полностью независимого слоя – предопределяет возможность задействования следующих методов ее растяжения (не считая рассмотренного нами выше):

  • использование группы опций Free Transform;
  • задействование инструмента Transform Controls.

Изучим их особенности подробнее.

к содержанию ↑

Растяжение картинки на холсте с помощью группы опций Free Transform

Для наглядности предлагается увеличить холст – чтобы картинка имела меньшую, чем он, площадь, и ее можно было растягивать. Для этого нужно выбрать пункт меню Image, затем – Canvas Size. В открывшемся окне следует ввести значение величины холста, соответствующее примерно 120 %. При этом галочку напротив Relative желательно снять.

В результате на холсте появится достаточное пространство для растяжения изображения.

Далее нужно выбрать инструмент Rectangular Marquee Tool либо любой другой, что располагается в соответствующей группе. После – кликнуть правой кнопкой мыши на изображении и выбрать пункт Free Transform. Затем сразу же надо щелкнуть на картинке правой кнопкой еще раз – после этого откроется требуемая группа опций.

За растяжение картинки отвечают первые 6.

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

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

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

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

Следующая опция – Rotate. С ее помощью можно поворачивать картинку – в любую сторону.

Благодаря опции Skew можно менять взаимное расположение сторон рисунка либо корректировать размер одних сторон относительно других. Например – разместить правую сторону выше левой, нижнюю – левее или правее верхней. Или же правую сторону сделать короче, чем левую.

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

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

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

Как в фотошопе растянуть часть изображения? Решению данной задачи способна посодействовать, вероятно, самая примечательная опция рассматриваемой группы – Warp. С помощью нее можно растягивать отдельные участки рисунка.

Соответственно, непосредственно за растяжение (тем или иным способом) картинок отвечают такие опции, как:

  • Scale;
  • Skew;
  • Distort;
  • Perspective;
  • Warp.

При необходимости растянутое изображение можно также повернуть, задействовав опцию Rotate.

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

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

к содержанию ↑

Растяжение картинки с помощью опции Transform Controls

Изучим теперь то, как растянуть изображение в Photoshop, задействуя другой инструмент – Transform Controls. Он считается, с одной стороны, менее функциональным, чем группа опций Free Transform, с другой – простым в использовании.

Активируется он очень просто. Нужно выбрать инструмент Move Tool, после – поставить галочку напротив открывшегося чуть ниже меню пункта Show Transform Controls.

В результате на картинке появятся ползунки – подобные тем, что активируются при задействовании опций Free Transform. Применяя их, можно:

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

Как и в случае с инструментами Free Transform, при использовании опции Show Transform Controls в верхней части интерфейса фотошопа открывается дополнительная панель настроек точных значений размеров рисунка либо его элементов.

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

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

Закрепление результатов редактирования картинок осуществляется, как и при использовании предыдущего метода, с помощью клавиши Enter.

Источник: https://TheDifference.ru/kak-rastyanut-izobrazhenie-v-fotoshope/

Изменение размеров части изображения масштабированием «с учетом содержимого»

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

В подобной ситуации выходит на сцену новый инструмент Photoshop — «Масштабирование с учетом содержимого» (Content-Aware Scaling) – он позволяет изменять размеры какой-либо части изображения, сохраняя важные области нетронутыми. Инструмент анализирует изображение и увеличивает или сжимает те части изображения, которые Photoshop посчитает не особо важными. В этом уроке я расскажу о том, как использовать этот метод.

Совмещение горизонтальных размеров

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

Активируйте инструмент «Перемещение» (Move Tool) перетащите сделанное камерой изображение в новый документ, затем нажмите комбинацию Ctrl+T, для активации команды «Свободное трансформирование» (Free Transform) (если не видны все управляющие размерами рамки маркеры, нажмите комбинацию клавиш Ctrl+0 (ноль)).
Нажмите и удерживайте клавишу Shift (для сохранения пропорций), затем захватите любой угловой маркер и перетащите наружу, чтобы увеличить изображение с тем, чтобы оно вписалось в область 8×10″ по горизонтали:

Для начала, совмещаем размеры изображений по горизонтали

Нажмите клавишу Enter, чтобы применить результаты трансформирования.

Если Вам понравился материал, скажите свое «спасибо», поделитесь ссылками с друзьями в социальных сетях! Спасибо!

Для чего нужны цветовые каналы в PhotoshopДля начала, давайте разберёмся, что же всё-таки такое цветовые каналы в Фотошопе и для они они нужны. Каждое изображение Photoshop содержит один или… Исправление тона и цвета фотографии инструментом УровниКогда дело доходит до редактирования (или исправления) изображений в Photoshop, первое, что мы хотим сделать, это привести проблемные общие тона и/…
Просмотр в Camera Raw состояний До/ПослеДо появления версии Photosho CC, просмотр состояния снимков в Camera Raw был, в лучшем случае, неудобным, а в худшем — попросту сбивал с толку,… Трансформация: дополнительные режимыСама по себе опция «Свободная трансформация» (Free Transform) несколько ограничена в своих возможностях. Вот почему Adobe Photoshop включает в себя…

Источник: https://rugraphics.ru/photoshop/izmenenie-razmer-chasti-izobrazheniya-masshtab-s-uchet-soderzhimogo

Как в Фотошопе увеличить картинку

Инструкция

Если вы хотите приблизить картинку при обработке мелких деталей, на панели инструментов выберите инструмент Zoom Tool («Лупа»). Этот же эффект достигается использованием горячих клавиш Ctrl+«+». Чтобы отдалить изображение, применяйте «Лупу», зажав на клавиатуре Alt, или используйте Ctrl+«-».

Для увеличения рисунка в меню Edit («Редактирование») выберите команду Free Transform («Свободная трансформация») или нажмите Ctrl+T. Наведите курсор на один из контрольных узелков, зацепите его мышкой и тяните в сторону.

Читайте также:  10 текстур дыма - уроки фотошоп

В зависимости от направления перемещения, изображение будет увеличиваться в ширину или высоту. Чтобы размер менялся равномерно, зажмите на клавиатуре Shift.

Есть другой способ. В меню Image («Изображение») выберите команду Image Size («Размер изображения»).

Введите новый размер в окошки Width («Ширина») и Height («Высота») в разделе Pixel Dimensions («Массив пикселей») или Document Size («Размер документа»). Следует иметь в виду: чем больше вы увеличите значение, тем сильнее будут искажения в конечном документе.

Может появиться цветовой шум, размытые участки, артефакты и пр.

При увеличении картинки на 10% искажений практически не бывает. Поэтому можно менять размер поэтапно, увеличивая изображение на каждом шаге в этих пределах. В разделе Document Size в правом окошке раскройте список и выберите percent («проценты»). Поставьте флаг в чекбокс Constrain Proportions, чтобы картинка изменялась пропорционально.

Значение высоты и ширины будет установлено 100%. Введите в любое окошко 110 для увеличения рисунка на 10% и нажмите ОК. Повторите эту процедуру, пока картинка не увеличится до необходимого размера.

Разумеется, и при этом способе качество изображения страдает. Вы можете увеличить резкость. Продублируйте слой Ctrl+J и в меню Filter («Фильтр») в группе Other («Другие») выберите High Pass («Цветовой контраст»). Установите небольшой радиус, чтобы изображение слегка просвечивало сквозь серую пленку. Примените к слою режим наложения Overlay («Перекрытие»).

Источники:

  • фотошоп увеличить размер изображения

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

Инструкция

Откройте приложение, загрузите картинку. Если вы собираетесь произвести какие-то незначительные корректировки, работая с кистями или с ластиком, то порою требуется просто изменить текущий масштаб изображения, увеличить его, не увеличивая объем самого изображения. Для этого просто воспользуйтесь комбинацией клавиш «Ctrl+» или «Ctrl-» и масштаб будет оперативно изменен.

Если вы хотите увеличить объем изображения, его разрешение и линейный размер, то выберите на верхней панели пункт меню «Изображение» и нажмите на клавишу «Размер изображения». Можно сделать это сразу, воспользовавшись комбинацией клавиш «Alt + Ctrl +I».

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

Задавайте параметры, которые вы хотите увеличить: ширину, высоту или разрешение. Обратите внимание на расположенные ниже флажки: Масштабировать стили, Сохранить пропорции, Интерполяция. Отметьте те из них, которыми хотите воспользоваться.

Если вы поставите флажок в поле «Сохранить пропорции», то достаточно будет менять только ширину или высоту изображения, второй параметр будет пересчитываться автоматически. Флажок «Интерполяция» позволяет установить сохранение пропорции между тремя параметрами – разрешением, шириной и высотой.

Обратите внимание

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

Источник: https://www.kakprosto.ru/kak-124759-kak-v-fotoshope-uvelichit-kartinku

Разрешение в Фотошопе

Вы хотите поменять разрешение в Фотошопе? Я проделываю это не первый год и мне есть чем поделиться с вами.

Для этого урока я специально сохранил из интернета обои из фильма Человек-паук, небольшого размера 800 х 600px. Прежде чем приступить, давайте определимся с терминами Фотошопа, так как в этом деле они очень важны.

Если же у вас с терминами порядок, сразу переходите к части о том как менять разрешение в Фотошопе.

Что такое разрешение (Resolution)

Разрешение (resolution) — это количество пикселей (pixels) на 1 дюйм (inch). Параметр связывающий виртуальность с реальностью. Именно он отвечает за то, в каком качестве распечатается изображение, потому что одно дело, когда в дюйм укладывается 300 пикселей и совсем другое, когда в дюйм укладывается 72 пикселя.

Если вы распечатаете изображение с разрешением 72ppi (pixels per inch) то скорее всего на распечатке вы сможете разглядеть пиксели, в некоторых особо щепетильных местах изображение будет походить на мозаику. Так же как походило на мозаику изображение на мониторе бабушки в 1998 году в изображениях иконок от Windows 98 и не только их. Низкое разрешение для печати зло и его надо изменить, за этим мы и здесь.

От величины разрешения зависит фактически размер фотографии при перенесения её с монитора на бумагу. Так как если изображение величиной 500 на 500px и его разрешение 100ppi то фактически размер этого изображения — 5 на 5 дюймов. Напомню, что в дюйме 2,54см.

100ppi конечно маловато для печати, поэтому мы меняем разрешение на 300ppi но и физический размер уменьшится вместе с изменением разрешения, так как разрешение фактически является соотношением пикселей к физическому размеру (см дюймы, сантиметры).

Увеличиваем качество укладывая в дюйм больше пикселей, но и физический размер становится меньше, так как пикселей всего 500 и дополнительным взяться не от куда. Но об этом мы ещё поговорим.

Замечу, что в Фотошопе принято другое обозначение разрешения (resolution). Вместо ppi принято dpi, что расшифровывается как dots per inch.

Это предмет совершенно другой темы и извечных споров между сторонниками правильных формулировок. Dot (точка) это точка, которую ставит принтер при печати.

И если вы хотите узнать больше о подготовке к печати прочтите мои статьи: Подготовка к печати за 10 минут и Как сделать Флаер

Что такое размер (dimension)

Размер (dimension) — это общий размер изображения по ширине и высоте. Он измеряется в пикселях. Например, фотография с которой мы поработаем 800 на 600 пикселей. Между двумя терминами — размером и разрешением (resolution, dimension) происходит тотальное сражение.

В настройках размера монитора в Windows размер экрана описан термином — разрешение. Хотя речь идет об обычном тупом размере по высоте и по ширине, а не о его разрешающей способности. Реальная же разрешающая способность мониторов до сих пор не очень высока, у разных мониторов она колеблется от 100 до 120ppi.

То есть на 1 дюйм экрана монитора по ширине и высоте укладывается примерно от 100 до 120 пикселей.

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

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

Итак, в Фотошопе, Иллюстраторе и ряде других графических программ:

Размер (dimension) — фактический размер фотографии в пикселях по высоте и ширине. Например 100 на 100 пикселей.
Разрешение (resolution) — количество пикселей в одном дюйме. Например, 100dpi значит в одном дюйме 100 пикселей. То есть физический и фактический размер изображения 100 на 100px при разрешении 100dpi будет 1 дюйм.

Как в Фотошопе изменить разрешение

Наша задача — подготовить скачанную из интернета картинку для качественной печати, а общепринятое разрешение для таковой 300dpi. Откройте изображение и зайдите в Image > Image Size

В появившимся диалоговом окне мы видим три области. Это, прежде всего Pixel Dimension, которое рассказывает нам, сколько всего пикселей в нашей картинке и Document Size (размер документа), который говорит нам о том, какое разрешение в изображении, и какой физический размер получится при печати исходя из этого разрешения.

Физический размер моих обоев 28 на 21 см. Достаточно много, практически на целый лист A4 и это не удивительно, ведь на 1 дюйм укладывается всего 72 пикселя. Изменим разрешение на больше и посмотрим что произойдет.

Как только мы изменили разрешение меняются все параметры. Параметры размеров Pixel Dimensions подскочили в 3 раза. Вместо 800 пикселей по ширине стало 3333 пикселя. Не трудно догадаться, что фотография фактически увеличивается в 3 раза. Что происходит?

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

Но размер и разрешения вели себя так, как будто они связаны. Знаете что, они действительно связаны. Дело в том, что Фотошоп старается сохранить физический размер 28 на 21 см.

Но как это сделать если меняется разрешение?

Приведу пример: вот есть у нас картинка 100 на 100 пикселей и разрешение 100dpi. Соответственно физический размер её 1 дюйм, но вдруг мне взбрело в голову увеличить разрешение до 300dpi.

Как Фотошопу сохранить физический размер в 1 дюйм, но увеличить количество пикселей. Откуда ему достать лишние 200 пикселей? Известно откуда, придумать самому. Если Фотошоп не добавит пикселей сам, он не сможет сохранить физический размер.

Поэтому размер изображения увеличивается вместе с разрешением. Это взаимосвязанные параметры.

Поэтому я нажму ОК. Изображение увеличивается. Разрешение 300dpi, физические размеры остаются те же 28 на 21см. Отлично. Но что происходит теперь? Фотошоп увеличил изображение. Он не маг и волшебник, он просто добавил схожие по цвету пиксели.

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

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

Это не сложно заметить при увеличении фотографии инструментом Zoom Tool. Это не сложно заметить, пройдясь по каналам фотографии. Наибольшему искажению подвергся Синий канал, но сейчас не об этом. Если вас интересуют каналы, прочтите мою статью Каналы в Фотошопе.

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

Как увеличить разрешение не увеличивая размер

Мы хотим увеличить разрешение, но не хотим увеличения размера фотографии в пикселях. Тогда готовьтесь к тому, что изображение потеряет в физическом размере. Откройте изображение и зайдите в Image > Image Size. В нижней части диалогового окна 3 галочки. Они и отвечают за связку между различными параметрами.

Scale Styles — увеличивает или уменьшает стили. Если вы создавали дополнительные слои или шрифты и присваивали им стили, есть смысл оставить эту галочку.

Constrain Proportions — связывает параметры высоты и ширины физических и пиксельных размеров. То есть, изменяя ширину картинки в пикселях с 800 на 1000, высота (600) следует за шириной, превращаясь в 800px. Таким образом картинка увеличивается пропорционально, а не по ширине, и вам не нужно ничего подбирать “на глаз”. Советую оставить в покое и эту галочку.

Читайте также:  Как сделать размытие в фотошопе - уроки фотошоп

Resample Image — вот что нам нужно. Эта опция перестраивает размер изображения в пикселях, если нам пришло в голову изменить разрешение. Соответственно, она увеличивает изображение, так как лишним пикселям взяться не от куда. Отключим её и изменим 72dpi на 300dpi

Теперь меняется физический размер документа, что тоже закономерно. Раз пиксели 800 на 600px закреплены, то Фотошоп пересматривает размер документа, чтобы уложить в него 300 пикселей на дюйм. Лишним пикселям взяться не от куда, насильно увеличивать фотографию запрещено, поэтому Фотошоп уменьшает физический размер документа. Bот как мы изменяем разрешение в Фотошопе.

Возвращаясь к нашему виртуальному примеру, и документу 100 на 100px с разрешением в 100dpi.

Если изменить разрешение такого документа на 300dpi, убрав галочку Resample Image Фотошопу придется уменьшить документ в 3 раза.

Если Resample Image оставить включенным, Фотошопу придется увеличить количество пикселей в 3 раза, чтобы уместить их на одном дюйме.

Какое разрешение выбрать?

Если вы готовите визитку, флаер, каталог, книжку, обложку, что угодно, на что мы смотрим с расстояния вытянутой руки работайте в разрешении 300dpi.

Если вы готовите постер, то учитывайте то, что постеры висят на стенах, на постеры смотрят с расстояния более одного метра, не ближе, и такая степень детализации постеру не нужна, можно работать в разрешении 200-250dpi.

Но если у вас есть возможность и подходящая графика большого размера и хорошего качества чтобы работать с 300dpi можно не уменьшать разрешение.

Если вы готовите изображение на витрину магазина, его разрешение может быть 150dpi, а изображение на рекламный баннер, который будут видеть проезжающие мимо машины может смело содержать 90dpi, так как его рассматривают с огромного расстояния.

Второй аспект этого вопроса — вес изображения. Баннер с человеком пауком на стену дома 6 на 5 метров при разрешении 300 dpi будет занимать 70 000 px в ширину, а весить будет 11 гигабайтов. Работать с таким фаилом невозможно.

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

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

Увеличить или уменьшить?

Каверзный вопрос. Закрепляя физический размер мы растягиваем изображение. Закрепляя размер в пикселях, уменьшаем физический размер. Где золотая середина? Специалисты по графике и печати допускают легкое увеличение изображения не более чем на 10% от его реального размера. Именно такое растягивание не заметно глазу. На практике все значительно сложнее.

Приведу небольшой пример. Я взял наше изображение с Человеком пауком и изменил его разрешение 2 раза, но в первый раз я разрешил ресемплинг, а во второй раз запретил. Теперь я помещу оба изображения на одну рабочую поверхность для сравнения их реального физического размера.

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

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

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

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

Это извечный выбор с которым сталкивается каждый дизайнер.

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

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

Я постарался описать эту тему максимально доступно и надеюсь у меня получилось. Подписывайтесь на RSS.

Источник: http://hronofag.ru/2011/09/21/resolution-dpi/

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

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

1. Настраиваем пиксельную сетку.

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

В меню «Edit ->Preferences», переходим в «Guides, Grid & Slices»  и ставим такие настройки: Важно! В поле «Линия через каждые:» введите вручную цифру 1, даже если она уже там стоит. Теперь у нас есть сетка с делением в 1 пиксель, которая включается/выключается клавишами Ctrl+Э.
2. Устанавливаем привязку к пикселям.


 Чтобы получить четкие края у прямоугольника нужно воспользоваться функцией привязка к пикселам. Берем инструмент «Rectangle Tool» и ставим заветную галочку «Snap to Pixels».
 

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

Чтобы пикселы встали точно по сетке, можно использовать «Заданный размер» (в параметрах инструмента) — эта функция есть у всех векторных форм кроме Многоугольника и Линии.

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

3. Подгоняем к сетке.

Возьмем, например, инструмент «Линия». Если вы нарисуете линию в один пиксель, то по толщине пикселы попадут в сетку, а вот по длине — вряд ли, еще хуже обстоят дела с толщиной в 2 и более пиксела. Итак, рисуем линию в 2 пиксела при масштабе изображения 100%.

Получилось фигура с мыльными пикселями.

Поэтому мы максимально увеличиваем масштаб изображения — 3200%, включаем сетку (Ctrl+Э), берем инструмент «Path Selection Tool», жмем этим инструментом на линию и просто на клавиатуре стрелочками двигаем ее, пока она не попадет в пиксельную сетку.

4. Корректируем размеры.

Теперь вы знаете как подгонять пикселы по сетке. 

Далее мы рассмотрим, как правильно корректировать размеры у векторных форм. 

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

Чтобы такого не происходило лучше производить манипуляции с подобной формой инструментом «Direct Selection Tool». Мы сейчас уменьшим прямоугольник на 7 пикселей по ширине и по высоте.

Делать это удобнее при масштабе 100%, если форма крупная как наш прямоугольник, либо – 3200%, если форма мелкая, например, как в пиксельной иконке.

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

Таким способом удобно корректировать размер и у простого прямоугольника. А, например, круг или любую другую векторную фигуру лучше сначала трансформировать обычным способом при масштабе 3200%, чтобы было сразу видно пиксельную сетку, либо при масштабе 100%, а потом просто подогнать пикселы по сетке с помощью инструмента «Direct Selection Tool» при масштабе 3200%. Это уже нужно исходить из каждого конкретного случая. При работе инструментом «Перо» пиксельная сетка так же является незаменимым помощником. Позаимствовано с: http://aboutwww.ru

Источник: http://z-140.blogspot.com/2012/01/photoshop.html

Эффект пикселей в фотошопе

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

Шаг 1

Открываем нашу фотографию

Шаг 2

Выбираем инструмент Быстрое выделение

Шаг 3

Выделяем нашего сноубордиста, аккуратно очерчивая его контур

Шаг 4

Нажимаем правую клавишу мыши и выбираем пункт Скопировать на новый слой

Шаг 5

В панели инструментов выделим наш основной слой — фон

Шаг 6

Выбираем инструмент Прямоугольная область

Шаг 7

И выделим прямоугольную область со сноубордистом

Шаг 8

Нажимаем правую клавишу мыши и выбираем пункт Выполнить заливку…

Шаг 9

В открывшемся окне выбираем пункт С учетом содержимого и нажимаем Ок

Шаг 10

Далее выбираем Слой 1 и создаем его копию путем его перемещения на иконку Создать новый слой.

Шаг 11

Выделим Слой 1

Шаг 12

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

Шаг 13

Теперь аккуратно перемещаем сноубордиста и немного растягиваем, чтобы получилось как бы его продолжение

Шаг 14

Создаем Слой маску. Для этого кликаем по соответствующей иконке в панели слоев

Шаг 15

В палитре цветов выбираем чтобы черный цвет был главным. Выбираем инструмент заливка и заливаем черным «продолжение» сноубордиста

Шаг 16

Выделяем Слой 1 копия и снова создаем слой маску

Шаг 17

Выбираем инструмент Кисть

Шаг 18

В настройках выбираем Квадратные кисти

Шаг 19

Настраиваем кисти, чтобы они были похожи на разлетевшиеся пиксели. Тут Вам придется поэкспериментировать и настроить подходящие для себя

Шаг 20

Теперь кистью аккуратно проводим по краю сноубордиста

Шаг 21

Затем выбираем другой слой и в палитре цветов делаем белый цвет главным

Шаг 22

И снова кистью аккуратно проводим по продолжению сноубордиста

Шаг 23

Выбираем Слой 1 и снова создаем его копию путем его перемещения на иконку Создать новый слой.

Шаг 24

Выбираем Фильтр-Стилизация-Ветер

Шаг 25

В появившемся окне производим необходимые настройки. Тут Вам снова нужно будет по экспериментировать и выбрать подходящие настройки под свое изображение

Шаг 26

Уменьшим непрозрачность слоя до 66%

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

Источник: https://fotoshopdesign.ru/uroki/effekt-pikseley-v-fotoshope

Ссылка на основную публикацию