Secretos de diseñadores y publicistas: tutoriales

Mostrando entradas con la etiqueta tutoriales. Mostrar todas las entradas

miércoles, 28 de agosto de 2013

Como crear logotipos y logos

Este post está hecho para todo aquel que quiere aprender a crear logotipos, logos para empresas o para productos, incluso para personas que quieren un “logo gratis”. Sin embargo hay que tener en cuenta que para hacer un logotipo profesional necesitamos capacitarnos y trabajar arduamente para tener la experiencia que nos permita crear una marca solida, que cree nexos con nuestro consumidor y así mismo que facilite nuestras ventas.

Pero bueno, aquí va nuestro tutorial para crear logotipos:

Primero que todo definamos logotipo: Un logotipo es un identificador gráfico que representa distintos aspectos de una empresa, producto o servicio (Logos (en griego λóγος -lôgos- ) significa: la palabra en cuanto meditada, reflexionada o razonada, es decir: "razonamiento", "argumentación", "habla" o "discurso".) y tipos del latín typus que significa modelo, carácter grabado) . De esta forma lo primero que tenemos que hacer es identificar los conceptos queremos comunicar.

Los conceptos pueden ser abstractos como por ejemplo: Seriedad, solidez, bienestar, jovialidad, elegancia, pureza etc. o también pueden ser concretos: Casa, balón, televisor, zapatos.

Ya identificados los conceptos que queremos comunicar, pasamos a identificar nuestro grupo objetivo (nuestros clientes potenciales), ya que todo esfuerzo publicitario va ir dirigido a este. Aquí una guía básica de cómo hacerlo (http://www.ehowenespanol.com/definir-publico-objetivo-como_112736/). Ahora que hemos definido a quien le vamos a vender es necesario filtrar nuestra lista de conceptos, de esta manera ya tenemos una guía para empezar a diseñar.

En un papel vamos a dibujar los conceptos que tenemos, por ejemplo: Bienestar. Piense en que figura representa el bienestar y trate de fusionarlo con la misión de su empresa o las funciones de su producto. Estas fusiones pueden ser mediante colores, formas y jerarquías (tamaños).

Ahora que ya tenemos distintos bocetos de la imagen de nuestro negocio, procedemos a digitalizar nuestros bocetos. Primero los scaneamos y los redibujamos en un programa vectorial, yo recomiendo Adobe Illustrator , esto es muy importante ya que si lo hacemos en un programa de mapa de bits el logo no nos va a servir para las distintas aplicaciones que le queramos dar.

Después de tener vectorizados nuestros bocetos podemos añadir efectos de luz y sombras para ganar mayor impacto, obviamente si nuestra marca lo permite.

Estos son un par de ejemplos de lo que se pretende conseguir:

Recuerde que los individuos no compramos productos y servicios, compramos marcas. Si necesita apoyo profesional en el desarrollo de su marca (diseño de logos, carpetas, brochures, web, multimedia, etc). Contáctenos > La P publicitaria

viernes, 12 de noviembre de 2010

Efecto para banners en flash y as2

Hoy vamos a aprender a hacer un interesante efecto que puede ser utilizado en banners o en lo que se les ocurra.

Sobra decir que toca abrir el flash, pero he encontrado gente que nada le parece obvio, así que “por favor ejecute su flash versión 8 en adelante”.
Ahora le decimos “archivo de flash (AS2)” .
Este tutorial lo voy a hacer con cs4, pero como vengo usando el flash en versiones anteriores la verdad no me acostumbro a tenerlo con la nueva interfaz, así que voy a ventana > espacio de trabajo> clásico.
Configuramos el tamaño que queremos, en este caso 230px X 173px:

Importamos una imagen de fondo ctrl+R, presionamos ctrl+k para que nos salga el panel de alineación y le decimos que nos alinee con respecto a la escena tanto vertical como horizontal.:

Creamos una nueva capa:

Ahora hacemos un cuadro del color que queramos y lo convertimos a clip de película con la tecla F8:

Ahora entramos en el clip dándole doble click al cuadro. Señalamos nuevamente el cuadro y lo convertimos nuevamente en clip de película (F8) para poder animar por movimiento.
Vamos al fotograma número 20 y presionamos F6 para poner un fotograma clave. Luego nos situamos entre los dos fotogramas (1 y 20) y presionamos el click derecho y le ponemos crear interpolación clásica. (Si no convertimos el objeto a click de película el programa nos crea automáticamente el clip, pero cuando tenemos un proyecto grande vamos a tener problemas por utilizar esos nombres genéricos que crea el programa, como animar1, animar2 etc.)

Nos paramos en el primer fotograma y le damos click al cuadro para que nos salgan las opciones de estilo, y le ponemos un alpha al 100%:

Luego vamos al último fotograma y hacemos lo mismo, opciones de estilo>alpha, pero esta vez le ponemos 0%.

Si publicamos (Ctrl+enter) vamos a ver un cuadro titilando, así que cerramos y continuamos con el código.
Vamos a pararnos en el primer fotograma y vamos a presionar F9, dejamos presionado la tecla “Esc” y presionamos seguidamente la letra “S” y luego la letra “T” esto con el objetivo de hacer un stop “stop();”, seguidamente vamos a escribir esto:

onRollOver = function(){
gotoAndPlay (2)
}

Bien ahora salimos del clip dándole click a escena 1:

Ya afuera vamos a mantener la tecla “alt” mientras arrastramos nuestro cuadro (para mantener una misma trayectoria en esta copia de instancia dejamos presionada la tecla “shift” luego de arrastar y no soltar). De esta forma vamos a arrastrar y soltar tantas veces sea necesario para cubrir de manera homogénea toda la imagen:
(para señalar varios clips de manera independiente deja presionado el botón “shift” mientras das click en los clips)

Cuando tengamos tapada toda nuestra imagen le damos publicar (ctrl+enter) y vemos k al pasar el mouse por las partes de nuestra película se nos va a descubrir la imagen y nos va a dar un efecto interesante.

Final:

Como siempre espero que te haya gustado y si puedes enlázame el blog ;)
Es importante que pruebes con distintos tamaños, colores y animaciones para que le saques provecho a este humilde tuto.

Hasta pronto.

sábado, 25 de septiembre de 2010

Como hacer contorno con fondo transparente en photoshop

Primero que todo pido disculpas a nuestros visitantes por no publicar seguido como lo hacia anteriormente, pero el trabajo me ha quitado mucho tiempo para compartir información.

En esta ocasión quiero colaborar con algo sencillo pero que para la persona que no lo sepa puede llegar a ser un dolor de cabeza. Pues bien, voy a mostrarles como hacer un simple contorno usando una figura vectorial.

Como siempre lo primero que vamos a hacer es abrir un documento nuevo: crl+n , ponemos un fondo ya sea arrastrando nuestro .jpg desde la carpeta en donde lo tenemos o simplemente lo jalamos desde internet hasta nuestro archivo nuevo.

Ahora creamos nuestra figura vectorial presionando la letra “u”. y seleccionamos el color blanco (esta es la clave para que quede transparente) y hacemos nuestra figura:

TIP: Es posible que nos salga el cuadro, pues para cambiar a circulo presionamos shift+ u tantas veces como lo necesitemos.

Vamos al botón Fx y seleccionamos trazo:

Escogemos nuestro color y el grosor de la línea. Luego presionamos ok

Para finalizar vamos a modos de fusión y le damos Multiplicar y listo:

Como vemos también funciona con las fuentes:

Si te gustó, enlazanos desde tu página.

domingo, 16 de mayo de 2010

Tutoriales para hacer iconos profesionales

Auque existen lugares para descargar iconos, es importante saber como se elaboran, ya que muchas veces no encontramos iconos personalizados. Por tal razón les dejo este compilado de tutoriales para elaborar iconos de aspecto profesional en photoshop :

How to Make a Professional Buddy Icon in Photoshop