domingo, 10 de junio de 2018

Tipos de logotipos



¿Qué es un logo?

Las palabras logotipo y logo son términos genéricos que se usan para nombrar a todos los tipos de logotipos en su conjunto, aunque realmente un logotipo es solo uno de los tipos que existen y que te explicamos a continuación.

LOGOTIPO O WORDMARK : MARCA COMPUESTA POR PALABRAS

Logo (palabra, significado) y tipo (imprimir, marcar)
Un logotipo o wordmark está compuesto solo por texto y tipografía. Cualquier otro elemento gráfico del diseño solo tiene una función secundaria decorativa o de refuerzo.

MONOGRAMA O LETTERMARK : MARCA COMPUESTA POR LETRAS

Podemos decir que el monograma o lettermark está dentro de la categoría de los logotipos o wordmarks. Se diferencia en que está compuesto por iniciales o letras sueltas que combinadas gráficamente forman un símbolo. Generalmente se utilizan en nombres largos que se acortan mediante el uso de las inciciales de cada palabra para recordarse mejor y para un uso más práctico. Los monogramas o lettermarks son muy usados por grandes compañías que tienen presencia internacional, evitando así el uso de nombres en un idioma determinado para una rápida y mejor identificación. A diferencia de las iniciales simples, un monograma tiene un diseño característico.

ISOTIPO O SÍMBOLO DE LA MARCA

El isotipo es el símbolo característico de una marca. Por si solo tiene total fuerza de identificación, sin necesidad de un nombre, texto,etc. Es la esencia visual de la marca.

MARCA COMBINADA : IMAGOTIPO E ISOLOGO

Como indica su nombre, la marca combinada es una combinación texto-símbolo. Dentro de las marcas combinadas está el imagotipo, que es la unión de un isotipo y de un logotipo, y en la que al menos el isotipo funciona perfectamente por separado. También encontramos el isologotipo o isologo que es una combinanción de texto y gráficos fusionados en la que los elementos no pueden separarse o no funcionan bien por separado (por ejemplo Burguer King).

EMBLEMA

El término emblema viene del idioma griego y significa ‘lo que está puesto dentro o encerrado’. Los emblemas antiguamente consistían en un dibujo enigmático y un título o texto explicatorio del mismo. Estos dibujos suelen contener bastante detalle y tienen el fin de representar una idea, un concepto, un hecho, etc. En general estos dibujos están dentro de formas cerradas como rectángulos o círculos. Y con un aspecto sólido, consistente. Los emblemas también hacen referencia a los antiguos escudos heráldicos, símbolos de pertenencia a una familia, región, asociación, etc.. con un fuerte vinculo de identidad. En estos escudos también vemos dibujos que transmiten un mensaje o representan identidad. Hoy en día se utilizan los escudos en los diseños de logotipos para transmitir fuerza y seguridad. En general los emblemas se caracterizan porque reflejan una identidad fuerte y representan a un grupo de individuos, empresas.. o un concepto o idea mediante el dibujo.


Resultado de imagen para logotipos popplet





Instrucciones: 
Imagotipo o logotipo o isotipo o imagologo / imalogo
Sobre: Gastronomía, con colores

2 documentos de word, una papelería coorporativa para contrato  
Hacer 












lunes, 4 de junio de 2018

Tarjeta de presentación

Publicidad 

La publicidad es una forma de comunicación que intenta incrementar el consumo de un producto o servicio, insertar una nueva marcao producto dentro del mercado de consumo, mejorar la imagen de una marca o reposicionar un producto o marca en la mente de un consumidor. Esto se lleva a cabo mediante campañas publicitarias que se difunden en los medios de comunicación siguiendo un plan de comunicación preestablecido.

¿Cómo llega la publicidad al público?

La publicidad llega al público mediante los soportes publicitarios, que pueden ser medios de comunicación masiva o bien medios alternativos. Los medios de comunicación emiten los anuncios a cambio de una contraprestación previamente fijada para adquirir espacios en un contrato de compra-venta por la agencia de publicidad y el medio. Por ejemplo, en televisión, una cadena emite el anuncio en sus retransmisiones durante un horario previamente fijado por la agencia (tarea que se conoce como planificación de medios); este contrato es denominado contrato de emisión o de difusión.

Tarjeta de presentación

Textura de papel
Hoja carta u oficio
Logotipo en esquinas o centro
Línea que divida encabezado de texto y pie de página del texto
Presentación de la empresa hasta abajo

Hoja carta u oficio, sobre

En hoja lleva remitente y destinatario, con logo en centro o esquina

TEMA: Imagen corporativa

Resultado de imagen para imagen corporativa popplet

lunes, 7 de mayo de 2018

Photoshop (Uso de texto)

7/Mayo/2018

El texto en photoshop es fundamental, el tomar buenas fotografías es fundamental para saber dónde va el texto
El uso del texto tiene mucho que ver con el manejo adecuado de los pasos recreativos.
Un elemento auxiliado con Photoshop es fundamental

USO DE TEXTO: Se hace mediante vectores, un vector en computación, nos permite modificar las cosas, haciéndolas más grandes y pequeñas, significa que todo el texto es un vector.
El uso de vectores se potencializa más cuando se usa el Illustrator

Herramientas de Photoshop


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á ocurrir 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.
Resultado de imagen para Popplet photoshop
























lunes, 26 de febrero de 2018

Photoshop

26/Febrero/2018

_____________________________________________________Vinculación: Herramientas, lazo, Comand, selección, lazo, movimiento, imagen, derechos de autor, marcos, ocultar, bloquear, pixeles 
________________________________________________________________


Hay algunas herramientas básicas de Photoshop 

Ajustes: Luz y estilos con respecto al fondo 

Una de las principales  características de PS. es que tiene capas.

Uso del teclado: Se usa a partir de un método abreviado 

- Crear documento nuevo, se necesita tener un elemento: Comand + n

Usar imágen en herramientas de tamaño grande

Tumb Nail: La parte negra de abajo de la imagen. Es una pequeña imagen, 

Ejemplo: 1600 × 1111 Es posible que las imágenes estén sujetas a derechos de autor 

Comand + d = Deseleccionar 

Herramienta lazo: Permite seleccionar un conjunto de una imagen.

- Lazo poligonal 
- Lazo magnético 



12/03/2018

1024 x 748 
Hacer:
Recortar imágenes del tema, generar especie de foto montaje que hable de él. 
















9/Abril/2018


El uso de las herramientas básicas de PS, eran tendientes a recortar espacio de la imagen usándolo en compañía del uso de capas.

Herramienta mágica: Permite usar la herramienta a travez de un rango de una tolerancia cromática, basada en el tono de color. Cuando se selecciona y copia no se pierde

Recorte: Recortar sólo algunas partes de la imagen, lo que no se selecciona se borra.






















lunes, 19 de febrero de 2018

Formatos

19/Febrero/2018

Resultado de imagen para BMP
Básicamente photoshop, y en general, los formatos se crearon para ser manipulados 

Son muy amplios, se empezaron a crear a partir de que las oportunidades empezaron a tener más influencias. 

1.- BMP: Es el primer formato que surge, es el más utilizado. Se empieza a usar especialmente en Windows. 
Comparados con otros puede ser muy grande, se utilizaba mucho en jueguitos. Era a 4 Bytes, a 6 colores.

Prevalecían los colores rosas, azules, negro y blanco

2-. GIF: (Graphic Interntional) Al principio era muy socorrido, en el uso de páginas web, porque tenía otra configuración, era a 8 Bytes, por lo tanto la calidad era diferente. 
Las imágenes realizadas ahí se podían comprimir, y la cantidad de colores eran 256 colores, también conocida como paleta de colores.

Resultado de imagen para GIF logoLa ventaja del formato es que tenía un color transparente, permitiendo hacer de un fondo o patrón de color, transparente, siendo muy aceptado en la comunidad de programadores web, esa característica hizo que de alguna forma con alguna cuestión informática, se pudieran empaquetar/comprimir, al comprimirse varios documentos le da mayor uso. Pudiendo crear animaciones, una tras otra, provocando que la cuestión comercial fuera más dinámica (No como el BMP), la imagen era transparente, pudiéndolo poner en cualquier página web. 

Hoy en día ese tamaño de archivo es mínimo,permitiendo que los formatos GIF´s sean más usados, para dar animaciones, repercutiendo en la creación de Boomerang´s. 

Se pueden manejar hasta 256 colores. Tiene un formato de comprensión, permitiendo guardar varias imágenes en un archivo, admite fondos transparentes, y permite una animación.

3.- JEPG (Joint Photographic Experts Room): La diferencia radica en que uno es una imagen y otro es una toma fotográfica profesional, admite hasta 16,000,000 de colores, es el más común entre usuarios web, es un archivo compactado, la cuál permite una cierta pérdida en la calidad de la imagen. 

La desventaja en el JPG es que cada que se copia una foto y se pega en otro dispositivo, la calidad se degenera 

En color, es de 24 Bytes y 8 Bytes en blanco y negro. Su compresión es muy alta. Una vez compactadas no se pueden compactar más.

¿Cuánto se puede compactar? NADA, porque la imagen ya viene compactada 

Admite cara progresiva, es decir, se aceptan elementos con g¡degradado 

4.- TIFF: Formato de archivo informático para almacenar imágenes de mapa de bits.

A diferencia del JPG, el TIFF almacena imágenes de muy alta calidad, empleando profundidad de color de 1 a 32 Bits. 

Es un formato ideal para imprimir y editar una imagen.

Resultado de imagen para PNGSu primera ventaja es que permite hacer copias y guardar originales sin tener pérdida alguna, el inconveniente es que crea archivos muy grandes. El archivo original queda como TIFF. 

5.- PNG: (Portable Network Graphics) Formato que en sus primeros momentos, era PNG 8 y PNG 32, la diferencia radica en el tamaño, calidad, teniendo de ventaja, que permite generar un cierto degradado, es decir, deja crear niveles. 

A diferencia del JPG, este permite transparencias y degradados, aunque su calidad es un poco menos que la del JPG, tiene degradados que permiten que el fondo de la pantalla sea transparente. Aunque no permite compactación. 
Tiene millones de colores, permite comprensión, permite fondos transparentes, pero no permite la animación 































lunes, 29 de enero de 2018

Primer Trimestre


- Portadas de álbumes.


29/01/2018

Hito y Ámbito


Photoshop: Se debe de delimitar, ésta delimitación va a star dada por 2 elementos:

1.- Hito
2. Ámbito

Son básicos en un proyecto de Photoshop.

- Hito: Límite, un lugar que se va a marcar. Los primeros colonizadores, agarraban su caballo y llevaban un barquillo y un estambre, y visualizaban el teléfono, lo que querían. Corrían con sus caballos e iban clavando estacas con cierta distancia, delimitando sus terrenos.
Se ocupa para saber donde de está, qué se puede usar, de dónde a dónde se va a ir, con qué elementos se contará.

- Ámbito: El Hito nos delimita el lugar, el Ámbito nos dice como y con qué.

Éstos 2 definirán el entorno en el que trabajaré y con quien, as´como los resultados.

¿Para qué? ¿Por qué?, preguntas como esas se deben de formular para plantear el problema. Se debe de generar un cuestionario, entrevista con la persona encargada del proyecto. Plantear la entrevista, la cuál es el elemento primordial dentro del elemento. Sirve para obtener información clave del proyecto, de esta forma se pueden obtener datos más formales.
La entrevista se puede ser en un ambiente calmado, para que el entrevistado se relaje.
Preguntas que se deben de hacer son: ¿Qué quiere?

ACTIVIDAD: Campaña publicitaria de chocolates




12/01/2018

¿Qué es photoshop y para qué sirve?


Photoshop es un Programa informático líder en el mundo en Edición y Retoque de imágenes y/o Fotografías, Hoy en día es usado por fotógrafos profesionales, Diseñadores web, Diseñadores gráficos, Retocadores fotográficos, etc.

Adobe Photoshop en sus versiones iniciales trabajaba en un espacio formado por una sola capa, donde se podían aplicar toda una serie de efectos, textos, marcas y tratamientos. En cierto modo tenía mucho parecido con las tradicionales ampliadoras. En la actualidad lo hace con múltiples capas.

Photoshop de hecho se ha convertido, casi desde sus comienzos, en el estándar para el retoque fotográfico, pero también se usa extensivamente en multitud de disciplinas del campo del diseño y fotografía, como diseño web, composición de imágenes en mapa de bits, estilismo digital, fotocomposición, edición y grafismos de vídeo y básicamente en cualquier actividad que requiera el tratamiento de imágenes digitales.

¿Que tareas puedo realizar con Photoshop?

- Crear gráficos de vanguardia.
- Efectos especiales.
- Carteles de Películas.

- Cubiertas de libros.
- Folletos.
- Piezas de correos.
- Portadas de revistas.
- Ilustraciones de artículos.
- Plantillas de un sitio web.
- Gráficos para un sitio Web.
- Anuncios impresos.


¿Qué herramientas hay en Photoshop?

Galerías de herramientas. Cuando inicie Photoshop, el panel Herramientas aparece en la parte izquierda de la pantalla. Algunas herramientas de este panel cuentan con opciones que aparecen en la barra de opciones contextuales. ... Para ver información sobre una herramienta basta con colocar el puntero sobre ella.





Pasos para desarrollar un proyecto usando photoshop


--------------------------------------------------------------------------------------------------------------------
 Vinculación semántica: Pasos, licencias, diseño, construcción, definición, clientes.
--------------------------------------------------------------------------------------------------------------------

1.- Definición: Se hace una entrevista con el cliente, parte vital para los siguientes, se define que producto o servicio se va a entregar, cuáles son sus beneficios, las metas y objetivos a los que se quieren llegar. Se va a definir con qué recursos vamos a contar, qué contenido se va a mostrar, quién es la competencia y mediante qué método de entrega se llevara a cabo. Se lleva a cabo una retroalimentación.

2.- Diseño: Se lleva a cabo un boceto, una revisión de lo que se está haciendo, y una retroalimentación del diseño junto con el cliente, favoreciendo a que el cliente tenga bien claro todo

3.- Construcción: Creación del gráfico en conjunto con el texto que debe de llevar, si es que el texto es necesario, en caso de ser así, necesita justificarse el texto. Se hace una presentación al equipo de trabajo, se da retroalimentación. 

4.- Entrega: Se entregan las listas preeliminares de impresión a escala, se hace la selección del tipo de papel en color, textura, tamaño. 

El cliente espera que le entregues los bocetos, co sus especificaciones con las características que pidieron. 

Los elementos que son necesarios para calificar son: Fecha de vencimiento. 

Leyes de derechos de autor:

1- Faire use at: Se requiere permiso del autor.

2.- Royalty free licency: No se requiere permiso explícito de autor. 


El no tener que pagar las cosas nos lleva a encontrar imágenes poco usables, aunque se pueden usar de otra forma. Es ahí en donde entra el Open Source, diciendo que el conocimiento es de todo el mundo. 


Soft proof: Prueba que se puede hacer en photoshop, pudiendo visualizar una pre - impresión. Aunque no todas las pruebas son factibles. 


Para llevar a cabo un proyecto se debe de hacer un boceto: