~//Temario de Diseño

Hola denuevo, hoy les traigo el temario de todos los temas y puntos que veremos para que desde Cero aprendan a no solo diseñar para crear firmas sino tambien para crear inovadores diseños.

Unidad 1 – Fundamentos.

• Lenguaje, términos y traducciones.
• Introducción a Photoshop – Elementos.
• Menús (revisión rápida).
• Espacio de trabajo (tipos de medidas y medidas estándar).
• Repaso Práctico.

Unidad 2 – Herramientas de Trabajo.

• Capas I.
• Mover y Selección.
• Pintar y Rellenar.
• Distorsionar y Crear.
• Colores.
• Repaso Práctico.

Unidad 3 – Capas y sus efectos.

• Capas II.
• Modos de Capas.
• Efectos (fx) de capas.
• Repaso practico.

Unidad 4 – Separación de Elementos.

• Selección Rectangular / Circular.
• Varita Mágica (y selección rápida, CS4).
• Lazo y sus modos.
• Pluma.
• Mascara Rápida.
• Mascara de Capa.
• Repaso Práctico.

Unidad 5 – Diseño (Imitación y Efectos).

Introducción al diseño Simple.
• Composición del Diseño Básico.
• Diseños simples, Efectos Simples.
• Practicas.

Introducción al diseño Medio.
• Herramienta Pincel, Métodos Avanzados.
• Herramienta Tapón Clonador.
• Herramienta Pluma, Métodos Avanzados.
• Composición de Diseño nivel Medio.
• Comprensión de Filtros.
• Practicas.

Practicas de diseño Medio.
• Seguimiento de Tutoriales de Firmas y Diseños (imitación).
• Aprendizaje de Efectos y Técnicas.
• Practicas.

Practicas Avanzadas de Diseño Medio.
• Practicas Metódicas de Imitación.
• Composición de Diseños de Alto Nivel.
• Seguimientos de Tutoriales de Firmas y Diseños Avanzados (imitación).
• Practicas.

Diseño Avanzado.
• Analogía de Composición.
• Concepción del diseño I – análisis de un diseño.
• Imitación de Diseño sin Bases.
• Practicas.

Unidad 6 – Bosquejo y Creación.

• Vectorización al Aire.
• Concepción del Diseño II.
• Bosquejo de una Idea.
• Ink-Art.
• Autocritica y ajuste II.
• Practicas.

Unidad 7 – Apreciación.

•Comparación de Diseños y Tecnicas.

•Critica de Diseño Ajeno.

•Autocriticas y ajuste III (Valoracion de Nuevas Tecnicas).

•Critica Constructiva.

•Practicas.

Como pueden ver el temario esta dividido en varias unidades y por cada unidad al final vienen practicas, practicas que son relacionadas a distintos trabajos para que aprovechen lo mejor del tutorial y lo practiquen constantemente, cada unidad esta contemplada sea de su mayor agrado, esta claro que no es necesario que sigan el temario completo, pues pueden brincar unidades segun ustedes crean tienen el conocimiento necesario y esos temas ya los saben, aunque nunca esta demas que chequen por si alguna cosa se les escapo mientras aprendian.

Bueno espero sea de su agrado, ya ire subiendo cada tema y actualizando este post con links directos a los cursos para que aprendan.

Recuerden que el curso esta orientado para aquellos que no saben absolutamente nada de Photoshop y para los que ya tienen conocimiento y quieren mejorar.

~//Términos & Jerga. 02

En el mundo del diseño gráfico los diseñadores solemos usar ciertas palabras para referirnos a algo, stock, render, C4D, Vector, entre otros, son los nombres que damos a ciertas cosas o acciones. Estos términos y forma de hablar (jerga), para otros que no están acostumbrados les suele ser difícil de comprender y también a aquellos que apenas van a comenzar en el mundo del diseño es un tanto difícil de comprender si nunca antes habían visto el mundo del diseño gráfico, es por ello que aquí os traigo el siguiente vídeo explicando varios términos y de la jerga que se usa en diseño gráfico.

http://www.sendspace.com/file/8i45je

Espero sea de su agrado.

Cualquier duda, sugerencia, comentario etc, háganlo a través de un comentario, yo los leeré siempre y buena suerte.

~//Traducción de comandos. 03

Si ustedes usan photoshop en versión en ingles al mirar y leer estos tutoriales no lograran entender mucho sino saben ingles, para ello aquí os dejo una tabla con una lista de muchos comandos que usa photoshop en ingles y en español, por si no llegan a saber de que comando hablo, por ejemplo archivo nuevo, su versión en ingles es new file, y de este modo sabrán cual es cual.

PD: tambien pueden usar un traductor en caso de que lo quieran hacer mas fácil, aunque no siempre les dará el resultado adecuado.
PD2: para su facilidad de navegacion presionen CONTROL + F para buscar el comando mas rápidamente.

Español	Ingles
Filtro	Filter
Ultimo filtro	Last Filter
Artístico	Artistic
Bordes añadidos	Poster Edges
Color diluido	Watercolor
Cuarteado	Cutout
Espátula	Palette Knife
Esponja	Sponge -
Fresco	Fresco -
Lápiz de color	Colored Pencil
Manchas	Smudge Stick
Película granulada	Film Grain -
Pincel seco	Dry Brush -
Pinceladas	Paint Daubs
Pintar debajo	Underpainting -
Plastificado	Plastic Warp -
Resplandor de neón	Neon Glow -
Trazos pastel	Rough Pastels -
Bosquejar	Sketch
Bajorrelieve	Bas Relief -
Bordes rasgados	Torn Edges -
Carboncillo	Charcoal -
Conté Crayon	Conté Crayon -
Cromo	Chrome -
Escayola	Plaster -
Estilográfica	Graphic Pen -
Fotocopia	Photocopy -
Modelo de semitono	Halftone Pattern -
Papel con relieve	Note Paper -
Papel húmedo	Water Paper -
Reticulación	Reticulation -
Tampón	Stamp -
Tiza y carboncillo	Chalk & Charcoal -
Desenfocar	Blur
Desenfocar más	Blur More
Desenfoque de movimiento	Motion Blur -
Desenfoque gaussiano	Gaussian Blur -
Desenfoque radial	Radial Blur -
Desenfoque suavizado	Smart Blur -
Distorsionar	Distort
Coordenadas polares	Polar Coordinates -
Cristal	Glass -
Desplazar	Displace -
Encoger	Pinch -
Esferizar	Spherize -
Molinete	Twirl
Onda	Wave -
Ondas marinas	Ocean Ripple -
Proyectar	Shear -
Resplandor difuso	Diffuse Glow -
Rizo	Ripple -
Zigzag	ZigZag -
Enfocar	Sharpen
Enfocar	bordes Sharpen Edges
Enfocar más	Sharpen More
Máscara de enfoque	Unsharp Mask -
Estilizar	Stylize
Azulejos	Tiles -
Bordes resplandecientes	Glowing Edges -
Difusión	Diffuse -
Extrusión	Extrude -
Hallar bordes	Find Edges -
Relieve	Emboss -
Solarizar	Solarize
Trazar contorno	Trace Contour -
Viento	Wind -
Interpretar	Render
Destello	Lens Flare -
Efectos de iluminación	Lighting Effects -
Nubes	Clouds
Nubes de diferencia	Difference Clouds
Rellenar con textura	Texture Fill -
Transformación 3D	3D Transform -
Pixelizar	Pixelate
Cristalizar	Crystallize -
Fragmentar	Fragment -
Grabado	Facet -
Mosaico	Mosaic -
Pinceladas	Mezzotint -
Puntillista	Pointillize -
Semitono de color	Color Halftone -
Ruido	Noise
Añadir ruido	Add Noise -
Destramar	Despeckle
Mediana	Median -
Polvo y rascaduras	Dust & Scratches -
Textura	Texture
Azulejo de mosaico	Mosaic Tiles -
Granulado	Grain -
Grietas	Craquelure -
Retazos	patchwork -
Texturizar	Texturizer -
Vidriera	Stained Glass -
Trazos de pincel	Brush Strokes
Bordes acentuados	Accented Edges -
Contornos con tinta	Ink Outlines -
Salpicaduras	Spatter -
Sombreado	Crosshatch -
Sumi-e	Sumi-e
Trazos angulares	Angles Strokes -
Trazos con spray	Sprayed Strokes -
Trazos oscuros	Dark Strokes -
Vídeo	Video
Colores NTSC	NTSC Colors -
Desentrelazar	De-Interlace -
Otro	Other
Desplazamiento	Offset -
DitherBox	DitherBox -
Máximo	Maximum -
Mínimo	Minimum -
Paso alto	High Pass -
Personalizar	Custom -
Vista	View

~//Como colocar su primer imagen. 05

Esta vez veremos como colocar su primer imagen de photoshop en el espacio de trabajo.
Existen varios métodos los cuales abarco los mas esenciales y el mas básico.

Ya con esto doy rienda suelta a que ustedes puedan ir experimentando varias cosas, pero tengan cuidado de no tocar los que en vídeos anteriores les he dicho, porque al desconfigurar photoshop es difícil saber exactamente que es lo que se desconfiguro y aveces es irreversible ocasionando que tengan que desinstalar y reinstalar el programa denuevo.

Aquí el vídeo en cuestión:

http://www.sendspace.com/file/dtta0e

~//Menús de Photoshop. 06

Para crear nuestro primer espacio de trabajo tubimos que hacer uso del menú Archivo, también lo usamos para guardar nuestro documento, pero ¿para que sirve el resto de la barra de menús?

El siguiente video os explicara para que sirven, almenos sus funciones basicas, cabe enfatizar que hay muchos elementos en photoshop para usar, pero no siempre se usan todos, pues algunos son para opciones mucho mas avanzadas o de plano son para cosas de impresion profesional de cinematografia y eso esta fuera de mi rango.

http://www.sendspace.com/file/aazkyi

Os recomiendo hacer lo que les digo en el vídeo y probar con los menús de filtro e imagen para que se vallan acostumbrando y luego puedan hacer uso de ello mas rápidamente.

PD: si su photoshop esta en ingles no duden en consultar el post donde he puesto varios comandos traducidos los cuales les servirán para entender mejor con que nombre aparecen en photoshop.

~//Entorno Photoshop. 01

Aqui os dejo un video comprimido para que lo vean, donde he explicado los parametros normales de photoshop.

http://www.sendspace.com/file/5r261u

Cabe mencionar que photoshop se utiliza para muchas cosas, donde todas tienen que ver con graficos, dibujos. Desde edicion, creacion, modificacion, creacion de interfacez, de modelamiento, de acabados graficos, etc.

Si esta en 2D, se hace con photoshop.

~//Espacio de trabajo. 04

//Espacios de trabajo.

¿Que es un espacio de trabajo?
Un espacio de trabajo es aquel lugar donde vamos a trabajar, donde podremos diseñar. Cuando abrimos photoshop solo vemos la ventana y otras miniventanas anidadas, bueno… ahi en esos lugares no podemos aun trabajar, para ello necesitamos crear nuestro primer espacio de trabajo yendo a Archivo (File) > Nuevo (New)

Aquí os dejo este vídeo comprimido donde explico el proceso y varias características de como crear su primer espacio de trabajo.

http://www.sendspace.com/file/natn0n

Bueno, han visto que ese es el espacio de trabajo, los espacios de trabajo tienen medidas estandares algunos que oscilan entre varios tamaños, los mas comunes son los tamaños web o tamaños de fondo de escritorio.
Estos son:
800 x 600
1024 x 768
1280 x 1024

Esos corresponden a tamaños de fondo de escritorio, fuera de esos el comun para diseño de firmas son:
400 x 150 es el tamaño estandar.
500 x 150 es otro tamaño no muy estandar.
800 x 300 es un tamaño no comun que sirve mas que nada para hacer muchos detalles y luego recortar el tamaño a 400 x 150 estandar.

Tenemos otras medidas que son:
200 x 200 tamaño de avatares cuadrados.
150 x 200 que es un tamaño de avatar de foroactivo.
100 x 100 que es de avatar pequeño, este es muy comun en muchos foros y sitios web donde uno se puede registrar.

Fuera de esos estandares varian de todo tipo de tamaños que ustedes pueden usar.
Nota*: todas las medidas estan dadas en pixeles, en el video se explica porque.