Vídeo-Tutorial: Com fer un banner amb moviment en Photoshop fàcilment

tutorial - Com-fer-un-banner-amb-moviment-a-photoshop-facilment

Avui en aquest vídeo-tutorial, us ensenyarem a compondre i preparar un projecte per crear un banner amb el programa Adobe Photoshop, Per al següent vídeo-tutorial ensenyar-vos a donar-li una petita animació, Així com ha exportar ja es pot utilitzar.

Començaré per explicar-vos qui és el senyor de la foto, que no és un senyor anònim qualsevol escollit d'un banc d'imatges qualsevol, no senyor, aquest és el Gran Milton Glaser, Creador de l'logotip de Amo Nova York que tant ha influït en la nostra societat al segle passat o portadista de Bob Dylan.

Doncs deixant de banda la nota històrica, comencem aquest vídeo-tutorial: Com fer un banner amb moviment en Photoshop fàcilment, El meu primer Video-Tutorial que espero us agradi i us sigui molt útil. Comencem.

I) Fem una esbós amb la nostra composició i vam començar a crear i buscar els diferents elements de la pancarta.

II) Busquem i descarreguem una foto d'el bo de Milton Glaser, personatge que he escollit per treure al nostre pancarta.

III) Obrim Adobe Photoshop i vam crear un nou document. Triem entre els diferents presets que ens dóna Photoshop per utilitzar en format per a web. De tots ells, escollim el llenç de 800 × 600, que és una bona mida per a un banner.

IV) Obrim l'arxiu JPG que conté la foto d'el bo de Milton Glaser i ens preparem per retocar-les.

V) Escollim de el grup d'eines de selecció, un dels Llaços, el llaç Magnètic en aquest cas. Contorneamos a el bo de Milton.

VI) Un cop contornejat, ens anem a la ruta Selecció-Perfeccionar Bordes. Utilitzarem aquesta eina per deixar les vores de la imatge ben perfilats.

VII) Un cop hem deixat la vora de Milton totalment al nostre gust utilitzant l'eina perfeccionar Vora, premem CNTRL + J i es produirà una capa nova amb la selecció.

VIII) Eliminem la capa fons i així tindrem ja a Milton sobre un fons transparent que podrem usar en el nostre banner.

IX) Per guardar-la farem servir l'eina Desa per web. Dins de la caixa de diàleg d'aquesta eina, trobem la possibilitat d'exportar l'arxiu en diferents tipus d'arxiu com són GIF, JPG o PNG. Doncs en aquest arxiu el anem a exportar, per mantenir-lo en un fons transparent. Guardem i nomenem. Tanquem i guardem en PSD pel que pugui passar.

X) Tornem al nostre projecte web, a la pancarta. Canviem el color de la capa fons a negre. Per a això utilitzem l'eina Pot de Pintura, canviant el color frontal a negre i picant directament sobre la capa fons.

XI) Comencem per importar-les de Milton Glaser al nostre espai de treball o llenç. Per a això utilitzem la eina Col·locar, que es troba en l'opció arxiu.

XII) Col·loquem a el bo de Glaser a la part inferior dreta de la pantalla.

XIII) Creem un entrepà de text dels dels còmics. El col·loquem que sembli que aquesta parlant Glaser.

XIV) Creem 3 frases amb la eina Text, Que són les que donaran la informació de la pancarta. Una d'elles ira dins de l'entrepà.

XV) Cadascuna de les frases ha d'anar en una capa de text diferent.

XVI) I així tenim ja tot preparat per començar a donar-li animació al nostre pancarta.

En el proper vídeo-tutorial us ensenyaré a donar-li animació al nostre pancarta. No us ho perdeu.


El contingut d'l'article s'adhereix als nostres principis de ètica editorial. Per notificar un error punxa aquí.

Sigues el primer a comentar

Deixa el teu comentari

La seva adreça de correu electrònic no es publicarà.

*

*

  1. Responsable de les dades: Miguel Ángel Gatón
  2. Finalitat de les dades: Controlar l'SPAM, gestió de comentaris.
  3. Legitimació: El teu consentiment
  4. Comunicació de les dades: No es comunicaran les dades a tercers excepte per obligació legal.
  5. Emmagatzematge de les dades: Base de dades allotjada en Occentus Networks (UE)
  6. Drets: En qualsevol moment pots limitar, recuperar i esborrar la teva informació.

bool (true)