En la práctica de modos de color teníamos que poner la misma imagen en diferentes modos, como por ejemplo en duotono, tritono... Y después abrir un documento in dessing y colocar cada imagen con sus medidas y su forma impresora.
Buenas, Soy Juan Pablo y este es mi blog. En él os presentaré todos los trabajos que realice en mi curso de preimpresión gráfica 2015-2016.
tratamiento de imagen, publicación electrónica, tutorial photoshop.
jueves, 3 de diciembre de 2015
lunes, 30 de noviembre de 2015
FORMULARIOS
En esta práctica he editado un formulario poniendo menús desplegables, cuadros de textos y cuadros de lista.
Lo primero que hice fue colocar los menús desplegables en las casillas de Tipo, colocar los botones de radio en Positivo, Negativo y Semitono.
Luego coloqué otro menú desplegable en Tipo de trabajo y un menú de lista en Papel.
Por último coloqué los botones de Guardar, borrar formulario y también un botón en el que podías imprimir pinchando en la imagen.
jueves, 26 de noviembre de 2015
RESTAURACIÓN CON CLONAR
En la práctica de restauración teníamos que restaurar varias imágenes que estaban dañadas, y a algunas darles color.
Esta es una de las imágenes que restauré :
PRÁCTICA COLOREAR PERRO
En esta práctica teníamos que poner la imagen en modo color para después pintarla con los pinceles como en el ejemplo que se nos daba.
lunes, 23 de noviembre de 2015
CREATIVE COMMONS
Reconocimiento (By) :
Se permite cualquier explotación de la obra, incluyendo una finalidad comercial, así como la creación de obras derivadas, las distribución de las cuales también está permitida sin ninguna restricción.
Reconocimiento - Nocomercial (by-nc):
Se permite la generación de obras derivadas siempre que no se haga un uso comercial. Tampoco se puede utilizar la obra original con finalidades comerciales.
Reconocimiento - Nocomercial - Compartirgual (by-nc-sa):
No se permite un uso comercial de la obra original ni de las posibles obras derivadas, la distribución de las cuales se debe hacer con una licencia igual a la que regula la obra original.
Reconocimiento – NoComercial – SinObraDerivada (by-nc-nd):
No se permite un uso comercial de la obra original ni la generación de obras derivadas.
Reconocimiento – CompartirIgual (by-sa):
Se permite el uso comercial de la obra y de las posibles obras derivadas, la distribución de las cuales se debe hacer con una licencia igual a la que regula la obra original.
https://www.flickr.com/photos/maherzog/22669012942/
https://www.flickr.com/photos/chrismartinuk/
https://www.flickr.com/photos/chrismartinuk/21243131083/
https://www.flickr.com/photos/curtisperry/23111836420/
https://www.flickr.com/photos/curtisperry/
https://www.flickr.com/photos/roland/22996146810/
https://www.flickr.com/photos/roland/
Reconocimiento – SinObraDerivada (by-nd):
Se permite el uso comercial de la obra pero no la generación de obras derivadas.
https://www.flickr.com/photos/maherzog/22669012942/
https://www.flickr.com/photos/maherzog/
https://www.flickr.com/photos/chrismartinuk/
https://www.flickr.com/photos/chrismartinuk/21243131083/
https://www.flickr.com/photos/curtisperry/23111836420/
https://www.flickr.com/photos/curtisperry/
https://www.flickr.com/photos/20889183@N05/21938109778/
https://www.flickr.com/photos/20889183@N05/
https://www.flickr.com/photos/sotome/22769047203/
https://www.flickr.com/photos/sotome/
https://www.flickr.com/photos/phliar/22788546063/
https://www.flickr.com/photos/phliar/
https://www.flickr.com/photos/roland/22996146810/
https://www.flickr.com/photos/roland/
lunes, 16 de noviembre de 2015
PRÁCTICA PÍNCELES
En esta práctica teníamos que realizar un dibujo utilizando la herramienta pinceles y reproducir un dibujo exactamente como el ejemplo que nos daban.
Algunas de las cosas que tuve que hacer fue pintar el dibujo del hombre, repasar los bordes del coche, crear el edificio del fondo, colocar las estrellas con el pincel adecuado, darle el color correcto a las nubes y colocar las líneas en el cartel con un efecto de pincel.
domingo, 15 de noviembre de 2015
ESPIRAL
En la práctica de la espiral teníamos que realizar varios pasos para conseguir el resultado final.
Lo primero que hice fue colocar y ajustar el tamaño del hombre en el centro de la espiral, luego tuve que cambiar el color de los objetos y colocarlos de forma correcta, y por último crear y dar los efectos necesarios a los textos.
ACTIVIDAD MANIQUÍ
En esta práctica utilizamos un efecto de desenfoque llamado desenfoque Gaussiano para darle un efecto de movimiento al maniquí.
Este es el resultado final :
miércoles, 11 de noviembre de 2015
PRÁCTICA RESOLUCIONES
En la práctica de resoluciones teníamos que cambiar las resoluciones de algunas imágenes al tamaño que nos daban en el ejemplo y colocarlas de tal forma que se pudiesen comparar el inicio y el final del trabajo.
Estas son algunas de las imágenes :
PRÁCTICA BOCA
En esta práctica realizamos este montaje utilizando los distintos modos de fusión que aprendimos en la anterior práctica.
Para empezar recorté la boca y la pegué sobre las flores, lo siguiente fue hacer una selección de las flores y darles los efectos de fusión adecuados.
MODOS DE FUSIÓN
En la práctica de fusiones teníamos que copiar las cerezas y darles distintos efectos a cada una de ellas.
Este es el resultado final.
VÍDEOS CON ENCODER
En esta práctica trabajamos con el programa Encoder para editar unos vídeos.
Lo que tenía que hacer era recortar el vídeo como en un ejemplo que me dieron y ponerlo en formato mp4.
SIVA
En esta práctica teníamos que juntar tres imágenes recortándolas y darles efectos.
Algunas de las cosas que hicimos para conseguir el resultado final fueron recortar las imágenes, voltearlas, darles un efecto de movimiento, por último darles un efecto de desvanecimiento y por último colocarlas letras con una tipografía a elección propia.
martes, 10 de noviembre de 2015
PRÁCTICA PINCELES
En esta práctica he realizado mi primer trabajo con la herramienta pinceles.
Lo primero que hice fue colocar los nombres y los distintos efectos como podéis ver en la parte izquierda de la imagen, luego teníamos que escoger una flor y colocar el nombre de Brush Flowers debajo. Por último teníamos que buscar una imagen a elección propia y colocarle el efecto como he hecho yo con el símbolo de Batman.
lunes, 26 de octubre de 2015
LEGIBILIDAD
LEGIBILIDAD.
La legibilidad es el conjunto de características tipográficas y linguísticas del texto escrito que permiten leerlo y comprenderlo con facilidad.
PARÁMETROS DE LEGIBILIDAD.
- Alineado horizontal:Cualquier párrafo de texto debería comenzar a una distancia del margen izquierdo de la página situada entre los 300px y los 600px. Ni antes, ni después. Estas cifras se revelan a partir del reciente estudio publicado en Jakob Nielsen’s Alertbox, que demuestra cómo el usuario dedica el 69% de su tiempo en mirar hacia la mitad izquierda de la pantalla.
- Ancho de párrafo:Lo suyo es que cualquier párrafo deberá estar formado por líneas de texto de no más de 20 palabras por línea. Esto son alrededor de 500 pixeles de ancho en caso de utilizar un tamaño de fuente de 10-12px. Ciertos autores ajustan mucho más esta cifra. Este es el caso de las no más de 12 palabras por línea que sugieren en el libro “Web Style Guide – Basic Design Principles for Creating Website” y que está directamente relacionada con la fisiología del ojo humano. De ello también habla Russ Weakley en su artículo Ideal line length for content. En resumen, las consecuencias de optimizar el ancho de página son un incremento en la legibilidad del texto.
- Tamaño de fuente:Corresponde a la propiedad
font-size
.Como norma, es recomendable utilizar un tamaño de fuente igual o superior a los 10px. No obstante, es conveniente emplear tamaños de fuente alrededor de los 14px si la audiencia del sitio web gira más allá de los 40 años. - Tipografía:Es la propiedad
font-family
del CSS.Los tipos de fuente más recomendados son aquellas especialmente diseñadas para ser mostradas en pantalla (y no en papel). Estas son las Arial, Georgia, Times, Verdana o Courier entre otras. Ante la duda, Verdana. - Interlineado:En todo CSS esta es la propiedad
line-height
.El interlineado es un parámetro fundamental para lograr un texto legible. No interesan líneas muy juntas que hagan saltar de una a la otra por error. Tampoco líneas muy distanciadas que visualmente parezcan formar parte de párrafos distintos. Idealmente, es interesante utilizar un interlineado superior al tamaño de fuente. Es decir, para un tamaño de fuente de 10px es apropiado utilizar un interlineado de, por ejemplo, 12px.
PAGINA WEB CON BUENA LEGIBILIDAD.
Como podemos apreciar la página web tiene una buena legibilidad, el tamaño de las letras es bueno y la tipografía es sencilla y nos permite ver y leer bien la página.
El alineado horizontal también está bien puesto, las letras y las imágenes están bien alineadas en el margen izquierdo. También destacamos el interlineado, las líneas están bien separadas las unas de las otras y se puede leer todo perfectamente.
PÁGINA WEB CON MALA LEGIBILIDAD.
En cambio esta página web tiene una legibilidad muy mala, las no tienen un tamaño adecuado y no se aprecian bien por el color que tienen.
También destacamos que el interlineado está muy mal puesto, las líneas están muy juntas y eso puede molestar a los lectores y hacer que pierdan interés en el contenido. Por último apreciamos que en el margen izquierdo la información está amontonada y no tiene un orden, lo cual puede confundir al lector.
viernes, 23 de octubre de 2015
OPTIMIZACIÓN DE IMÁGENES
En esta actividad he realizado un optimizado de imágenes, he convertido una imagen original a tres formatos distintos : PNG-8, JPG y GIF.
En la actividad teníamos que elegir el formato que nos parecía más adecuado y
explicar el porque.
Yo he elegido el PNG-8 en la imagen de las fresas y el JPEG en la imagen de la bici.
JPEG
PNG-8
En la imagen de la bici he elegido el formato JPEG porque porque los demás formatos perdían calidad y se desvanecía a medida que hacíamos zoom en la imagen, además era uno de los que ocupaban menos espacio.
En la imagen de las fresas he elegido el formato PNG-8 porque era el único formato en el que las sombras y el color aparecían bien en la imagen, en las demás las sombras se perdían o se hacían muy fuertes y los colores cambiaban.
jueves, 22 de octubre de 2015
CROSSMEDIA
Crossmedia: consiste en extender una historia a otros soportes los cuales no tienen sentido si no se experimenta el conjunto. El hecho de cruzar plataformas sin extender el universo narrativo es un fenómeno Crossmedia.
En las siguientes imágenes os dejaré algunas imágenes imágenes de mi trabajo realizado en Keynote sobre la empresa de Sony.
PRÁCTICA LOROS
Esta es la tercera práctica que he realizado con Photoshop.
A continuación os mostraré los pasos que seguí para conseguir el resultado final :
1. Lo primero que hice fue seleccionar la imagen en la que estaba el loro, girarla y recortarla. Después coloqué el marco blanco.
2. Lo siguiente fue recortar el loro de la imagen principal para copiarlo dos veces y colocarlo a los lados con distintos tamaños como se ve en la imagen.
3. Por último puse el resplandor en los dos loros de los lados y coloqué mi nombre en la parte superior del marco.
HERRAMIENTAS QUE HE UTILIZADO
Desenfoque gausiano : El desenfoque Gausiano produce un efecto suavizante en las imágenes que puede suavizar el ruido en las fotografías o quitar énfasis en el fondo de una imagen. En Photoshop, la opción desenofoque gaussiano se encuentra en filtros y está agrupada con otros filtros de desenfoque.
jueves, 15 de octubre de 2015
ORIGINALES
DEFINICIÓN
Un original de imagen es aquel material gráfico, en soporte físico o digital, que sirve de punto de partida para la creación del producto gráfico.
ORIGINALES DIGITALES
Los originales digitales se reciben a partir de mensajería por un soporte de almacenamiento, vía telemática ( FTP, correo electrónico, vía satélite... ), obtenerse de un banco de imágenes o crearse a partir de aplicaciones informáticas. Son los más frecuentes de hoy en día.
ORIGINAL OPACO
Los originales opacos generalmente más utilizados son las fotografías en papel, los dibujos o gráficos y las reproducciones tramadas en papel aunque en este caso, al igual que con el fotolito tramado, para reproducirlo haya que destramarlo.
Los originales opacos generalmente más utilizados son las fotografías en papel, los dibujos o gráficos y las reproducciones tramadas en papel aunque en este caso, al igual que con el fotolito tramado, para reproducirlo haya que destramarlo.
ORIGINAL TRANSPARENTE
Se denominan así por tener un soporte que deja pasar la luz.
ORIGINAL LÍNEA
Son imágenes que distinguen dos tonos : Uno para la zona imagen y otro para la zona no imagen, sin tonalidades intermedias.
ORIGINAL DE TONO
Las imágenes de tono están formadas por zonas de imagen con diferentes grados de luminosidad.
Se distinguen dos tipos de tonos : Continuo ( La gradación tonal es continua ).y discontinuo ( Imágenes tramadas ).
ORIGINAL ESCALA DE GRISES
En computación una escala de grises es una escala empleada en la imagen digital en la que el valor de cada píxel posee un valor equivalente a una graduación de gris. Los colores monocromáticos son aquellos que tienen el mismo tinte, pero difieren en matiz, matiz, valor y saturación.
ORIGINAL ESCALA DE GRISES
En computación una escala de grises es una escala empleada en la imagen digital en la que el valor de cada píxel posee un valor equivalente a una graduación de gris. Los colores monocromáticos son aquellos que tienen el mismo tinte, pero difieren en matiz, matiz, valor y saturación.
ORIGINAL COLOR MONOCROMÁTICO
Los colores monocromáticos son aquellos que tienen el mismo tinte, pero difieren en matiz, matiz, valor y saturación.
Un original de color policromático es un original que se compone de muchos colores.
Suscribirse a:
Entradas (Atom)