Ing. Sergio Ramirez

Sergio E Ramirez has invited you to join Twitter!

Twitter helps you stay connected with what’s happening right now and with the people and organizations you care about.

Accept invitation

Find out why I love Twitter.

Instant updates about news, sports, entertainment. And you.

Join me on Twitter:

Sergio E Ramirez (@sergioeramz)

Invitation

Formatos para imágenes en Monitor

¿Qué tal como están?
Pues otra vez ando aquí con un problema típico técnico para los IDGD en su comienzo de la carrera y bueno para algunos ya casi egresados.
¿Cómo es un formato o las especificaciones para un archivo que va a colocarse en un monitor o pantalla?
Empecemos,
Primero unas notas importantes que debes saber:
  • RGB, se le conoce al modelo de colores (Red,Green.Blue) el cual es un sistema de síntesis aditiva que permite crear los diferentes colores de una imagen, este sistema se usa en los monitores y pantallas de reproducción de video.
  • NTSC, National Television System Committee, en  Comisión Nacional de Sistema de Televisión) sistema utilizado para la transmisión de A/V en América y Japón.
    Usos exclusivo para transmisión de A/V
  • Medidas, esto depende mucho del Aspect Ratio que corresponde a la forma del monitor un 4:3 que es casi cuadrada la imagen o un 16:9 un formato mas alargado. Las mediadas en los monitores o pantallas se manejan en pixeles o ppi (points per inch o pixels per inch). lo que nos da las siguientes medidas dependiendo las especificaciones del monitor:

    1920 × 1080 píxeles
    1280 × 720 píxeles
    1080 x 720 píxeles    (Full HD de aquí  ^^^^^^ )
    720 x 480 píxeles  
    620 X 480 píxeles
     

    NOTA:  Un Full HD: solo es posible si el ancho de pixeles pasa los 1080ppi
Conociendo ya estas pequeñas especificaciones podemos realizar un Archivo o imagen para monitor.

Para este ejemplo tomaremos un archivo de Photoshop o Illustrador en los cuales casi son las mismas especificaciones.

  1. Iniciamos el programa y creamos un  nuevo archivo.
  2. Al crear el nuevo archivo sale un ventana para configurar el nuevo archivo.
  3. Colocamos el modelo de colores que será RGB.
  4. Colocar la resolución a 72 ppi o píxeles  (Es común utilizar esta cantidad, si colocan mas el peso será mayor el peso ) 
  5. Después dependiendo del tamaño de la imagen que queremos desarrollar son las medidas que configuraremos, para esto también hay que cambiar las medidas a ppi o pixeles según el programa y la configuración.

  6. Ya podemos trabajar en nuestro proyecto.
  7. una vez concluido con el proyecto al salvar nuestro archivo procuramos ya sea utilizar la herramienta de Photoshop  ”Save for web” ya que esta herramienta salvara el archivo optimo para un monitor o bien manualmente al exportar o salvar el archivo como JPG con buena calidad.
NOTA: El archivo para monitor no debe pesar mas de 300 kb,  si pesa 6 Mb o 100Mb Investiga que hiciste mal por que en un trabajo profesional te lo regresaran o probablemente no te digan nada al respecto pero al siguiente día te dirán adiós :) .


Bueno les dejo un video con el tutorial, es algo corto y sencillo así que no tiene audio, saludos y no se olviden de seguir el blogger o el Tumblr les dejo los links también. 



Ing. Sergio E Ramirez
sramirez@norbakgroup.com
————————————————————————————————————
Tumblr IDGD: http://idgd.tumblr.com/ 


Artboards en Illustrator CS5
Ah!!! los Artboards en Illustrator CS5 hacen aveces que pierda uno la cabeza, claro, cuando no sabes usar  Illustrator, bueno pues como ya van varias personas a las que les ayudo con algunos aspectos técnicos dentro de algunos software, quise realizar un serie de mini tutoriales de problemas técnicos por que realmente hay gente que no sabe estando en los últimos semestres de alguna carrera de diseño, lo que no es de dios, salir casi de una carrera y no conocer estos aspecto que en la practica hacen muchísima falta, pues comenzaremos con estos pequeños “Tuts”, como le dicen en EUA.


Supongamos que tenemos una serie de elementos al realizar un logotipo, en el archivo tenemos la versión completa pero queremos solo el icono, usualmente, abrimos un nuevo archivo y colocamos el elemento para exportarlo, pues en Illustrator CS5 esto no es necesario.


En un mismo archivo podemos tener y exportar cuantos elementos queramos. 
¿Cómo  se hace esto? pues bien tenemos un archivo con nuestro logo, en el comienzo configuramos nuestro archivo para que tenga ciertas medidas, usualmente y por default, en la mayoría es tamaño carta ó Print - Letter, pues con esto solo puedes exportar ese archivo con ese tamaño, con la herramienta de Artboard puedes hacer varias secciones aparte de la default o modificar esa misma.


Como esta vez puse como ejemplo el logo y queremos exportar el icono  pues en el mismo archivo que tengan de un icono pueden seguirme con el tutorial, la herramienta la encuentran aquí:
Hacen click y hacen su recuadro para exportar el icono:


Una vez que esto esta listo solo tienes que exportar en tu formato favorito, no olvides en la configuración colocar el uso de Artboard y el numero del mismo.


Con Artboard puedes modificar seleccionando la herramienta y posterior mente haciendo click en tus recuadros.


Te dejo un video en el cual te explico como se hace:








Gracias  fue un placer y si te interesan mas tutoriales te dejo mi forma de contacto:
Ing. Sergio E Ramirez
sramirez@norbakgroup.com

Facebook: https://www.facebook.com/ing.sergio.e.ramirez
LinkedIn: http://www.linkedin.com/in/sergioeramirez
Tumblr: http://sergioeramz.tumblr.com/
Twitter: https://twitter.com/#!/sergioeramz
Youtube: http://www.youtube.com/user/SERV8997

————————————————————————————————————
Facebook IDGD: https://www.facebook.com/pages/IDGD/202060029888443
Tumblr IDGD: http://idgd.tumblr.com/

New way to make a sale

Diseños para las maquinas colocadas en los kioscos puestos en la plaza

Diseños para las maquinas colocadas en los kioscos puestos en la plaza

Hace unos meses desarrolle una propuesta para un kiosco que se montaria en una plaza en la localidad de Tijuana.Ayer por la tarde me hicieron llegar una foto del techo ya instalado, es el segundo proyecto que desarrollo en 3D y se hace en realidad para un lugar publico.Este siendo uno de mis primeros logros se lo quiero dedicar a las personas que siempre me han apoyado y han estado ahí, a esas personas que gracias a ellos me he desempeñado profesionalmente.Les dejo la foto para que miren la comparación, solo se cambiaron los colores.

Hace unos meses desarrolle una propuesta para un kiosco que se montaria en una plaza en la localidad de Tijuana.Ayer por la tarde me hicieron llegar una foto del techo ya instalado, es el segundo proyecto que desarrollo en 3D y se hace en realidad para un lugar publico.
Este siendo uno de mis primeros logros se lo quiero dedicar a las personas que siempre me han apoyado y han estado ahí, a esas personas que gracias a ellos me he desempeñado profesionalmente.

Les dejo la foto para que miren la comparación, solo se cambiaron los colores.

Integración redes sociales y multimedia

La primera integración y con grandes resultados.
Los invito a que le den un vistazo.
Creative Commons License
Optimización y automatización de alimentación a redes sociales y multimedia by Sergio E Ramirez is licensed under a Creative Commons Attribution-NonCommercial-NoDerivs 3.0 Unported License.