7 Errores comunes en sitios web

TUTORIAL No Comments »

picture-31

1. Uso de Flash Excesivo

Me gustan las paginas en flash no lo puedo negar, pero a la mayoria de gente no, mas cuando se utilizan demasiados efectos que hasta marea ver la pantalla, otra cosa es la contaminación visual de estos, a mi en lo personal me cae mal que un sitio haga algo sin q yo se lo autorize. O que este parpadeando como semaforo a media noche. He visto paginas de algunos conocidos que su primera pagina es flash y dentro de este flash especifican que su sitio utiliza flash es como tocar el timbre cuando ya estas adentro para avisar que llegastes.

2. Fuentes Ilegibles

Muchos sitios he visto poseen tipografias que no son legibles y uno tiene q tratar de leer lo que trataron de poner, a menos claro q esa sea la intención. En flash por ejemplo hay q saber incrustar las fuentes o convertirlas a vector para que no salgan fuentes por sustitución. 

3. Full Screen

Los sitios que tratan de ocupar toda la pantalla, no son muy vistos por los visitantes, al igual de los sitios que utilizan pop up para navegar en el sitio, al final se hacen como 10 ventanas independientes del mismo sitio.

4. Paginas Pesadas

Si vas a utilizar flash es necesario que optimices, al igual que al utilizar imagenes, musica o video, nadie tiene los 2GB de banda ancha que yo tengo jaja. Si tu pagina va a ser pesada avisa al usuario. Aunque entre menos mejor.

5. Poca informacion de contacto

Muchos sitios solo tienen un correo donde contactar, la gente que de verdad necesita contactarte a veces necesita un telefono o una dirección, en lugar de un correo que talves te contesten a las 2 horas. 

6. Links en lugares inapropiados

Botones que no parecen botones, y links ocultos, hay q tratar de evitar esto para hacer una navegación mas fluida y accesible.

7. Contenido extenso

Mucha gente se aburre de tanto contenido, mas que todo gente que solo busca informacion basica si hay q ser extensos hay que distribuir nuestro sitio primero dando una pequeña informacion y  si al usuario le interesa puede ver todo el contenido.

Colorear imagenes en Photoshop

TUTORIAL 1 Comment »

paint03
paint10

Un tutorial desde cero para colorear digitalmente un trabajo a mano, de las tecnicas que mas me gustan. Tengo una tabla pequeña para estos trabajos pero estoy con las ganas de comprame una wacom tablet. Aqui les dejo el tutorial de StudioQube

Convertir imagenes a blanco y negro en photoshop

TUTORIAL No Comments »

Uno de los fundamentos  basico como diseñador o arte finalista es saber manipular una imagen adecuadamente, muchas veces las opciones faciles que photoshop nos brinda nos hace pensar que nuestro trabajo esta bien como por ejemplo desaturar, pero cuando llegan a manos de alguien que sabe mas que uno, es cuando nos damos cuenta que no todo lo que sabe uno lo sabe al 100% asi que aqui les doy los paso de convertir una imagen correctamente a blanco y negro

Paso 1: Convertir su imagen RGB a CMYK

Todas las imagenes tomadas con camaras digitales son procesadas en rgb. asi que para impresión final no estan ok puesto que el rgb contiene muchos colores que a la hora de impresión se pierden, ademas de no ser lo mas adecuado para esto. Esto se hace en image > mode > cmyk color

Paso 2: Seleccionar los 4 canales de color

es importante estar colocado en la capa que queremos pasar a cymk, esto no sirve para convertir toda el documento, sino que hay que hacerlo capa por capa. 

Seleccionamos todo nuestro layer con select > all.  luego edit > copy para copiarlo

Paso 3: Manipulacion de canales

Luego en la paleta de canales CHANNELS (si se dan cuenta ahora estan seleccionados los 5 opciones, CMYK: CYAN, MAGENTA, YELLOW, Y BLACK) seleccionas solamente la que dice black  y le das edit > paste, si se dan cuenta nuestra imagen se hace mucho mas negra, hasta tambien sea posible que nos quede movida, pero no se preocupen.

picture-22

Despues lo que hay que hacer es seleccionar cada canal, CYAN y borrar su contenido con suprimir o edit > clear  y asi sucesivamente con los 2 canales restantes MAGENTA Y YELLOW claro sin tocar el negro, cuando terminen tendran una imagen completamente en el canal negro. Espero que les sirva para trabajos que no son full color. Por ejemplo, tintas directas, negro mas uno o dos colores, etc.

picture-3

Tutoriales para crear vectores

TUTORIAL No Comments »

Recomendado:

vectortips Tutoriales, Trucos y otras cosas para vectores.

 

    9 errores comunes en Photoshop

    TUTORIAL 6 Comments »

    Unos muy buenos tips para Principiantes.

    1. Recorte de Imagenes

    La mayoria de gente nueva en diseño o estudiantes piensa que la barita magica es lo maximo, o lo hacen cortando con la herramienta de seleccion poligonal. Lo mejor y recomendable es hacerlo con la herramienta PLUMA y guardar el path con la imagen para futuros cortes. Aunque he visto trabajos de gente ya profesional utilizandolos :P

    extraction

    2. Texto Rasterizado

    Un error es convertir los textos  en imagen, cuando bien lo podrias convertir como vector, ademas de poder crecerlo a el tamaño que desees o si lo abres en otra computadora no buscá fuentes que no tenga el sistema.

    bodycopy

    3. Pensando que el negro es 100% Negro

    Cuando creas negro siempre se crea un negro mezclado con todos los colores que lo componen 40 de cyan 50 de magenta, y no se q otros mas colores. siempre asegurate que el color negro sea en verdad negro y sobretodo hazlo cuando este en CMYK en rgb que no servira. 

    richblack

    4. Crear Logos en Photoshop

    Uno de los errores es crear logos en photoshop, Es mejor hacerlo en Ilustrador o a mas no haber en Freehand. Pues un logo es lo mas importante para una impresa y es basico que este en vectores.

    5. trabajar bajo 300 dpi

    Lo mejor es que todos tus trabajos originales siempre tengan 300 dpi, pues al trabajar en menor resoluciones tienes el problema que pierden bastante calidad, ya si lo ocuparas para imprenta, prensa o web haz una copia y baja la resolución.

    300dpi

    6. No usar los atajos

    Mucho tiempo podrias ganar si supieras los atajos mas comunes de photoshop pero si te aprendes la mayoria tus clientes y tu tiempo lo agradecera.

    7. No usar layer y folders

    Hay gente me constaaaa. Une Capas con otras capas en una sola capa y para mover un elemento es algo complicado.

    8. Desaturar para convertir imagenes a blanco y negro

    Pasar un arte a blanco y negro no significa desaturar. Una imagen blanco y negro es la que en CMYK es la que solo utiliza el canal K. 

    black_white

    9. Beveled, embossed y drop shadows 

    Estos efectos en photoshop siempre  estan en los 4 canales de color, asi que si quieres una sombra negra negra, tienes que tener cuidado y editarla porque no es 100% K sino todo el color del espectro para formar un negro compuesto y eso a la hora de impresión queda muy mal.

    Pense en buena idea compartirlo con ustedes Traducido y Retomado para mi realidad de  Design Cube

    Como cobrar bien en diseño

    TUTORIAL No Comments »

    Aqui unos tips que retome de blogylana y lo he tomado de acuerdo a mi experiencia y espero que les sirva cuando haya que cobrar algun trabajo de diseño:

    Autestima. Uno debe saber lo que vale.  Bueno he aprendido que uno vale por lo que hace, asi que como cobres asi seras visto por el cliente, tampoco digo que tienes que cobrar una cantidad que haga asustar al cliente, algo que consideres justo y que luego no te quejes con que le podias haber cobrado más. Siempre ver imprevistos y si el trabajo lleva más del tiempo, etc.

    Etica. Honestidad, acepta cuando te equivocas, cumple con fechas de entrega, materiales entregados, etc.

    Servicio. Mientras mejor servicio des, mejor podrás cobrar. A los clientes le gusta ser bien tratados como que fueran el unico cliente al cual le trabajas.

    El trabajo NO es un favor. Estamos acostumbrados a tener miedo a cobrar,  aunque sea un conocido no le hagas el trabajo de gratis, bueno ese es mi caso. Es tu tiempo y creatividad la que esta en juego, Tambien el cliente tiene la costumbre que cuando no te han pagado estan pidiendo y pidiendo cambios; y a la hora que terminas se hacen como que uno fuera el que le debiera. Otra cosa es que cuando uno regala su trabajo o cobra muy poco el cliente no lo aprecia. 

    Factores a considerar:

    1. Años de experiencia (entre más tiempo en la profesion, mayor cotizado estas y entre mejor lo hagas mejor (buen diseño no es igual a más años ejerciendo el diseño) pero como dicen la experiencia vale)
    2. Dificultad del trabajo
    3. Cantidad de oferta (otras cotizacines a otras personas que haya hecho el cliente)
    4. Tiempo de realización
    5. Si se requiere comprar materiales, impresiones, etc.
    6. El cliente, no es lo mismo una fundacion sin fines de lucro que Cocacola

    Flash con fondo trasparente

    TUTORIAL No Comments »

    Algo sencillo pero basico de que tu flash tenga fondo transparente (recuerda que no tienes que tener una imagen de fondo o algun shape de fondo en tu archivo flash) :

    Con Flash
    El archivo HTML para una película flash se puede crear usando Publish Settings donde está la opción de ajustar WMODE. Las opciones seleccionadas se agregarán a la página HTML publicada automáticamente. File > Publish Settings. Seleccionamos HTML 
    Elegimos “Transparent” en WMODE y publicamos.

    Con Dreamweaver
    En Dreamweaver es todavía más sencillo: insertamos el archivo .swf en la página y seleccionamos la película Flash en la vista de diseño.
    En el panel Properties panel, elegimos Parameters y para el parámetro ponemos “wmode”. Para el valor en Value, “transparent”. Guardamos el documento.

    Entries RSS Comments RSS Log in