Como os designers processam seu trabalho em um iPhone / Android?

Antes de votar, fique comigo como eu sou um desenvolvedor! Sempre fiquei curioso para saber como os designers renderizam seu trabalho em um telefone para mostrar a seus clientes como ele pode parecer no telefone, por exemplo:

(Fonte: Dribble )

Suponho que é exatamente o que eles estão fazendo, usando algum tipo de renderização 3D de um iPhone e transformando sua imagem para caber na tela. Qualquer tutorial seria ótimo ... apenas satisfazendo minha curiosidade, obrigado.

Pesquise ao redor "modelo de maquete". Existem alguns gratuitos por aí e outros pagos. Isso permite que você crie facilmente uma maquete realista usando o trabalho artístico desejado.

Aqui está um bom recurso: http://www.pixeden.com/psd-mock-up-templates

Pergunta relacionada: Como posso pegar um arquivo psd do iPad e colocar uma imagem nele? .

Normalmente, eu uso essa ferramenta para esse propósito: http://placeit.breezi.com/ .

Você pode criar imagens como esta no adobe photoshop. Abra sua imagem e coloque sua captura de tela do site dentro do dispositivo. Dê uma olhada neste tutorial http://blog.appdemostore.com/2014/10/how-to-add-your-screenshot-to-phone.html .

Ou você pode usar alguma ferramenta como placeit.net, picapp.net, magicmockups.com.

O Placeit.net possui muitas imagens com diferentes origens e é possível fazer o download gratuito de uma imagem pequena ou de uma imagem grande por US $ 8 ou US $ 28.

Picapp.net também tem muitas imagens, mas sem fundo. As imagens são .png e você pode escolher um dispositivo simples ou um dispositivo em mãos. O preço é de US $ 5.

Magicmockups.com não tem muitas imagens, mas você pode baixá-las gratuitamente (ou doar se quiser). Todas as imagens estão em segundo plano.