Как добавить слой в aseprite

Как добавить слой в aseprite

19 дек. 2017 в 10:54

I’m trying to find a quick way to add my selection to a new layer. I’m not sure what it is called in the Keyboard shortcuts.

Normally I would have to select something, ctrl C, make a new layer, select the new layer, then control V. is there a faster way to just select something and put it on a new layer?

19 дек. 2017 в 17:38

Not sure if there is a function exactly like that but the following may help.

You can ctrl+drag the selected section to the new layer and it clones it.
You can also right click the layer name and duplicate it, but that just duplicates the whole layer.

Layers

One sprite can be subdivided into several layers. You can see them in the timeline:

Each layer has several options:

Layer Name: Text to identify this layer. You can change the layer name by double-clicking the layer, or from the Layer > Properties menu ( Shift+P key).

Cels: A set of cels, frames that contain something visible for this specific layer in the specific frame.

Visible: It indicates if the layer is visible or hidden . You can switch the layer visibility using Layer > Visible menu or Shift+X key.

Locked: If the layer is locked , you cannot draw on it. By default all layers are unlocked/editable .

Continuous: This option is used to indicate what kind of cels you prefer when they are created for this specific layer. See the Continuous Layers section for more information.

Common Operations

Background Layer

The background layer is an opaque layer (without alpha/transparent component) that cannot be moved. It’s created by default when you select an opaque color in the File > New window, or when you open a file (e.g. a .png file) that doesn’t contain the alpha component.

A sprite can contain only one background layer and it’s always at the bottom of the layers stack in the timeline.

When you select a portion of the background layer and clear it (using Edit > Clear menu), the selection will be cleared with the active background color.

Transparent Layers

All layers with an alpha channel are called transparent layers. You can have several of these in the same sprite. You can stack them as you want using the timeline. And you can displace these layers using the Move tool ).

When you select a portion of a transparent layer and clear it (using Edit > Clear menu), the selection will be cleared with transparent color.

You can use Layer > New > New Layer menu or Shift+N to create a new transparent layer.

Background from Layer

If there is no background layer, you can convert any transparent layer to the background using the Layer > Convert To > Background menu. All transparent pixels will be filled with the active background color.

Previously, on Aseprite v1.2 the option was Layer > Background from Layer

Layer from Background

If you want to convert the background to a transparent layer (e.g. because you want to move it with the Move tool ), you can use the Layer > Convert To > Layer menu.

Previously, on Aseprite v1.2 the option was Layer > Layer from Background

Layer Group

You can group layers to handle a set of layers as one unit.

Tilemap Layer

Since Aseprite v1.3, you can create tilemap layers from Layer > New > New Tilemap Layer menu or using Space+N . You can also use Layer > Convert To > Tilemap from any regular transparent layer (the tiles will be created from the active grid settings).

Aseprite слои как показать

One sprite can be separated in several layers. You can see them in the timeline:

Each layer has several options:

Layer Name: Text to identify this layer. You can change the layer name double-clicking the layer, or from Layer > Properties menu ( Shift+P key).

Cels: A set of cels, frames that contain something visible for this specific layer in the specific frame.

Visible: It indicates if the layer is visible or hidden . You can switch the layer visibility using Layer > Visible menu or Shift+X key.

Locked: If the layer is locked , you cannot draw on it. By default all layers are unlocked/editable .

Continuous: This option is used to indicate what kind of cels you prefer when they are created for this specific layer. See the Continuous Layers section for more information.

Common Operations

Background Layer

The background layer is an opaque layer (without alpha/transparent component) that cannot be moved. It’s created by default when you select an opaque color in the File > New window, or when you open a file (e.g. a .png file) that doesn’t contain the alpha component.

A sprite can contain only one background layer and it’s always at the bottom of the layers stack in the timeline.

When you select a portion of the background layer and clear it (using Edit > Clear menu), the selection will be cleared with the active background color.

Transparent Layers

All layers with an alpha channel are called transparent layers. You can have several of these kind of layers in the same sprite. You can stack them as you want using the timeline. And you can displace these layers using the Move tool ).

When you select a portion of a transparent layer and clear it (using Edit > Clear menu), the selection will be cleared with transparent color.

You can use Layer > New > New Layer menu or Shift+N to create a new transparent layer.

Background from Layer

If there is no background layer, you can convert any transparent layer to the background using the Layer > Convert To > Background menu. All transparent pixels will be filled with the active background color.

Previously, on Aseprite v1.2 the option was Layer > Background from Layer

Layer from Background

If you want to convert the background to a transparent layer (e.g. because you want to move it with the Move tool ), you can use the Layer > Convert To > Layer menu.

Previously, on Aseprite v1.2 the option was Layer > Layer from Background

Layer Group

You can group layers to handle a set of layers as one unity.

Tilemap Layer

Since Aseprite v1.3, you can create tilemap layers from Layer > New > New Tilemap Layer menu or using Space+N . You can also use Layer > Convert To > Tilemap from any regular transparent layer (the tiles will be created from the active grid settings).

TileSetter. Создаем тайловую сетку из 2-х картинок.

В нем, создайте 2 тайла. Первый будет — фон, когда второй — передний план.

Теперь, скопируйте фон из Aseprite (Ctrl+C), и переместите его в TileSetter (Ctrl+V).

То же самое, проделайте и с передним планом.

Теперь удалите передний план. Затем, нажмите ПКМ, по тайлу и выберите Build Borders (Blob).

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

То же самое проделайте для 3-х, оставшихся сторон.

Тайловая сетка готова, осталось её сохранить. Для этого, выделите все тайлы, и нажмите Export (Image).

Готово. Как видите, использование Tilesetter, сделало процесс создания тайловой сетки, невероятно простым.

Aseprite слои как показать

2
2
3

1,821	уникальных посетителей
143	добавили в избранное

Для этого надо выбрать в правой панели инструмент Paint Bucket Tool или нажать клавишу G на клавиатуре

• Для этого вы можете нажать на любой слой правой кнопкой мыши и выбрать New Layer или выполнить комбинацию Shift+N
• Для удобство переименуем наш слой дважды щёлкнув по нему и введя имя в поле Name

Для этого надо выбрать кисть карандаш(Pencil Tool) в правой панели или нажать клавишу B на клавиатуре

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

Как добавить слой в aseprite

Как быстро нарисовать анимацию и экспортировать как Sprite

В этом руководстве мы быстро создадим анимацию и выведем её по кадрово в формате png. Другими словами, создадим Sprite.

Создание анимации

Для этого выберите в верхней панели File-New или используйте комбинацию клавиш Ctrl+N

Я буду использовать размер 32×32(Ширина и Высота), тип палитры RGBA и фон белого цвета(в дальнейшем поменяем для удобства), также в расширенных настройках можно выбрать соотношение сторон, но мы это трогать не будем
Когда всё было введено и выбрано, нажимаем кнопку OK

Первым делом я изменю цвет фона:

1. Для этого надо выбрать в правой панели инструмент Paint Bucket Tool или нажать клавишу G на клавиатуре
2. Затем нужно назначить цвет на желаемую клавишу мыши, для этого в палитре цветов или в правой нижней панели, нажмите нужной клавишей мыши по цвету
3. Затем выберите нужный слой и кадр
   *Как видите выбранный нами слой и кадр выделяется синей рамкой

Теперь я добавлю новый слой:

• Для этого вы можете нажать на любой слой правой кнопкой мыши и выбрать New Layer или выполнить комбинацию Shift+N
• Для удобство переименуем наш слой дважды щёлкнув по нему и введя имя в поле Name

Пора начинать рисовать:

1. Для этого надо выбрать кисть карандаш(Pencil Tool) в правой панели или нажать клавишу B на клавиатуре
2. Затем я нарисую самого простого персонажа

• Чтобы создать новый кадр надо кликнуть правой клавишей мыши по нужному нам для копирования кадра(его номеру) или любому другому, если хотим создать кадр пустым
• Затем для копирования всего на новый кадр нужно выбрать New Frame или для создания пустого кадра выбрать New Empty Frame

*Можно использовать комбинации ALT+N и ALT+B

• Первый кадр
• Второй кадр
• Третий кадр
• Четвёртый кадр

Для этого в окне Preview(По умолчанию в правом нижнем углу, если нет, то нажмите клавишу F7) я обычно ставлю скорость проигрывания анимации на минимум:

1. Нажав на иконку Play правой клавишей мыши
2. Затем выбираю Speed x0.25

Теперь можно нажать на иконку Play левой клавишей мыши.
*Проигрывать анимацию можно и во время рисования кадров

Экспорт по кадрам в формате png(Проще говоря создаём Sprite)

1. Нажимаем в верхней панели File и выбираем Export Sprite Sheet или используем комбинацию Ctrl+E
2. Теперь нужно выбрать как будут располагаться наши кадры в Sheet type:
   • Первый вариант по горизонтали
   • Второй вариант по вертикали
   • Третий вариант вы выбираете сколько будет кадров в одной линии по вертикали
   • Четвёртый вариант вы выбираете сколько будет кадров в одной линии по горизонтали

• Первый вариант будут экспортироваться все выдимые слои
• Второй вариант будут экспортироваться все выбранные слои
• Остальные варианты это название слоя для экспорта

• Первый вариант будут экспортироваться все кадры
• Второй вариант будут экспортироваться только выбранные кадры

В завершении…

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

Как добавить слой в aseprite

2
4
2

2,531	уникальных посетителей
183	добавили в избранное

Для этого надо выбрать в правой панели инструмент Paint Bucket Tool или нажать клавишу G на клавиатуре

• Для этого вы можете нажать на любой слой правой кнопкой мыши и выбрать New Layer или выполнить комбинацию Shift+N
• Для удобство переименуем наш слой дважды щёлкнув по нему и введя имя в поле Name

Для этого надо выбрать кисть карандаш(Pencil Tool) в правой панели или нажать клавишу B на клавиатуре

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

• Первый кадр
• Второй кадр
• Третий кадр
• Четвёртый кадр

1. Нажав на иконку Play правой клавишей мыши
2. Затем выбираю Speed x0.25

• Первый вариант по горизонтали
• Второй вариант по вертикали
• Третий вариант вы выбираете сколько будет кадров в одной линии по вертикали
• Четвёртый вариант вы выбираете сколько будет кадров в одной линии по горизонтали

Layers

One sprite can be subdivided into several layers. You can see them in the timeline:

Each layer has several options:

Layer Name: Text to identify this layer. You can change the layer name by double-clicking the layer, or from the Layer > Properties menu ( Shift+P key).

Cels: A set of cels, frames that contain something visible for this specific layer in the specific frame.

Visible: It indicates if the layer is visible or hidden . You can switch the layer visibility using Layer > Visible menu or Shift+X key.

Locked: If the layer is locked , you cannot draw on it. By default all layers are unlocked/editable .

Continuous: This option is used to indicate what kind of cels you prefer when they are created for this specific layer. See the Continuous Layers section for more information.

Common Operations

Background Layer

The background layer is an opaque layer (without alpha/transparent component) that cannot be moved. It’s created by default when you select an opaque color in the File > New window, or when you open a file (e.g. a .png file) that doesn’t contain the alpha component.

A sprite can contain only one background layer and it’s always at the bottom of the layers stack in the timeline.

When you select a portion of the background layer and clear it (using Edit > Clear menu), the selection will be cleared with the active background color.

Transparent Layers

All layers with an alpha channel are called transparent layers. You can have several of these in the same sprite. You can stack them as you want using the timeline. And you can displace these layers using the Move tool ).

When you select a portion of a transparent layer and clear it (using Edit > Clear menu), the selection will be cleared with transparent color.

You can use Layer > New > New Layer menu or Shift+N to create a new transparent layer.

Background from Layer

If there is no background layer, you can convert any transparent layer to the background using the Layer > Convert To > Background menu. All transparent pixels will be filled with the active background color.

Previously, on Aseprite v1.2 the option was Layer > Background from Layer

Layer from Background

If you want to convert the background to a transparent layer (e.g. because you want to move it with the Move tool ), you can use the Layer > Convert To > Layer menu.

Previously, on Aseprite v1.2 the option was Layer > Layer from Background

Layer Group

You can group layers to handle a set of layers as one unit.

Tilemap Layer

Since Aseprite v1.3, you can create tilemap layers from Layer > New > New Tilemap Layer menu or using Space+N . You can also use Layer > Convert To > Tilemap from any regular transparent layer (the tiles will be created from the active grid settings).

Aseprite – редактор пиксельной графики и анимации

Aseprite – кроссплатформенная программа для почитателей пиксель-арт – графический редактор для создания двухмерных пиксельных рисунков и анимации. Поддерживает слои, прозрачность, умеет экспортировать файлы в GIF и WEBP, зацикливать анимационные ролики. У нас можете скачать Aseprite бесплатно для Windows 32 / 64 bit на русском языке.

Возможности программы

Aseprite позволяет создавать рисунки / анимации с нуля, используя в качестве оригинала графические файлы. Для рисования и редактирования в приложении доступен десяток инструментов, размещённых на вертикальной панели справа. Это:

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

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

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

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

Как установить ПО

Асепрайт можно купить на официальном сайте, Стиме или скачать полную версию по ссылке ниже. Архив занимает всего 5 МБ, поэтому искать торрент не стоит – загрузка занимает несколько секунд. Aseprite – портативная программа – работает без установки. Распакуйте содержимое архива и создайте ярлыки для запуска программы на Рабочем столе, панели задач. Вводить ключ не нужно – он встроен в приложение.

Системные требования

Редактор работает на всех ПК под управлением Windows 8 – 11.

Как пользоваться Aseprite

Разберёмся, как работать в Aseprite.

Русификация

Программа распространяется с англоязычным интерфейсом. Чтобы интерфейс был на русском языке:

1. Завершите её работу.
2. Скачайте и распакуйте русификатор в папку data, рядом с исполняемым файлом Aseprite.
3. Подтвердите замену.

Осталось поменять язык на русский.

1. Откройте настройки комбинацией клавиш Ctrl + K или через пункт главного меню «Preferences».
2. В выпадающем списке «Language» выберите «Ru», кликните «ОК».

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

Горячие клавиши

Редактор поддерживает управление горячими клавишами. Их можно изменять в соответствующем окне: вызывается через пункт меню «Редактировать» или сочетанием Ctrl + Alt + Shift + K.

Для поиска действия введите его название в текстовую строку вверху слева. Для изменения сочетания кликните «Add».

Зажмите желаемые кнопки, кликните «ОК».

Приложение поддерживает классические комбинации клавиш: Ctrl + C, V, X, Z – соответственно скопировать, вставить, удалить, отменить последнее действие.

Как сделать анимацию

Сделать анимацию в Aseprite просто.

Откройте исходник (фото, картинку) или нарисуйте её самостоятельно.

Создайте новый кадр комбинацией Alt + N или через пункт главного меню «Кадр».

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

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

Управление скоростью воспроизведения

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

Работа со слоями

Aseprite поддерживает многослойные композиции. Чтобы создать новый слой, зажмите Shift + N или вызовите соответствующую команду через главное меню: «Слой» – «Новый» …

Он появится над фоновым.

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

Как сохранить картинку

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

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

Экспорт

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

Далее можете скомпилировать анимацию – зажмите Ctrl + Alt + Shift + S.

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

Работа с сеткой

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

Для настройки вспомогательного элемента – изменения размера, установки координат начала, вызовите пункт «Вид» – «Сетка» – «Настройка…».

Как отзеркалить

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

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

Через главное меню «Редактировать» отразите фрагмент в нужной плоскости. Здесь можно перевернуть картинку на свободный угол, 90 или 180 °.

Если что-то сделаете неправильно, нажмите Ctrl + Z, чтобы вернуть обратно.

Изменить размер холста, картинки

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

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

В Aseprite можно увеличить изображение: «Спрайт» – «Размер спрайта». Введите его в пикселях или процентах по одной / двум осям. Функция «Заблокировать соотношение» сохранит пропорции картинки.

Работа с референсом

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