Como posso alterar a cor desse objeto corretamente?

Eu sou muito novo no Photoshop. Gostaria de mudar a cor desse objeto na minha imagem .png:

Mas de qualquer maneira eu tento, fica tão confuso com a nova cor:

Como posso alterar a cor para manter a forma original?

Existem várias maneiras. O mais fácil seria adicionar um estilo de camada 'sobreposição de cores'.

• Clique duas vezes na área vazia na paleta Camadas, à direita do título da camada. Isso abrirá a caixa de diálogo 'Layer Styles'.
• Clique nas palavras 'Sobreposição de cores' à esquerda - basta clicar na marca de seleção não é suficiente.
• Clique no retângulo colorido na parte superior central da caixa de diálogo para exibir o seletor de cores e escolher sua cor.
• Clique em 'OK' para deixar o seletor de cores e confirmar e 'OK' novamente para sair do diálogo sobre o estilo da camada e confirmar.

Esse é um efeito não destrutivo (você pode revertê-lo ou alterá-lo conforme necessário), mas apenas se o salvar como um arquivo * .psd. Se você salvar como * .png, será apenas a nova cor.

Uma maneira mais direta pode ser alterar destrutivamente a cor dos pixels:

• Na paleta de camadas, procure a palavra 'bloquear' e clique no ícone quadriculado ao lado. Isso bloqueará a opacidade da camada: você pode editar a camada como quiser, mas os pixels manterão o valor atual da opacidade.
• Pinte na sua cor da maneira que quiser.
• Desbloqueie a transparência novamente para evitar se perder mais tarde.

Como é a perda de anti-aliasing da opacidade que cria seu efeito indesejado, bloquear a opacidade impedirá que isso aconteça.

EDIT: Como proposto por Larme em seu comentário, aqui está outro método não destrutivo:

• crie uma segunda camada acima da camada e preencha com a sua cor. Pode ser uma camada de 'cor sólida' ou apenas uma camada de pixel preenchida com a cor desejada.
• clique com o botão direito do mouse na parte vazia dessa camada na paleta de camadas e escolha 'Criar máscara de recorte' OU segure Alte clique na borda entre as duas camadas da paleta (você verá um cursor de quadrado e seta).

Dessa forma, a transparência da camada inferior atua como uma máscara para a camada superior.

Encontre o botão 'Bloquear pixels transparentes'

Em seguida, preencha tudo com a cor desejada.

Basta selecionar a camada em que deseja aplicar a cor. No menu de filtros, na parte inferior da guia Camada, clique e selecione Sobreposição de cores. E depois de abrir a caixa de diálogo, selecione a cor e pressione OK.

Não afetará a qualidade da imagem.Tentei! funciona bem.