advertisement

Hangout photoshopio vector_pixel

50 %
50 %
advertisement
Information about Hangout photoshopio vector_pixel
Design

Published on January 24, 2014

Author: IzaskunSezVelasco

Source: slideshare.net

Description

Si quieres entender la diferencia entre píxels y vectores no te pierdas esta presentación.
advertisement

photoshop

www.izaskunsaez.es @isaezdesign www.linkedin.com/in/izaskunsaez

V Vs P

photoshop Vectores Píxeles @isaezdesign

photoshop Es necesario conocer la difrenecia entre Vectores y Píxeles porque....: 1. Conocer las diferencias entre ambos 2. Conocer sus VENTAJAS y DESVENTAJAS 3. Los usar´éis de manera más eficiente. 4. Es mejor conocer qué software trabaja con pixel y cual con vectores 5. Que no conocerlos bien puede derivar en errores @isaezdesign

photoshop Vectores V Píxeles V P @isaezdesign P

Píxeles P P

photoshop ¿Qué son los píxeles? @isaezdesign

photoshop Un pixel es: Se trata de la unidad mínima que compone una imagen @isaezdesign

photoshop @isaezdesign

photoshop @isaezdesign

photoshop @isaezdesign

photoshop @isaezdesign

photoshop Formatos en píxeles mas comunes @isaezdesign

photoshop JPG Formato de compresión con pérdida para reducir el peso del archivo final La pérdida de calidad es acumulativa si se comprime y descomprime varias veces Si queremos calidad el archivo pesará No admite transparencia (canal Alfa) El más común en cámaras fotografícas digitales @isaezdesign

photoshop Formato de compresión sin pérdida PNG Excelente compresión Mejor calidad que el GIF y aunque mayor peso: Hay de 8 y 24 bits Respeta mejor que el GIF la calidad de la imagen Ideal para web Soporta transparencia (canal alfa) @isaezdesign

photoshop Formato de compresión sin pérdida hasta 256 colores (paleta restringida) GIF Soportan animaciones Soportan transparencias (canal Alfa) Ventaja: Poco peso por lo que es ideal para web Desventaja: No lo uses para fotografía por su escasa calidad. @isaezdesign

photoshop Formato estándar de Windows BMP No suelen comprimirse por lo que no sufre pérdida de calidad Ventaja: guarda mucha infomación de la imagen Desventaja: peso/tamaño del archivo muy grande. Por su peso no se usa mucho. @isaezdesign

photoshop PROS DE IMÁGENES BASADAS EN PÍXELES: RIQUEZA DE DETALLES: esto nos lo da la resolución, ¿os suena lo de píxeles por pulgada? (ppp), esto nos dice qué cantidad de píxeles hay en una pulgada y esto nos dirá por tanto la resolución y determinará la calidad final del documento. EDICIÓN PRECISA: Gracias a programas como photoshop podemos editar cada cuadradito de estos por lo que el abanico de posibilidades es muy grande y los resultados que se pueden obtener muy variados. Pero deberemos ser precavidos y conservar siempre el archivo/imagen original para poder volver a él. @isaezdesign

photoshop CONTRAS DE IMÁGENES BASADAS EN PÍXELES: PIXELADO: hay que trabajar a la resolución/ tamaño de salidad final para evitar la pérdida de calidad en el escalado. PESO DEL ARCHIVO ALTO: habrá que controlar la calidad de imagen del archivo y el peso, ya que si estamos trabajando en un archivo para web un peso elevado puede lastrar nuestra usabilidad. @isaezdesign

Software de pago: Photoshop de Adobe Corel Draw! Pixelmator IOS Software gratuito: Gimp Paint.Net KRITA Darktable

photoshop Con programas tipo photoshop podemos hacer... @isaezdesign

photoshop fotomontaje y retoque by Neal Banerjee

photoshop Ilustración digital

photoshop Diseño web y app imagen extraída de Alfoart.com

photoshop Creación de escenarios/personajes videojuegos

¿Qué sucede si ampliamos una imagen basada en píxeles?

photoshop @isaezdesign

photoshop Vectores V V @isaezdesign

¿Qué son los vectores?

photoshop Las imágenes vectoriales NO se construyen a base de píxeles sino de fórmulas matemáticas que dibujan puntos, líneas y curvas para crear imágenes. @isaezdesign

photoshop Formatos vectoriales mas comunes @isaezdesign

photoshop Archivos encapsulados PostScript EPS Enfocado a materiales impresos Compatible entre Mac y PC Problemas de exportación En cierto desuso @isaezdesign

photoshop PDF Posibilita el uso de vectores Sigue siendo Editable (imagen y texto) Es Importante marcar en el programa que estemos usando “preservar capacidad de edición...” @isaezdesign

photoshop Para que un PDF sea editable de nuevo con Illustrator no olvidéis marcar esta casilla a la hora de GUARDAR COMO

photoshop Archivo propio de Photoshop PSD Posibilita el uso de vectores Sigue siendo Editable (capas, imagen y texto) Podemos guardarlo desde photoshop y también desde illustrator para seguir trabajándolo en photoshop @isaezdesign

photoshop Gráficos Vectoriales Escalables SVG Implementándo sus uso en DISEÑO WEB para retina y responsive Son independientes de resolución de la pantalla Puedes abrirlo en muchos programas de edición vectorial en tre los de software libre el más popular es el Inskcape @isaezdesign

photoshop PROS DE IMÁGENES BASADAS EN VECTORES: ESCALABLE HASTA EL INFINITO... Y MÁS ALLÁ: gracias a que los vectores no trabajan con píxeles y por lo tanto no dependen de la resolución se PUEDEN ESCALAR sin ningún problema. MENOR PESO DEL DOCUMENTO: El tamaño final del documento en vectores será menor que uno de píxeles ya que tiene que almacenarse mucha menos información y por lo tanto será más sencillo mover un archivo vectorial. EDITABLE: los archivos guardados como vectoriales conservan siempre la capacidad de edición sin pérdida de calidad, consevando las formas originales y pudiendo modificar los objetos que contiene. @isaezdesign

photoshop CONTRAS DE IMÁGENES BASADAS EN VECTORES: DETALLES LIMITADOS: en general no son adecuados para crear imágenes super complejas y ultra detalladas 8aunque se pueda hacer con mucha paciencia) de manera que no podremos igualar al detalle de una imagen fotográfica. Aunque pesan poco, si se trata de un archivo muy complejo requerirá más recursos del ordenador porque los datos que describen el gráfico vectorial deben ser procesados para formar la imagen final. Si el volumen de datos es elevado se puede volver lenta la representación de la imagen en pantalla, incluso trabajando con imágenes pequeñas. @isaezdesign

photoshop Los vectores se utilizan sobre todo para la creación de: @isaezdesign

photoshop Logotipos @isaezdesign

photoshop Tipografías Aa @isaezdesign

photoshop Gráficos de videojuegos sobre todo para plataformas móviles @isaezdesign

photoshop Ilustración digital @isaezdesign

photoshop Diseño de interfaces @isaezdesign

photoshop ¿Qué programas vectoriales hay? @isaezdesign

Software de pago: Illustrator, de Adobe. Corel Draw! Freehand Macromedia Software gratuito: Skencil Inkscape Sketch IOS

¿Qué sucede si ampliamos una imagen vectorial?

photoshop pIO os bem ¡Pro tar por a ex SD! aP mos ¡Probe tar r a expo ! a PSD #photoshopIO @isaezdesign ¡Hola! Hi! Kaixo! ¡Hola! Hi! Kaixo! #p

photoshop Fotografía y retoque, diseño web/app, ilustración ilustración, logotipos o marcas, interfaces web/app...etc. @isaezdesign

photoshop ¿Vectores en Photoshop? ¡Si! @isaezdesign

photoshop Creando vectores directamente en photoshop @isaezdesign

photoshop Herramienta de photoshop para crear formas basadas en píxeles 1 Herramienta de photoshop para crear formas basadas en vectores @isaezdesign 2

photoshop EXPORTANDO desde illustrator a PSD @isaezdesign

photoshop PODEMOS EXPORTAR desde illustrator a PSD PEGAR directamente en Photoshop @isaezdesign Trabajar en photoshop con objetos inteligentes

photoshop EXPORTANDO desde illustrator a PSD @isaezdesign

photoshop EXPORTA GRUPOS CAPAS ANIDADAS PODER EDITAR TEXTO EN PHOTOSHOP SELECCIONAR CUANDO TRABAJAMOS CON CAPAS TRANSPARENTES @isaezdesign

photoshop Trabajar en photoshop con OBJETOS INTELIGENTES @isaezdesign

photoshop PUEDES: • Realizar transformaciones NO DESTRUCTIVAS puedes cambiar escala, rotarla, deformarla sin perder calidad ni datos porque LAS TRANSFORMACIONES NO AFECTAN AL ARCHIVO ORIGINAL • TRABAJAR CON DATOS VECTORIALES • Aplicar FLITROS NO DESTRUCTIVOS que se pueden editar siempre que se quiera @isaezdesign

photoshop El OBJETO INTELIGENTE permite que SIEMPRE tengas el archivo original para poder retocarlo: - No perdemos información -Flujo de trabajo más ágil @isaezdesign

photoshop El OBJETO INTELIGENTE permite: Cambiar escala Cambiar Proporción Perspectiva Aplicar filtro Máscaras @isaezdesign

photoshop Estas sí se pueden usar Estas no se pueden usar @isaezdesign El OBJETO INTELIGENTE no permite: Usar las herramientas de dibujo: pinceles retocar color

photoshop Aún así Píxel = fotografías/muy realista gran detalle de color pero pérdida de calidad al ampliar. Vector = fuentes / logotipos/ilustraciones escalables sin perder la calidad pero de limitado detalle @isaezdesign

photoshop Por lo que Píxel = fotografía/muy realista PHOTOSHOP Vector = fonts/logotipos/escalable PROGRAMA VECTORIAL @isaezdesign

Lo más adecuado Es trabajar cada cosa con su programa y modo adecuado, sin pelearse, sino colaborando y conociendo todas las herramientas disponibles.

Vectores y Píxeles V P V P

V FIN P

photoshop @isaezdesign

Add a comment

Related presentations

My Music Magazine Pitch

My Music Magazine Pitch

October 30, 2014

music mag pitch

Questionaire charts

Questionaire charts

November 4, 2014

bk

Final research

Final research

November 5, 2014

final research

Cersaie 2014

Cersaie 2014

October 30, 2014

allestimento in cartone per il Cersaie 2014 alberi in cartone scultura in cartone

Quarta turma do workshop de Infografia, ministrado por Beatriz Blanco e Marcos Sin...

Related pages

Hangout photoshopio vector_pixel - Design

hangout 1. republica bolivariana de venezuelaministerio del poder popularpara la educacion universitariainstituto universitario politÉcnico“santiago ...
Read more

Menno van der Leden - Google+

Menno van der Leden. ... Made in Inkscape and Photoshop. ... Meshon Cantrill + I'm a big fan of the vector-pixel workflow, ...
Read more

gunslinger Bautista - Google+

gunslinger Bautista hasn't shared anything on this page with you. ... Start a hangout Profile ... Vector Pixel (vexel) simple hair (Photoshop CS5)
Read more

Hangout - Engineering

Hangout photoshopio vector_pixel Si quieres entender la diferencia entre píxels y vectores no te pierdas esta presentación. HANGOUT TIC 1 PRIMER ...
Read more

How To Make Art Buttons. Web Menu How To - 4--all.com :

How To Make Art Buttons. ... Learn how to make a unique half vector pixel ... Learn how to create that slick Vista Glass effect in Photoshop with this ...
Read more

List of Top Websites on Sprites - Best Sites on Sprites ...

List of Top Websites on Sprites. ... gaia online is an online hangout, ... shading, textures, blending, novice, affordable, zbrush, mental, photoshop, ...
Read more

0571447001443112243 by Carlos Reyes - issuu

... que en febrero de este año pasó a llamarse Hangouts. ... debido a que contó con el respaldo de la Fundación Mundo Ayuda, Vector & Pixel y Heleen SC.
Read more

The Top 10 Best Blogs on hipsters - Notey - Front Page

The Best Blogs for hipsters, Lifestyle, Fashion, funny, Art ... swanky hangout space Soho House—where annual memberships can cost up to $2,800 ...
Read more