Фотошоп игры: Игры Фотошоп

Создание pixel art графики для игр в Photoshop и Unity с 0

О чем этот курс?

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

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

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

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

Требования для обучения:

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

Дополнительный курс:

Пять частей длительностью 3 часа 40 минут

Сложность: Новичок/Средний

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

Этапы: Идея, Скетч, Контур, Покраска, Объем, Детализация, Полировка

Бесплатные видеокурс

Три серии в которых я покажу создание игрового спрайта на реальном примере для игры Bloodlust 2D

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

Рисуем в Фотошоп персонажа игры Angry Birds | by PFY (Твой фотошоп)

Итоговый результат:

Скачать архив с материалами к уроку

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

Создайте новый документ в программе Photoshop со следующими размерами 600×600 px, разрешение 300 dpi. Соберите свои любимые изображения с angry birds, а затем выберите одно изображение в качестве исходного. В этом уроке я создам образ красной птички — главного персонажа игры. С помощью жёсткой круглой кисти, нарисуйте простой контурный рисунок птички на отдельном слое.

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

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

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

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

Теперь давайте добавим цвет. Создайте новый слой ниже слоя с наброском (sketch). Назовите этот слой различные оттенки (flat colors). С помощью жёсткой круглой кисти, прокрасьте основу различными цветовыми оттенками. Чтобы совместить нарисованный набросок с основой, просто поменяйте режим наложения для слоя с наброском на Мягкий свет (Soft Light).

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

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

Примечание переводчика: Красный кардинал, или виргинский кардинал (лат. Cardinalis cardinalis) — вид птиц из семейства кардиналовых (Cardinalidae).

С помощью инструмента Прямолинейное лассо(Polygonal Lasso Tool (L)), выделите участки с фрагментами пёрышек и шёрстки, которые вы хотели бы использовать. Скопируйте / вклейте на наше изображение с angry bird. Примените инструмент Свободная трансформация (Free Transform Tool (Ctrl+T)) для масштабирования и расположения текстур по месту.

Давайте начнём с фрагмента шёрстки кота. Скопируйте / вклейте фрагмент шёрстки кота на наш рабочий документ. Преобразуйте слой с шёрсткой кота в обтравочную маску к слою с основой (примечание переводчика: слой с основой — это слой различные оттенки (flat colors)). Используйте белую текстуру шёрстки на животике птички. Проведите коррекцию краёв текстуры с помощью инструмента Ластик(Eraser Tool (E)).

Теперь используйте тёмные участки шёрстки для воссоздания бровей у птички. Ещё раз проведите коррекцию краёв текстуры с помощью инструмента Ластик(Eraser Tool (E)).

Проделайте то же самое, используя красные пёрышки с исходного изображения птицы. Чтобы придать пёрышкам форму округлости, воспользуйтесь инструментами Свободная трансформация (Free Transform (Ctrl+T)) и Деформация (Warp).

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

Как только вы завершите работу с текстурами, выделите все слои с текстурами, которые вы добавили, а также слой с раскраской различные оттенки (flat colors), далее, щёлкните правой кнопкой по выделенным слоям и в появившемся окне выберите опцию Объединить слои (Merge Layers). Так же, как и ранее, у вас опять должно быть 3 слоя (слой с задним фоном, слой с нарисованной птичкой и слой с наброском). Назовите новый объединённый слой с нарисованной птичкой основа (base).

Примечание переводчика: у вас должно быть 3 слоя: основа (base), задний фон (background) и набросок (sketch).

Теперь пришло время использовать технику цифрового рисунка, чтобы наше изображение было больше похоже на 3D. С помощью жёсткой круглой кисти с шероховатыми краями и с Жёсткостью (Hardness) кисти 100%, прокрасьте клюв и глаза сплошным тоном.

Давайте добавим тени! С помощью инструмента Эллипс(Ellipse Tool (U)), нарисуйте эллипс тёмного цвета под изображением птички для создания тени.

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

Примечание переводчика: слой с затенением назовите затенение (shading), автор добавляет затенение по контуру изображения птички за исключением верхней части изображения.

Продолжайте прокрашивать кистью на дополнительных новых слоях, преобразованных в обтравочные маски к слою основа (base). Воспользуйтесь инструментом Прямолинейное лассо(Polygonal Lasso Tool (L)) для выделения небольших участков вокруг каждой отдельной черты птички. Дополнительные выделения помогут вам добавить больше теней, а прокрашивание в пределах выделенной области не позволит вам испортить изображение!

Пришло время для световых бликов! Создайте новый слой поверх слоя с затенением, поменяйте режим наложения на Линейный осветлитель (Добавить) (Linear Dodge (Add)) и с помощью кисти светлых тонов, добавьте световые блики на верхние участки изображения птички. Добавьте блики на брови, которые сразу сделают их выразительными.

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

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

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

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

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

В заключение, создайте новый корректирующий слой Кривые (Curves). Откорректируйте кривые для RGB канала и Синего (Blue) канала, чтобы добавить светлые синие тона к нашей картине, а также, чтобы сбалансировать тёплые тона.

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

Итоговый результат:

PFY

Как в Сети смеются над фотошопом Насти Ивлеевой в рекламе Far Cry 6

В Сети смеются над неудачным фотошопом блогерши Насти Ивлеевой, которая прорекламировала в своих соцсетях новую игру Far Cry 6.

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

Ведущая Анастасия Ивлеева в своём инстаграме опубликовала рекламу компьютерной игры в жанре шутера Far Cry 6, которая должна выйти на консолях Xbox 7 октября. На снимках девушка позирует якобы на фоне пейзажей Германии, Франции и острова Яра и предлагает подписчикам сделать то же самое — но в цифровой реальности. Как писал Medialeaks, до этого блогерша разозлила фанатов фотографиями, на которых она якобы полная.

_agentgirl_

Знаете, довольно туристический сентябрь сложился! Побывала не только в Германии и Франции, но и на острове Яра — это настоящий рай! Здесь столько возможностей!✨

Познакомьтесь с этим местом в #FarCry6 на консолях Xbox Series X|S уже 7 октября!

👉 Еще больше игр в официальных аккаунтах @Ubisoft_Ru @XboxRU

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

Настя Ивлеева рекламирует Far Cry 6

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

Агент фотошоп выходит на новый уровень.

Что-то как-то плохим фотошопом попахивает.

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

Вам нужно срочно менять себе фотошопера.

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

Это из игры фотомонтаж.

Ивлеева рекламирует Far Cry 6

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

Отпуск, который мы можем себе позволить.

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

Как нарисовать драгоценный камень в Photoshop

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

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

1. Рисование первого векторного объекта
2. Рисование граней алмаза при помощи инструмента Pen Tool
3. Настройка параметров слоев для векторных граней-треугольников
4. Создание второго векторного объекта и настройка его свойств
5. Добавление световых эффектов граням алмаза
6. Добавление дополнительных эффектов для алмаза

Рисование первого векторного объекта

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

Закрасьте основной слой нейтральным цветом (#c0efcc). Выберите в палитре инструментов (Custom Shap Tool) векторный объект, зажмите кнопку Shift, и нарисуйте его на слое.

Затем поверните объект, как показано на изображении.

Рисование граней алмаза инструментом Pen Tool

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

Чтобы поместить пиксель в центр объекта нужно проделать следующие действия:

1. используя инструмент «Move Tool» выделите слой, на котором расположен основной векторный объект, для этого зажмите кнопку Ctrl и щелкните кнопкой мыши на этом слое;
2. после чего нужно на верхней панели инструментов нажать на кнопки выравнивания «Align vertical centers» и «Align horizontal centers».

Теперь используя инструмент «Pen Tool» нарисуйте такой треугольник.

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

Можете взять треугольник из набора векторных фигур и повернуть его так, как нужно, но лучше воспользоваться инструментом «Pen Tool».

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

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

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

Точно также нужно создать другие грани, должно получиться следующее:

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

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

Примечание. Находясь в режиме настроек слоя и редактирования градиента (Gradient Overlay) можно двигать его кнопкой мыши, изменяя тем самым его расположение в векторном объекте. Попробуйте сделать это, просто наведите курсор на объект, где расположен градиент, зажмите правую кнопку мыши и переместите курсор — градиент должен будет изменять свое положение. Если вы заметили какие-то несоответствия в уроке с итоговым результатом, где используется градиент, то попробуйте его «подвигать» мышью.

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

Создание второго векторного объекта

Теперь нужно нарисовать еще один такой же объект в центре основного. Это будет верхняя грань алмаза. Сделаем это при помощи копирования слоя основного векторного объекта, далее зажав кнопку Shift, уменьшим масштаб нового объекта, как показано на рисунке.

Назначьте следующие параметры слою объекта:

Должен получиться такой драгоценный камень:

Добавление световых эффектов граням алмаза

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

Примените к каждому слою этих объектов «Blend Mode Lighten» и установите параметр «Opacity» на значение 20.

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

Примените следующие настройки для каждого слоя:

Добавление дополнительных эффектов для алмаза

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

Подсказка. Чтобы рисовать прямые линии при помощи инструментов Brush Tool и Pencil Tool, как это делается при создании векторного объекта, сначала нажмите на начальную точку, затем зажмите клавишу shift и нажмите на следующую, туда, куда нужно провести линию.

Сделаем еще небольшие штрихи, добавим подсвечивание для линий.

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

Если вам понравился урок — сохраните его или поделитесь, добавив в закладки социальных сетей (значки внизу). Задавайте вопросы и пишите свое мнение в комментариях.

Автор: Jean Winters

Другие уроки Photoshop:

Как нарисовать алмаз в Photoshop

Игры с реальностью и фотошоп: пять нескучных приложений осени :: Впечатления :: РБК Стиль

Автор Елена Фомина

20 октября 2018

От дополненной реальности до грандиозного выхода Photoshop на мобильных устройствах — «РБК Стиль» собрал самые интересные новинки среди приложений, вышедших этой осенью.

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

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

 

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

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

 

Создать «живую» афишу

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

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

© пресс-служба

«Примерить» картину перед покупкой

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

С Vivart картины можно не только примерять, но и покупать: в приложении представлено более 150 работ именитых российских художников.

© пресс-служба

Запланировать поездку на концерт

Сервис Aviasales запустил новое приложение Events, которое помогает планировать поездки на концерты и музыкальные фестивали. Если подключить приложение к Apple Music и Spotify, оно изучит содержимое плейлистов пользователя и предложит спланировать путешествие. После выбора подходящего музыкального мероприятия можно перейти на сайт Aviasales за авиабилетами. Билеты на концерты продаются через посредников. Для удобства пользования все самые популярные концерты нанесены на карту мира. Сейчас в Events доступны данные о 10 тысячах музыкантов и 34 тысячах концертов. Сервис пока доступен только в App Store.

© пресс-служба

Отредактировать видео через приложение от​ Adobe

Видеоредактор Premiere Rush CC от Adobe предназначен для обработки видеороликов перед загрузкой на YouTube или соцсети. Сервис упрощает работу с видео на смартфонах и планшетах, позволяя монтировать видео, корректировать цвета, добавлять визуальные и аудиоэффекты. В бесплатной версии Premiere Rush с объемом хранилища в 2 ГБ можно создавать неограниченное количество проектов и экспортировать три из них. Платная версия без ограничений обойдется в $9,99 в месяц.

Это не все осенние новости от Adobe: компания объявила, что в 2019 году планирует выпустить полноценное приложение Photoshop CC и приложение Gemini для iPad, исполнив давнюю мечту художников и фотографов.  

Как ускорить работу Adobe® Photoshop®

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

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

Ускорьте работу Photoshop

Как больший объем памяти и твердотельный накопитель ускоряют работу Photoshop

Преимущества большого объема ОЗУ и твердотельного накопителя при работе с Photoshop: 

• Быстрая загрузка при включении
• Быстрая передача изображений с камеры на компьютер
• Более быстрая загрузка Photoshop и других приложений
• Более быстрая загрузка изображений и файлов
• Быстрое создание и редактирование файлов
• Быстрое сохранение и вывод файлов
• Ускорение работы в многозадачном режиме

Почему больший объем памяти и твердотельный накопитель ускоряют работу Photoshop

Роль памяти при работе с Photoshop

Ежедневные операции, которые зависят от памяти: Обработка изображений, работа с атрибутами изображений (добавление слоев и эффектов), рендеринг, возврат исходных параметров файлов, запуск Photoshop и других приложений. Узнайте подробнее о памяти.

Почему память настолько важна: Чтобы запустить Photoshop или иное приложение, программу необходимо скопировать и сохранить в памяти компьютера. Аналогичным образом каждое изображение, с которым вы работаете, также следует скопировать и сохранить в памяти. Увеличение объема памяти означает, что вы можете работать с большим количеством изображений и программ одновременно — в режиме реального времени и без задержек. Увеличение объема памяти также означает, что вы можете быстрее восстанавливать параметры файлов и сохранять их. Большинство файлов Photoshop чрезвычайно велики, поэтому они используют большой объем памяти. Если файлы используют больше памяти, чем доступно, их необходимо преобразовать («заменить») в хранилище. Использование твердотельного накопителя помогает выполнить эту операцию, поскольку запись данных в долговременное запоминающее устройство происходит быстрее.

Роль хранилища при работе с Photoshop

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

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

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

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

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

	HDD, ОЗУ 4 ГБ	HDD, ОЗУ 16 ГБ	SSD, ОЗУ 4 ГБ	SSD, ОЗУ 16 ГБ
Загрузка системы	1:34	1:36	0:53	1:07
Открыть 6 приложений	6:03	5:24	1:32	1:28
Открыть 1 файл Photoshop объемом 1 ГБ	8:59	1:29	1:01	0:32
Выполнить тестовый сценарий (72 шага)	5:05	1:28	1:42	1:32
Сохранить файл Photoshop	5:26	0:11	0:37	0:12
Восстановление параметров файла	5:32	0:26	0:45	0:29
Общее время	32:39	10:33	6:30	5:20

Компонент
Система	HP® Elitebook® 8460p
Процессор	Intel® Core™ i5-2520M 2,50 ГГц
Память	Crucial 4 ГБ DDR3-1333
Жесткий диск	HGST Travelstar® 320 ГБ 7200 об/мин
Твердотельный накопитель	Crucial 1 ТБ MX200
BIOS	Версия BIOS F. 06 (28 июля 2011 г.)
Операционная система	Microsoft® Windows® 7 Pro 64-разрядная
Программное обеспечение	Adobe® Creative Cloud®

Полученные результаты говорят сами за себя. Однако возможности увеличения скорости недооцениваются, поскольку наш тестовый сценарий для Photoshop включал обработку изображений и применение эффектов, которые уже были предварительно загружены и созданы. С помощью Photoshop мы попытались создать плакат, выполнив последовательность предварительно определенных действий. Выполняя реальную работу, Вам пришлось бы загрузить все изображения, связанные с вашим проектом, и отредактировать их, что потребует гораздо больше памяти и создаст значительную нагрузку на накопитель, поскольку он загружает и сохраняет каждый элемент проекта. Кроме того, система, которую мы тестировали, являлась устаревшей моделью, а Ваша система, вероятно, быстрее и предусматривает установку большего объема памяти. Несмотря на то, что мы не тестировали системы с объемом памяти более 16 ГБ, согласно данным компании Adobe, больший объем памяти означает, что Вы сможете выполнить больше операций, прежде чем будет задействована виртуальная память. Поскольку виртуальная память существенно влияет на производительность, мы рекомендуем использовать как можно больше памяти (как правило, 32 ГБ), хотя объем устанавливаемой памяти должен соответствовать интенсивности рабочей нагрузки.

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

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

Многие дизайнеры тратят значительное количество времени, переключаясь между Photoshop и другими приложениями в многозадачном режиме. Как правило, это необходимость. Для большинства проектов необходимо сверяться с электронными сообщениями клиента, переключаться между многочисленными изображениями, создавать векторную графику в Illustrator, работать с макетами в InDesign, выполнять поиск в сети, а также транслировать музыку в потоковом режиме для расширения творческих возможностей. Если вы будете выполнять хотя бы несколько из перечисленных выше операций одновременно, вы действительно выиграете от максимального увеличения объема памяти, поскольку память используется для работы всех открытых приложений. Именно это позволяет работать в многозадачном режиме. Узнайте, какой объем памяти необходим вашему компьютеру.

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

Итог: Ускорьте работу Photoshop, ускорив соответствующие компоненты

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

В Adobe Photoshop появилась Open Source-подсистема

11 Сентября 2013 14:0911 Сен 2013 14:09 | Поделиться Корпорация Adobe выпустила обновление для Adobe Photoshop CC, облачной версии своего флагманского графического пакета Adobe Photoshop, включив в него новую подсистему экспорта изображений. Технология, получившая название Adobe Generator, в отличие от традиционно проприетарного Photoshop, имеет открытый исходный код.

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

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

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

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

Кроме того, добавляя к названию слоя специальные тэги, пользователи смогут устанавливать дополнительные параметры экспорта. К примеру, цифра 10 после разрешения .jpg сообщит подсистеме, что изображение JPEG надо сохранить в максимальном качестве, а «200%» в названии слоя укажет Photoshop на то, что разрешение изображения необходимо увеличить на 200% для просмотра на сверхчетком дисплее Retina.

Adobe также выпустила для нового генератора плагин, обеспечивающий в реальном времени интеграцию с Adobe Edge Reflow — инструментом для создания динамического дизайна веб-страниц на основе стандарта CSS.

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

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

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

С другой стороны, воспользоваться новой функциональностью непосредственно в Photoshop, к сожалению, смогут далеко не все. Обновление вошло не в десктопную версию Adobe Photoshop Creative Suite, а в облачный сервис Adobe Photoshop Creative Cloud 14.1, который работает по модели SaaS и доступен по оплачиваемой подписке. При этом сервис использует проприетарный формат изображений, обратно несовместимый с десктопными версиями Photoshop CS.

Почему в России набирают популярность отечественные серверы с открытой архитектурой

Инфраструктура

Компания, впрочем, не прекращает бомбардировать пользователей десктопных версий скидками и выгодными предложениями по миграции с десктопных версий на Creative Cloud.

Так, зарегистрированный покупатель Photoshop Сreative Suite сейчас может получить аккаунт Creative Cloud на $20 дешевле ($30 против $50 для незарегистрированных). Еще $20 можно сэкономить, подписавшись на групповой облачный пакет Adobe Photoshop CC for Teams.

Наиболее либеральное предложение для пользователей появится в начале следующей недели. Пакет облачных услуг Photoshop Photography Program, который станет доступен в понедельник, 16 сентября, включает в себя доступ к Photoshop CC, а также Adobe Lightroom 5 и Behance ProSite, за месячную плату в $9,99.

Кроме того, в стоимость входит услуги облачного хранения данных. Каждый покупатель подписки на Photoshop Photography Program получает 20 GB для хранения изображений.

Любопытно отметить, что в этом году слова «Photoshop» и «Open Source» уже встречались в одном предложении. 15 февраля 2013 г. Adobe открыла и передала калифорнийскому Музею компьютерной истории код самой первой версии Adobe Photoshop, разработанной для компьютеров Mac.

Разумееется, код Photoshop 1.0, на 75% написанный на Pascal и на 25% — на ассемблере для процессоров 68000, в настоящее время имеет лишь архивную ценность. Подсистема Generator, выпущенная в открытый доступ, потенциально имеет реальные коммерческие возможности.

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

На странице Adobe на SourceForge можно найти исходники фреймворка разработки видеоплееров Open Source Media Framework (OSMF), применяющегося в Adobe TV; набор инструментов Flex SDK для разработки веб-приложений на Flash и Adobe Air, а также полный код проекта Tamarin — открытой имплементации языка программирования ActionScript.

Любовь Касьянова

Photoshop для игровых художников

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

Концепт-арт

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

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

Вот некоторые концепт-арты, использованные при создании Valve Half-Life 2 , игры, которая славится своей творческой графикой:

Концепция художники для Half-Life 2 создавали искусство для транспортных средств, окружающей среды и оружия. Концепт-арт помог определить художественные цели 3D-художников в команде разработчиков.

Почему концепт-арт — это забота художников Photoshop, спросите вы? Что ж, концепт-арт часто предоставляется команде разработчиков в виде штрихового рисунка: черно-белые рисунки, которые могут быть, а могут и не быть цифровыми. Концепт-арт часто сканируется и импортируется в Photoshop, чтобы добавить к нему цвет и подготовить к цифровому распространению. Более того, самые ранние концептуальные чертежи редко используются в том виде, в каком они были изначально представлены; вместо этого они могут многократно изменяться в процессе разработки.Концепт-арт — это всего лишь (важный) первый шаг в процессе улучшения внешнего вида игры.

Я упомянул цифровую дистрибуцию. После того, как внешний вид миров, персонажей, оружия и т. Д. Будет разработан, различные цветовые рендеры наиболее важных сцен будут включены в дизайн-документ игры для справки. Фрагменты концепт-арта часто модифицируются в Photoshop для различных рекламных целей, от создания изображений для рекламы до онлайн-трейлеров и создания боксов (внутри и снаружи).

Позже в этом курсе мы рассмотрим некоторые техники работы с концепт-артом.

Текстуры

Для многих игровых художников наиболее распространенной задачей Photoshop является создание текстурных карт или 2D-изображений, которые «наряжают» 3D-модели.

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

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

Модель без текстуры

Модель с примененной текстурной картой. Минеган из «Политической арены», мода для Quake III Arena Copyright © 2001 Todd Gantzler.

Как работают текстуры

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

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

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

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

Когда в вашей игре появляется 3D-модель, движок должен математически «нарисовать» каждый многоугольник или треугольную грань модели. Игровые движки могут рисовать только определенное количество полигонов в секунду, и они могут хранить в памяти только определенное количество текстур. Детали текстуры, которые заставят модель «рисоваться» слишком медленно, если она построена с использованием многоугольников, например заклепки, решетки, болты, вмятины и царапины, могут быть добавлены в текстурную карту, часто с довольно хорошими результатами.А для того, чтобы эффективно использовать ограниченную память текстур, обычной практикой является использование текстур, которые «мозаичны».

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

Чтобы создать поверхность пустыни, эту каменную плитку можно изменить так, чтобы ее можно было повторить и применить к 3D-модели.

Плитка оригинальная

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

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

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

Нажмите для увеличения.

Сопоставление текстур

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

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

Обнаженное ружье

Minegun с текстурами

Текстурная карта

Чтобы стать хорошим художником по текстурам, вам необходимо хорошо понимать, как работают программы 3D-моделирования, и уметь визуализировать, как двухмерная карта текстуры преобразуется в трехмерную модель. Для объектов, которые должны быть более детализированными, таких как игровые персонажи, можно создать множество текстур и применить их к отдельным полигонам модели. Отредактированные индивидуально, их можно просмотреть на «развернутой» текстурной карте, прежде чем они будут применены к персонажу:

Нетекстурированный модель (слева) и текстурированная модель (справа). Щелкните каждую, чтобы увеличить. Модель игрока из Unreal Tournament 2004 © 2004 Epic Games, Inc., используется с разрешения. Unreal — зарегистрированная торговая марка of Epic Games, Inc. Все права защищены.

Текстурные карты. Щелкните каждый увеличить.

Помимо ограничений на размер файла, стоит отметить, что многие текстуры имеют ограничения на размер или размеры изображения.Игровые движки и многие 3D-карты требуют, чтобы текстуры имели размер «степени двойки» в пикселях (игровые художники обычно называют это «разрешением» изображения). Например, изображение может быть квадратом размером 2, 4, 8, 16, 32, 64, 128, 256, 512, 1024 или 2048 пикселей.

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

Общая картина

Хорошо, это краткий обзор задач, которые художник Photoshop может выполнять в команде разработчиков игр: работа с 2D-изображениями и концепт-артами, а также работа с текстурными картами для различных типов моделей в 3D-среде. У вас будет возможность выполнить все эти задания позже в ходе курса.

Далее я хотел бы поговорить о большой картине работы игрового художника. Хорошая основа в традиционных концепциях искусства сослужит вам хорошую службу в создании игрового арта.Когда вы создаете какое-либо отдельное произведение игрового искусства (будь то травинка или спусковой крючок пушки), вы создаете часть изображения, которое будет отображаться на экране как в виде 2D-изображения, так и в интерактивном режиме как 3D-изображение.

Сцены в играх во многом обязаны великолепным изображениям, созданным художниками на протяжении всей истории. Они также многим обязаны великолепным сценам, созданным кинорежиссерами в Голливуде и за его пределами. Итак, давайте поговорим об основах создания изображений.

Мы проанализируем некоторые сцены из эпической игры Gears of War (оригинал 2006 года), и я попрошу вас продемонстрировать свое понимание концепций в следующем упражнении.

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

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

Рассмотрим этот снимок экрана для продвижения эпической игры Gears of War . Перед выпуском игры это изображение главного героя игры. Маркус Феникс «Противостояние Орде Саранчи» было изображением номер 1, используемым в рекламных материалах к игре.Внимательно посмотрите на сцену — как композиция изображения помогает передать суть игры? (Примечание: вам не нужно играть в игру, чтобы понять это.)

Нажмите для увеличения.

Вопросы для рассмотрения включают:

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

Правило третей

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

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

Вот фотографический пример:

Автор этой работы Moondigger, опубликовал ее под следующей лицензией: Этот файл находится под лицензией Creative Commons Attribution ShareAlike 2.5 Лицензия

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

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

Теперь посмотрите на изображение Gears of War еще раз, с Правило третей наложено. Обратите внимание, как лицо героя удобно лежит на верхней линии, а выстрел идет прямо возле перекрестка.

Герой следует правилу третей, а также правилам ведения боя.

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

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

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

Композиционные линии

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

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

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

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

Настройка символов

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

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

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

Композицию на фотографии ниже можно назвать знаковой.

Тот же композиционный подход может использоваться в этом концепт-арт героини Gears of War Ани (внизу). Поза, расположение и перспектива на изображении объединяются, чтобы сделать ее героический. Мало того, что она источает уверенный, вызывающий язык тела — она также размещается в абсолютном центре изображения и в перспективе камеры заставляет нас смотреть на нее.

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

Перспектива

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

Линейная перспектива — это математически основанная система для создания иллюзии трехмерного пространства на двухмерной поверхности. Художник и архитектор Брунеллески впервые применил геометрический метод перспективы, как на его картинах начала 1400-х годов во Флоренции, Италия. Архитектор и писатель Леон Баттиста Альберти написал Della Pittura , трактат, в котором он определил правила отображения перспективы в живописи, несколько десятилетий спустя.

Бичевание (ок. 1460 г.) — Это не картина Брунеллески, но эта работа Пьеро Делла Франческа типична для увлечения художника эпохи Возрождения исследованием перспективы.

Чтобы использовать в изображении линейную перспективу, художник рисует прямую линию, изображающую горизонт. (Горизонт может быть или не быть видимым на изображении; часто это инструмент, используемый для создания реалистичной перспективы.Художник обычно рисует линию горизонта и все остальные используемые линии очень легко, чтобы их можно было легко стереть позже.

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

Рассмотрим заросший город на скриншоте Gears of War ниже. Вы можете сказать, где находится линия горизонта?

Точка исчезновения

Ключевой концепцией для понимания перспективы является определение точки схода.

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

Линия горизонта

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

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

Одноточечная перспектива

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

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

Двухточечная перспектива

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

Трехточечная перспектива

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

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

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

Один из способов попрактиковаться в понимании перспективы — это попытаться применить эту концепцию к изображениям. Эту задачу можно выполнить в Photoshop.(Мы попрактикуемся в этом позже в упражнении.)

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

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

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

Рассмотрим это изображение в градациях серого, на котором изображен момент мистера Феникса:

Даже в оттенках серого он все еще в глубоком ду-ду.

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

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

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

Цвет

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

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

Эти чистые цвета также называются оттенками. Расположите их по кругу, и вы получите цветовое колесо:

Цветовое колесо RYB, показывающее основные, второстепенные и третичные цвета

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

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

Цветовое колесо RGB, показывающее основные, вторичные и третичные цвета.

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

Дополнительные и аналогичные цвета

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

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

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

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

Значение и насыщенность

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

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

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

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

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

Добавление белого обесцвечивает цвет.

Как художник, вы захотите развить способность анализировать цветовые схемы в произведениях искусства, которые вы видите, и начать создавать свои собственные. Используя палитру цветов Photoshop, мы можем создать образец, чтобы определить цветовую схему, используемую в этом концепт-арте для персонажа Gears of War :

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

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

Художники думали о цветовой температуре с 18 века или даже дольше. Некоторые цвета теплые, а некоторые — прохладные.

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

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

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

Контекст

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

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

Сравните вид голубого ниже на фоне дополнительных красных и желтых цветов.

И напоследок рассмотрим эффект черно-белого фона.

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

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

Подводя итоги

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

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

Сэкономьте 30% на профессоре преподает Photoshop Creative Cloud в Steam

Об этом программном обеспечении

Профессор преподает Photoshop Creative Cloud — это быстрый и простой способ изучить Adobe Photoshop CC, лучший инструмент для создания изображений, используемый художниками, аниматорами, дизайнерскими агентствами, веб-разработчиками и дизайнерами. Профессор учит Photoshop CC предоставляет полные учебные пособия, руководства и интерактивные упражнения, которые помогут раскрыть ваш творческий потенциал.

Наш обширный учебный курс охватывает все ключевые темы, начиная с обзора Photoshop CC, работы с параметрами Adobe Photoshop, меню и инструментов, с использованием инструментов выделения, понимания слоев, стилей и масок, работы с инструментами рисования и рисования с использованием фильтров. и Type Effects, и публикация ваших творений.

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

• Работа с фотослоями
• Преобразование выделения
• Создание маски выделения
• Настройка цвета и ретуши изображений
• Использование инструментов регулировки
• Использование инструментов для рисования
• Оптимизация изображений для Интернета

Полное обучение

• Практика реалистичного моделирования программного обеспечения
• Сотни учебных тем
• От 4 до 8 часов обучения на курс
• Реалистичное моделирование
• Темы от новичка до продвинутого уровня
• Цели самостоятельного обучения
• Введение и резюме
• Интерактивные упражнения
• Профессиональное голосовое повествование
• Вопросы викторины в конце главы
• Галочки для завершенных тем
• Глоссарий, указатель и поиск
• Ответы профессора для мгновенного обучения

тонов стиля видеоигр в Photoshop CC — tutvid.com

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

Скачайте готовый экшен прямо здесь!

Загрузите несколько бесплатных стоковых фотографий, которые я использовал в этом уроке, чтобы следовать им точно так же, как у меня:
https: // unsplash.com / photos / _SmZSuZwkHg
https://unsplash.com/photos/jpMyAqHat7g
https://unsplash.com/photos/ycBgDfqqcHw

1. Создайте «нижний слой» Moody

Откройте изображение, к которому вы хотите добавить этот тональный эффект в стиле видеоигры, и выберите «Изображение»> «Вычисления». Мы хотим установить для каналов «Источник 1» и «Источник 2» значение «Красный» канал. Мы также хотим смешать эти каналы, используя режим наложения Multiply и — ОЧЕНЬ ВАЖНО — мы хотим, чтобы Результат был установлен на «Новый документ».В результате этого слияния расчетных каналов будет получен новый документ.

2. Преобразование нового изображения в RGB

Этот новый документ будет многоканальным изображением, поэтому нам нужно выбрать Image> Mode> Grayscale, а затем Image> Mode> RGB Color. Теперь мы можем перетащить это изображение на наше исходное изображение.

3. Поместите черный и белый цвет под цвет

Перетащите это черно-белое изображение в документ с цветным изображением (или выберите «Выделение»> «Все» и скопируйте / вставьте его на свое изображение) и перетащите его под наш цветной слой.

4. Уменьшить непрозрачность

Уменьшите непрозрачность слоя цветного изображения до 50%, чтобы черно-белый слой начал смешиваться с этим цветным слоем.

5. Уровни корректирующего слоя между (!!!) этими слоями

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

RGB: Входные (верхние) ползунки: 15-1.00-240 // Ползунки вывода: 35-255
Красный: 20-1.40-225 // 0-255
Зеленый: 0-1.15-255 // 0-255
Синий: 10-1.00- 255 // 0-220

6. Добавьте немного контраста с помощью кривых

Перейдите «Слой»> «Новый корректирующий слой»> «Кривые» и перетащите небольшую S-образную кривую на линию кривой, чтобы немного увеличить контраст, как показано на скриншоте выше.

7. Действуйте!

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

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

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

игровых стилей — Дизайн персонажей

Стиль игры определяет почти все компоненты модели персонажа.Одним из наиболее распространенных игровых стилей, в которых используется создаваемый нами тип персонажа, является FPS, что означает, что игрок смотрит и контролирует ход игры глазами персонажа игрока. Если вам сложно различить термины «первый», «второй» и «третий» с точки зрения игрового процесса, вот как это работает. От первого лица вы, игрок, на самом деле находитесь «в игре», как если бы вы захватили цифровое тело главного героя в компьютерном мире. Примеры игр от первого лица: DOOM, Half-Life и Call of Duty.Играя в эти игры, вы идете по игровому миру, видя только то, что вы бы увидели, если бы были там: руки и руки, держащие оружие, и ваши ноги (см. Рис. 1.2). Это не значит, что это все, что присутствует в игре. Игровой движок полностью осведомлен о положении персонажа в сцене, но большая часть тела не отображается вам, игроку. Другие игроки, которые могут присутствовать, будут видеть ваше тело полностью (как в любой многопользовательской игре FPS).

Рисунок 1.2 Игра в стиле FPS. 3D-модель персонажа присутствует полностью, но лишь частично видна игроку глазами его персонажа. Half-Life 2. © 2006 Valve Corporation. Все права защищены.

Вы когда-нибудь задумывались, почему мы перескакиваем от шутера от первого лица к третьему? Хотя на самом деле он не используется, термин «второе лицо» относится к фактическому объекту камеры, который игра использует для отображения изображений на экране игрока. Камера — это невидимый фиктивный объект, обычно представленный созданной вами простой небольшой коробчатой ​​моделью.Этот объект технически является частью сетки персонажа, прикрепленной к точке на теле персонажа, обычно расположенной между глазами персонажа. Ориентация объекта (то есть его оси X, Y и Z) выровнена в определенном направлении, обычно с осью Y или Z, направленной вперед в игровой мир. Имя, местоположение и ориентация объекта камеры задаются игровыми программистами, которые используют эти объекты в программном коде для правильного отображения игры для игрока. Рисунок 1.3 показано, как выглядит объект камеры при разработке модели персонажа.

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

Рисунок 1.3 A

фиктивный объект камеры помещается и прикрепляется к модели персонажа. Камера представляет второго человека в видеоигре.

Фиктивный объект камеры

Рисунок 1.3 А

фиктивный объект камеры помещается и прикрепляется к модели персонажа. Камера представляет второго человека в видеоигре.

Фиктивный объект камеры

Глава 7, «Оснащение персонажа двуногим животным в 3ds Max».

Игра от третьего лица похожа на игру от первого лица в том, что вы все еще управляете главным героем, но видите мир глазами орбитальной или позиционной камеры. Вы можете не только увидеть своего персонажа во всех деталях, но и расположить свой взгляд на мир вокруг персонажа и почти во всех направлениях (см. Рисунок 1.4). Причина, по которой этот стиль обозначен как от третьего лица, заключается в том, что вы больше не находитесь «в игровом мире», а смотрите на мир извне своего игрового персонажа. Примеры подобных игр: Tomb Raider, Hitman и Splinter Cell. Объект камеры плавает за персонажем игрока, и оба перемещаются по игровому миру вместе, но также независимо друг от друга.

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

Рис. 1.4. Перспективная игра от третьего лица. Объект камеры отображает всего персонажа игрока и связан с ним, но при этом является независимым мобильным. Splinter Cell. © 2005 Ubisoft Entertainment. Все права защищены.

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

Наконец, есть то, что я считаю играми в стиле от четвертого лица. Технически это все еще от третьего лица, но вместо того, чтобы управлять одним персонажем игрока, вы управляете многими, как в серии Age of Empires, Diabolo и даже Call of Duty и Brothers in Arms (при одновременном управлении несколькими персонажами).Я хочу выделить Age of Empires и соответствующий стиль, потому что модели персонажей маленькие и обычно просматриваются издалека (см. Рис. 1.5). Это стратегическая игра, но наличие таких маленьких персонажей означает, что количество полигонов и текстурных карт также мало. Это важно, потому что это означает, что вам не следует тратить слишком много времени на создание сложного игрового персонажа — количество полигонов невелико, а анимаций мало.

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

Читать здесь: Тип персонажа

Была ли эта статья полезной?

Использование игр и приложений в Windows Mixed Reality — Руководство для энтузиастов

• 16.09.2020
• 2 минуты на чтение

В этой статье

Windows Mixed Reality — это просто Windows, что означает, что вы можете запускать иммерсивные игры, разработанные для смешанной реальности.Вы также можете запускать все обычные 2D-приложения, которые вы знаете и любите, на своем рабочем столе (например, Candy Crush или Photoshop / AutoCAD).

Как попасть в свою первую иммерсивную игру

1. Перейдите на планшет в Магазине, который находится в доме Windows Mixed Reality.
2. Найдите HoloTour.
3. Загрузите и установите его.
4. Откройте меню «Пуск» смешанной реальности, нажав кнопку Windows на контроллере (или клавишу Windows на клавиатуре). Найдите HoloTour. Возможно, вам потребуется выбрать Все приложения.
5. Выберите HoloTour в меню «Пуск» и разместите грифельную доску.
6. HoloTour запустит опыт в вашей гарнитуре!

Как разместить ваше первое 2D-приложение на планшете

1. Перейдите на планшет в Магазине, который находится в доме Windows Mixed Reality.
2. Найдите свое любимое 2D-приложение (например, Candy Crush).
3. Загрузите и установите его.
4. Откройте меню «Пуск» смешанной реальности, нажав кнопку «Пуск» на контроллере (или клавишу Windows на клавиатуре).Найдите Candy Crush. Возможно, вам потребуется выбрать Все приложения.
5. Выберите Candy Crush в меню «Пуск» и поместите грифель.
6. Теперь вы можете взаимодействовать с 2D-планшетом с помощью контроллеров / мыши и клавиатуры / геймпада!

Как использовать полнофункциональное настольное приложение

1. Откройте меню «Пуск» смешанной реальности, нажав кнопку «Пуск» на контроллере (или клавишу Windows на клавиатуре). Найдите Desktop Preview. Возможно, вам потребуется нажать Все приложения.
2. Выберите «Предварительный просмотр рабочего стола» в меню «Пуск» и разместите грифельную доску.
3. Теперь вы можете видеть свой рабочий стол!
4. Выберите планшет и с помощью мыши и клавиатуры запустите любое полнофункциональное настольное приложение по вашему желанию (например, Photoshop или AutoCAD).

Как впервые испытать WebVR

1. Убедитесь, что гарнитура подключена к сети, контроллеры включены и подключены.
2. Перейдите на планшет Microsoft Edge, который находится в смешанной реальности, или в приложение Microsoft Edge на рабочем столе Windows.
3. Перейдите на веб-сайт, поддерживающий WebVR.Некоторые примеры:
4. Нажмите кнопку «Войти в VR» на веб-странице. Он может выглядеть примерно так:
   
5. При первой попытке войти в виртуальную реальность в определенном домене браузер запросит согласие на использование иммерсивного просмотра. Выберите Да:
6. Контент WebVR будет запущен в вашей гарнитуре!

Примечание: Вы можете запустить WebVR из Microsoft Edge либо из Windows Mixed Reality, либо с рабочего стола Windows.

Вход в виртуальную реальность из Microsoft Edge на рабочем столе.

Вход в виртуальную реальность из Microsoft Edge в скале смешанной реальности.

Чтобы оставить опыт WebVR:

• Нажмите клавишу Windows на контроллере движения или клавиатуре.
• Нажмите клавишу выхода на клавиатуре.
• Некоторые страницы могут предлагать способ выхода из виртуальной реальности в условиях погружения.
• Для настольных компьютеров Microsoft Edge:
  • Снимите гарнитуру и перейдите на другую вкладку браузера
  • На некоторых страницах 2D-сайта может быть кнопка «Выйти из VR».

Как впервые испытать SteamVR

Windows Mixed Reality для SteamVR позволяет пользователям запускать SteamVR на иммерсивных гарнитурах Windows Mixed Reality. После установки Windows Mixed Reality для SteamVR вы можете запускать свои любимые приложения SteamVR с рабочего стола или из библиотеки Steam и воспроизводить их прямо на гарнитуре Windows.

Для начала следуйте инструкциям по установке SteamVR для Windows Mixed Reality.

См. Также

Если вам интересно узнать больше о том, как работает Windows Mixed Reality, вы также можете прочитать о:

Квалифицированный парень делает 78-страничный автомобильный журнал с помощью Forza Horizon 4, Photoshop

Графика видеоигр, безусловно, прошла долгий путь с начала 1970-х, когда такие игры, как Gran Trak 10 и Speed ​​Race, вышли на аркадную сцену как первые гоночные игры.1990-е годы принесли серьезный скачок качества в отношении визуальных эффектов, которые продолжали развиваться в последующие десятилетия по мере развития видеокарт и становления игровых консолей все более и более мощными.

Игры из серий Gran Turismo и Forza — отличные примеры того, как далеко мы продвинулись, и талантливый парень по имени Эрик Юи великолепно выделяет достижения. Хорошо разбираясь в Photoshop и имея много свободного времени из-за ограничений, наложенных коронавирусом, он создал цифровой автомобильный журнал с внутриигровыми кадрами из Forza Horizon 4.

9 Фото

Он поделился некоторыми образцами своей потрясающей работы на Reddit , сославшись на полный журнал, доступ к которому вы можете получить здесь. Это огромный виртуальный журнал объемом 78 страниц, полностью созданный в Forza Horizon 4, а затем сшитый в Photoshop. Ему принадлежат даже полностраничные объявления, а тексты взяты из Evo и других британских автомобильных журналов.

Скажем так, отзывы о Reddit были впечатляюще положительными, и легко понять почему. The Drive побеседовал с Юи и узнал, что он специализировался на политологии в колледже, так что на самом деле он не является профессиональным графическим дизайнером. Внимание к деталям — не что иное, как удивительное, вдохновленное журналом Evo и парочкой дизайнерских страниц в Instagram, а именно GFDA.Co и HiCo Design.

Согласно комментарию, который он сделал на Reddit , Юи проделал всю работу самостоятельно «в течение очень долгого времени.«Одни только обложки журнала заняли много времени, не говоря уже о множестве рекламных роликов, которые также являются скриншотами из игры. Он сказал The Drive , что надеется, что он «вдохновит других создателей в сообществе, которые могут сомневаться из-за отсутствия дизайнерского опыта, просто пойти на это, а также для других, чтобы они поощряли их, когда они делятся своей работой, потому что он действительно производит глубокое впечатление! »

Что касается видеоигры, ходят слухи, что пятая часть может быть выпущена уже в этом году, хотя о ней даже не было объявлено.Мы точно знаем, что восьмой Forza Motorsport выйдет позже в 2021 году и будет работать с 4K и 60 кадрами в секунду, как и все игры следующего поколения.

7 лучших бесплатных альтернатив Photoshop для вашей игры в социальных сетях

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

Есть несколько секретов социальных сетей, которые сводятся к одному маленькому факту…

Подождите… позвольте мне сделать селфи.

Ладно, так лучше.

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

Конечно, вы можете делать селфи до тех пор, пока у вас не отвалится большой палец … но фотографии низкого качества, которые махариши в социальных сетях не делают. Чтобы добиться успеха в социальных сетях, вам необходимо иметь сбалансированные, информативные изображения для Twitter, Facebook, Instagram и любых других социальных сетей, на которых вы можете участвовать.

Для этого вам понадобится программное обеспечение. А для программного обеспечения нужны деньги, верно?

Неправильно.

Не хотите выложить большие деньги за Adobe Creative Cloud и вам нужны альтернативы Photoshop?

Попробуйте эти бесплатные альтернативы Photoshop и расскажите о своем стартапе в социальных сетях.

Canva — это бесплатная онлайн-платформа для графического дизайна, созданная Мелани Перкинс, Клиффом Обрехтом и Кэмерон Адамс. Canva позволяет новичкам в графическом дизайне экспериментировать с цветом, выбором изображений и макетами, не выходя из безопасности своего ноутбука.

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

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

Не супер креатив? Не волнуйся.

Самое лучшее в Canva — это библиотека готовых шаблонов.

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

Плюсы

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

Минусы

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

Как и Adobe Photoshop, самое лучшее в GIMP — это открытый исходный код. Если вы умеете писать код на Python, Scheme или Perl, вы можете создавать персонализированные плагины для GIMP, которые обеспечивают высокий уровень настройки для ваших социальных сетей.

Нужен значок соцсети? GIMP — это то, что вам следует использовать.

Лукас Пис, координатор по маркетингу в Sensuron, говорит, что суть в следующем: «Если кто-то ищет базовое редактирование фотографий, такое как удаление фона и подкрашивание изображений, и готов заниматься самообразованием, нет необходимости платить за Photoshop. ”

GIMP также является кроссплатформенным, что означает, что вы можете использовать его для редактирования фотографий для социальных сетей в Windows, Linux или других операционных системах.

О, что означает эта броская аббревиатура? Программа обработки изображений GNU. Обрезатели фотографий Linux, объединяйтесь!

Плюсы

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

Минусы

• GIMP является открытым исходным кодом, поэтому временами он может содержать ошибки, потому что каждый может понять код.
• GIMP не для новичков. Пис говорит, что у него «крутая кривая обучения … документация далеко не так тщательна, как в Photoshop».

Если вы хотите Adobe Photoshop, но не можете оправдать ежемесячную плату за Creative Cloud, Pixlr может быть вашим лучшим выбором.

Pixlr предлагает возможности мгновенного обмена сообщениями по электронной почте, Instagram, Facebook и Twitter. Просто создайте, выберите свою социальную сеть и поделитесь. Бум. Альтернативы Photoshop побеждают.

Так как это выглядит?

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

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

Плюсы

• Pixlr предлагает несколько вариантов быстрого редактирования фотографий перед публикацией в один клик.
• Меню очень похоже на меню Adobe Photoshop, поэтому по ним легко ориентироваться для предыдущих пользователей Photoshoppers.

Минусы

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

Aviary, еще будучи членом семьи Adobe, является бесплатным.

Ну, это бесплатно.

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

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

Тем не менее, Aviary, похоже, является альтернативой Photoshop для инстаграммеров и издателей Pinterest для рендеринга потрясающих фотографий.

Подобно Pixlr, Aviary может похвастаться инструментом «Talon», который позволяет копировать изображения с сайтов, открытых в Firefox.

Плюсы

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

Минусы

• К сожалению, Aviary не так просто изучить и использовать, как некоторые другие бесплатные варианты.
• Aviary водяные знаки на ваших изображениях с их фирменным стилем, которые можно удалить, только если вы заплатите за версию Pro. Хромой.

Есть ли у вас гифка?

Если вы увлекаетесь социальными сетями, то наверняка сталкивались с гифками за свою карьеру.Нет, наверное, да. Я в этом уверен.

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

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

Плюсы

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

Минусы

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

Вы хотите Photoshop, но не знаете, как использовать все его функции? Тогда рассмотрите SumoPaint как одну из альтернатив Photoshop.

Мне нравится думать о SumoPaint как о самой привлекательной альтернативе Photoshop. Если вы действительно не можете снизить ежемесячную стоимость Creative Cloud, SumoPaint следует добавить в список «Избранное» в вашем браузере.

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

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

Плюсы

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

Минусы

• Существует платная версия SumoPaint, в которой есть множество функций, которые вы захотите попробовать.Это по-прежнему дешевле, чем Adobe Photoshop, — 19,99 доллара и 1,99 доллара за приложение для iPad.
Настройка
• SumoPaint немного затрудняет работу с ранее размещенными изображениями.

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

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

Независимый стратег по цифровому и контент-маркетингу Натали Бидник Андреас сказала мне, что она «ежедневно использует PicMonkey как для моих клиентов, так и для моих собственных целей… Мне это очень нравится».

Плюсы

• PicMonkey работает напрямую с Facebook, Dropbox и Flickr.
• Его невероятно легко научиться использовать, особенно для маркетолога с техническими проблемами, который ищет альтернативы Photoshop.

Минусы

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