Paleteria

Boceto en Papel

Boceto en Photoshop

Escritorio

 Movil

Boceto

Boceto original en papel

Boceto en Photoshop

Teoria del color

Que es?

El color es una sensación producida por el reflejo de la luz en la materia y transmitida por el ojo al cerebro. La materia capta las longitudes de onda que componen la luz excepto las que corresponden al color que observamos y que son reflejadas.

La luz blanca se puede producir combinando el rojo, el verde y el azul, mientras que combinando pigmentos cian, magenta y amarillo se produce el color neutro.

Los colores se clasifican en primarios, secundarios y terciarios.

 

Los colores primarios son aquellos establecidos científicamente como los originantes de las combinaciones cromáticas más extensas y satisfactorias, estos son: amarillo, azul y rojo. 

Los colores secundarios se obtienen mezclando los primarios entre si en la misma proporción, son el violeta, naranja y verde. 

Finalmente los colores terciarios son el rojo violáceo, rojo anaranjado, amarillo anaranjado, amarillo verdoso, azul verdoso y azul violáceo.

Para que sirve?

Para una buena elección de color, que servirá como recordatorio de tu negocio en la mente de las personas. De aquí que elige un color acorde, para fortalecer la imagen debe estar asociado por mucho tiempo a ese negocio; no lo cambies a cada rato.

Los consumidores se enfocan también en el color del producto de aquí que no te enfoques solo en las tonalidades de tu negocio, sino también en los productos que comercializas. Notaras que el mismo producto se vende más en ciertos colores que en otros.

Significado de los colores:

SIGNIFICADO DEL COLOR ROJO:

El rojo significa pasión, amor, deseo, energía y se asocia al riesgo. Es ideal para tiendas eróticas, Floristerías. El rojo por ser un color muy estimulante es usado también para anuncios de motos, carros, bebidas energéticas y deportes extremos. El rojo tiene una visibilidad muy alta. No lo uses donde quieras trasmitir tranquilidad por ejemplo en un negocio relacionado con la salud.

SIGNIFICADO DEL COLOR AMARILLO:

El amarillo se asocia con la alegría, la inteligencia y la felicidad. Por si solo el amarillo carece de fuerza (. Un dicho: “Quien de amarillo se viste, en su belleza confía”); suele combinarse con otros colores, por ejemplo con el rojo para asociarlo con negocios de comida. Evita el amarillo pálido, considera más bien el amarillo con tendencia al dorado combinándolo con el negro para un negocio sobre dinero u oro.

SIGNIFICADO DEL COLOR NARANJA:

Como de seguro todos sabemos el naranja es el resultado de la combinación del rojo y del amarillo, de aquí que contenga los significados de estos: Es estimulante y creativo sin llegar a ser erótico ni provocador, Contiene un máximo de alegría y felicidad. Apto para promocionar comida, o negocios de juguetes o diversión.

SIGNIFICADO DEL COLOR VERDE:

El verde se asocia con la naturaleza, en una tonalidad suave resulta un muy relajante y tranquilo, Si tu negocio se relaciona con lo ecológico el verde será el ideal. Úsalo también en tiendas naturistas. Un verde en un tono más oscuro se relaciona con el dinero.

SIGNIFICADO DEL COLOR AZUL:

El azul en una tonalidad media o clara se asocia con la salud, la santidad, y la serenidad. Se puede usar en negocios como farmacias, spas, artículos religiosos. Un Azul oscuro es muy recurrente en negocios financieros por que transmite confianza, responsabilidad, solidez y credibilidad; puede usarse también en negocio de productos tecnológicos. Combinado con el negro puede dar imagen de exclusividad.

SIGNIFICADO DEL COLOR BLANCO:

El blanco significa pureza, bondad, limpieza, higiene, simplicidad. Los negocios relacionados con la salud suele adoptar el blanco, igualmente usarlo en productos religiosos estaría bien. Por ser el blanco un color que trasmite minimalismo, simplicidad y perfección puede usarse en productos de tecnología.

SIGNIFICADO DEL COLOR NEGRO:

El negro se asocia con la elegancia, la seriedad, y el misterio. Es un buen color para dar la imagen de exclusividad y calidad. Lo puedes usar por ejemplo en negocios de tecnología o de ropa exclusiva. Recuerda que el negro se asocia con la muerte y la seriedad de aquí que ten mucho cuidado en no usarlo en negocios de comida o cuando quieras transmitir alegría. Si quieres montar una funeraria tal para cual.

Descripción de la interfaz gráfica de Photoshop

Que es? 
Es un programa informático de edición de imágenes.

Para que sirve photoshop?
El programa photoshop es una aplicación especializada en la edición de gráficos (imágenes), perteneciente a la gana de programas de la empresa Adobe Systems.

Ventajas de Photoshop
Efectos y resultados de nivel tan alto que con ningún otro programa lograra alcanzar.
Este programa es complejo, fácil de utilizar y permite tener resultados muy buenos e inmediatos.
Permite una mejor calidad de gráficos y hay mejores aplicaciones.
Este programa permite manejar mas fácilmente sus herramientas.
Si queremos hacer trabajos en 3D ya que podemos hacerlo en photoshop sc5.

Desventajas del photoshop
Es mas pesado para la pc.
Este programa es mas caro.
Hay programas con mas calidad y menos caros.
Hay copias ilegales y es muy fácil piratear-lo.

Marco rectangular:

Una herramienta para realizar selecciones cuadradas o rectangulares.

Marco elíptico:

Herramienta para crear selecciones circulares o elípticas. Está en el mismo grupo que el marco rectangular.

Herramienta mover:

Esta sirve para mover el contenido de la capa en la que estamos trabajando. La capa se mueve por completo o bien sólo el área seleccionada, si es que había una selección creada. (Más adelante hay capítulos para explicar lo que son las capas capas-de-photoshop.html)

Lazo:

Esta herramienta sirve para hacer selecciones a mano alzada, haciendo clic en un área de la imagen y pintando la selección a mano. La verdad es que la herramienta no es muy utilizada en el trabajo del día a día, pero es sencilla para practicar en un primer momento.

Lazo poligonal:

Sirve para hacer selecciones más complejas, marcando los vértices de un polígono. También es muy útil y sencilla de manejar en tus primeros pasos.

Varita mágica:

Es para hacer selecciones rápidas de áreas del mismo color. Pulsando en un lugar de la imagen nos selecciona todo el área que tiene el mismo color continuo.

Herramienta recortar:

Es un tipo de selección cuadrada, editable una vez que se ha definido, que nos sirve para recortar una imagen, quedándonos sólo con el área seleccionada.

Pincel:

Esta herramienta nos sirve para dibujar a mano alzada sobre la imagen. Se dispone de varios pinceles, de grosuras y formas distintas y se puede ajustar la dureza del trazo, entre otras cosas. El pincel pinta en la capa que esté activa en ese momento.

Lápiz:

El lápiz es similar al pincel, con la diferencia que éste realiza un trazo sin suavizado en los bordes y totalmente opaco.

Herramienta borrador:

Sirve para borrar partes de una imagen. Ojo, puesto que como muchas otras herramientas, sólo actúa sobre la capa que está seleccionada. Es decir, sólo borra las cosas que haya en la capa que estamos trabajando. Por eso a veces podrá ocurrite que intentas borrar algo y no se borra, quizás porque esté en otra capa. Tiene dos modos de borrar, uno el modo lápiz, que borra todo sin suavizado y el modo pincel, que borra difuminando los bordes. Además, igual que los pinceles y el lápiz, existen varios grosores para el trazo del borrador.

Herramienta bote de pintura:

Esta herramienta sirve para rellenar de color una capa entera, o bien el área seleccionada de la capa. Rellena con el color que se haya seleccionado en la barra de herramientas como color frontal.

Herramienta degradado:

Con esta herramienta podemos hacer degradados de color, funciona como el bote de pintura, rellenando color en toda una capa o en el área seleccionada de una capa, con la diferencia que para hacer el degradado tenemos que hacer una línea, pulsando con el ratón y arrastrando, para que el degradado se haga en ese espacio marcado.

Herramienta texto horizontal:

Sirve para escribir texto en una imagen. El texto puede escribirse con distintas fuentes y tamaños y tendrá el color frontal que se haya seleccionado. Asociada a esta herramienta (si hacemos clic con pulsación prolongada) veremos que hay otras herramientas de texto, entre la que podría ser útil la de texto vertical.

Herramienta pluma:

Esta herramienta es muy útil, pero un tanto compleja de manejar. Sirve para hacer trazados de cualquier tipo, curvos o poligonales. Lo bueno es que nos permite editar los trazados una vez hechos y que pueden ajustarse a cualquier recorrido que necesitemos, por complejo que sea. Junto con la herramienta de Pluma tendrás que aprender a usar otras herramientas complementarias que forman parte del mismo grupo.

Rectángulo:

Sirve para hacer rectángulos, que pueden estar o no rellenos de color. En el lugar donde está el rectángulo hay otra serie de herramientas para hacer otros tipos de formas, como elipses, líneas o incluso formas personalizadas.

Línea:

Está agrupada con la herramienta recuadro y otras formas. Sirve para dibujar líneas. A las líneas se les puede colocar una flecha, configurable, al princio y/o al final de las mismas.

Forma personalizada:

Esta herramienta nos permite dibujar un buen grupo de formas ya prediseñadas, como flores, estrellas, señales, globos, etc.

Herramienta cuentagotas:

Con el cuentagotas podemos seleccionar colores, de cualquier parte de la imagen, para colocarlos como color frontal.

Herramienta mano:

Esta herramienta nos sirve para mover el lienzo. No mueve ni modifica ninguna parte de la imagen, sino que traslada el área que estamos viendo de la imagen, si es que el lienzo entero no cabe en la ventana que tenemos abierta, ya sea porque la imagen sea muy grande o porque hayamos hecho zoom.

Herramienta zoom:

El zoom nos sirve para ampliar la imagen o reducirla, pero sin alterar la imagen. Simplemente se hace zoom para que se vea más grande y podamos hacer retoques con más precisión, o se aleja el zoom para hacer la imagen menor y así poder verla toda en nuestra pantalla.

Con esto hemos hecho un listado a las herramientas más utilizadas dentro de Photoshop. No son las únicas, pero sí las que más se usan en el día a día y en las que nos vamos a centrar en los inicios del manual de Photoshop de desarrollo web .com. Puedes experimentar con cada una de ellas para ir conociéndolas y más adelante veremos con detalle cómo manejarlas.

Datos del Alumno:

Centro de Bachillerato Tecnológico Industrial y de Servicios No. 166

"Pablo Torres Burgos"

Materia: Desarrollo de Aplicaciones Web

Formato de Protocolo de Arranque

Nombre de la materia: Desarrollo de Aplicaciones Web.

Presentación (nombre del docente): Bahena Salas Gilberto

Integración de los alumnos: El profesor realizara una dinámica de integración. motivando la participación de los alumnos.

Objetivos del curso: Desarrollar interfaces gráficas, Desarrollar paginas web estáticas, Desarrollas aplicaciones web dinámicas.

Expectativas: Aprender a desarrollar paginas web.

Beneficios del curso: Aprender a hacer paginas web, posibilidad de vender nuestro producto.
Reglas Prohibido los teléfonos celulares. Puntualidad. Salir al Baño en silencio. Prohibido comer en clase.

Criterios de evaluación:
Declarativo: 30%
Procedimental: 60%
Actitudinal: 10%

Contenido del programa: Conocer elementos básicos del diseño gráfico. Temas generales de redes de computadoras. Herramientas y métodos básicos para maquetar sitios web. Desarrollo de aplicaciones web estáticas con html y css. Desarrollar aplicaciones dinámicas con base de datos.

Bibliográfica: No se usan Libros.

Docente: Gilberto Bahena Salas