Acierta con el tamaño de tus archivos en Adobe Photoshop, ¡siempre! - Una clase de Graphic Design for Lunch™ | Helen Bradley | Skillshare
Menú
Buscar

Velocidad de reproducción


  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x

Acierta con el tamaño de tus archivos en Adobe Photoshop, ¡siempre! - Una clase de Graphic Design for Lunch™

teacher avatar Helen Bradley, Graphic Design for Lunch™

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Ve esta clase y miles más

Obtenga acceso ilimitado a todas las clases
Clases enseñadas por líderes de la industria y profesionales activos
Los temas incluyen ilustración, diseño, fotografía y más

Lecciones en esta clase

    • 1.

      Obtén el tamaño de tu archivo cada vez en Photoshop - introducción

      1:22

    • 2.

      Obtén el tamaño de tu archivo cada vez que - parte 1

      3:30

    • 3.

      Obtén el tamaño de tu archivo cada vez que - parte 2

      8:04

    • 4.

      Obtén el tamaño de tu archivo cada vez que - parte 3

      3:28

    • 5.

      Obtén el tamaño de tu archivo cada vez que - parte 4

      9:15

  • --
  • Nivel principiante
  • Nivel intermedio
  • Nivel avanzado
  • Todos los niveles

Generado por la comunidad

El nivel se determina según la opinión de la mayoría de los estudiantes que han dejado reseñas en esta clase. La recomendación del profesor o de la profesora se muestra hasta que se recopilen al menos 5 reseñas de estudiantes.

833

Estudiantes

--

Proyectos

Acerca de esta clase

Diseño gráfico para el almuerzo es una serie de cursos cortos que puedes estudiar en piezas de tamaño de tamaño como en la hora de la hora de la comida. En este curso aprenderás a tamaños, las imágenes del tamaño para la web e la impresión. Aprenderás qué es la la resolución, las dimensiones y el tamaño del archivo y cómo escalar las imágenes correctamente para la web y para impresión, ya que los requisitos de cada persona son bastante diferentes.

Más en esta serie:

Haz patrones a partir de bocetos y arte digital en Adobe Photoshop un diseño gráfico para la clase de la de la de la de

10 consejos y técnicas en Adobe Photoshop - un diseño gráfico para la clase de la de la de

Haz patrones de Ikat en Adobe Photoshop un diseño gráfico para la clase de Lunch™

Patrones de mármol en Adobe Photoshop - un diseño gráfico para la clase de Lunch™

Haz y vender los diseños de papel de Scrapbook en Adobe Photoshop - un diseño gráfico para la clase de la que de la de la de

Crea una serie de patrones de círculo en Adobe Photoshop - un diseño gráfico para la clase de la de de Lunch™

10 consejos en Adobe Photoshop de un buen minuto - un diseño gráfico para la clase de la de la de

10 consejos de pinceles en 10 minutos en Adobe Photoshop - un diseño gráfico para la clase de la de la de

Arte de línea de forma limpia en Adobe Photoshop de la la que un diseño gráfico

10 consejos de Photoshop en 10 min: un diseño gráfico para la clase de Lunch™

3 patrones exóticos en Adobe Photoshop - un diseño gráfico para la clase de Lunch™

Fondos Abstract abstractos en Adobe Photoshop - un diseño gráfico para la clase de Lunch™

Mucha de patrones Complex en Adobe Photoshop - un diseño gráfico para la clase de Lunch™

Selecciones complejas en Adobe Photoshop que se hacen fácil en Adobe Photoshop un diseño gráfico para la clase de Lunch™

Badge y diseño de cinta en Adobe Photoshop - un diseño gráfico para la clase de Lunch™ clase de Lunch™

Fondos - medio Halftones, Sunburst, patrones en Adobe Photoshop de un diseño gráfico de la clase de la de la de

Crea anillas de Hi-Tech en Adobe Photoshop - un diseño gráfico para la clase de Lunch™

Crea patrones orgánicos en Adobe Photoshop un diseño gráfico para la clase de Lunch™

Crea texto en un camino en Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Frames de Bracket Curly y cajas de texto en Adobe Photoshop un diseño gráfico para la clase de la de la de la de

10 consejos de selección en 10 mins en Adobe Photoshop - un diseño gráfico para la clase de la de la de la de

Fotos de recorte y cuadro en Adobe Photoshop - un diseño gráfico para la clase de Lunch™

Efecto de recorte de imagen vintage en Adobe Photoshop - un diseño gráfico para la clase de de Lunch™

Estilos de capa creativo de Adobe Photoshop - un diseño gráfico para la clase de Lunch™

Haz patrones con la nueva herramienta de patrones en Photoshop 2021: un diseño gráfico para la clase de Lunch™

Pintar una foto en Adobe Photoshop usando la historia del historia de arte con un diseño gráfico de la clase de la de la de

4 formatos críticos de archivos críticos - jpg, png, pdf, en Adobe Photoshop de un diseño gráfico para la clase de Lunch™

B, toques y efectos de color aislado en Adobe Photoshop de la la clase con un diseño gráfico de la clase de lunch™

Bend Objetos de la Puppet en Adobe Photoshop - un diseño gráfico de la clase de la de la de

Textura de resaltado, formas y un libro de Scrapbook en Adobe Photoshop - un diseño gráfico para la clase de Lunch™ clase de la de

Colorear un boceto de Adobe Photoshop de la Adobe de un diseño gráfico de la clase de Lunch™

Crea un gráfico de esquena de color en Adobe Photoshop - un diseño gráfico para la clase de Lunch™

Crea una fuente personalizada de personajes en Adobe Photoshop de la que un diseño gráfico para la clase de Lunch™

Crea un mandala en Adobe Photoshop - un diseño gráfico para la clase de la Lunch™

Diseño reusable de la corona reusable en Adobe Photoshop un diseño gráfico para la clase de Lunch™

Crea patrones complejos de repetitivos en Adobe Photoshop un diseño gráfico para la clase de Lunch™

Crea maquetas para usar y vender en Photoshop - un diseño gráfico para la clase de Lunch™

Crea patrones de referencia (Tartan) de repetición en Adobe Photoshop un diseño gráfico para la clase de Lunch™

Colorear un boceto con una textura en Adobe Photoshop - un diseño gráfico para la clase de la de la de Lunch™

Droste Effect con Photoshop y una herramienta gratuita - un diseño gráfico para la clase de la clase de de la de la de la de

Critas con personaje en Adobe Photoshop - un diseño gráfico para la clase de Lunch™

Texturas capturas para dibujos en Adobe Photoshop - un diseño gráfico para la clase de la de la de

Demystifying el historial en Adobe Photoshop - un diseño gráfico para la clase de la de Lunch™

Efecto de doble exposición en Adobe Photoshop - un diseño gráfico para la clase de Lunch™

Dibuja un mapa de fantasía en Adobe Photoshop - un diseño gráfico para la clase de Lunch™ clase de

Embosque y de Deboss de texto y formas en Adobe Photoshop - un diseño gráfico para la clase de la de la de la de

Efecto de foto plegado en Adobe Photoshop - un diseño gráfico para la clase de Lunch™

Edición de fotos para la persona común en Adobe Photoshop de la forma fácil de la que un diseño gráfico

Obtén el tamaño cada vez de la imagen que ves en Adobe Photoshop un diseño gráfico para la clase de Lunch™ clase de Lunch™

Bolsa de efectos de texto divertido en Adobe Photoshop - un diseño gráfico para la clase de la de Lunch™

Collage de cuadrícula para redes sociales en Adobe Photoshop - un diseño gráfico para la clase de Lunch™

Mosaic de alta tecnología con pinceles y patrones en Adobe Photoshop - un diseño gráfico para la clase de Lunch™ clase

Imágenes de animales de gran

Introducción para crear y usar las acciones de Photoshop - un diseño gráfico para la clase de Lunch™

Patrones de cubo isométrico en Adobe Photoshop - un diseño gráfico para la clase de de Lunch™

Efecto en papel en Adobe Photoshop de un diseño gráfico de la clase de Lunch™

Capas y máslas capas 101 para fotógrafos en Adobe Photoshop - un diseño gráfico para la clase de Lunch™ clase de

Haz y vender una colección de formas en Adobe Photoshop - un diseño gráfico para la clase de la de Lunch™

Patrones de repetición Seamless en Adobe Photoshop de la la básicos: Un diseño gráfico para la clase de Lunch™

Hacer y usar pinceles de foto en Adobe Photoshop - un diseño gráfico para la clase de Lunch™

Collage de fotos para redes sociales en Adobe Photoshop - un diseño gráfico para la clase de Lunch™

Hacer y vender superposiciones para redes sociales en Adobe Photoshop - un diseño gráfico para la clase de la de la de

Haz formas personalizadas en Adobe Photoshop un diseño gráfico para la clase de Lunch™

Kaleidoscopes con objetos inteligentes en Adobe Photoshop - un diseño gráfico para la clase de de la de Lunch™

Diagonales, Chevrons, plaid y de anomales en Adobe Photoshop - un diseño gráfico para la clase de Lunch™ clase de

Haz y vender pinceles de Photoshop en Adobe Photoshop de Adobe Photoshop: un diseño gráfico para la clase de Lunch™

Patrones de círculos al aleatorio en Adobe Photoshop - un diseño gráfico para la clase de la de la de la de

Efecto de Bombing de patrones en Adobe Photoshop - un diseño gráfico para la clase de Lunch™

Convierte una foto en un patrón en Adobe Photoshop - un diseño gráfico para la clase de Lunch™ clase de

Patrones como superposiciones de fotos para redes sociales en Adobe Photoshop - un diseño gráfico para la clase de la de la de

Collage de textura de la foto: mezcla y texturas en Adobe Photoshop de un diseño gráfico para la clase de la de la de la de

Técnicas de entintado en Adobe Photoshop un diseño gráfico para la clase de la de Lunch™

Preparar imágenes para redes sociales y blogs en Adobe Photoshop - un diseño gráfico para la clase de la de la de la de

Recolor objetos sin hacer selecciones en Adobe Photoshop un diseño gráfico para la clase de Lunch™ clase de Lunch™

Técnicas para recrear patrones en Adobe Photoshop - un diseño gráfico para la clase de la la clase de de la de la de

Eliminar objetos y turistas de las fotos en Adobe Photoshop - un diseño gráfico para la clase de la de la de

Efecto de glitch de video reusable en Adobe Photoshop - un diseño gráfico para la clase de la de Lunch™

Mezclar dos imágenes en Adobe Photoshop de la clase de la la la de la la de

Configura colores, mazos y sombras en Adobe Photoshop - un diseño gráfico para la clase de la de la de

Bocetos y pinceles para los patrones capturas en Adobe Photoshop - un diseño gráfico para la clase de Lunch™

Captura al arte - 3 Snapshot de fotos práctico en Adobe Photoshop un diseño gráfico a la clase de la de la que

Efecto de collage de Surreal en Adobe Photoshop - un diseño gráfico para la clase de Lunch™

Texto sobre efectos de imagen - Glyphs y capas en Adobe Photoshop un diseño gráfico para la clase de Lunch™

Uso de texturas en Adobe Photoshop un diseño gráfico para la clase de la de la la

Conceptos básicos de tipo de Photoshop en Adobe Photoshop: un diseño gráfico para la clase de la de la de Lunch™

Efecto de imagen al lado de la imagen de Adobe Photoshop - un diseño gráfico para la clase de Lunch™

Uso de objetos de Illustrator en Photoshop un diseño gráfico para la clase de la clase de de la de la de

Uso de la herramienta relleno de patrones guionizado en Adobe Photoshop - un diseño gráfico para la clase de la de la de Lunch™

Los corazones inspirados en Adobe Photoshop de la los verso: un diseño gráfico para la clase de de la de almuerzos™

Patrones rotulados Whimsical en Adobe Photoshop - un diseño gráfico para la clase de la de Lunch™

Diseño de papel de Scrapbook con los mapas de desplazamiento en Photoshop - un diseño gráfico para la clase de la de la de la de

 

 

Conoce a tu profesor(a)

Teacher Profile Image

Helen Bradley

Graphic Design for Lunch™

Top Teacher

Helen teaches the popular Graphic Design for Lunch™ courses which focus on teaching Adobe® Photoshop®, Adobe® Illustrator®, Procreate®, and other graphic design and photo editing applications. Each course is short enough to take over a lunch break and is packed with useful and fun techniques. Class projects reinforce what is taught so they too can be easily completed over a lunch hour or two.

Ver perfil completo

Level: Beginner

Valoración de la clase

¿Se cumplieron las expectativas?
    ¡Superadas!
  • 0%
  • 0%
  • Un poco
  • 0%
  • No realmente
  • 0%

¿Por qué unirse a Skillshare?

Mira las galardonadas Skillshare Originals

Cada clase tiene lecciones cortas y proyectos prácticos

Tu membresía apoya a los profesores de Skillshare

Aprende desde cualquier lugar

Ve clases sobre la marcha con la aplicación de Skillshare. Progresa en línea o descarga las clases para verlas en el avión, el metro o donde sea que aprendas mejor.

Transcripciones

1. Obtén el tamaño de tu archivo cada vez en Photoshop - introducción: Hola. Yo soy Helen Bradley. Bienvenido a este diseño gráfico para clase de almuerzo; consigue el tamaño de tu archivo correcto cada vez en Adobe Photoshop. diseño gráfico para el almuerzo es una serie de clases que imparten una gama de consejos y técnicas para crear diseños y para trabajar en aplicaciones como Illustrator, Photoshop, y Procreate. Hoy estamos viendo cómo dimensionar una imagen del tamaño y la resolución adecuados para imprimir en la web para que puedas saber con confianza lo grande que hacer un archivo y para que tus imágenes no sean ni demasiado grandes ni demasiado pequeñas o peor aún aplastadas o estirado fuera de forma. Conforme estás viendo estos videos, verás un prompt que te permite recomendar esta clase a otros. Por favor, si estás disfrutando de la clase, dale un pulgar arriba, y si quieres dejar una reseña escrita, por favor hazlo. Estos ayudan a otros alumnos a encontrar mis clases y a determinar si las disfrutarán también. Desafortunadamente, no puedo responder directamente a estas críticas, pero ten la seguridad de que sí las leo todas y de verdad aprecio sus comentarios. Si quieres dejar un comentario, por favor hazlo. Leí y respondo a todos tus comentarios, y también miro y respondo a todos tus proyectos de clase. Si ya estás listo, empecemos a determinar el tamaño de archivo adecuado para tus imágenes cada vez. 2. Obtén el tamaño de tu archivo cada vez que - parte 1: Vamos a empezar en este video mirando una imagen y usarla para entender términos como la resolución de un archivo, las dimensiones de un archivo, y el tamaño del archivo. Para ello, en realidad voy a abrir un diálogo de Photoshop. Entonces voy a la imagen y luego al tamaño de la imagen. Simplemente voy a dimensionar mi imagen para que podamos establecer, y vamos a ver cómo se configura este diálogo. Ahora tengo mis dimensiones aquí configuradas en píxeles, lo cual creo que es valioso y te recomendaría y aquí tengo estas configuraciones configuradas en pulgadas. Si estás trabajando en Europa o Australia, entonces es posible que quieras ponerlos en centímetros si eso tiene más sentido para ti. Ahora, las dimensiones de la imagen son el número físico de píxeles de ancho y alto. Por lo que esta imagen es de 4000 por dos mil medio. Eso es lo que nos está diciendo este diálogo. Este diálogo será diferente en versiones anteriores de Photoshop, pero la misma información siempre está aquí. Por lo que 4000 píxeles de ancho, dos mil y medio de alto. Si multiplicáramos 4000 por 2500, obtendríamos el número total de píxeles, esas pequeñas cajas de color en esta imagen. De eso se compone una imagen, son montones y montones de pequeños bloques de color, y se llaman píxeles. Por lo que las dimensiones están en píxeles, el número de píxeles de ancho y alto. También tenemos algo llamado resolución. Por el momento se establece en 300 píxeles por pulgada. Vamos a ver en un minuto cómo podemos cambiar eso. Pero también vamos a aprender ahora mismo que esto sólo importa para la impresión. Es totalmente irrelevante para poner imágenes en la web. Si estás enviando a Facebook o publicando imágenes en tu sitio web, la resolución simplemente no es un término que debes entender en absoluto. Tan pronto como empiezas a imprimir, se vuelve realmente importante. Aquí te presentamos el ancho y alto actuales de la imagen a una resolución de 300 píxeles por pulgada. Todo esto es relevante sólo para imprimir. No tiene relevancia en absoluto si vas a poner esta imagen en la web. Por lo que sólo necesitamos ser realmente claros al respecto. Tenemos dimensiones y aquí tenemos resolución, que ahora hemos determinado que no es relevante para la web, pero es relevante para la impresión. También tendremos que mirar el tamaño de la imagen, y esa es la cantidad de espacio que esta imagen está ocupando en el disco. Si se lo enviara por correo electrónico a alguien, ¿cuánto está enviando? Bueno, voy a abrir el Explorador de Windows aquí. Aquí está esta imagen, es un archivo PSD y es de 58,631 kilobytes. Entonces ese es su tamaño, es cuánto espacio está ocupando en un disco que tiene relevancia limitada para el tamaño de la imagen. Es relevante en que una imagen más grande va a ser un tamaño de archivo más grande, pero no se puede ver una correlación directa entre ambos porque se trata de un archivo de Photoshop. Si tuviera múltiples capas adentro, podría soplar para ser realmente grande efectivamente a pesar las dimensiones de la imagen son sólo un 4000 fijo por dos mil y medio. Este es el tamaño del archivo, la cantidad de espacio que está ocupando en el disco. Ahora que tenemos claro qué es la resolución, qué dimensiones de imagen son, y qué tamaño de archivo son, vamos a pasar a la web y ver qué es importante para que sepamos acerca de conseguir imágenes a la web y cómo los redimensionaría a tamaños apropiados. 3. Obtén el tamaño de tu archivo cada vez que - parte 2: Antes de poder poner un archivo en la web, vas a necesitar saber lo grande que necesita ser. Voy a una página web llamada HubSpot. Te voy a dar el enlace a esta info-gráfica. Esta es una lista de los tamaños de archivo de 2016 para redes sociales. Estos tamaños de archivo cambian regularmente, pero esta es una lista bastante actualizada. Cubre sitios como Facebook y Twitter y LinkedIn y Pinterest y YouTube e Instagram. vas a encontrar todos los sitios principales están representados. Lo que vamos a hacer es que aquí vamos a hacer un video gráfico para YouTube. Nos dicen que el gráfico de subida de video debe estar en una relación de aspecto de 16:9 y 1280 por 760 es un buen tamaño. Vamos a hacer que nuestra imagen sea de ese tamaño. He escrito esas dimensiones hacia abajo. Eso es crítico porque hay que recordarlos. Sólo voy a cerrar esto por ahora. Esta imagen necesita ser de 1280 por 760 píxeles. Por el momento son 4 mil por 2 mil 500. Entonces vamos a necesitar redimensionarlo. Voy a elegir Imagen y luego tamaño de imagen. En este punto, te sugiero que cambies tu ancho y alto a píxeles, porque te han dicho ese sitio web que las medidas para esta imagen necesitan estar en píxeles. Para cambiar el tamaño va a ser más fácil si usas píxeles ya que estás redimensionando dimensión. Desea que se seleccione esta casilla de verificación. En versiones anteriores de Photoshop esto sería la casilla de verificación proporciones constreñidas. Quieres asegurarte de que seleccionas eso. El motivo de esto es que si no seleccionas eso, echemos un vistazo y digamos qué haría bastante felizmente Photoshop. Acabo de hacer una imagen que es de 4,000 por 100 píxeles, y Photoshop está bastante feliz de suavizar esta imagen por lo que es irreconocible y total tontería. Si tuviera que hacer clic en esta casilla de verificación, no se permitiría que sucediera. Si escribiera 100 aquí, Photoshop hubiera dicho: “Oh, bueno para mantener esto en las proporciones, es ancho ahora tiene que ser 160”. Te va a salvar de hacer imágenes estúpidas de manera efectiva si tienes esta casilla de verificación aquí. También te ahorra tener que hacer las matemáticas tú mismo. Solo llevemos esta imagen a su tamaño original. Tenía 4 mil píxeles de ancho por 2 mil 500 píxeles de alto. Tenemos que hacerlo 1,280 por 760, lo más probable es que no vaya a bajar a las dimensiones exactas. Tenemos que echar algún pensamiento en esta etapa de hacer esto bien y este mismo paso adelante porque no va a pasar. Vamos a empezar por teclear aquí 1,280. Ahora cuando tamaño esto a 1,280 de ancho, la altura en proporción es de 800. Si miro la altura de la imagen que se supone que debo estar creando, se supone que es 760. En otras palabras, es un poco demasiado alto. Tengo un poquito demasiada imagen en esta etapa, y eso es exactamente lo que quiero. No quiero demasiado poco, puedo lidiar con demasiado. Quiero que este valor aquí sea el mismo o mayor que el valor que necesito usar para YouTube. Si eso sucede, bueno en nuestro camino. En un minuto vamos a ver qué pasa si no está bien. Pero supongamos que en esta etapa somos capaces de obtener un valor aquí que es el mismo o un poco más grande que lo que es que vinimos aquí a hacer. Ahora necesitamos volver a muestrear esta imagen. Siempre que escale una imagen hacia arriba o hacia abajo, tiene que volver a muestrear. Es necesario utilizar un método de re-muestreo que sea adecuado para hacer la imagen más pequeña porque estamos haciendo nuestra imagen más pequeña. Vamos a elegir más nítido bicúbico para la reducción, y hacemos click ahí. Voy a dar click en “Ok”. Ahora tenemos una imagen que tiene 1,280 píxeles de ancho a 800 píxeles de altura, estamos casi ahí, pero no del todo. Presionaremos Ceros de Control o Comando para que pueda ver mi imagen con más claridad. Todo lo que hice fue escalarlo. No ha cambiado de tamaño. Tenemos que recortarlo porque necesitamos deshacernos del exceso de píxeles que tenemos, así que voy a la herramienta de cultivo. Va a despejar los valores de ella. Voy a dar click en “Ratio”, y voy a escribir aquí 1,280, y en el segundo cuadro, 760. Digo a Photoshop quiero una imagen cuya relación de ancho a altura sea de 1,280 por 760 fuera de este proceso. Photoshop ha ido bien. Encontremos, que puedes despedirte de los pedacitos en la parte superior y la parte inferior de esta imagen porque tienes demasiada imagen. Ahora, puedo mover esto. Yo puedo decir, quiero que todos los píxeles que voy a perder se salgan de la parte inferior de la imagen. O puedo decir, todos van a salir de la parte superior de la imagen. Esto se va a descartar. O puedo ir por medio y medio. Cualquier combinación de los mismos. Pero para conseguir una imagen que sea 1,280 por 760, algo tiene que ir. Y ahora mismo elijo un top para ir porque realmente quiero mantener el árbol plantado en la acera. Voy a dar clic a la marca de verificación. He arrancado una tira que tiene 40 píxeles de altura de la parte superior de la imagen, pero ahora es del tamaño que YouTube lo quiere. Vamos a comprobar doble imagen, tamaño de imagen. Lee las dimensiones de la imagen porque eso es lo que tenemos 1,280 por 760, perfecto. Ahora, antes de que esto pase a la web, debemos asegurarnos de que estamos usando el espacio de color adecuado porque la web no es un espacio de color administrado. Eso es solo gobbledygook porque tienes que arreglarlo antes de que se vaya o va a cambiar de color cuando llegue ahí. Lo que voy a hacer es elegir Editar, voy a elegir Convertir a Perfil. Necesito que esto sea sRGB. En este momento, el espacio fuente es Adobe RGB. El espacio de color correcto para la web debe ser sRGB. Me estoy asegurando de que tengo esa seleccionada. Voy a dar click en “Ok”. Si tu imagen no está en el espacio de color correcto te voy a mostrar dónde vas a trabajar eso, y esa es la solución. Ahora vamos a guardar esta imagen pero lo que no quiero hacer es no quiero guardarla de nuevo sobre la parte superior del original porque de lo contrario voy a tener píxeles desechados y voy a haber encogido mi imagen. Necesito guardar esto como una imagen totalmente nueva. Voy a elegir Archivo Guardar como. Voy a guardar esto como un JPEG porque ese es el formato que usamos para la web. Aquí abajo puedes ver que el perfil de color ICC asignado a esta imagen es sRGB. Si llegas a esta etapa y dices que hay un perfil de color diferente asignado a la imagen en este punto, haz clic en “Cancelar” y ve a arreglarlo. Porque realmente necesitas enviarlo a la web usando sRGB o corres el riesgo de que los colores se comporten realmente estúpidamente una vez que llegan a la web. Voy a llamar a esto justicia, y cuando estoy haciendo una imagen en muchas variedades diferentes de dimensiones para diferentes propósitos poner las dimensiones reales en el nombre del archivo solo hace que sea mucho más fácil ver qué es qué. Llamo a esto justicia 1,280 por 760 y luego haga clic en “Guardar”. Debido a que es un JPEG, llegamos a elegir la calidad porque este es un formato de archivo comprimido. Vamos a perder algo de calidad de imagen a medida que lo hacemos. Tenemos que hacerlo. Esas son las reglas con JPEG. Pero podemos elegir cualquier valor de calidad que necesitemos. Ahora bien, si esto sólo va en YouTube, probablemente esté bien con lo alto. Eso me dará un tamaño de archivo más pequeño. Ahora no se está encogiendo las dimensiones reales. No van a cambiar las dimensiones de la imagen. De lo que se trata todo esto es de que se está perdiendo un poco de calidad del archivo para que la cantidad física de espacio que este archivo ocupa en disco vaya a ser un poco menos. Eso es todo. Yo lo estoy haciendo alto. Voy a dar click en “Ok”. Ahora ya terminamos. En el siguiente video, vamos a mirar y ver qué sucede cuando no obtenemos los resultados en el diálogo de tamaño de imagen que necesitamos la primera vez. Vamos a poder resolver la forma de resolver ese problema. 4. Obtén el tamaño de tu archivo cada vez que - parte 3: A continuación vamos a ver la situación en la que el tamaño de la imagen no se escala tan fácilmente como lo hizo la primera vez. Voy a crear una imagen tumblr, y la voy a crear a 500 por 750 píxeles. Por lo que es una imagen en tamaño de retrato. He anotado esos valores así que voy a volver a la imagen que voy a usar. Voy a redimensionarlo usando las opciones de tamaño de imagen. Escogeré imagen, tamaño de imagen. Nos vamos a asegurar que estamos trabajando en píxeles aquí porque sabemos que la imagen tiene que ser de 500 por 750 píxeles. También sabemos que es altamente improbable que esto vaya a funcionar correctamente la primera vez. Sabemos hacer clic en este icono de enlace, por lo que está seleccionado. En versiones anteriores de Photoshop, es el icono de proporciones de restricción aquí. Vamos a teclear 500. El problema con esto es, cuando tecleamos 500, la altura de la imagen, para mantener esta imagen y proporción va a ser de 662 píxeles. El tumblr imagen tiene que ser de 750 píxeles. No tenemos suficiente imagen. Por lo que este cambio de tamaño simplemente no va a funcionar. Lo que tenemos que hacer es, tenemos que probar la altura y ver qué podemos hacer con eso. Entonces voy a teclear en 750 porque eso es lo que necesita ser mi altura. Si hago mi altura 750, entonces el ancho va a ser 566. Vine aquí para hacer una imagen que era de 500 por 750, así que esto es demasiado amplio. Ya sabemos que cuando es demasiado ancho o demasiado alto, eso está bien porque podemos lop un poco apagado. Vamos a tomar esta versión ahora. ocasiones es posible que necesites probar tus valores en el cuadro de ancho y altura para averiguar cuál te va a dar ya sea la dimensión exacta correcta o demasiada imagen porque no puedes hacer esto con muy poca imagen. Nuevamente, la resolución es una tontería. No necesitamos ni siquiera considerar la resolución porque vamos a la web. tenemos que considerar nuestro método de re-muestreo porque estamos reduciendo el tamaño, vamos a usar nitidez bicúbica. Voy a dar click Ok. Ahora necesitamos recortar la imagen. Voy a la herramienta de cultivo, estoy estableciendo la relación, y va a ser 500 por 750. Como esperábamos, esta vez tenemos que bloquear bits del costado porque la imagen tenía 750 píxeles de altura, pero era demasiado ancha. Ahora podemos trabajar en dónde vamos a hacer el cultivo. Creo que me gusta más de esta manera, así que solo voy a dar clic a la marca de verificación. Ahora porque vamos a la web, voy a revisar mi espacio de color, editar, convertir a perfil, voy a asegurarme de que estoy convirtiendo a sRGB y voy a dar click, Ok. Ahora tengo una imagen en el espacio de color sRGB, estoy listo para guardarla para la web. Archivo, Guardar como. No quiero guardarlo sobre el original porque he re-escalado el original. Voy a llamar a este eucalipt 500 por 750, y va a ser JPEG. Comprobando que el perfil de color sea correcto, debería ser, acabamos de convertirlo, y voy a dar clic a guardar. Nuevamente, necesito seleccionar la calidad. Porque está subiendo a la web a Tumblr, puedo usar solo la alta calidad para mantener el tamaño de mi archivo a un nivel razonable. Voy a dar click bien. Tanto por preparar imágenes para la web en el siguiente video, vamos a ver cómo podemos prepararlas para su impresión. 5. Obtén el tamaño de tu archivo cada vez que - parte 4: Cuando se trata de imprimir una imagen, las cosas son muy diferentes y la preparación que hay que hacer es muy diferente a la preparación que hay que hacer para la web, y parte de la razón de esto es que la resolución de la imagen es crucial cuando estás imprimiendo. Necesitarás tener una imagen que tenga al menos 100 píxeles por pulgada en resolución, probablemente algo hasta 300 o incluso más. Tendrás que determinar qué resolución necesitas mirando el servicio de impresión que estás utilizando, o bien tu manual de impresora te dirá los píxeles ideales por pulgada de resolución para tu imagen, si lo vas a enviar a tu impresora, o si lo estás haciendo a través de un sitio en línea, debes mirar su información de salud, o ponerte en contacto con ellos y preguntarles cuánto o qué tan grande necesitas enviarles una imagen, y necesita ser mucho más grande para imprimir que para la web. Otra cosa que debes hacer es asegurarte de que tu imagen sea del tamaño correcto, y vamos a echar un vistazo a algo aquí. Sólo voy a ir a por mis comps de capas, y ponerme esos por aquí por un minuto, y vamos a buscar mis capas porque alguien podría ver esas también. Echemos un vistazo primero a seis por cuatro. Si íbamos a imprimir esta imagen a las seis por cuatro, este es el problema que estamos enfrentando. Las dimensiones de la imagen no son de seis pulgadas por cuatro pulgadas, son un poco más. Parte de esta imagen se va a bloquear. El positivo a seis por cuatro para imprimir si te gusta aquí, es que lo que sea que lop off, todavía vamos a conseguir el texto. Porque obviamente el texto graffiti aquí es la parte importante de esta imagen, y sea lo que hagamos con ella, queremos que todo el texto se imprima. Dependiendo de qué pedazo de la imagen se loque, aún vamos a conseguir todos nuestros textos porque se trata de un área de seis por cuatro dimensiones. En cuanto a lo que se loque, depende. Si no recortas esta imagen a una proporción de seis por cuatro antes de enviarla a la impresora, parte de esta imagen va a desaparecer y no vas a tener control sobre ella porque la impresora no puede imprimir una imagen que sea mayor de seis por cuatro. Va a hacer una de dos cosas. O va a lop una pieza de la imagen, o va a encogerse el ancho de tu imagen, y vas a terminar consiguiendo un trozo de papel blanco arriba, y abajo abajo o algo va a pasar porque simplemente no cabrá correctamente. Si no lo recortas, no es una conversación de la que vas a ser parte. Otras personas lo van a hacer por ti. Photoshop en tu impresora lo van a organizar por ti, pero no obtienes el control. Si lo recortas antes de enviarlo a la impresora, entonces sí obtienes el control. A las seis por cuatro, probablemente ese no sea un tema enorme. Pero echemos un vistazo a algo así como 8 por 10 cuando sí se convierta en un tema. Porque esta es una superposición de 8 por 10 aquí. Si voy a conseguirlo, verás que sin importar dónde ponga esta superposición, las palabras de esta imagen no se van a imprimir todas. Esta imagen no es las dimensiones correctas, por lo que parte trabajadora de esta imagen aquí no son las dimensiones adecuadas para que se imprima en una hoja de papel de 8 por 10 sin desprenderse algo. Si alguna vez has enviado algo a una impresora y ha vuelto con la cabeza de la abuela cortada o falta algo, este es el problema. Ayuda a entender cómo se ve una imagen de dimensión 10 por 8, y en este caso, 10 por 8 no sería una forma exitosa de imprimir esta imagen. Diecisiete por once sería mucho mejor. Se puede ver a las 17 por 11, casi estamos metiendo toda la imagen. cinco por siete, también podríamos trabajar en eso, vamos a conseguir el cuadro cinco por siete aquí, y va a estar bien por meter todo el texto en la imagen pero veamos esto. Si no lo recortamos a cinco por siete antes de enviarlo, existe la posibilidad de que perdamos este texto. Nuevamente, otra buena razón para recortar tu imagen antes de enviarla a la impresora es para asegurarte de que estás obteniendo la parte funcional de la imagen, la broca que quieres tener impresa, en realidad impresa. En cualquiera de estos tamaños, seis por cuatro, siete por cinco, 8 por 10, 17 por 11, alguna parte de esta imagen va a desaparecer. No hay opción. No se puede guardar toda esta imagen y aún así tenerla impresa de borde a borde de un trozo de papel que es cualquiera de estas dimensiones. Es por eso que la impresión suele estar plagada de dificultades bastante a menudo la gente recuperará imágenes con bits que faltan y es por eso que faltan. Si quisiéramos imprimir esto como digamos, una imagen de cinco por siete o siete por cinco, estas son las dimensiones que estamos viendo. De hecho voy a apagar esto y voy a recortarlo a cinco por siete. Voy a seleccionar la herramienta de recorte, voy a seleccionar ratio, y quiero que el ancho sea siete, y quiero que la altura sea cinco. Esta es sólo una simple relación de cultivo de siete por cinco, y ahora puedo determinar dónde quiero que esté la imagen en esa impresión de cinco por siete. Yo lo voy a alinear para que el texto sea central, voy a dar clic a la marca de verificación. Esta es ahora una imagen de proporción de cinco por siete. Si envío esto a la impresora, todo debería imprimirse. Pero entonces nos enfrentamos a la cuestión de ¿tenemos suficiente imagen para imprimir? Bueno, vamos a la imagen, tamaño de imagen, y digamos, tenemos una imagen que ahora tiene 3500 por 2500 píxeles de tamaño porque tuvimos que lop una pieza del borde. Vamos a ponerlo en pulgadas, y luego fijemos la resolución. Digamos que nuestros servicios de impresión en línea, quiere una resolución de 300 píxeles por pulgada. Bueno, eso son 300 píxeles por pulgada. Lo imprimirá el momento a poco más de 11 pulgadas por ocho pulgadas. Aquí hay mucha imagen para imprimir. El ancho de impresión y la altura está en exceso de lo que es que necesitamos enviar. Si necesitas enviarlo exactamente, entonces vas a hacer esto. Vas a escribir siete aquí y cinco pulgadas aquí. Estás creando una imagen exacta de siete por cinco pulgadas con una resolución de 300 píxeles por pulgada. Se puede ver entonces que las dimensiones se van a disminuir una vez más. Van a ser 2100 por 1500 pixeles de tamaño, y acabarías de dar click bien. Esta imagen ahora está configurada para impresión de cinco por siete a 300 píxeles por pulgada, y es exactamente del tamaño correcto. Guardaríamos esto para imprimirlo, y usted lo guardaría en el formato, que requiere su servicio de impresión. Por supuesto, si lo estás imprimiendo desde Photoshop, solo puedes elegir “File Print” desde aquí. Pero si lo estás enviando a un servicio en línea, buscarás y verás si necesitan JPEG o TIFF o PNG o cualquier formato que acepten, y luego irás a guardarlo. Por supuesto, nunca elegirías “Archivo Guardar” porque no quieres guardar esto sobre el original porque lo has recortado y lo has redimensionado. Escogerías “Archivo Guardar como”, y luego le pondrías el nombre que necesites para nombrarlo. Ahora voy a guardar esto como un JPEG listo para imprimir, va a ser justicia, y lo voy a llamar siete por cinco, 300 PPI, píxeles por pulgada. Se podría decir fácilmente DPI, no importa, son más o menos sinónimos. El perfil de color en sí no importa tanto como en la web, excepto que debes coincidir con el perfil de color, que estás imprimiendo servicio te pide que utilices. Si tienen un perfil de color específico, necesitarías ajustarlo a eso. Pero la mayoría de ellos probablemente puedan manejar Adobe RGB. Voy a hacer clic en “Guardar”. Ahora en esta instancia, porque no se va a [inaudible], porque se va a imprimir, quiero enviar el archivo de mayor calidad posible. Quiero asegurarme de que he seleccionado archivo más grande y que la calidad es realmente alta. Porque no quiero comprometer la impresión y voy a dar clic en “Ok”. Esa imagen ya está lista y dimensionada para su impresión. Tu proyecto para esta clase va a ser preparar una imagen para su impresión o para la web. Ve y encuentra un tamaño de archivo que necesites para la web o ve y determina un tamaño de impresión para una imagen que deseas imprimir a través de un servicio en línea o a través de tu propia impresora. Determina cómo vas a preparar la imagen, y prepárala para imprimirla. Después publique la imagen o tal vez una versión de tamaño reducido de la misma en el caso de la impresión en el área del proyecto de clase. Espero que hayas disfrutado de esta clase y que hayas aprendido algo sobre términos de tamaño de imagen como tamaño de archivo, dimensiones y resolución. Espero que ahora sean capaces de preparar imágenes para su uso en la web así como para la impresión. Si sí disfrutabas de esta clase y si ves un prompt para recomendarla a otros, por favor dale un pulgar arriba. Estos ayudan a otros a identificar esto como una clase que tal vez quieran tomar, y si quieres dejar un comentario, por favor hazlo. Leí y respondo a todos tus comentarios y miro y respondo a todos tus proyectos de clase. Me llamo Helen Bradley. Muchas gracias por acompañarme en este episodio de Diseño Gráfico para Almuerzo, y espero verlos en un próximo episodio.