Как сделать меньше картинку в фотошопе: Photoshop: размер и разрешение изображения

Содержание

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

Как уменьшить картинки в фотошопе | 7 советов

Здравствуйте, друзья! Думаю, каждый блогер должен знать, что хостинг не резиновый, и место на нем необходимо использовать с умом. А что у нас обычно занимает много места на блоге? Естественно картинки! Так что сегодня я вам расскажу как уменьшить размер картинки в фотошопе.

Как устанавливать фотошоп и где его скачать я писать не буду, т.к. это не моя тема, да и устанавливала я себе фотошоп давно и уже не помню как и откуда.

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

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

Для этого открываем картинку в фотошопе. Я ее просто перетаскиваю в рабочую область. Но можно открыть картинку через меню Файл -> Открыть и выбрать нашу картинку на компьютере.

Далее нам необходимо изменить размер нашей картинки. Мы идем в меню Изображение -> Размер изображения (или нажимаем комбинацию клавиш Alt+Ctrl+I).

Внимательно посмотрите, чтобы у вас также стояла галочка в настройках «сохранить пропорции». Это важно! Благодаря этой опции мы можем изменить одну сторону нашей картинки до нужного нам размера, а вторая уменьшится автоматически, и пропорции картинки сохранятся.

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

Уже на этом этапе картинка весит меньше чем обычно. Но для лучшего результата мы должны еще уменьшить размер картинки. Для этого мы нажимаем Файл -> Сохранить для Web и устройств

Там можно выбрать различные настройки, но я вам рекомендую только изменить качество сжатия на «среднее». И затем нажимаем «сохранить». Таким образом, мы можем уменьшить нашу картинку в фотошопе до 10-15 Кб.

Конечно, есть разные онлайн сервисы по уменьшению картинок. Но так как это может сделать фотошоп – не сделает никто =) Скажите, а чем вы уменьшаете картинки?  И уменьшаете ли вообще =)

P.S. Хотите изучить наконец фотошоп CS 5 и самостоятельно без всяких уроков творить чудеса с его помощью? Тогда я рекомендую вам изучить этот замечательный видео-курс, в котором шаг за шагом, урок за уроком, повторяя действия на экране сможете стать настоящим фотошоп-мастером!

Ели статья вам помогла уменьшить картинки в фотошопе, то нажмите на кнопочки соцсетей слева.=)

С вами была Кристина,

и мой личный блог 7 советов.

Получите ваш экземпляр книги прямо на почту

Подпишитесь на обновления блога, чтобы получать новые интересные статьи прямо себе на почту!

Как уменьшать фотографии в фотошопе в 2018 году

Инструкция

Прежде всего запускаем программу Adobe Photoshop и открываем нужный нам файл. Это делается через меню File>
Open (Файл>Открыть). Выбираем этот пункт меню, находим на диске нужный нам файл, кликаем на него мышкой и нажимаем кнопку ОК. Файл загрузился.Теперь необходимо подумать, а каким должен быть новый размер нашего изображения. Это зависит от дальнейшей его судьбы. Как правило, изображение может быть предназначено:

— для полиграфического исполнения на бумаге (в журналах, газетах и т.п.)

— для публикации на фотосайтах в интернете

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

В зависимости от назначения по-разному может вычисляться и конечный размер картинки. Чаще всего необходимо подготовить файл для того, чтоб послать его кому-то по электронной почте или выложить на какой-нибудь сайт. То есть, на изображение необходимо будет в дальнейшем просто смотреть на экране монитора – оно и должно быть не больше разрешения экрана среднего размера. Таким образом, определяющими цифрами для нас будут размеры экрана (примерно 1250 на 1000 точек).Находим в меню фотошопа Image пункт Image Size (Размер изображения) или нажимаем на клавиатуре сочетание клавиш Alt+Ctrl+I (то есть, удерживая нажатыми Alt и Control, нажимаем латинскую I). Перед нами открывается окно с параметрами размера изображения.

В английской версии фотошопа оно выглядит так:

В первых двух полях видим цифры, определяющие размер картинки. В данном случае наша исходная картинка имеет размер 1999 на 1332 пикселя. Допустим, нам необходимо подготовить ее для того, чтобы поместить на своей страничке в ЖЖ. Лента живого журнала, как правило, занимает процентов 80% от полной ширины экрана монитора, то есть, нам нет смысла вывешивать туда картинку, превышающую эту ширину. Вводим в верхнее поле Width (Ширина) значение 1000 пикселей. При этом значение высоты (Height) картинки автоматически подверглось пересчету и теперь высвечивается в виде числа 666. (Ничего мистического ;)) Если этого не произошло, то на всякий случай проверяем настройки опций внизу окна – там должны стоять галочки напротив пунктов Constrain Proportions (Сохранять пропорции) и Resample Image (Пересчитывать изображение). Пропорции не нарушены, изображение может быть пересчитано.Нажимаем кнопку ОК и видим, как изображение стало несколько меньше. Можем его сохранить на диск с новым размером и названием. Находим в меню File (Файл) пункт Save As (Сохранить Как) и выбираем куда и с каким именем будет сохранени наша картинка.

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

Чуть иначе поступим с пересчетом параметров изображения, если наша цель – подготовить его к полиграфическому исполнению. Тут нужно исходить из того, какой размер должен быть у напечатанной иллюстрации. Допустим мы знаем, что она должна быть 5 см в высоту. Но как определить сколько в этих пяти сантиметрах пикселей?У полиграфистов свои стандарты и системы измерения. Традиционно они определяют соотношение размерностей, ориентируясь на дюйм (inch). По требованию современной полиграфии изображение приемлемого качества должно быть подготовлено из расчета 300 точек на дюйм (300 dpi, 300 pixel/inch). То есть, квадратное изображение дюйм на дюйм должно иметь размерность 300 на 300 пикселей. Но нам не обязательно вручную пересчитывать, сколько дюймов в нашей иллюстрации и сколько пикселей для этого потребуется, возложим эту операцию на плечи автоматики.Заходим в пункт Image Size меню Image (или, как мы уже знаем, нажимаем на клавиатуре сочетание клавиш Alt+Ctrl+I). Видим окно с параметрами размера изображения.

Переводим свое изображение в полиграфическую систему измерения. Временно выключаем галочку в пункте Resample Image (Пересчитывать изображение). Изображение останется нетронутым. Теперь в поле Resolution (Разрешение) устанавливаем необходимый нам параметр 300 pixel/inch. После этого мы уверены, что параметры высоты и ширины документа показывают нам реальный напечатанный размер картинки – в нашем случае, если файл не уменьшать, он может быть напечатан размерами около 17 на 11 см. Но это для нас излишне, фотографию можно уменьшить без претензии со стороны полиграфистов. Для этого снимаем галочку с пункта Resample Image и вводим нужный нам размер иллюстрации в соответствующее поле. Видим, что пропорционально изменилась и ширина картинки, документ имеет теперь размер 7,5 на 5 сантиметров, а также стал известен размер картинки в пикселях – 886 на 591 точек. ОК.

Помните! В различных типографиях могут быть свои требования к подготовке изображений, поэтому проконсультируйтесь о том, с каким разрешением вам необходимо подготовить файлы. Будет очень обидно, если по техническому незнанию ваши иллюстрации выйдут на печати мутными, нечеткими и искаженными. Бывает и другая необходимость. Иногда точно известен конечный размер картинки, например для создания аватарки – 100 на 100 пикселей, а наше исходное изображение мало того, что гораздо больше, но и имеет совсем иные пропорции. Как тут поступить?Открываем изображение и осуществляем такую операцию: находим пункт меню Layer>New>Layer from Background (Создать слой из фона). Затем устанавливаем конечный размер изображения, зайдя в меню Image>Canvas Size (Размер холста) – там видим два поля с цифрами, в которые и вводим нужные нам значения ширины и высоты будущей картинки (например 100 на 100 пикселей)

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

Нажимаем комбинацию клавиш Ctrl+T (или находим в меню Edit пункт Free Transform / Свободная трансформация) и, передвигая квадратные указатели по углам слоя, подбираем необходимый фрагмент, который будет виден на конечном изображении (при перетягивании управляющих элементов рекомендуется удерживать клавишу Shift – это позволит сохранять пропорции исходной картинки). Подтверждаем изменения клавишей Enter. Закончив трансформацию, удаляем из файла ненужную теперь информацию об обрезанных краях изображения – выбираем в меню Layer пункт Flatten Image.

Сохраняем получившуюся картинку через меню File>Save As (Сохранить Как)

Видео по теме

Источники:

Урок 3. Как уменьшить размер фотографии в Photoshop

Современные цифровые и зеркальные фотоаппараты позволяют получать снимки самого высокого качества. А программы-редакторы, такие как Adobe Photoshop, позволяют проводить с фотографией любые манипуляции, в том числе и изменять размер исходного снимка.

Для чего нам необходимо изменять размер фотографии? Чаще всего для публикации в интернете. Т.к. большинство снимков, сделанных на более или менее приличную камеру, превышают 5 Мб, то и загрузка файла в интернет может занять приличное количество времени (и трафика для тех, у кого не безлимитный интернет). Чтобы загрузка прошла быстрее, фотографию уменьшают, при этом жертвуя высоким разрешением. Но как правило, в конечном варианте изменения не заметны.

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

1. Загрузите фотографию в программу. Фото можно загрузить двумя способами: перетащить снимок в окошко фотошопа или нажав на вкладку «Файл», а затем «Открыть». 2. Далее кликните по вкладке «Изображение» и выберите «Размер изображения».

3. Откроется небольшое диалоговое окно. Первым делом удостоверьтесь, что стоит галочка напротив пункта «Сохранить пропорции», тогда фотография при любых изменениях пикселей сохранит соотношение сторон. В графе «Размерность» в одной из строк поставьте любое значение, которое должно быть меньше исходного. Вторая строка изменится в соответствии с измененным значением первой, таким образом, и будут сохранены пропорции. Для сохранения изменений нажмите кнопку «ОК».

4. Теперь нам надо уменьшить фотографию не только в пикселях, но и по мегабайтам. Для этого нажмите вкладку «Файл» и выберите «Сохранить для Web и устройств».

5. В новом окне выставьте формат JPEG и выберите качество фотографии «Средняя». Для сохранения изменений нажмите кнопку «Сохранить» и укажите путь для нового файла.

Теперь фотография готова для публикации в интернете.

Как в фотошопе отдалить изображение и сохранить. Как изменить размер изображения в Фотошопе. Уменьшения веса в Photoshop

Доброго вам дня, мои дорогие друзья. Вот часто сталкиваюсь с ситуацией. Например хочу поставить аватарку на какой-нибудь сайт, вырезаю нужную область своего фото или другой картинки, сохраняю. А когда захожу на сайт, то оказывается, что он принимает фотографии для аватарок размером не более 150*150 пикселей и 100 килобайт, например.

Я смотрю на свою фотографию, а она размером 1920*1200 и весит больше мегабайта. Естественно такую фотографию этот сайт не загрузит. А что делать? Ну в общем ради этого мы здесь и собрались.

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

Простое сохранение

  1. Для начала загрузите изображение в фотошоп.
  2. А теперь идите в главное меню и выберете пункт «Изображение»
    , и в открывшемся выпадающем списке «Размер изображения»
    .

В открывшемся окне вы можете увидеть две ячейки (ширина и высота) с текущим размером картинки. Именно здесь вам и предстоит поменять сам размерчик.

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

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

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

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

Ну как суть ясна? Давайте лучше для большей ясности посмотрим на живом примере.

Мне нужна фотография для сайта размером 200*200 пикселей. Я беру нашу фотку размером 1920*1200 и загружаю в фотошоп. А дальше по пунктам.

Сохранение для WEB

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

Итак, у нас снова неразмеченная картинка с большим разрешением. Если нужно кадрировать, то кадрируйте, но дальше вы должны нажать «Файл»
, затем «Экспортировать»
, а в следующем выпаде выберете «Сохранить для web (старая версия)»
.

ВНИМАНИЕ!
Данный путь действителен для Фотошопа версии 2015. Для более ранних версий вы просто заходите в меню «Файл» и выбираете «Сохранить для web». Никакого пункта «Экспортировать» там не будет.

В открывшемся окне выберете «Высокое качество JPG»
и качество можно не ставить больше 60
. Если выставить больше, то разницы вы не заметите, а картинка-то будет больше места занимать, хоть и не очень значительно.

Ниже вы увидите строчку «Размер изображения»
. Суть абсолютно такая же, как и в предыдущем примере. Вам нужно уменьшить размер по ширине и высоте. Даже цепочка есть). Ставим до 200*200, ну а потом нажимаете «Сохранить»
. Вуаля)

В итоге, с помощью двух вышеуказанных способов, я получил два изображения размером 200*200 пикселей. Но у первого изображения размер (объем) составляет 26 килобайт, а у второго 10. Соответственно второй использовать удобнее, но только, если вы сохраняете для сайтов. Для обычного хранения уменьшенной копии лучше использовать первый способ.

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

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

Ну а на этой веселой ноте я свой сегодняшний урок заканчиваю. Тренируйтесь, практикуйтесь, а самое главное не забудьте подписаться на обновление моего блога, если хотите буть в курсе всего самого интересного. Успехов вам и пока-пока!

С уважением, Дмитрий Костин.

Приветствую вас мои дорогие друзья! Сегодня хочу вам рассказать о том как можно в фотошопе уменьшить размер и вес картинки, при этом практически не потерять качество изображения. Для этого есть много разных способов, например для самых «ленивых» просто в поисковике браузера вводите вот такую надпись «Как уменьшить вес картинки онлайн», выбираете то что вам удобно и вуаля всё готово. Но мы изучаем ФШ и я хочу вам показать, как это сделать в вашем фотошопе.Потому что ФШ это не только альбом для рисования, обработки фото он может делать очень многое. И так мы приступаем.

Предлагаю скачать эти картинки и потренироваться

1.0.Для начало открыть в ФШ картинку Рис.1 , чтобы узнать её размер

Идём: Панель Меню — Изображение — Размер изображения
или нажимаем клавиатурные сокращение ALT+CTRL+I
Клавиатурные сокращение работают в Английской раскладке

Размер картинки

Ширина: 4006 Пикселы
Высота: 5000 Пикселы
Разрешение: 300 Пикселы/дюйм

1.1.К примеру эту картинку нам нужно сделать:
900
на 1290
пикселы при весе не больше 80К

1)Сначала меняем настройку (в низу)нажимаем на стрелку и выбираем Бикубическая,чётче(наилучшая для уменьшения)

2)Меняем Разрешение с 300
на 72
Пикселы/дюйм
(Такое большое разрешение нужно только для печати для интернета достаточно 72)
Остальные настройки оставляем без изменений.

1.2.Что мы видим,»вес» и размер картинки уже уменьшился.

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

1)Снимаем первые две галочки в настройках, оставляем только на против» Интерполяция».
Блокировка пропала.

2)Затем просто меняем размеры у Ширины и Высоты как у меня на рисунке.Жмём «Ок»

1.3.Так, с размерами всё сделали теперь нужно уменьшить «вес» работы.

Для чего нужно уменьшать «вес» картинки?

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

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

Для сохранения картинки как всегда идём:
Панель Меню — Файл — Сохранить для Web… или ALT+Shift+CTRL+S

1.4.Сравнивая скрины видно что в формате JPEG наименьший 171,3К.

А можно ли ещё сделать меньше вес картинки?

Для этого нам нужно немного уменьшить настройки «Качества», при этом разница почти будет не заметной.Если всё устраивает Жмём «Сохранить…»

Что делать если у нас очень широкая картинка которую нужно подогнать под эти же размеры?

2.0.Открываем в ФШ картинку Рис.2 ,что бы узнать её размер
Идём: Панель Меню — Изображение — Размер изображения или нажимаем клавиатурные сокращение ALT+CTRL+I

2.1.Меняем настройки как я показала в пункте 1.1. Нажимаем «ОК»

2.2.Изменить размер картинки как показано в пункте 1.2. мы не можем
(деформация будет очень заметна
).

Что бы это избежать нужно просто отрезать лишние при помощи инструмента «Рамка»

Берём инструмент «Рамка» выставляем вот такие настройки, задаём нужный нам размер.

2.3.Обратите внимание всё, что внутри выделенной рамки имеет светлый оттенок после отсечения останется. Всё остальное удалится.

В ФШ CS6 выделенная рамка остаётся неподвижной,а вот документ можно передвигать выбирая нужный участок.

Если всё устраивает нажать Enter или как показано на скрине.

2.3.Обязательно проверяем размер нашего рисунка как в пункте 1.0.
Если размеры получились не точными меняем их как в пункте 1.2.

2.4.Сохраняем картинку как в пункте 1.4. предварительно уменьшив «вес».

Результат урока

Рис.1(изменённая)

Рис.2(измененная)

Благодарю за внимание до следующих встреч!

Irina Hochweis

Группа Я +ТЫ учимся вместе — my.mail.ru/community/japlusti/
Оригинал взят у — strelec-l.livejournal.com/135545.html

1 голос

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

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

Преимущества маленьких картинок

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

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

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

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

Поэтому, я рекомендую вам загружать фотки в библиотеку мультимедиа – это неплохой способ сбросить вес. Если вы делаете именно так, то на страничке используется только ссылка, а она, как вы понимаете, весит копейки. Так вы решите проблему с поисковиками. С читателями вопрос до сих пор открыт. Путь-то путем, но тяжелая картинка останется таковой и грузится долго. Тут нам на помощь приходит . Он поможет «похудеть» картинке. Для начала давайте поговорим о форматах.

Какой формат использовать

Два самых полезных формата для разработчика сайтов – это jpeg и png. Сейчас объясню почему.

Вот у нас с вами есть рисунок коровы. Открываем его при помощи фотошопа и сохраняем в двух форматах.

Вот так выглядит png. Как вы видите, фон прозрачный. Можно встраивать куда угодно и рисунок будет как будто вырезан. Весит такая картинка довольно много – около 3 мб.

А это формат jpeg. Вес – 260 кб, очень круто. Зато фон белый. Его уже где угодно не используешь. Для картинок к публикации прямоугольное изображение подойдет как нельзя лучше, а вот в качестве элемента дизайна – вопрос спорный.

В каком формате лучше хранить фотографии? Думаю, что теперь вы и сами можете ответить на этот вопрос. В основном все юзают jpg, а избранные картинки хранят в png. Существует еще масса форматов, но я не рекомендую вам морочить с ними голову. Разница будет в цветопередаче. Где-то лучше цвета, где-то хуже. Идеальное сочетание качества и веса – именно jpeg. Ему б еще прозрачность– и вообще бы цены не было.

Теперь перейдем к основному вопросу, как же уменьшать.

Секрет уменьшения фото, о котором вы еще точно не знаете

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

У каждого из нас есть фотошоп. Когда речь идет о горе фоток – он нам нафиг не нужен, пользуйтесь онлайн сервисом! Конечно же, бесплатным.

Это тот же самый фотошоп, но значительно легче и быстрее. Вот ссылка — pixlr.com/editor


, можете посмотреть. Все дело в том, что этот сервис – сильно упрощенная версия, а потому работает в разы быстрее. Пока вы откроете Photoshop у себя на компьютере, пока откроете фотографию, затем вторую, потом третью. С ума сойти можно! Нафиг. Пользуйтесь онлайн сервисом и не пожалеете.

Первым делом ставите русский язык. Вкладка Language.

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

Если это png, а оно нам не нужно – выбираем jpg. Обращаем внимание на размер, моментально снизилось.

Еще можно поиграться с качеством. Смотрите как выглядит изображение и каков его размер.

До 50% адекватное сочетание, хотя смотрите сами. Кому как больше нравится. Как по мне, так и 10 смотрится довольно неплохо.

Еще один способ уменьшить изображение

Второй способ мне не особо нравится, нужно действовать по наитию, да и с большим количеством изображений слишком муторно, но… зато действенно. Сейчас я покажу вам как сжать фотку в 5 Мб размером до 60 Kб с сохранением качества.

Итак, открываем фото. В навигаторе слева (на рисунке показано стрелкой) вы можете увидеть полное изображение. В основном окне мы видим лишь его небольшую часть. Я специально увеличил до 100%. Открыть такую картинку в полном размере можно только что на билборде или экране в кинотеатре. Ну и зачем на сайте использовать такие картинки?

Переходим в раздел «Изображение» и выбираем «размер».

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

И начинаем дергать за ползунок.

Вот о чем я и говорил, действовать приходится по наитию. Оптимальные размеры экрана, как правило 1024 х 768. По другим данным 1366 х 768. Если вы собираетесь использовать фотку в качестве визуального материала к статье, то понятное дело размер будет меньше. Не на весь же экран ее открывать. Хотя некоторых читателей может и заинтересует рисунок и они захотят ее открыть в новом окне. Короче говоря, тут придется вам думать самим. Исходя из задач.

Видите, мне кажется, что картинка все равно очень большая.

Я уменьшил ее еще.

Готово. Теперь, вес составляет всего 60 Кб.

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

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

Ну а для тех, кто хочет постичь магию фотошопа, я, в очередной раз порекомендую курс Зинаиды Лукьяновой — Фотошоп с нуля в видеоформате VIP 3.0


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

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

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

До новых встреч и удачи в ваших начинаниях.

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

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

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

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

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

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

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

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

Здесь все просто: вверху программы основное меню; слева основные инструменты; справа дополнительное меню с инструментами. Для того чтобы изменять изображение его нужно открыть в данной программе. Чтобы это сделать существует 2 способа.

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

2-способ
: в самом верху программы есть горизонтальное меню и там есть слово «Файл». Нажмите на него.

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

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

После этого у вас появится выпадающее меню, где Вы должны найти такую строку «Размер изображения». Перейдите по данному пункту меню.

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

После того, как Вы выставили значения и нажали ОК, Вам нужно следующим этапом сохранить данное изображение, причем там же можно изменять пропорции изображения высоты и ширины таким, каким Вы хотите видеть данное изображение и при этом еще и уменьшить вес (сжать) изображение. Для этого откройте меню «Файл» в верху программы и перейдите в меню «Сохранить для Web и устройств».

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

Все, после этого Вы берете данную картинку и вставляете себе на сайт.

На этом я данную статью заканчиваю и теперь я думаю, у Вас не возникнет вопрос, как изменить размер изображения
в фотошопе.

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

Современные цифровые и зеркальные фотоаппараты позволяют получать снимки самого высокого качества. А программы-редакторы, такие как Adobe Photoshop, позволяют проводить с фотографией любые манипуляции, в том числе и изменять размер исходного снимка.

Для чего нам необходимо изменять размер фотографии? Чаще всего для публикации в интернете. Т.к. большинство снимков, сделанных на более или менее приличную камеру, превышают 5 Мб, то и загрузка файла в интернет может занять приличное количество времени (и трафика для тех, у кого не безлимитный интернет). Чтобы загрузка прошла быстрее, фотографию уменьшают, при этом жертвуя высоким разрешением. Но как правило, в конечном варианте изменения не заметны.

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

Этапы уменьшения фотографии в Photoshop.

1. Загрузите фотографию в программу. Фото можно загрузить двумя способами: перетащить снимок в окошко фотошопа или нажав на вкладку «Файл», а затем «Открыть».

2. Далее кликните по вкладке «Изображение» и выберите «Размер изображения».

3. Откроется небольшое диалоговое окно. Первым делом удостоверьтесь, что стоит галочка напротив пункта «Сохранить пропорции», тогда фотография при любых изменениях пикселей сохранит соотношение сторон. В графе «Размерность» в одной из строк поставьте любое значение, которое должно быть меньше исходного. Вторая строка изменится в соответствии с измененным значением первой, таким образом, и будут сохранены пропорции. Для сохранения изменений нажмите кнопку «ОК».

4. Теперь нам надо уменьшить фотографию не только в пикселях, но и по мегабайтам. Для этого нажмите вкладку «Файл» и выберите «Сохранить для Web и устройств».

5. В новом окне выставьте формат JPEG и выберите качество фотографии «Средняя». Для сохранения изменений нажмите кнопку «Сохранить» и укажите путь для нового файла.

Теперь фотография готова для публикации в интернете.

Подготовка изображения для Инстаграм

19.09.2017

Подготовка изображений для Instagram


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

Для изображения профиля в Instagram рекомендуется загружать картинку в пропорции 1:1 (квадратную) в формате PNG или JPEG с минимальными размерами 110px*110px. Отображаться такое изображение будет с размерами 32*32 пикселя.

Изображения для поста

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

    При этом:

  1. Стандартные «квадраты» загружаются в размере 1080 x 1080 px.
  2. Горизонтальные фотографии могут иметь соотношение сторон 1:1,9 (Вертикаль:Горизонталь), то есть, нечто близкое к 1080 x 568 px, или иметь близкие соотношения (2:3, 3:4, 4:5, 5:7 и т.п.).
  3. Вертикальные изображения ограничены соотношением сторон 4:5, что в пикселях будет означать 1080 х 1350. Таким образом, при загрузке фотографий с камер с соотношением сторон 2:3 будет происходить обрезка. Чтобы этого избежать, необходимо заранее добавить поля.


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

Не обязательно, но … желательно


Любое изменение размеров фотографии приводит к потере качества. Что можно сделать быстро и просто? Немного повысить контрастность и, возможно, сделать немного светлее. Светлые, выполненные в «белом ключе» фотографии легче преживают трансформации.

Если есть возможность, то можно немного «поколдовать» в Photoshop и применить фильтры.


Вот что советует профессионал (http://www.paninphotoschool.ru/articles/?art=95). В общем случае для поднятия резкости можно воспользоваться стандартным фильтром Photoshop FilterUnsharp Mask (Контурная резкость) со следующими параметрами:

  1. Amount (Сила воздействия) = 65-150%
  2. Radius (Радиус) = 0.3 (это минимальный параметр радиуса, воздействующий на всю фотографию)
  3. Threshold (Изогелия) = 0.

Данный фильтр при использовании образует паразитные цветовые ореолы, поэтому для их устранения необходимо применить команду Edit (Редактирование) → Fade (Ослабить) и во всплывшем меню выбрать режим наложения Luminosity (Яркость).

Если же хочется добиться «звенящей» резкости, алгоритм можно дополнить повторным применением фильтра Unsharp Mask (Контурная резкость), но уже с другими параметрами: Amount (Сила воздействия) = 250-500%, Radius (Радиус) = 0.2 (при таком радиусе воздействие будет происходить только на наиболее резкие детали, выявленные при предыдущем применении фильтра), Threshold (Изогелия) = 0. После чего также желательно воспользоваться командой Fade (Ослабление).

Успехов в любимой работе!

3 способа изменить DPI изображения (и почему дизайнеры должны знать, как)

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

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

Что такое DPI?

DPI означает «число точек на дюйм» и представляет собой спецификацию для печати и для настройки разрешения печати изображения.

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

  1. Качество вашей печати. Проще говоря, более высокий DPI означает более высокое качество печати. Большинство хороших домашних принтеров могут печатать с разрешением 300 точек на дюйм, а профессиональные принтеры гораздо выше.
  2. Размер вашего отпечатка. Пиксель в цифровом изображении является эквивалентом точки на отпечатке. Таким образом, если вы печатаете изображение шириной 1800 пикселей со скоростью 300 точек на дюйм, напечатанное изображение будет иметь ширину шесть дюймов. Напечатайте то же изображение с разрешением 180 точек на дюйм, и оно будет шириной 10 дюймов.

Как DPI влияет на ваши отпечатки

Вот изображение для иллюстрации. Ниже представлены две линии, которые состоят из одинаковых 40 квадратов — одинакового размера и одного цвета. Квадраты менее плотно упакованы в верхней строке, что соответствует более низкому DPI; и более плотно упакованы в нижней строке для более высокого DPI.

Эффект очевиден. На Ниже DPI линия градиента намного менее гладкая. Вы можете видеть четкие края на каждом из квадратов. Линия также намного длиннее.

На Выше DPI линия градиента намного плавнее. Это почти без проблем. Линия также намного короче.

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

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

увеличение его размера не приведет к улучшению качества печати.

Какой DPI вы должны использовать?

Все это заставляет задуматься: в каком формате лучше всего печатать?

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

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

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

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

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

Как проверить DPI изображения

Чтобы узнать DPI изображения в Windows, щелкните правой кнопкой мыши имя файла и выберите свойства > подробности. Вы увидите DPI в Образ раздел с надписью Горизонтальное разрешение а также Вертикальное разрешение. На Mac вам нужно открыть изображение в предварительный просмотр и выберите Инструменты> Настроить размер. Это помечено разрешение.

Как изменить DPI изображения: 3 способа

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

Помните, что DPI — это только измерение разрешения печати. Изменение DPI не меняет размер вашего цифрового изображения или размер файла.

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

Как изменить DPI в Photoshop

Чтобы изменить DPI изображения в Photoshop, перейдите к Изображение> Размер изображения. Uncheck Resample Image, потому что этот параметр увеличит изображение, что снизит его качество.

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

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

Как изменить DPI в GIMP

Чтобы изменить DPI изображения в GIMP, перейдите в Изображение> Размер печати. Введите предпочитаемый DPI рядом с X разрешение, установить в пикселей / дюйм. Разрешение Y следует обновить автоматически, тоже.

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

Как изменить DPI онлайн бесплатно

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

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

Получите лучшие фотографии

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

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

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

Увеличение изображения для крупноформатной печати

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

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

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

Adobe Photoshop давно вошёл в нашу жизнь и я сам уже не помню с какой версии я начинал (сейчас пользуюсь CS6). Этот программный продукт по удобству и наличию необходимых инструментов просто гениален.

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

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

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

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

Изначально фото имело разрешение 3580 х 5382 пикс. (19 Мпикс, был небольшой кроп).

Если следовать канонам печати, оно должно иметь 300dpi в файле для печати.

Если я сниму галочку «Resample» и поставлю 300dpi (т.е. не буду использовать средства увеличения изображения Adobe Photoshop), то фотошоп мне пересчитает размер результирующего отпечатка.

Для такого разрешения снимка он составит 30 х 45 см.

Но представим, что мы хотим с данном отпечатка почти без потери качества отпечатать баннер 3 х 6 м (300 х 600 см.) или 35800 х 53820 пикс. (1927 Мпикс = 1.9 Гпикс). 1.9 Гпикс в цифровой камере очень долго будут мечтой для подавляющего большинства и потому тема статьи так актуальна.

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

Все из вас знают, что у окошка изменения размеров изображения в Adobe Photoshop есть опции, в выпадающем меню внизу?

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

Первые два это особо старые алгоритмы и первый, Nearest Neighbor, Adobe Photoshop рекомендует для сохранения контрастных кромок в изображении.

Bicubic Smoother рекомендуется для увеличения изображений (что нам и надо), а Bicubic Sharper для уменьшения.

Вкратце, если их описывать, то Bicubic Smoother даёт мягкие переходы между реальными пикселями, а Bicubic Sharper усиливает контраст кромок.

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

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

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

Фрагмент размером 607 пикселей в ширину. Я его увеличиваю до 3000 пикселей, т.е. в 5 раз.

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

Оригинал фрагмента

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

Nearest Neighbour vs Bicubic Smoother

Как видите, Nearest Neighbour даёт «лесенку», которую Bicubic Smoother размывает.

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

Программа PhotoZoom Pro 5

Простой интерфейс, большой набор математических алгоритмов увеличения с помощью сплайнов.
Многообещающе.

Я взял именно Bicubic Smoother в качестве алгоритма от Adobe, потому что они его рекомендуют. И «лесенки» на фото в наше время уже неприемлемы. Это же не 90-ые годы в конце концов!
Время пиксельных и спрайтовых игр уже ушло.

Из сравнения вы видите, что PhotoZoom Pro справился с задачей увеличения лучше. Но намного ли?

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

Alien Skin BlowUp2

И…PhotoZoom Pro5 побеждает!

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

ReShade

ReShade ставится как отдельная маленькая программа.

Старая программа ReShade (2011 г.)побеждает более современную и насыщенную алгоритмами PhotoZoom Pro. Я попробовал PhotoZoom Pro все алгоритмы и существенного улучшения не заметил. Только время потерял.

Так что у нас новый лидер — ReShade, с которым будем сравнивать оставшихся конкурентов.

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

Kneson Imagener

Отдельная программа. Интерфейс как будто из Win95.

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

AKVIS Magnifier

Плагин для Adobe Photoshop.

Интерфейс навороченный, а результат — плачевный.

Лидером оказался следующий плагин. Не зря я их давно выделял среди остальных…

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

OnOne Perfect Resize Professional Edition 7

Плагин для Adobe Photoshop.

Update 9.11.2013

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

ImageJ + plugin Resize

Слышал об том плагине, но не пробовал до сего момента.

Изменять размер нужно через меню «Plugins\Resize\Resize», метод «Least-Squares»

Результат не впечатлил. OnOne Perfect Resize побеждает.

Update 9.11.2013

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

Adobe Photoshop + bicubic sharper

В своей книге The Adobe Photoshop CS6 Book for Digital Photographers (у меня версия книги про CS6) Scott Kelby рекомендует использовать алгоритм bicubic sharper для увеличения фото вместо рекомендованного bicubic smoother.
Что ж…попробуем.

Результат не впечатлил. OnOne Perfect Resize побеждает.

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

1. Я использую OnOne Perfect Resize Professional Edition 7 для критичных увеличений изображений, чего и вам желаю.

Разница между стандартным способом из Adobe Photoshop и OnOne Perfect Resize Professional Edition 7 большая и вполне заметная на печати.

2. Если вы соберетесь печатать совсем большие форматы, то учтите, что в СНГ сейчас принято использовать разрешение около 100 dpi для баннеров.

Для просто крупных изображений на выставку (1-2 м) используйте 150 dpi, если сложно получить больше. Расстояние просмотра, как правило, ограничено в 1-2 м. и с такого расстояния просмотра данное разрешение выглядит вполне приемлемо.

3. Если вы будете снимать на среднеформатный слайд, то сможете «вытащить» с него разрешения намного большем, чем с цифровой камеры. До 100 Мпикс.

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

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

Надеюсь данная статья поможет вам сделать красивые большие отпечатки ваших снимков!

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

Автор Иван Просмотров 3.2к. Опубликовано

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

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

В начале

Обычно перед тем, как выложить статью на блоге, я все изображения загружаю в фотошоп, и там их уменьшаю. Делаю я это через функцию «Сохранить для веб», или горячими клавишами Shift+Ctrl+Alt+S.

С виду много клавиш, которые нужно зажать, но на практике получается очень удобно, если поставить большой палец на Alt, мизинец на Ctrl, безымянный на Shift, ну и указательный на S. Получилось? Видите, как просто.

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

Если вы обратите внимание, то весит эта фотография самого мотоцикла 2,15 Мб.

Понятно, что в таком виде на сайт выкладывать ее совершенно не нужно. Это огромный вес для интернета. Нажимаем наши волшебные клавиши Shift+Ctrl+Alt+S, и у нас открывается вот такое окошко.

Параметры сохранения

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

  1. Формат изображения. Как я заметил по опыту иногда можно сохранять в jpeg, иногда можно сохранять в png. Ниже расскажу про особенности применения обоих.
  2. Качество изображения. Тут тоже можно играть настройками. Иногда можно поставить 90%, иногда можно поставить и 80. Бывали случаи, когда я ставил и 55 и 60%. Все зависит еще и от других параметров.
  3. Размер изображения. Тут вы должны понять какой размер нужен вам на вашем сайте или блоге. Больше 1000 px думаю ставить не стоит, потому что ширина контентной части блога где-то 700-800px.
  4. И наконец, самая главная величина, на которую вы будете постоянно ориентироваться — вес самой фотографии.

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

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

А в обычных статьях блога сейчас стал делать фотки где-то в районе 100кб плюс минус 20-30кб. Раньше, в первых статьях старался вообще делать где-то 50-70кб, но это сильно искажало картинку, и теперь стараюсь делать побольше.

Формат

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

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

Мы делаем формат jpeg, качество 80, ширину убавляем до 800, и видим, что наше фото уменьшилось в весе, и стало 146 кб. Это для вас приемлемо? На сайте она будет выглядеть вот таким образом, т.е. полностью в ширину контекстной части.

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

Если для вас это много по весу, давайте попробуем сделать меньше размер, не 800px, а сделаем 700px, смотрим что у нас получается в самой программе.

Вы уже видите, что вес уменьшился, и стал уже 117 кб. Длину фото мы сделали 700px. Вот как эта фотография будет выглядеть у вас в блоге в контексте записи:

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

Кстати, разница по ширине в статье совсем не заметна. Я тоже для себя кое-что вынесу из этого урока! Будем еще меньше делать фото? Давайте сделаем в настройках 600px. Мне кажется это вполне еще приемлемо. Вот так будет в программе:

И мы уже видим, что при размере в 600px, вес стал 91кб. Совсем не много, мне кажется, для любого сайта. И вот как эта фотка будет выглядеть в вашей заметке:

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

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

Качество

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

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

Как мы видели, размеры 800px и 700px совсем не отличаются по тому, как они выглядят на сайте. Поэтому, я предлагаю двигать качество на размере 600px.

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

Качество 80% у нас уже было, поэтому давайте уменьшим до 70%, и посмотрим что у нас получится. В программе это будет выглядеть вот так:

Смотрим сколько у нас теперь весит картинка? Только 71Кб! Это очень хороший результат для сжатия изображения. И что же мы будем видеть на сайте с такими параметрами? А вот что!

Тут уже на любителя, и кто как видит. Для меня, это не очень хорошая фотка, а для вас — смотрите сами. Давайте я еще уменьшу на 10% качество, раз уже мы двигаемся в эту сторону и посмотрим что будет происходить. Ставим параметр 60% на 600px. Окно программы будет вот такое:

Как видим, весить она стала всего 57Кб. Да, теперь не будет больших скачков в весе фотографии, и все будет уменьшаться по маленьким параметрам. Ну а в записи с такими параметрами мы увидим вот такую фотографию:

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

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

Jpeg или png

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

А секрет вот в чем, я уже говорил о нем. Если вам нужно показать картинку, то вы делаете jpeg, если вам нужно показать цифры, или скриншот программы, то вы делаете png.

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

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

Но если сделать png для самой картинки, то я могу показать что будет. Давайте сравним как будет выглядеть png и jpeg  с одними и теми же настройками всего остального. Вот глядите, ставим в программе 600px и ставим формат png:

Как видим такое изображение будет весить 108 Кб. Это примерно 700px формата jpeg c 80% качества. И что теперь мы будем видеть на сайте:

Вполне себе рабочий вариант, и можно так делать. Но в данном случае, лучше будет сделать jpeg, потому что он будет весить меньше и качество будет лучше.

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

Т.е. вы видите размер у меня тут на этой картинке 1135 px, и так видно хорошо все цифры и все параметры. Весит 137Кб такая картинка, но если сделать меньше, то будет все очень плохо видно.

В заключении

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

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

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

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

Как всегда, с вами был Иван.

11 самых распространенных ошибок в цифровом рисунке

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

Photoshop обманчиво прост: вот вам набор кистей, вот вам все цвета, резинка, кнопка Отмены. Вы начинаете рисовать, все выглядит очень плохо, вы начинаете искать обходные пути, которые смогут помочь вам нарисовать что-то лучше. И только взгляните как много инструментов! Вы начинаете пробовать все, одно за другим, и вот оно – волшебство случается!

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

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

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

1.Неправильный размер холста

Даже ребенок справится с созданием нового файла. Вы отправляетесь в File > New, или, если вы достаточной продвинутые, то используйте Control-N. Этот процесс кажется очень простым, поэтому часто остается без должного внимания.

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

1. Слишком маленький холст

Так же как все предметы состоят из атомов, каждое цифровое изображение состоит из пикселей. Это, скорее всего, вы уже знаете. Но сколько конкретно пикселей нужно, чтобы создать детальную картину? 200×200? 400×1000? 9999×9999?

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

Давайте представим, что ваше изображение выглядит на экране, как на примере 1. Высота этого изображения идеально подходит вашему экрану. Все настроено под максимальное разрешение вашего экрана, 1024×600. Пользователям с разрешениями 1280×720 (2) и 1366×768 (3) тоже не на что жаловаться.  Но взгляните, что получится, если разрешение экрана будет еще больше – 1920×1080 (4) и 1920×1200 (5).  Последовательно, изображение занимает все меньше и меньше места на экране.

И дело не только в “белом пространстве” вокруг изображения. “Высокое разрешение” не обязательно имеет тот же смысл, что “большой экран”.  Экран смартфона может иметь больше пикселей на своем компактном экране, чем некоторые персональные компьютеры! Только взгляните:

1. Одинаковый размер, разное разрешение

2. Разные размер, одинаковое разрешение

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

Но размер холста имеет отношение не только к этому. Чем выше разрешение, тем больше пикселей в изображении. При маленьком разрешении,  глаз может занять 20 пикселей. когда при более высоком – он может иметь более 20,000 пикселей! Представьте себе, какие изящные детали могут быть добавлены!

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

Большое разрешение дает возможность разглядеть самые тончайшие детали

2. Слишком большой холст

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

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

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

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

3. Слишком большой размер готового изображения

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

Зачем разрешать другим видеть эти детали…Если можно сделать так, чтобы они видели только то, что должно быть заметным?

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

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

2. Работа с белым фоном

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

Проблема в том, что не существует “нейтрального” цвета. Прозрачность очень близка, но ее невозможно нарисовать. Цвет – это и есть цвет. Когда используются два цвета между, ними появляются определенные взаимоотношения. Для белого+цвета A – взаимоотношение: “цвет A темнее”. Не имеет значение, какие были у вас намерения, вы начнете работу с темного цвета, потому что самый светлый цвет уже у вас на фоне! Все цвета темнее по отношению к белому. 

Яркость любого оттенка зависит от фона.

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

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

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

3. Недостаток контраста

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

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

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

В Photoshop есть инструмент, который очень поможет вам в этой ситуации. Он называется Levels и это, кстати, гистограмма. Она показывает сколько использовано каждого оттенка на изображении. Вы можете открыть этот экран с помощью Image > Adjustments > Levels или используя Control-L.

Как это работает? Взгляните на эти четыре примера:

  • Почти равное количество белого, черного и полутонов.
  • Только черный и темные полутона
  • Только белый и светлые полутона
  • Только белый и черный, почти нет полутонов

Можете прочесть это по гистограмме?

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

Гистограмма показывает, что на данном изображении очень много полутонов, и в тоже время очень мало ярких и темных участков. Не имеет значения, как мы видим рисунок – это то, о чем нам говорит компьютер. Конечно, нет идеального рецепта для работы с уровнями (все зависит от яркости самого рисунка), но  абсолютное отсутствие темных и светлых областей – плохой знак.

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

Есть ли способ использовать правильные оттенки с самого начала? Да, и это, займет меньше времени! Нужно начать использовать меньше оттенков – темный, светлый, полутон, и немного белого и черного.

Чтобы использовать эти знания на практике, прежде чем начать рисовать, наметьте  освещение на сфере:

  • Нарисуйте круг и закрасьте его самым темным оттенком (черный – не рекомендуется)
  • Добавьте полутон
  • Добавьте самый светлый оттенок (белый – не рекомендуется)
  • Добавьте один или два полутона
  • Добавить немного черного и белого

Видите, как расположены эти цвета на гистограмме? Когда мы соединяем их – вот, что получается. Используйте эту сферу, как гамму для создания своего рисунка, рисуя тени в той же последовательности: самый темный оттенок, полутон, самый светлый, еще полутон, темный и светлый оттенки. Теперь можно ее сгладить.

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

Помните: рисовать тени светлых объектов темными – это так же неправильно, как рисовать тёмные объекты – светлыми оттенками.

4.Слишком много сложных кистей и больших штрихов

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

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

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

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

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

Но как с этой проблемой справляются традиционные художники? У них нет такого разнообразия кистей. Как они рисуют мех? Ответ прост – тем же способом, которым воспользовались бы вы, если бы у вам не было кисти. Если вам не терпится улучшить свои навыки, вам придется снять это проклятие всех начинающих художник и отказаться от дополнительных кистей на какое-то время. Работайте для начала с простым набором, например с этим, и научитесь владеть этими кистями. Не ищите легких путей, работайте над этим и вы получите бесценный опыт, вместо дешевых трюков.

5.Слишком крупный штрих

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

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

В этом и заключается вся проблема. Когда ваше изображение почти закончено, вам хочется скорее его завершить и насладиться конечным результатом. Но на самом деле, это именно тот момент, когда вся работа только начинается! Я помню комментарий под одной из фотографий с промежуточным процессом: ” Я бы остановился на 4 этапе” (из 10). Вот где и скрывается разница между профессионалом и новичком! Потому что, конец правила гласит: эти последние 20% работы составляют 80% от всего результата.

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

А теперь лучшая часть этого правила. Так как 80% работы не сильно влияют на конечный результат, нет нужды тратить на них много времени. Начните свою работу быстро и сохраните силы на потом. Помните: не каждое изображение должно быть закончено лишь из-за того, что вы его начали. Отсеивая проекты, к которым вы потеряли интерес, вы сэкономите в четыре раза больше времени, чем уже потратили!

6. Слишком много цвета

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

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

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

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

Вот как примерно новичок видит цвета:

  1. Синие
  2. Мутно-синие
  3. Серый
  4. Черные

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

  1. Ненасыщенный синий
  2. Насыщенный синий
  3. Ярко-синий
  4. Темно-синий

Выглядит запутанно, не так ли? Но это не значит, что этого всего можно не замечать! Если вам кажется, что это слишком изнуряющая работа, то поработайте с серым некоторое время. Цвета (или тона) – это как глазурь на торте. Она может сделать торт слаще, но не может быть его основанием. Никакое количество глазури не исправит плохой торт.

7. Копирование цвета с исходника

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

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

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

И еще одно: этот процесс останавливает вас от прогресса. Можно сказать, что вы “покупаете” набор цветов вместо того, чтобы учиться подбирать их самостоятельно. У вас есть свое цветовое колесо со всем необходимым: каждый цвет, который вы выбираете с исходника, может быть воссоздан вами самостоятельно. Но вы все равно предпочитаете использовать те цвета, которые уже есть на оригинале – быстро и очень эффективно.

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

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

8. Наложение цвета поверх серой гаммы

Я нарисовал эту картину в 2011 году. Это очень трогательная работа и даже сейчас мне очень нравится. Я помню, как нарисовал его в сером цвете, а после добавил цвет, используя несколько режимов наложения (Цвет, Наложение, Умножение). Тогда у меня возникла одна проблема – как добиться желтого цвета, рисуя поверх серой гаммы?

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

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

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

9. Тонирование с использованием инструментов Dodge и Burn

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

Но не все так просто. Эти инструменты, конечно, не совершенно бесполезны, но, когда вы только начинаете – лучше держаться от них подальше. Они не предназначены для тонировки. Инструмент Dodge – это не тоже самое, что “добавить света”, а Burn -“добавить теней”. Просто эти инструменты идеально подходят под понимание новичками этих процессов, поэтому так сложно избежать искушения.

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

Но если эти техники вроде бы работают, то почему бы их не использовать?

  • Это еще одна техника, которая тормозит ваш прогресс.  Когда вы пользуетесь этими методами, вы даже не понимаете, что не так.  Тонирование – это сложный процесс, а вы ограничиваете его одним простым принципом. Photoshop должен работать на вас, а не за вас. Пусть это не останавливает вас от обучения.
  • Так объекты кажутся плоскими. И не имеет значения, сколько текстуры вы добавите к изображению после. Принцип работы с этими инструментами такой же, как и с кистями – вы можете начать с них, но не должны ими закончить.
  • Вы искажаете цвета; цвет объекта очень сильно зависит от окружения, но ни Dodge ни Burn  ничего не знаю о вашего твоего рисунка. Они тонируют все по одному и тому же принципу.

 Тонирование с использованием белого и черного

Суть этой техники в том, что тонирование производится за счет белого на светлых участках, а черного – в тенях. Эта техника – результат заблуждения, что каждый цвет начинает как черный (в тенях) и заканчивает как белый (на свете). И хотя этот принцип может сработать в фотографии, в рисовании он бесполезен.

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

Однообразное тонирование

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

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

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

Если вы будете учитывать это и будете использовать косвенные источники света, чтобы разнообразить тени, то начнете рисовать более осознанно – и это отлично!

10. Размытие с помощью мягкой кисти

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

  1. Размытие с помощью мягкой кисти
  2. Размытие с помощью инструмента Smudge/Blur

Как мы уже поняли, быстрые способы работы говорят о том, что вы не контролируете процесс. Размытие с помощью мягкой кисти делает ваш объект плоским и неестественно гладким. Даже если вы добавите фото текстуру, вы не сможете избавиться от “пластикообразности” изображения. И снова, подобный метод может быть использован только в начале работы.

Если вам хочется более нежного эффекта, используйте более грубую кисть, контролируя Flow с помощью Pen Pressure (чем сильнее вы нажимайте, тем жестче получается штрих).

Такая кисть позволит вам использовать то количество цвета, которое вам необходимо.

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

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

Для того, чтобы добиться текстурности, используйте текстурную кисть (с грубыми краями).

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

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

11. Использование 2D текстур на 3D формах.

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

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

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

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

Если вы смените Blend Mode текстуры на Overlay, вы увидите как текстура наложится поверх теней. Но обратите внимание на то, как некоторые сегменты стали светлее. Вам может понравится это, если тонировка не была сделана должным образом, но это лишь очередной способ облегчить себе работу. В большинстве случаев, нам не хочется, чтобы текстура сама диктовала свои тени. Хотя Overlay – это не лучшее решение, но оно позволяет взглянуть на то,как текстура будет выглядеть на объекте.

Теперь самая главная часть, которую часто упускают из виду. Если объект должен быть 3D, его нельзя качественно покрыть с помощью 2D текстуры. Мы должны настроить текстуру по форме, которую она будет покрывать. Есть три основных способа сделать это – поэкспериментируй и выберите тот, который понравится вам больше всего:

  • Free Transform Tool (Control-T) в режиме Warp
  • Filter > Liquify
  • Edit > Puppet Warp
Для сферы лучше всего использовать 

Filter > Distort > Spherize

До использования Puppet Warp
После использования Puppet Warp

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

Выберите слой и настройте Blend If.  Вы можете легко настроить прозрачность белого и черного с помощью этой функции.

Держите 

Alt, чтобы разделить слайды и добить более плавного эффекта.

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

Здесь напрашивается еще один вывод. Это свет создает видимую текстуру – текстура не может быть создана без света. А иначе что есть тень, если не отсутствие света? Именно поэтому нам нужно уменьшить текстуру в темных участках или и вовсе удалять ее (нет света – нет текстуры). Вы можете использовать Layer Mask для этой цели или поработать с Blend If слайдами. Помните, что щели текстуры – это тени, поэтому они не должны быть темнее, чем другие теневые участки.

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

Правило 80-20 в деле. Добавить текстуру – несложно, но сделать так, чтобы она выглядела уместно – вот эта работа займет немало времени. Подобные вещи отнимают немало времени, но в этих деталях и заключается весь смысл!

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

Заключение

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

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

Изучите теорию цвета, перспективу, анатомию – все, что необходимо было бы выучить “традиционному” художникам. Со временем вы научитесь использовать инструменты Photoshop, которые помогут вам начать многое намного быстрее и легче – но не бегите впереди паровоза, постоянно используя эффекты, которые вы не понимаете. Терпение в этом деле – самое главное.

Главная фотография взята из сайта — Depositphotos.com

 Автор —Monika Zagrobelna

Перевод — Say-Hi

Мы рекомендуем:

20 полезнейших ресурсов для художников

Уроки по рисованию человека в Adobe Photoshop

Теория Цвета. Самое важное о цвете

Подборка видеоуроков по построению света и тени

Как изменить размер изображения для Amazon в Photoshop

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

В этой статье мы обсудим, как изменить размер и обрезать изображение продукта, чтобы получить одобрение на Amazon.

Начнем…

Изменение размера изображений продуктов для amazon

В первую очередь есть две причины, по которым размер изображения необходимо изменить: 1) для соответствия требованиям Amazon к изображениям и 2) для увеличения продаж, делая изображения привлекательными.

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

Шаг 1. Завершите изображение

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

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

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

Шаг 2. Требования к изображениям Amazon

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

Если вы хотите загрузить изображение в Amazon, минимальный размер изображения должен составлять 1000 пикселей в зависимости от высоты или ширины. Но рекомендуемый размер — 2560 пикселей в ширину. Максимальный размер изображений: Amazon предпочитает 3000 * 3000 пикселей.

Прочтите полную документацию Amazon по изменению размеров изображений.

Шаг 3: откройте его в Photoshop и просмотрите размер

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

Метод 1:

Вы можете сделать это с помощью I mage> Canvas Size .

Метод 2:

Или Изображение> Размер изображения.

Проверить размер изображения в Photoshop

Шаг 4.Изменить размер и обрезать изображение в фотошопе

Откройте программу Photoshop на компьютере или Mac.

  • Щелкните инструмент кадрирования на панели инструментов в левой части экрана. Он выглядит как два пересекающихся прямых угла. Или нажмите кнопку «C» на клавиатуре.
  • Затем вы можете увидеть, что поверх вашего изображения вы должны увидеть появившуюся рамку кадрирования.
  • Если вам нужно конкретное соотношение сторон окончательного изображения, вы можете определить, какое из них есть в параметрах инструмента в верхней части экрана.
  • Видно уже есть соотношение сторон. Затем установите передаточные числа 1 X 1 без ограничений. Это поможет вам сохранить урожай в квадрате.

NB: Я использую минимальный размер 1000px X 1000px, чтобы показать вам.

  • Вы можете изменить размер кадрирования с помощью маркеров кадрирования в углу поля кадрирования.
  • Ящик будет поддерживать соотношение сторон, если вы хотите сделать его больше или меньше, когда вы установите определенное соотношение сторон.
  • Вы можете настроить ширину и высоту по отдельности, если зафиксировали соотношение сторон.
  • Щелкнув и перетащив поле обрезки, вы также можете перемещать рамку обрезки вокруг изображения.
  • В меню «Инструменты» нажмите двойные стрелки, чтобы изменить ориентацию кадрирования с картинки на альбомную.
  • Нажмите галочку в в правом верхнем углу экрана и нажимайте клавишу Enter всякий раз, когда изображение обрезается для вашего удовольствия.

Шаг 6. Сохраните и загрузите

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

  • Наконец, вам нужно загрузить изображение. Как теперь загрузить изображение?
  • Для загрузки изображения вам нужно перейти в меню инвентаря и выбрать управление инвентарем, не управляемым инвентарем FDA.
  • Найдите список, в который нужно включить изображение.
  • Выберите «Управление изображениями» в раскрывающемся меню для изображения, которое нужно отредактировать.
  • Щелкните «Добавить изображения».
  • Нажмите кнопку «Обзор файла» в слоте для фотографий. Вы можете выбрать пустой слот или заменить реальное изображение.
  • Нажмите «Открыть», чтобы выбрать фотографию для загрузки. В нижнем левом углу слота изображения появится имя файла изображения.
  • Для выбора изображения необходимо нажать кнопку «Загрузить изображения».

Почему изображения товаров нужно обрезать и изменять размер?

В Amazon изображения товаров обычно отображаются в квадратной форме. Таким образом, чтобы обеспечить одинаковый размер и внешний вид, изображения товаров необходимо обрезать и изменять размер. Hance, Требуется редактирование изображения продукта…

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

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

Окончательный вердикт об изменении размера изображения для Amazon в Photoshop

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

Не стесняйтесь задавать любые вопросы или делиться ими с друзьями…

Вы можете прочитать:

Как сделать фон прозрачным в Photoshop

Уроки Photoshop — Основы работы со слоями Photoshop

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

24 августа 2017

Если вы загружаете изображения с камеры прямо на свой веб-сайт, вы, вероятно, столкнетесь с одной или обеими из следующих двух проблем:
(i) изображения будут очень большими с точки зрения размера файла и заставят вашу страницу загружаться медленно (это раздражает ваших посетителей и заставит людей покинуть ваш сайт, прежде чем они многое увидят или вообще ничего не увидят; это также заставляет Google понижать рейтинг вашего сайта, теряя ваш потенциальный трафик от людей, использующих поиск Google)
(ii ) изображения будут отображаться как изображения с измененным или измененным размером с потерей деталей

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

ИСПОЛЬЗОВАНИЕ ОПЦИИ PHOTOSHOP «СОХРАНИТЬ ДЛЯ ВЕБ-УСТРОЙСТВ И УСТРОЙСТВ»

Ниже приведены несколько обрезанных изображений, взятых из изображения, присланного мне клиентом, представляющего собой изображение картины с очень высоким разрешением, ясно показывающее текстуру холста). Первое изображение было сохранено в формате jpeg обычным способом — в результате получилось изображение размером 153 КБ . Второй был сохранен с использованием функции Photoshop «Сохранить для Интернета и устройств», в результате чего изображение было намного меньше 27 КБ . Это значительное улучшение, особенно когда вы показываете несколько изображений на одной странице.

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

Единственное, что немного отличается, — это рендеринг красных цветов в сохраненном для Интернета изображении.По какой-то причине красные не сохраняются так же хорошо, как другие цвета (вы можете увидеть разницу в цвете на изображениях выше), поэтому, если у вас есть изображения, в которых много красного, вы можете предпочесть использовать обычный Вариант «Сохранить как» [jpeg].

Значение качества по умолчанию — 60, и иногда вы можете снизить его, чтобы получить еще меньшие размеры файлов для изображений, которые по-прежнему являются приемлемым качеством для ваших веб-страниц. Но даже если вы используете качество 80 или 100 (для действительно резких изображений), «Сохранить для Интернета и устройств» вы получите изображения небольшого размера.

УЗНАТЬ, КАКИЕ РАЗМЕРЫ ИЗОБРАЖЕНИЙ ИСПОЛЬЗУЮТСЯ НА ВАШЕМ ВЕБ-САЙТЕ

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

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

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

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

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

»

ИЗМЕНЕНИЕ РАЗМЕРА ПО ШАГАМ

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

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

Взгляните на следующие четыре изображения:

Первое изображение — это обрезка размером 4 × 4 пикселя из изображения 16 × 16 пикселей.
Второе изображение — это изображение, полученное в результате уменьшения изображения 4 × 4 до 2 × 2 пикселей.
Третье изображение — это изображение размером 16 × 16 пикселей (с красными пикселями вверху справа).
Четвертое изображение — это то, что происходит, когда вы уменьшаете изображение 16 × 16 за один шаг до изображения 2 × 2 пикселей. Красный цвет полностью теряется.

Это неизбежно, что некоторые из мельчайших деталей, подобных этой, теряются в процессе сокращения, но с последствиями можно справиться, изменяя размер с шагом 50%.Этот процесс предотвращает слишком смешивание цветов. Если вы собираетесь уменьшить изображение до размера 550 пикселей, а ваш оригинал — 6000 пикселей, вы сначала уменьшите его до 4400, затем до 2200, затем до 1100, затем до 550 (или вы можете уменьшить до 3000, затем до 1500, затем до 750. затем до 550 — при условии, что вы никогда не снижаете более чем на 50% за раз).

Кроме того, повышение резкости изображения с помощью странно названной «Маски нерезкости» (находится в разделе «Фильтры> Резкость») может сохранить четкость деталей, таких как линии и границы, поскольку этот инструмент увеличивает контраст там, где обнаруживаются существенные различия.Вы можете настроить степень резкости: радиус около 0,3 градуса при 100% хорошо подходит для уменьшения изображений, когда они большие. Как только изображение станет меньше 1000 пикселей (ширина или высота), вам следует уменьшить радиус и / или процентное соотношение или вообще отказаться от нерезкой маски (или вы можете получить чрезмерно резкое изображение, которое выглядит хуже, чем размытое изображение). изображение). Порог — это инструмент точной настройки, с которым вы можете поэкспериментировать, но обычно вы можете обойтись без него и все равно получить хороший результат.Переключение предварительного просмотра позволит вам увидеть эффект от процесса повышения резкости. Когда вы будете довольны (не переусердствуйте), нажмите ОК.

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

Рассмотрите следующие две детали (увеличенные, чтобы показать пикселизацию):

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

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

Для этого:

  • создать папку для изображений с измененным размером
  • открыть первое изображение для изменения размера
  • открыть окно действий
  • щелкните значок страницы, чтобы «создать новое действие», дайте ему имя и нажмите «Запись».
  • уменьшите размер на 50%, пока не достигнете окончательного размера
  • .

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

Может показаться, что это утомительно, но как только это будет сделано, оно того стоит.

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

Изображения, использованные в этой статье, взяты из трилогии графических романов Сюзанны Плотник «Трилогия изгнания ».

Как изменить размер ваших фотографий в блоге и сделать их очень четкими

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

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

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

Шаг 1. Какая ширина изображения лучше всего подходит для вашего блога?

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

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

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

Шаг 2. Измените размер фотографии в Photoshop

Я использую Photoshop CC, чтобы изменить размер своих фотографий.Конечно, я могу экспортировать и уменьшенную версию в Lightroom (или других программах), но для следующих шагов мне понадобится Photoshop.

Откройте фотографию в Photoshop и выберите «Изображение»> «Размер изображения».

Измените количество пикселей рядом с «шириной» и убедитесь, что вы установили флажок «Resample» и написано «Bicubic (плавные градиенты)». При желании вы также можете изменить разрешение, так как для изображений в Интернете не нужно больше 72. Нажмите «ОК».

Шаг 3. Сделайте его очень резким

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

Скопируйте этот слой, нажав Ctrl + J (ПК) / Cmnd + J (Mac), а затем выберите «Фильтр»> «Резкость»> «Умная резкость».

Здесь вам нужно немного поиграть с настройкой Amount, чтобы увидеть, что даст вам лучший результат. Поскольку я использую RadLab для редактирования своих фотографий и уже добавляю туда фильтр для повышения резкости, я обычно делаю 50%, но вы определенно можете пойти дальше, если чувствуете, что нужно больше.И установите радиус 0,4 пикселя.

Шаг 4. Сохраните фотографию для Интернета

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

Поэтому выберите «Файл»> «Экспорт»> «Сохранить для Интернета (устаревшая версия)».

В зависимости от того, какой размер файла для вашего блога вы считаете приемлемым, вы можете изменить число в разделе «Качество». Слева под предварительным просмотром вы можете увидеть, насколько большим будет файл с этими настройками.Я обычно выбираю качество 60 (JPEG High), но в зависимости от размера файла я могу пойти ниже или выше. И убедитесь, что для параметра «Качество» рядом с размером изображения (справа внизу) установлено значение «Бикубическое».

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

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

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

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

Что такое разрешение?
Проще говоря, разрешение изображения — это количество пикселей, отображаемых на единицу длины печати изображения. Это измерение, используемое для печати (отсюда и фраза «длина отпечатка»), и обычно оно выражается в пикселях на дюйм (ppi используется при ссылке на изображения экрана) или точках на дюйм (dpi используется при печати, потому что принтеры печатают точки).

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

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

Итак, какое разрешение вам нужно, чтобы сделать великолепный отпечаток? Это зависит от принтера. В то время как нынешнее количество струйных принтеров потребительского уровня отлично справляется с разрешением 225–250 точек на дюйм, бюро профессиональных услуг может потребовать 300+. Если это ваш собственный принтер, выполните несколько тестов. Если кто-то другой печатает его для вас, спросите, какое разрешение им нужно.

Что такое пиксель?
Я не буду утомлять вас до слез диссертацией о том, как наименьший элемент изображения любого цифрового изображения называется пикселем и как изображения отображаются в крошечных цветных блоках (также называемых точками), которые вместе образуют все изображение (или, может быть, я только что сделал).Это пиксель, и по большей части творческим типам «промыли мозги» , а не , чтобы обращать внимание на количество пикселей в изображении. Нам сказали вместо этого обратить внимание на его решение. Как вы теперь знаете, это верно, когда дело доходит до печати, но не в любое другое время.

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

От цифровой камеры к большому экрану
Например, возьмем фото с качественной цифровой камеры (точнее, Olympus Evolt E-330). Я подумал, что этот снимок может быть хорошей стоковой фотографией, поэтому выбрал настройку высокого качества, чтобы у меня было достаточно данных о пикселях для печати. Я открыл фотографию в Photoshop и заглянул в диалоговое окно «Размер изображения» и обнаружил, что оно было 3136 × 2352 пикселей, но только 72 ppi.Означает ли это, что моя фотография низкого качества и не подходит для печати? Нисколько. Читать дальше.

На этом снимке экрана следует отметить несколько важных моментов:

1. Внизу окна документа вы можете увидеть, что файл действительно большой — 21 МБ (обведено красным).

2. Обратите внимание на размеры в пикселях, указанные в верхней части диалогового окна «Размер изображения»: 3136 × 2352 (также обведены красным). Запомните эти числа на несколько секунд.

3. Обратите внимание на огромные физические размеры этого изображения.Если бы я попытался распечатать вещь с текущим разрешением, она была бы больше 43,5 дюймов на 32,5 дюйма… ДЮЙМА!

Теперь внимательно смотрите, как я увеличиваю разрешение изображения, не изменяя количество пикселей. Вот как это сделать:

Шаг 1: В Adobe Photoshop выберите «Изображение»> «Размер изображения». СОВЕТ: в Photoshop CS2 просто нажмите Command-Option-I (ПК: Control-Alt-I).

Шаг 2: В нижней части диалогового окна снимите флажок Resample Image.Эта всемогущая волшебная опция фиксирует количество пикселей, содержащихся в изображении, тем самым фиксируя качество. Введите 300 в поле «Разрешение» и посмотрите, что произойдет:

Изображение теперь имеет размер 300 пикселей на дюйм, а его физический размер уменьшился примерно до 10,5 × 7,5 дюймов. Видите, как изменились физические размеры изображения, но не изменилась информация о пикселях? У меня точно такое же количество пикселей, с которым я начал: 3136 × 2352; они просто упакованы более плотно. Кроме того, заметили, что размер файла вообще не изменился? Это все еще 21 МБ, как показано в окне документа и в диалоговом окне «Размер изображения» (еще один признак того, что пиксельные данные не изменились).Я не менял качество (в пикселях), я просто изменил размер (dpi), который влияет только на печатное изображение.

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

Следует помнить, что пока вы снимаете флажок в поле «Resample Image», вы можете изменять разрешение до тех пор, пока коровы не вернутся домой, и вы вообще не измените качество изображения.Всегда. Если вы оставите флажок Resample Image отмеченным, вы будете практиковать темную магию под названием upsampling , при которой вы добавляете пиксели (данные) к изображению, которых изначально не было. Обычно это очень плохая идея; если, конечно, вы не находитесь в настоящем рассоле или не хотите, чтобы ваш дизайн выглядел коренастым.

(темное) искусство передискретизации
При этом (понижает голос до шепота) существует особый метод сжатия пикселей в изображение без потери качества, но его следует использовать только в крайних случаях. крайнего срока или экстремально широкоформатной печати (т.е., рекламный щит) ситуаций. Хитрость заключается в том, чтобы открыть диалоговое окно «Размер изображения», оставить флажок «Изменить размер изображения» и выбрать «Бикубическое сглаживание» во всплывающем меню справа. Затем измените размер всплывающих окон документа на «Процент» и введите любое значение от 105 до 110%, затем нажмите «ОК». Сделайте это столько раз, сколько необходимо, пока не получите желаемый размер в пикселях. Это действительно добавит пиксели к изображению с удивительно небольшой потерей качества, а при сверхбольших размерах вообще без заметной потери качества. Однако с такой мощностью возникает необходимость в большой сдержанности, поэтому сопротивляйтесь побуждению увеличивать ее более чем на 5-10% за раз.

Другой альтернативой является загрузка специального программного обеспечения для этой задачи. Взгляните на PhotoZoom Pro 2 от BenVista или на Genuine Fractals от onOne Software. Оба эти приложения выполняют довольно удивительное вуду увеличения изображения.

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

Как изменить размер изображения с помощью Pixlr.com

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

Шаблоны в T4 требуют, чтобы изображения были обрезаны или изменены до определенных размеров, чтобы они отображались должным образом при публикации на веб-сайте, поэтому вам нужно будет сделать это перед загрузкой изображений в медиатеку. Размеры изображений указаны в пикселях, а в Интернете — 72 пикселя на дюйм. Вы можете увидеть, для каких шаблонов нужны изображения и какие размеры изображений, на сайте веб-поддержки.

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

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

  1. Перейдите на http://pixlr.com/editor/ и нажмите кнопку Открыть изображение с компьютера .Перейдите к изображению, размер которого нужно изменить, и щелкните Открыть .
  2. Если вы не хотите ничего вырезать из изображения, тогда перейдите к шагу 3 . Чтобы обрезать изображение, нажмите эту кнопку на панели инструментов, чтобы выбрать инструмент кадрирования. Щелкните левой кнопкой мыши, удерживайте и перетащите курсор вокруг той части изображения, которую вы хотите сохранить, и отпустите, чтобы выбрать ее. Затем вы увидите ту часть изображения, которую собираетесь оставить, в сером прямоугольнике. Вы можете изменить свой выбор, перетащив синие прямоугольники по бокам и по углам в нужное положение.Когда вы будете счастливы, нажмите «Вернуться». Если вы хотите отступить в любой момент, нажмите ctrl + Z .
  3. В верхнем меню щелкните Изображение , а затем в раскрывающемся меню щелкните Размер изображения. В поле Размер изображения введите 218 в поле ширины. Убедитесь, что установлен флажок Сохранить пропорции , иначе пропорции изображения будут искажены. Щелкните Ok , чтобы изменить размер изображения.
    Примечание. Если начальное изображение имеет ширину менее 218 пикселей, увеличение ширины приведет к снижению качества изображения .
  4. В верхнем меню щелкните Файл , а затем в раскрывающемся меню щелкните Сохранить изображение. Введите имя для вашего изображения в поле Имя . Имя изображения должно содержать только буквы, цифры и дефисы — не должно быть пробелов и специальных символов (например, &% *). В раскрывающемся списке Формат выберите JPEG . Установите ползунок «Качество» на 80. Щелкните OK и сохраните его на свой компьютер.

Теперь ваше изображение должно иметь правильную ширину для загрузки в медиа-библиотеку.

Дэн Лотт,
Веб-дизайнер

Эта запись была опубликована в T4 автором Andy Morgan.

Об Энди Моргане

Сотрудник по веб-маркетингу

Быстрое изменение размера изображений продуктов в Photoshop

У меня более 60 моделей обуви, которые я не могу продать на Amazon из-за поврежденных обувных коробок, поврежденных / слегка изношенных ботинок, ограничений бренда и плохих покупок.Пару недель назад я потратил 3 дня, выставив около 40 туфель на Poshmark и eBay.

Шкаф, полный обуви.

Каждый раз, когда я фотографирую продукт, я использую камеру телефона для снимка самого маленького размера. Его размер составляет 2976 пикселей на 2976 пикселей и более 2 МБ. При таком размере изображения загружаются на Poshmark и eBay медленно. Поэтому я уменьшаю размер изображения перед загрузкой.

Раньше я делал это вручную, пока моя подруга Тина не сказала мне, что она изменяет размер своих изображений автоматически и партиями.Я посмотрел, как это сделать в Photoshop, и узнал о Image Resizer.

Боже мой! Использование Image Resizer — ОГРОМНАЯ экономия времени. Ближе к концу этого поста вы можете посмотреть видео, в котором Photoshop изменяет размер 25 изображений менее чем за минуту.

Все очень просто!

Начало работы — соберите изображения продуктов

Создайте папку для хранения всех изображений продуктов, размер которых необходимо изменить. Я назвал свою папку «Для изменения размера»

Измените размер изображений с помощью Photoshop Image Resizer

Я подписываюсь на версию Creative Cloud.Я не знаю, будет ли этот урок работать со старыми версиями Photoshop.

Откройте Photoshop и перейдите в Файл -> Сценарии -> Обработчик изображений. Тогда вы:

  1. Выберите папку, содержащую изображения, размер которых необходимо изменить.
  2. Сообщите Photoshop, какого размера вы хотите, чтобы были ваши новые изображения. У меня установлен размер 1000 на 1000 пикселей.
  3. Нажмите кнопку Run.

Вы также можете указать расположение файла обработанных изображений и изменить тип файла.

Это мои настройки «Обработчик изображений»:

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

Видео — посмотрите в действии

Это короткое видео показывает, как я открываю Photoshop и изменяю размер 25 изображений обуви менее чем за одну минуту! Видео длится всего 52 секунды. Когда вы его посмотрите, вы увидите, что в конце видео появляется папка «JPEG».Все исходные изображения остаются в папке «Для изменения размера».

Вот видео!

Я надеюсь, что это короткое руководство поможет вам сэкономить время на изменении размера файлов изображений продуктов!

Видео

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

Диана

шт. Если вы нашли этот пост в блоге полезным, поделитесь следующим изображением на Pinterest!

Если вы нашли ценность в этом сообщении блога, поделитесь им, чтобы помочь другим.Спасибо!

Правильно измените размер фотографий Etsy с помощью приложения Photoshop Express

Сегодня мы поговорим о том, как правильно изменить размер фотографий Etsy с помощью смартфона.

Идеальное соотношение и размер для ваших фотографий на Etsy — 5: 4 и 3000 x 2400 пикселей. Это позволяет вашей фотографии иметь правильное соотношение для миниатюрных изображений, которые появляются в поиске Etsy, и гарантирует, что ваши изображения достаточно большие, чтобы выглядеть фантастически при наведении на них с помощью инструмента масштабирования.

Но как правильно изменить размер фотографий на Etsy?

Начиная с большой фотографии

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

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

Правильно измените размер фотографий на Etsy с помощью приложения Photoshop Express

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

Так что вперед. Загрузите это бесплатное приложение. Ничего страшного, я подожду.

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

Затем проведите по параметрам кадрирования до конца вправо, где вы увидите слово «custom», и выберите его.

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

Снимите выделение, затем «установите связь» между двумя числами (это позволит изменять соотношение при вводе пикселей) и введите 3000 для ширины и 2400 для высоты.

Как только это будет сделано, нажмите «Применить».

Затем нажмите кнопку возврата в левом верхнем углу.Это позволит вам сохранить ваше изображение.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *