miércoles, 5 de agosto de 2015

Crea siluetas de pluma con Photoshop

En el siguiente tutorial veremos como hacer en Photoshop una pluma como las que aparecen en la portada de Photoshop CS2 =), espero sea útil :

1.- dibujamos el tallo de la pluma, procura empezar de la punta a la raíz. Para los que usan mouse deben configurar el pincel de esta manera:




2.- dibuja la forma básica de la pluma, no tiene que ser muy precisa, sólo define la silueta y qué tan ancha, larga o achatada será (sin albur)



3.- en una capa debajo del tallo, con un tono de gris de tu elección, preferentemente a 75% de transparencia, dibuja secciones irregulares al azar, deja huecos grandes en una capa; después en otra capa (no importa el orden), también con 75% de transparencia, intenta llenar los huecos, no lo fuerzes mucho, si te parece que aún hay muchos huecos utiliza una tercera capa con secciones más pequeñas, recomiendo tampoco cubrir todo, separa ligeramente las secciónes, procura tener la brocha que uses en "spacing" 0% para que quede lo más liso posible, aqui como ejemplo pongo la forma en que distribuí las piezas, en el orden en que las hice:







4.- ahora eliminamos la guía que hicimos al principio y unimos las capas que mostré anteriormente (dejando el tallo en una capa separada) de la siguiente manera:
seleccionamos esas tres capas, damos click en layer > merge layers y listo, debería quedar algo como esto:



5.- ahora con la capa seleccionada damos click en "lock transparent pixels":



y comenzamos a pintar del o los colores que querramos. Usen un pincel difuso, yo en este caso usé 25% de opacidad degradando de azul a amarillo, después le dí a la capa del tallo un 70% de transparencia y lo degradé de morado a amarillo =)




Fuente:enlace
Si quieres seguir aprendiendo con nosotros, puedes ingresar a nuestros 
Cursos y Diplomados de Tecnología Web visita www.uneweb.edu.ve  para más información

martes, 4 de agosto de 2015

¿Qué es RGB? Red Green Blue

La descripción RGB (del inglés Red, Green, Blue; "rojo, verde, azul") de un color hace referencia a su composición de la intensidad de los colores primarioscon que se forma: el rojo, el verde y el azul. Este un modelo de color basado en lo q se conoce como síntesis aditiva, con lo que es posible representar a un color por la mezcla por adición de los tres colores luz primarios.

Para indicar con qué proporción se mezcla cada color, le asignamos un valor a cada uno de los colores primarios, así, por ejemplo, el valor 0 significa que no interviene en la mezcla, y en la medida que ese valor aumenta, aportará más intensidad a la mezcla.
Lo que conocemos como píxel es en realidad un conjunto de tres puntos, uno rojo, uno verde y uno azul, cada uno de los cuales brilla con una determinada intensidad.

La gama de colores de la web consiste en 216 combinaciones de rojo, verde y azul, donde cada color puede tomar un valor entre seis diferentes (en hexadecimal): #00, #33, #66, #99, #CC o #FF, que tienen un porcentaje de intensidad de 0%, 20%, 40%, 60%, 80% y 100%, respectivamente.

La codificación hexadecimal del color nos permite expresar fácilmente un color especifico de la escala RGB, utilizando la notación hexadecimal. esta notación la encontramos, por ejemplo, en el lenguaje HTML, JavaScript, o ActionScript, y otros lenguajes

Este sistema utiliza la combinación de tres códigos de dos dígitos para expresar las diferentes intensidades de los colores primarios RGB, por ejemplo:

Blanco y Negro


  • negro: #000000 donde los canales estan al minimo: 00, 00, 00.
  • blanco: #FFFFFF donde los canales estan al maximo FF, FF, FF.


En este sistema, el hexadecimal, además de los números del 0 al 9 se utilizan seis letras con lo sig valores numéricos


  • A =10
  • B =11 
  • C =12 
  • D =13 
  • E =14 
  • F =15

La correspondencia entre la numeración hexadecimal y la decimal u ordinaria se puede representar por la siguiente fórmula:
Código :
decimal = primera cifra hexadecimal * 16 + segunda cifra hexadecimal 

Así, cualquier color puede definirse por tres pares de dígitos.
veamos:

Colores Primarios

  • rojo: #FF0000 donde el canal rojo esta al máximo y los otros al mínimo: FF, 00, 00.
  • verde: #00FF00 donde el canal verde esta al máximo y los otros al mínimo: 00, FF, 00.
  • azul: #0000FF donde el canal azul esta al maximo y los otros al minimo: 00, 00, FF.

Secundarios o CYM (Cyan, Yellow, Magenta)*

  • cian: #00FFFF donde los canales azul y verde están al máximo: 00, FF, FF.
  • amarillo (yellow): #FFFF00 donde los canales rojo y verde están al máximo: FF, FF, 00.
  • magenta: #FF00FF donde los canales rojo y azul están al máximo: FF, 00, FF.

*CYMK se le agraga la "K" de "key" q es el negro

Colores HTML o web

  • cyan: #00FFFF
  • gray: #808080 
  • navy: #000080 
  • silver:#C0C0C0
  • black: #000000 
  • green: #008000
  • olive: #808000 
  • teal: #008080 
  • blue: #0000FF
  • lime: #00FF00
  • purple: #800080 
  • fuchsia: #FF00FF
  • maroon: #800000
  • red: #FF0000
  • yellow: #FFFF00
  • white: #FFFFFF


ahora, podremos por ejemplo usar perfectamente la clase ColorTransform de ActionScript, saber en q medida queremos cada valor para r, g, y b.
en fin, espero les sirva :wink:



Fuente:enlace
Si quieres seguir aprendiendo con nosotros, puedes ingresar a nuestros 
Cursos y Diplomados de Tecnología Web visita www.uneweb.edu.ve  para más información

Especialización de Community Manager Mercadeo viral 100% online

cursoenvivo
Desde tu casa u oficina cursa, aprende y obtén Certificado en Especialización de Community Manager Mercadeo viral 100% online, Marketing viral, SEO, Comunicación masiva, para mercadear y posicionar en buscadores y redes sociales obteniendo publicidad masiva,  CURSO EN VIVO CON EL INSTRUCTOR ON LINE, en nuestro sistema de conferencia en línea
curso de marketing viral

curso de marketing viral Participantes hasta 8 cupos curso de marketing viralFecha: 10 / AGOSTO / 2015 Hora: 7pm a 9:00pm
Clases en vivo: Lunes, Miércoles y Viernes (6 semanas)

Con más de 12 módulos del mejor material orientado a proyecto on line las 24 horas, Certificado por el Ministerio de Educación

curso de marketing viralBs. 8000,00
Uneweb Instituto | Todos los derechos Reservados. Telf. 0212-9533294 – 9538412 celular 04141150705

Hoonter en empléate.com solicita programadores y webmaster


Somos una Startup formada por Equipo con Talento y estamos desarrollando un proyecto muy interesante que puede cambiar el mercado.
Buscamos programador, con ganas de crecer, con visión a futuro, para proyecto con pronto lanzamiento.


Disponibilidad de viajar nacional e internacional. 

Favor acceder al link para postularse
http://www.empleate.com/venezuela/ofertas/empleo/847982/programador_a/caracas_distrito_capital/ y 

http://www.empleate.com/venezuela/ofertas/empleo/847977/disenadores_as_web/caracas_distrito_capital/

lunes, 3 de agosto de 2015

Herramientas de manipulación vectorial en Illustrator


En este tutorial les mostraremos un grupo de herramientas para manipular vectores de manera sencilla, consiguiendo formas vectoriales que a mano serían muy dificiles o complicadas de lograr.

Las encontramos todas en un mismo grupo de ventana desplegable:





Estas son la herramientas Deformar, Molinete, Fruncir, Engordar, Festonear, Cristalizar y la herramienta Arrugar.

A continuación les mostraré qué efecto producen cada una a una forma vectorial:


La herramienta Deformar






vemos que nos va como estirando el vector según la dirección que nosotros le demos al pasar por encima de la figura.


La herramienta Molinete






Con un solo click en la figura nos hace un efecto de molinete, éste es muy útil si buscas lograr vectores psicodélicos.


La herramienta Fruncir






LLeva los puntos de la figura hacia adentro.


La herramienta Engordar






Es la contraria a la anterior, lleva la forma hacia afuera como hinchándola.


La herramienta Festonear






Modifica los bordes de la figura aleatoriamente de manera curva.


La herramienta Cristalizar






Modifica los bordes de la figura aleatoriamente en punta.


La herramienta Arrugar






Como el nombre lo indica, arruga los bordes de la figura dejándole un genial efecto casi imposible si buscáramos hacerlo a mano.


Fuente:enlace
Si quieres seguir aprendiendo con nosotros, puedes ingresar a nuestros 
Cursos y Diplomados de Tecnología Web visita www.uneweb.edu.ve  para más información

Convertir texto en curvas en Illustrator


Como respuesta a una consulta que me dejaron en mi blog, explicaré cómo convertir texto en curvas en Illustrator, en cualquier versión se hace de la misma manera. Yo en este caso estoy usando la nueva versión CS4.


Es bien simple. creamos un texto cualquiera con la herramienta de texto. Vemos que cuando lo seleccionamos sale el cuadro delimitador y el texto tiene debajo una línea que lo subraya:







Le damos click derecho y elegimos la opción Create outlines. También podemos buscar la misma opción desde el menú type > create outlines.







y listo! nuestro texto ya no es mas texto y ahora son objetos. Lo vemos porque ya la línea desaparece y podemos ver los nodos alrededor de cada objeto con forma de letra.





Fuente:enlace
Si quieres seguir aprendiendo con nosotros, puedes ingresar a nuestros 
Cursos y Diplomados de Tecnología Web visita www.uneweb.edu.ve  para más información

domingo, 2 de agosto de 2015

Retoque de imágenes en Photoshop para impresión


Es bastante probable que muchos hayan tenido que enfrentarse alguna vez al retoque de una imagen. Aquí no vamos a enseñarte a hacer composiciones artíísticas, sino simplemente te daremos unas pautas recomendables para que, llegado el momento de enfrentarte a preparar una imagen para su impresión, no digas "Oh dios mío, ¿y ahora qué?". Sin más preámbulos, al grano.
Nota: Antes de empezar, hay que decir que este tutorial está hecho con los aportes de Hellvetika y _hermano_ y con el ánimo de Mx.

Objetivo

Preparar una imagen para su posterior impresión. Trataremos el tema como si estuviéramos maquetando una revista, un folleto, una publicidad de cualquier tipo o lo que sea. Dejamos para posteriores aportaciones la explicación de los tipos de papeles que existen y de las diferencias en la preparación de las imágenes en función de ellos.

Herramientas

Photoshop CS o CS 2. Y una fotografía, por supuesto (la cual está disponible al final del tutorial).

Comenzamos

Lo que vamos a describir a continuación es sólo una manera de preparar una fotografía para su correcta impresión. Hay muchas y por supuesto variará en función de cómo nos venga la imagen. Pero, en principio, utilizaremos este esquema general. 

Paso 1

Abrimos la fotografía. Lo primero es duplicar la capa de la imagen, para no dañar la original. Trabajaremos sobre la duplicación y si en algún momento quisiéramos volver al principio, no tenemos más que borrar el duplicado.  Recordemos que para duplicar la capa, basta con ponerse encima, darle al botón derecho (o ctrl.+clic en mac…) y en el menú contextual elegir la opción "duplicar capa".
capas duplicadas

Paso 2

Lo segundo que tenemos que comprobar es que nuestra imagen esté a 300 ppp (píxeles por pulgada), ya que sólo con esa resolución conseguiremos que se impriman correctamente (recordemos que para web basta con 72 ppp). Para ello, teniendo seleccionada la imagen, entramos en Imagen / Tamaño de imagen. Nos aseguramos de que la pestaña "Remuestrear imagen" está deseleccionada y ponemos en "Resolución", 300. Observaremos que la altura y la anchura de la imagen cambian.
tamaño de imagen

Paso 3

Echamos un vistazo a la foto y, si es necesario por estar muy oscura o muy clara, nos vamos a Imagen / Ajustar / Sombra-Iluminación. Aquí tocamos las sombras y las luces en función de lo que necesitemos. Ésta es una buena opción a la hora de tratar imágenes que tengan gran contraste de claroscuros entre el fondo y el primer plano, entre otras cosas.
sombra / iluminacion

Paso 4

Ahora vamos a retocar el color. Por ello, vamos a pasar nuestra imagen (si es que no lo está ya) a CMYK. Lo más probable es que nos la den en RGB, que es el modo adecuado para pantalla. Pero nosotros queremos imprimirla, con lo que la pasaremos a CMYK. Imagen / Modo / Color CMYK.
El programa nos preguntará si queremos combinar las capas (recordar que estamos trabajando sobre una capa duplicada, y que también disponemos de la original. 2 capas en total). Hay que decirle que NO, ya que si no anularíamos la ventaja que supone trabajar sobre la capa duplicada.
CMYK

Paso 5

Es el momento de tocar el color ya en síí mismo. Nos vamos a Imagen / Ajustar / Niveles. Aquí nos saldrá una ventana, desde la cual podremos ir modificando los 4 componentes de color por separado: Cyan, Magenta, Amarillo y Negro. Ve jugando con el botón de "Previo" para ver qué efecto surten tus cambios. Como consejo, diremos que es conveniente normalmente añadir algo de negro, y que hay que fijarse en los blancos para percibir el "equilibrio" del color, para que no haya ningún dominante. Pero cada ojo decide qué hacer.
niveles

Paso 6

Es posible que la imagen esté un poco desenfocada o simplemente quieras endurecer los bordes. Entonces, lo más recomendable es aplicar una máscara de enfoque, mediante la cual conseguirás grandes resultados. Vete a Filtro / Enfocar / Máscara de enfoque. Utiliza esta herramienta con cuidado, ya que si pones demasiada cantidad y radio, dará la impresión de que la imagen está sucia.
mascara de enfoque

Paso 7

Ya estamos acabando. Normalmente, es necesario añadir algo de contraste a las fotografías antes de imprimirlas, ya que al pasarlas de RGB a CMYK pierden los colores bastante vivacidad. Para ello, nos vamos a Imagen / Ajustes / Brillo-Contraste.
brillo / contraste

Paso 8

En condiciones normales, la imagen ya debe estar lista. Es posible que sólo queramos quedarnos con una parte de ella. Hay varias opciones. Podemos hacer un silueteado (se explicará en otro tutorial) para quedarnos sólo con la figura de una persona, por ejemplo. También podemos recortar una parte o, lo que es mejor, mediante una máscara realizar la selección interesada y guardarla en un canal nuevo quedándonos con lo que nos interese. Y así no borramos información, sólo la ocultamos.
recorte

Paso 9

Ha llegado el momento de guardar nuestra imagen. Los dos formatos más utilizados para guardar una imagen que se va a mandar a una imprenta son EPS yTIFF. Hay imprentas que prefieren trabajar con unas y otras con otra. Pero ambos son recomendables para imágenes a color. Si son en blanco y negro, normalmente basta con tenerlas en modo Escala de Grises, aunque no pasa nada por dejarlas en cualquiera de los dos modos anteriores. NUNCA, repetimos NUNCA dejes una imagen en JPG, no respetará los colores y la imagen perderá calidad.
formato de imagen
Pues esto es todo, esperamos seguir publicando tutoriales que ayuden a los diseñadores gráficos o maquetadores recién empezados en el sector.
Aquí os dejamos la imagen original y la tratada para que veáis la diferencia.
formato de imagen
imagen original

formato de imagen




Fuente:enlace
Si quieres seguir aprendiendo con nosotros, puedes ingresar a nuestros 
Cursos y Diplomados de Tecnología Web visita www.uneweb.edu.ve  para más información

Diseña tus propios botones con Flash





Fuente:enlace
Si quieres seguir aprendiendo con nosotros, puedes ingresar a nuestros 
Cursos y Diplomados de Tecnología Web visita www.uneweb.edu.ve  para más información



sábado, 1 de agosto de 2015

Cómo crear un reloj fácil y rápido en Flash














Fuente:enlace

Si quieres seguir aprendiendo con nosotros, puedes ingresar a nuestros 
Cursos y Diplomados de Tecnología Web visita www.uneweb.edu.ve  para más información

Entradas populares