Video-tutorial: como facer un banner móbil en Photoshop facilmente

Hoxe neste vídeo-titorial, ensinarémosche a compoñer e preparar un proxecto para crear unha pancarta co programa Adobe Photoshop, para o seguinte vídeo-titorial para ensinarche a dar un pouco animación, así como exportalo listo para o seu uso.

Comezarei por dicirche quen é o home da foto, que non é un home anónimo escollido de ningún banco de imaxes, non señor, este é o Grande Milton glaser, creador do logotipo de Encántame Nova York canto influíu na nosa sociedade no século pasado ou portada de Bob Dylan.

Ben, deixando de lado a nota histórica, imos comezar este video-tutorial: Como facer un banner móbil en Photoshop facilmente, o meu primeiro vídeo-titorial que espero que vos guste e vos sexa de moita utilidade. Comecemos.

I) Facemos un esbozo coa nosa composición e comezamos a crear e buscar os diferentes elementos da pancarta.

II) Buscamos e descargamos unha foto do bo e vello Milton Glaser, un personaxe que escollín para coller na nosa pancarta.

III) Abrimos Adobe Photoshop e creamos un novo documento. Escollemos entre os diferentes preajustes que Photoshop nos dá para usar en formato web. De todos eles, escollemos o lienzo de 800 × 600, que é un bo tamaño para unha pancarta.

IV) Abrimos o ficheiro JPG que contén a foto do bo Milton Glaser e preparámonos para retocar a foto.

V) Escollemos entre o grupo de ferramentas de selección, un dos Loops, o Bucle magnético neste caso. Esbozamos o bo e vello Milton.

VI) Unha vez esbozado, dirixímonos á ruta Selección-Refinar os bordos. Usaremos esa ferramenta para que os bordos da imaxe estean ben delineados.

VII) Unha vez que deixamos o bordo Milton completamente ao noso gusto usando a ferramenta Refinar Edge, prememos CNTRL + J e producirase unha nova capa coa selección.

VIII) Eliminamos a capa de fondo e así teremos a Milton nunha Fondo transparente que podemos usar na nosa pancarta.

IX) Para gardalo imos utilizar a ferramenta Gardar para web. Dentro do cadro de diálogo desta ferramenta, atopamos a posibilidade de exportar o ficheiro en diferentes tipos de ficheiros como GIF, JPG ou PNG. Ben, neste ficheiro imos exportalo para mantelo nun fondo transparente. Gardamos e nomeamos. Pechamos e gardamos en PSD polo que poida pasar.

X) Volvemos ao noso proxecto web, ao banner. Cambiamos a cor da capa de fondo a negra. Para iso empregamos a ferramenta Cubo de pintura, cambiando a cor frontal a negra e facendo clic directamente na capa de fondo.

XI) Comezamos importando a foto de Milton Glaser ao noso espazo de traballo ou lenzo. Para iso empregamos o Ferramenta de colocación, atopouse na opción de ficheiro.

XII) Colocamos o bo vello Glaser na esquina inferior dereita da pantalla.

XIII) Creamos unha burbulla de discurso a partir dos cómics. Configurámolo para parecer que fala Glaser.

XIV) Creamos 3 frases co Ferramenta de texto, que son os que darán información ao banner. Un deles entrará dentro do bocadillo.

XV) Cada unha das frases debe ir nunha capa de texto diferente.

XVI) E así temos todo preparado para comezar dar animación á nosa pancarta.

No seguinte vídeo-tutorial ensinarémosche a animar o noso banner. Non o perdas.