4 совета по работе с артбордами в Photoshop
- UI/UX
- 2 мин на чтение
- 4504
Перевод статьи «4 Tips for Prototyping with Adobe Photoshop Artboards» из блога Designmodo, об использовании новой функции Photoshop CC 2015 — артборд.
Когда Adobe анонсировал появление в новой версии Photoshop СС 2015 долгожданной функции артбордов (или как их еще называют — монтажные области), значительная часть дизайнерского сообщества, включая меня, чуть не умерли от счастья!
Если вы не понимаете, почему появление артбордов в Photoshop — это великое событие, то, скорее всего, вы не занимаетесь ни веб-дизайном, ни созданием мобильных приложений.
Ключевая функция артбордов — быстрое переключение между разрабатываемыми экранами приложения или страницами вебсайта, без необходимости переключения между открытыми вкладками документов (как это было всегда).
Таким образом, в одном .PSD-файле вы сразу можете видеть 10, 20, 30 или сколько вам нужно, открытых экранов приложения или страниц сайта.
Чтобы помочь вам освоить этот новый инструмент (почти во всех прочих продуктах от Adobe он уже давно есть), мы собрали 4 полезных приема-совета, поняв и освоив которые, вы с легкостью начнете владеть артбордами в Photoshop.
Итак, поехали!
Навигация между артбордами
Представим, вы давно работаете над каким-то проектом, и у вас накопилось более десятка рабочих областей с различными экранами мобильного приложения. Но как быстрее всего переключаться между ними, да еще и точно на тот артборд, который вам нужен?
Во вкладке Layers (Слои), нажмите с зажатой клавишей Option (Alt на Win) на нужный вам артборд и он окажется посередине экрана.
Свернуть/развернуть все артборды
Несмотря на то, что артборды — это новая функция, способ их отображения — нет. По факту, артборды переняли смысл функции “группировка”, тем самым объединив все объекты с одного артборда в единую группу.
Чтобы просмотреть объекты, расположенные на том или ином артборде, все в той же панели Layers, с зажатой клавишей Cmd (Ctrl на Win), нужно нажать на стрелочку рядом с любым пунктом.
Создать артборд из группы
Даже если вы начали свой проект не с создания монтажной области, а сразу приступили к прототипированию или отрисовке, вы всегда сможете создать артборд из сгруппированных объектов.
Для этого, выберите группу объектов в панели Layers, кликните по ней правой кнопкой и нажмите “Artboard from Group”.
Быстрый экспорт выбранного артборда в PNG
Для пользователей Illustrator или Sketch или многих других графических редакторов, подобная возможность — не нова. Но для Photoshop — это крутое нововведение 🙂
Функция быстрого экспорта любого выбранного артборда (или нескольких) доступна во вкладке Layers по нажатию правой кнопкой мыши — “Quick Export as PNG”.
Функция очень удобная, особенно если нужно показать кому-то работу над определенной частью приложения или опубликовать процесс на Dribbble, например.
Быстрая работа и предельная аккуратность
Новые функции в Photoshop CC 2015 призваны ускорить и облегчить работу веб-, графических и мобильных дизайнеров. Теперь группировать объекты стало проще, а необходимости в излишних слоях — меньше.
При условии, что сами слои никуда не делись, а появились новые возможности позиционировать неограниченное число вариантов дизайна в одном .PSD-файле — в компании Adobe уверены, что смогут вернуть потерянный интерес со стороны дизайнерского сообщества к использованию Photoshop в разработке мобильных приложений.
- #дизайн
- #интерфейс
- #перевод
- #статья
- #фотошоп
- 6
Где в фотошопе монтажная область?
Где в фотошопе монтажная область?
В Photoshop выберите «Файл» > «Экспорт» > «Монтажные области в файлы».
В диалоговом окне Монтажные области в файлы выполните следующие действия.
Что такое монтажные области?
Монтажные области – это области, в составе которых могут содержаться печатаемые графические объекты. Они могут использоваться как области кадрирования для печати.
Как сохранить монтажные области в фотошопе?
Выполните следующие действия.
- В Photoshop выберите «Файл» > «Экспорт» > «Монтажные области в файлы».
- В диалоговом окне Монтажные области в файлы выполните следующие действия. Выберите целевую папку, в которой следует сохранить сформированные файлы. …
- Нажмите кнопку Выполнить.
Что такое Артборд в фотошопе?
Каждый артборд представляет собой отдельный многоуровневый документ, означает все, что вы можете добавить в слой, который вы можете добавить в артборд. Каждый артборд имеет свои собственные слои, группы слоев, текст, смарт-объекты и все, что вы можете добавить в документ Photoshop.
Как создать новый Артборд в фотошопе?
Нажмите на инструмент Move и выберите инструмент Artboard. Здесь вы найдете опцию «Инструмент монтажной области». И это то, что вам нужно сделать артборды для вашего рабочего пространства. Выберите этот инструмент, нажав на него один раз.
Как увеличить Артборд в фотошопе?
Шаг 1. Выбрать в редакторе Adobe Photoshop команду меню Image — Canvas Size. Шаг 2. В группе New Size выбрать единицы измерения и ввести новые значения ширины и высоты холста.
Как увеличить пространство в фотошопе?
Чтобы добавить дополнительное пространство вокруг изображения, все, что нам нужно сделать, это нажать на маркеры и тащить их наружу.. Перетащив правую ручку вправо. Когда мы отпустим кнопку мыши, Photoshop добавит дополнительное пространство и заполнит его прозрачностью.
Как изменить размер проекта в фотошопе?
Изменение размеров отпечатка и разрешения
- Выберите команду «Изображение» > «Размер изображения».
- Измените размеры в пикселах, разрешение изображения или оба значения сразу. …
- Для сохранения текущего соотношения между высотой и шириной изображения выберите пункт «Сохранить пропорции».
Как изменить размер картинки на телефоне?
Пошаговая инструкция выглядит следующим образом:
- Открыть необходимую фотографию;
- Кликнуть на вкладку «Изображение»;
- В открывшемся меню выбрать «Размер изображения»;
- Выставить наиболее оптимальные значения;
- Сохранить результат с помощью вкладки «Файл».
Как изменить размер картинки на айфон?
Откройте программу Image Resizer+ на своем iOS — устройстве. Нажмите на кнопку Photos и выберите изображение из какого — либо фотоальбома, хранящегося на устройстве. После загрузки изображения пролистните экран программы вправо для доступа к меню редактирования размера изображения.
Как изменить размер картинки в КБ?
Шаги
- Щелкните по Quick Upload (Быстрая загрузка). …
- Нажмите Обзор. …
- Выберите изображение, размер которого хотите изменить. …
- Щелкните по Открыть. …
- Нажмите Set File Size (Указать размер файла). …
- Введите размер файла в килобайтах. …
- Нажмите Resize File (Изменить размер файла). …
- Щелкните по Save (Сохранить).
…Как изменить размер файла изображения?
Все доступные настройки файла JPEG находятся в разделе «Инструменты» в строке меню. Чтобы открыть новое диалоговое окно «Размеры изображения», выберите пункт «Настроить размер»….В Windows
- Запустите MS Paint. …
- Найдите параметры размеров. …
- Настройте разрешение. …
- Сохраните новую версию.
Как изменить размер изображения?
Откройте в приложении ваше изображение, используя стандартный способ открытия файлов. Затем на ленте главного меню управления настройками приложения откройте вкладку «Изображение».
В открывшемся меню возможных действий выберите раздел «Изменить размер изображения».
Какой программой уменьшить размер фото?
Почти все программы для работы с изображениями позволяют сжать размер фото. Правда, не все из них справляются одинаково хорошо. Возьмём в качестве примера три программы – ФотоМАСТЕР, Photoshop и Paint.
Как уменьшить размер файла фотографии?
Выберите нужную картинку и щелкните по ней правой кнопкой мыши. В пункте меню «Открыть с помощью» выберите «Paint». Затем вверху нажмите на кнопку «Изменить размер» и уменьшите его в процентах со 100 до более низкого числа. Теперь можете сохранить получившийся результат.
Как сжать картинку без потери качества?
5 лучших сервисов для сжатия картинки без потери качества
- Tinypng.
- Kraken.io.
- Compressor.io.
- Imagecompressor.com.
- Jpeg-optimizer.com.
- EWWW Image Optimizer.
- WP Smush.
- Optimus.
Как уменьшить размер файла Word?
Чтобы сжать все рисунки в документе, на ленте выберите «Файл» > «Сжать рисунки» (или «> уменьшить размер файла«). SHIFT, а затем нажмите кнопку «Сжать рисунки#x0 вкладке «Формат рисунка». Выберите параметр в поле «Качество рисунка». Первое разрешение указано первым, а наименьшее — последним.
Как увеличить размер файла Word?
Изменение размера бумаги для определенных страниц
- Выберите текст на страницах, которые вы хотите изменить.
- В меню Формат выберите пункт Документ.
- Щелкните Параметры страницы.
- Во всплывающем меню Размер бумаги выберите размер бумаги.
- Нажмите кнопку ОК.
Как уменьшить масштаб при печати в ворде?
Как уменьшить масштаб в ворде для печати?
- Заходим в «Файл», далее «Печать» и «Параметры страницы».
- В диалоговом окошке выбираем закладку «Размер бумаги» и внизу жмем на «Параметры печати».
Как уменьшить размер отсканированных документов?
Как уменьшить размер отсканированных копий документов
- Открываем файл в редакторе (через контекстное меню, щелчок правой кнопкой мыши по имени файла)
- Нажимаем «Изменить рисунки» в верхнем меню.
- В правой панели нажимаем ссылку «Сжатие рисунков»
- В правой панели выбираем «Сжатие для документов» (1), нажимаем «OK» (2)
Как можно сжать файл?
Как сжать файл с помощью WinRAR
- Нажмите правой кнопкой мышки по файлу и выберите пункт Добавить в архив «name. …
- После этого в папке, где находится файл, выбранный для сжатия, появится архив. …
- Размер файла будет указан в появившемся окне (в нашем примере — 2,31 МБ).
- Затем так же узнайте размер файла-архива.
Как уменьшить объем файла тиф?
» Для того, чтобы уменьшить файл tiff используйте программу fine reader или похожую которая сможет сохранить ваш файл в сжатом формате перечисляю по уменьшению сжатия Packbits, LZW, CCITT Group4 Если не сжатый формат будет 1 мб, то после сжатия КБ.
Блог Джулианны Кост | Работа с монтажными областями в Photoshop
Монтажные области Photoshop могут быть очень полезным инструментом — не только для веб-сайтов и мобильных устройств, но и для фотографов. Почему? Потому что монтажные области позволяют создавать несколько итераций дизайна в одном документе. Это означает, что вы можете легко создавать несколько макетов (например, лицевую и оборотную стороны открытки) в одном документе.
Чтобы создать новую монтажную область:
• Выберите «Файл» > «Создать», а затем выберите «Монтажная область» в меню «Тип документа». Выберите любой из предустановленных или создайте свой собственный, указав ширину, высоту и разрешение, которые вам нужны.
• Чтобы создать монтажную область из открытого документа, выберите слои, которые вы хотите включить в монтажную область, и во всплывающем меню панели «Слои» выберите «Монтажная область из слоев». У каждой монтажной области есть своя специальная группа слоев монтажной области на панели «Слои».
Чтобы создать дополнительные монтажные области в документе:
• Выберите инструмент «Монтажная область» и перетащите другую монтажную область (инструмент «Монтажная область» вложен в инструмент «Перемещение»).
• Чтобы добавить монтажную область определенного размера, выберите инструмент «Монтажная область», щелкните значок «Добавить новую монтажную область» на панели параметров, выберите нужный размер из списка предустановок и щелкните в области предварительного просмотра документа. Примечание. Если щелкнуть другую монтажную область, Photoshop переключится на инструмент «Перемещение».
Чтобы дублировать монтажную область:
• Выделив группу слоев монтажной области на панели «Слои», выберите «Слой» > «Дублировать монтажную область».
• Опция + (Mac) | Alt + (Win) – перетащите группу слоев монтажной области на значок «Новый слой» на панели «Слои».
• Опция + (Mac) | Alt + (Win) – перетащите имя монтажной области, чтобы создать дубликат (в области предварительного просмотра документа или на панели «Слои»).
Чтобы изменить размер монтажной области:
• Выбрав инструмент монтажной области, перетащите маркеры, окружающие монтажную область.
• Выбрав инструмент Монтажная область, используйте свойства на панели параметров, чтобы изменить ширину, высоту и ориентацию.
• Выбрав монтажную область, используйте панель свойств, чтобы изменить ее размер. (Монтажные области могут быть разных размеров в пределах одного документа.)
Другие интересные факты об монтажной области и ярлыки:
• Когда вы перетаскиваете элемент в монтажную область, он обрезается границей монтажной области.
Чтобы изменить имя монтажной области, переименуйте группу слоев монтажной области на панели «Слои».
Скройте названия монтажных областей, используя «Просмотр» >
Опция — перетаскивание (Mac) | Alt – перетащите (Win), чтобы скопировать элементы из одной монтажной области в другую.
Опция -щелчок (Mac) | Удерживая клавишу Alt, щелкните (Win) имя группы слоев монтажной области на панели «Слои», чтобы выбрать «По размеру монтажной области на экране».
Развертывание и свертывание монтажных областей:
• Option (Mac) / Alt (Win) — щелкните треугольник раскрытия рядом с монтажной областью, чтобы развернуть/свернуть все монтажные области в документе.
• Если монтажная область содержит группы слоев, щелкните правой кнопкой мыши (или щелкните, удерживая клавишу Control на Mac) треугольник раскрытия рядом с монтажной областью и выберите «Закрыть/открыть эту группу» или «Закрыть/открыть все остальные группы» в контекстно-зависимом меню. меню. Примечание. Вложенные группы слоев остаются в исходном развернутом/свернутом состоянии.
• Command-щелчок (Mac) | Нажмите, удерживая клавишу Control, (Win) на монтажной области на панели «Слои», чтобы свернуть/развернуть все монтажные области.
Экспорт монтажной области:
• Выберите «Файл» > «Экспорт» > «Экспортировать как…», чтобы экспортировать каждую монтажную область в виде отдельного сведенного файла.
• В меню или на панели «Слои» выберите нужные монтажные области/слои и выберите «Быстрый экспорт как…» или «Экспортировать как», чтобы экспортировать каждую монтажную область в виде отдельного сведенного файла.
• Выберите «Файл» > «Экспорт» > «Монтажные области в PDF».
В этом видео (Работа с монтажными областями в Photoshop CC 2015) Джулианна демонстрирует, как монтажные области могут повысить вашу производительность при создании нескольких версий изображения в одном документе, а также новые функции и улучшения, добавленные в монтажные области в ноябрьском выпуске. Photoshop CC 2015.
В этом видео (новые функции быстрого экспорта и экспорта как в Photoshop) показано, как экспортировать монтажные области (и отдельные элементы монтажных областей) в виде новых документов).
В этом видео (5 скрытых жемчужин в Photoshop CC 2016) показано несколько улучшений монтажных областей в Photoshop.
Примечание: из-за поддержки нового цвета фона фон монтажной области экспортируется так, как он визуализируется на холсте (т. е. если вы видите фон, вы получите его при экспорте! Визуальное представление «прозрачности» в виде шахматной доски работает так же в документах монтажной области, как и в обычных холстах. Поэтому, если вы изменили настройки >
В этом видео (Hidden Gems in Photoshop cc 2017) продемонстрировано несколько улучшений монтажных областей в Photoshop.
Adobe Photoshop
Монтажные области (9)
Проверка размера изображения и способы его изменения
Нужна помощь в проверке размера изображения?
Вот простое руководство, которое поможет вам разобраться с основами проверки размера в Adobe Photoshop CC 2020.
1.
Начнем с открытия рисунка. На панели «Слои» дважды проверьте, чтобы ни на одном слое не было маленького замка, говорящего, что слой заблокирован. (Вы не сможете выбрать слой или его содержимое, если он заблокирован.) * Если он еще не открыт, вы можете найти его в строке меню «Окно» > «Слои». Наш находится в первом разделе наших инструментов в правой части экрана.
Дизайн кармана FM должен иметь ширину 4 дюйма (W) и пропорциональную высоту (H), чтобы мы могли прижимать его к карманам одежды.
2. Если есть символ замка, нажмите на слой, который вы хотите разблокировать, а затем нажмите на замок справа выше. Это разблокирует слой, чтобы вы могли вносить в него изменения.
3. Теперь, когда вы убедились, что слои разблокированы, выберите ненужные слои (например, у нас есть фоновый слой) и нажмите «Удалить» на клавиатуре.
4. Выберите инструмент «Обрезка» на панели инструментов. Вы также можете получить доступ к инструменту «Обрезка» в строке меню «Изображение»> «Обрезать».
5. Нажмите и перетащите края монтажной доски так, чтобы они привязались к рисунку. Вы захотите сделать это для всех четырех сторон артборда.
6. Когда все четыре стороны будут привязаны к иллюстрации, нажмите Enter на клавиатуре, чтобы применить обрезку. Теперь вы обрезали свою художественную доску по своему рисунку!
7. Теперь вам нужно открыть диалоговое окно «Размер изображения». Вы можете найти это в строке меню Изображение > Размер изображения.
8. В диалоговом окне «Размер изображения» указан размер моего изображения: 8,26 дюйма в ширину и 7,22 дюйма в высоту и разрешение 300.
Как изменить размер моей работы?
1. Диалоговое окно «Размер изображения» позволяет вам ввести размер, до которого вы хотите настроить иллюстрацию. Выделите поле Ширина, введите 4 и нажмите Tab на клавиатуре.
