30 dic 2012

Curso de Diseño Web desde 0


Si deseas aprender a crear paginas web y no sabes nada te recomiendo estos videos son muy buenos para empezar

FONDOS PARA PAGINAS WEB


Si estas buscando fondos simples para tu pagina web visita esta web donde hay una colección de fondos para paginas

patrones para fondos
mas patrones

espero que te sea de utilidad.


29 nov 2012

30 Tips para utilizar en Photoshop

En Internet existe múltiples listas de este tipo. Tips o pequeños consejos, que junto con la recomendación del uso de determinados atajos de teclado pueden hacer que nuestro trabajo en Photoshop sea más eficiente.Se que seran de mucha utilidad.

1.- ¿Cansado del fondo gris predeterminado que rodea a las imágenes?¿Te gustaría otro color para lograr un mayor contraste con la imagen sobre la que estás trabajando? Elige el color que te gustaría como fondo, haz click en el botón de pintura y con la tecla mayúsculas presionada haz click sobre el fondo gris.

2.- En Photoshop todos los botones de "Cancelar" en cualquier ventana pueden cambiarse a "Restaurar" para volver a los valores iniciales.

3.- Presiona el tabulador para ocultar la barra de herramientas y las paletas.

4.- Presiona MAYUS+Tabulador si únicamente deseas esconder las paletas.

5.- Haz click con la tecla MAYÚSCULAS presionada sobre la barra azul superior en las paletas o barra de herramientas para que éstas se alineen con el borde más próximo a ellas.

6.- Haz doble click sobre la barra azul superior sobre cualquier paleta para minimizarla.

7.- Presiona la tecla F para alternar entre 3 modos de pantalla diferentes y así poder obtener un mayor área de trabajo.

8.- Para dibujar una línea recta, haz click en el punto inicial, muévete hasta el punto final y haz click con la tecla MAYÚSCULAS presionada.

9.- Estando trabajando con cualquier herramienta, presiona la tecla CTRL para pasar a la herramienta Mover de modo temporal. Al soltar la tecla CTRL volverás a la herramienta con la que estabas trabajando.

10.- Estando trabajando con cualquier herramienta, presiona la tecla ESPACIO para pasar a la herramienta Mano de modo temporal. Al soltar la tecla ESPACIO volverás a la herramienta con la que estabas trabajando.

11.- Presionando CTRL+ESPACIO pasas a la herramienta de Zoom en modo aumentar.

12.- Presionando ALT-ESPACIO pasas a la herramienta Zoom en modo disminuir.

13.- CTRL+D Deselecciona. CTRL+MAYUS+D vuelve a seleccionar. CTRL+MAYUS+I invierte la selección.

14.- Presiona la tecla ALT y haz click sobre el icono del ojo que hay al lado de todas las capas en la paleta de capas para ocultar/mostrar todas las otras capas.

15.- Si la capa con la que vas a trabajar está enlazada con otras capas y necesitas desenlazarla, puedes hacerlo rápidamente pulsando la tecla ALT y a continuación hacer click en el pincel que hay al lado de la capa en la paleta de capas.

16.- CTRL+ALT+Z y CTRL+MAYUS+Z van, respectivamente, hacia atrás y hacia adelante en el historial.

17.- Si tienes varios documentos abiertos, con CTRL+TABULADOR podrás ir pasando de unos a otros.

18.- Doble click en la herramienta de zoom hará la imagen al 100 %, doble click en la herramienta mano ajustará la imagen al espacio disponible, dependiendo de la resolución de tu pantalla.

19.- CTRL+MAYSU+E combinará todas las capas visibles. Sobre una capa nueva utiliza CTR+MAYUS+ALT+E para combinar todas las capas visibles en ésta y dejar intactas las originales.

20.- Al utilizar el marco de selección, presiona la tecla ALT al iniciar la selección para que el punto de partida sea el centro de la selección.

21.- CTRL+ALT+T para hacer una copia de la capa que deseas transformar.

22.- Presionando X se alternarán los colores frontales y de fondo seleccionados.

23.- Presionando D se reestablecerá el color frontal y de fondo a negro y blanco.

24.- Presiona CTRL y haz click sobre la miniatura de una capa para seleccionar su contenido.

25.- Cuando utilizas el Lazo Poligonal presiona la tecla MAYUSCULAS para realizar líneas perfectas en ángulos de 45 grados.

26.- Las combinaciones de teclas CTRL+'+' y CTRL+'-' sirven para aumentar el zoom y reducir el zoom respectivamente.

27.- Con la herramienta Cuentagotas puedes capturar un color frontal haciendo click, puedes capturar un color de fondo haciendo click con la tecla ALT presionada.

28.- Con la herramienta de Medición dibuja una línea. A continuación presiona la tecla ALT para dibujar otra línea a continuación de la primera. Photoshop, además de medir la distancia de esta segunda línea, mostrará el ángulo que forman ambas líneas.

29.- Si estás editando texto puedes aumentar el tamaño del texto sin necesidad de recurrir a la paleta. Selecciona el texto sobre el que deseas cambiar el tamaño y presiona CTRL+MAYUS+'+' para aumentar el tamaño y CTRL+MAYUS+'-' para disminuir el tamaño.

30.- La Herramienta de Tampón de clonar también funciona cuando tienes varias imágenes abiertas al mismo tiempo. Presiona ALT y haz click en un área de cualquier imagen de un archivo abierto y posteriormente puedes pintar en cualquier otro documento.

28 nov 2012

Buscador del tipo de fuente

 Tipico de un diseñador .. !!!  y nos lleva mucho tiempo o terminamos trazandola para que nos quede igual. pero eh aqui la solucion a este problema.. =)

Les dejo esta pagina la cual  les busca el nombre de la fuente que se esta utilizando ya sea en una imagen o en una URL.


http://www.whatfontis.com/

Muy buena ! =)

Biblioteca de Texturas

Les comparto la siguiente biblioteca de texturas ..

http://www.cgtextures.com/

En la cual podran encontrar un sin fin de texturas para todo lo que necesiten hacer, aparte en la parte izquierda tiene un pequeño arbol donde vienen organizado por temas, esto facilitara la busqueda.
Lo unico que tienen q hacer es registrarse, en seguida podran bajar las texturas en el tamaño  que las necesiten.

Al principio tienen derecho a bajar 15 MB al dia, desgraciadamente despues si hay q pagar, pero si es de gran ayuda !!





Propiedades del color

Las combinaciones entre los diferentes colores, añadiendo a su vez el negro y el blanco, son innumerables. La clasificación se hace mediante el uso de las tres propiedades del color son: el tono, la saturación y el valor. De acuerdo con estas cualidades se pueden formar escalas diferentes; las escalas básicas son el circulo cromático, la escala de de valor (claro –oscuro), y la escala de saturación (escala de grises.)

Tono o matiz (hue)

El tono es la esencia propia del color, el estado puro del mismo. Todos los colores del círculo cromático, incluyendo los colores primarios, secundarios e intermedios, son llamados tonos. Este concepto tiene que ver con la longitud de onda dominante, por lo que el rojo anaranjado y el rojo violeta son matices del color rojo. En la imagen podemos observar que los colores primarios y los intermedios están dispuestos para mostrar los cambios de tono. Los colores primarios son el amarillo, el azul y el rojo; los colores complementarios o secundarios son los que están inmediatamente enfrente en el círculo cromático.

Saturación o intensidad

La saturación (croma) representa la intensidad de un color puro de acuerdo con las combinaciones con el color negro y el blanco. El color puro está completamente saturado (intenso), la viveza o la palidez del color vendrá dada por el ancho de banda de luz que estemos percibiendo.

Valor o brillo (value)

El valor corresponde a la escala de colores producto de la combinación de los mismos con blanco (luz) y negro (sombra). Por lo tanto, con el valor determinamos que tan claro u oscuro es un color determinado.
Los colores también se clasifican en colores aditivos y sustractivos. Todas las pinturas, incluyendo el oleo, la acuarela, el acrílico, etc. son pigmentos y entran dentro de la categoría de los colores aditivos. Para los pigmentos, los colores primarios son el amarillo, el azul y el rojo. El blanco es considerado la ausencia de color y el negro la combinación de todos.
Por otro lado, los colores sustractivos son todos aquellos llamados colores luz, que son los colores en que se descompone la luz blanca. Cuando hablamos de los colores sustractivos, los colores primarios son el rojo, el amarillo y el verde. En esta categoría, el color blanco se logra con la unión de todos los colores, mientras que el negro es la ausencia de color o la oscuridad.

Capas de Ajustes en Photoshop

Si alguna vez pensaron que estas capas no se utilizan o que no servian para hacer grandes cosas les dejo una URL donde les dice como utilizarlas en una fotografia !

 http://www.dzoom.org.es/noticia-18154.html


Muy importantes para aquellos dedicados a la fotografia ya que con pequeños detalles puedes hacer que tu imagen se vea mucho mejor !   ;) 

3 mar 2012

CSS PARA TABLAS



En esta pagina muestra algunos buenos y otros mejores estilos para usarse en las tablas en una pagina HTML, CSS TABLE GALERY ---> 

30 nov 2010

Digitalización: profundidad de bit por píxel


El bit es la cantidad de información binaria que conforma una imagen. La profundidad de bit define la cantidad o gama de colores y tonalidades que poseerá la imagen digital, ya sea en color o en blanco y negro, determinada por la cantidad de información (bit), que se le asigna a cada píxel durante la fase de digitalización.

Podemos visualizar la profundidad del bit entre varias imágenes.

26 nov 2010

DISEÑO GRAFICO EN UBUNTU



El proposito de esta entrada es de informar de los programas que se tienen open source para poder realizar diseño grafico en linux especificamente ubuntu.



En primera el muy conocido GIMP es un excelente editor de images libre.
pagina web: http://www.gimp.org/
instalarlo: sudo apt-get install gimp


Inkscape muy parecido a corel draw e illustrator para imagenes vectoriales
pagina web: http://inkscape.org/?lang=es
instalarlo: sudo apt-get install inkscape



Pinta una alternativa mas para la edicion de images de mapa de bits (muy simplificada)
pagina web: http://pinta-project.com/




AutoTrace convierte imagenes de mapa de bits a vectores
pagina web: http://autotrace.sourceforge.net/


Para quienes sin photoshop no pueden vivir existe una alternativa para tenerlo, se tiene que instalar wine y despues instalas crossover, Crossover es de pago y con esto puedes tener photoshop igualito al de windows corriendo en ubuntu o cualquier linux
pagina web: http://www.codeweavers.com/products/cxlinux/



Gnome color chooser
Sencilla aplicacion que te ayuda a elejir un color
pagina web: http://gnomecc.sourceforge.net/
instalarlo: sudo apt-get install gnome-color-chooser


MyPaint
Si tienes una tablet este programa es bastante util para dibujar, detecta la presion del lapiz optico
pagina web: http://mypaint.intilinux.com/
instalarlo: sudo apt-get install mypaint


Scribus
Scribus es un programa para crear publicaciones de todo tipo, potente herramienta de maquetación, soporte CYMK, creación de PDF, utilidades de dibujo vectorial.
pagina web: http://www.scribus.net/
instalacion: sudo apt-get install scribus


SK1
SK1 es una alternativa mas para no usar illustrator o corel draw
pagina web: http://sk1project.org/


Pencil
Programa para animacion en 2D
pagina web: http://www.pencil-animation.org/
instalarlo: sudo pat-get install pencil


Fotoxx
editor de imagenes sencillo pero poderoso y potente, altamente recomendable, este programa no es como gimp, es mas sencillo y te deja realizar varias funciones como cambiar el brillo, reducir el ruido etc.
pagina web: http://kornelix.squarespace.com/fotoxx/
instalarlo: sudo apt-get install fotoxx

EasyPaint
Este programa es muy sencillo, posee una interfaz parecida a la de paint de windows.
Cuenta con herramientas basicas como, lapiz, pincel, rellenar, borrador... etc
pagina web: http://opendesktop.org/content/show.php/EasyPaint?content=140877

PAGINAS Y BLOGS DE DISEÑO



Esta es una lista de las paginas de diseño grafico

OH!Grafico ver sitio
Solo photoshop ver sitio
Diego Mattei ver sitio
Rock 21 ver sitio
Artist of photoshop ver sitio
74 sitios utiles para desarrolladores y diseñadores ver sitio freebievectors ver sitio
freepik ver sitio

BLOG DE DISEÑO GRAFICO



Hola les damos la bienvenida a este blog, este blog es una recopilacion de conocimientos, direcciones web entre muchas otras cosas relacionadas con el diseño grafico, esperamos que sea de tu gusto y ayuda !!!