Transcripciones
1. Patrones de Metaball en Photoshop: Hola, soy Helen Bradley. Bienvenido a este Diseño Gráfico para Almuerzo Clase, Patrones de
Metaball 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 una forma de metaball y vamos a ver cómo podemos crear una forma de metaball y lo vamos a hacer de dos maneras, y luego cómo podemos hacer patrones a partir de ella. Hay mucho aprendizaje en esta clase, hay algunas técnicas realmente interesantes para crear patrón de metaball de estilo orgánico. También vas a aprender algunas técnicas de manipulación de formas realmente valiosas cuando creamos la forma metaball más regular. En cada caso, habiendo hecho una forma de metaball, vamos a utilizar para crear algunos patrones interesantes. Ahora, mientras estás viendo estos videos, vas a ver un prompt que te permite recomendar esta clase a otros. Por favor, si estás disfrutando de la clase, haz dos cosas por mí. En primer lugar, dale un pulgar arriba, y en segundo lugar, escribe en pocas palabras por qué estás disfrutando de esta clase. Recomendaciones como esta ayudan a otros alumnos a decir que esta es una clase que ellos también podrían disfrutar. Si deseas dejar un comentario o una pregunta, por favor hazlo. Leí y respondo a todos tus comentarios y preguntas, y miro y respondo a todos tus proyectos de clase. Si ya estás listo, empecemos. Vamos a crear formas de metaball en Photoshop y crear patrones a partir de ellas. Vamos a empezar con una forma de metaball más regular y luego vamos a pasar
a crear una forma de metaball orgánica.
2. Pt 1: haz una forma de Metaball: Antes de empezar en esta clase, sólo
quiero explicar cómo se presenta. En primer lugar, vamos a usar formas para hacer una forma de metaball personalizada. Eso lo vamos a hacer para los usuarios de Photoshop CS6 y CS8. Si estás usando Photoshop CS5, entonces deberías saltar al último video, porque he creado un video especial para ti, para mostrarte cómo puedes crear la forma en versiones anteriores de Photoshop. Entonces si eres usuario de CS5 vuelve porque vas a ver cómo
podemos usar esa forma de metaball para hacer algunos patrones. Entonces para todos, independientemente de la versión que estés usando, vamos a ver una técnica realmente genial, y estoy seguro de que te vas a emocionar porque el patrón es realmente fluido y utiliza algunas técnicas realmente interesantes . Entonces vamos a hacer algunos patrones usando esa técnica. Pero antes que nada para los usuarios de CS6 y CS8, aquí es cómo hacer una forma de metaball personalizada en Photoshop. Para crear nuestro patrón básico de metaball vamos a crear realmente una forma de metaball. Voy a elegir Archivo y luego Nuevo. Yo sólo voy a hacer un documento de 400 por 400 píxeles modo de color RGB, pero va a tener un fondo blanco porque va
a ser un poco más fácil ver qué está pasando,
y voy a dar clic en Crear. Voy a presionar Control o Comando 0 solo para acercar esto. Voy a trabajar con las Shapes. Voy a la categoría de forma aquí y voy a seleccionar una elipse. Voy a asegurarme de que estoy trabajando con una forma que es crítica. En versiones anteriores de Photoshop, tu forma solo se va a llenar con un relleno y querías tener una opción Stroke. Si estás trabajando en versiones posteriores de Photoshop, apaga esta opción Stroke, solo
quieres un relleno. De lo contrario esto se va a poner realmente complejo muy rápidamente. Estoy trabajando con Shapes y solo un color de relleno, vamos a sostener Shift y arrastrar hacia fuera un círculo que es poco menos de la mitad del tamaño de este documento. Por lo que esto es de unos 160 píxeles de ancho y alto. Mi documento es 400 así que está justo debajo de eso. Vamos a ignorar lo que está pasando en el panel Propiedades. Simplemente vamos a ver la forma del círculo que tenemos aquí. Voy aquí a la herramienta Mover. Voy a mover este círculo a su posición para que se alinee contra las líneas centrales en este documento. Por lo que se puede ver que las guías inteligentes están apareciendo aquí, a una posición exactamente la correcta ahora. Ahora voy a la paleta de capas. Voy a asegurarme de que el pallet Layers sea visible porque voy a necesitar ver qué estoy haciendo. Voy a arrastrar esta elipse al icono Nueva capa. Entonces tengo un duplicado. Todavía con la herramienta Mover, voy a arrastrar este fuera del camino y voy a arrastrarlo que o de nuevo, toque estas guías. Entonces voy a tomar una copia de ambas. Por lo que selecciono ambas formas, arrástrelas al icono Nueva capa. Con ellos ambos todavía seleccionados y con la herramienta Mover seleccionada, arrástrelos hacia abajo y sólo asegúrese de que se ajusten a su posición. Ahora voy a tomar las cuatro formas y voy a rotarlas. Por lo que voy a mantener presionada la tecla Mayús mientras los giro y luego hago clic en la marca de verificación. Ahora tengo las cuatro formas con las que voy a estar trabajando, y todas están perfectamente alineadas para que se estén tocando perfectamente. A continuación necesito crear una forma cuadrada. Voy a la herramienta Rectángulo y esta vez lo voy a hacer de un color diferente. Yo lo voy a hacer negro. Simplemente será un poco más fácil trabajar con si lo puedes ver como un color diferente. Voy a arrastrar para crear un cuadrado aquí. Voy a mantener presionada la tecla Mayús como lo hago. Voy a usar la barra espaciadora para simplemente alinearla en posición aquí. Porque lo que quiero que haga es sólo tocar con sus esquinas exactamente donde se cruzan los círculos. Ahora quizá quiera que sea un poco más pequeño de lo que es, pero quiero alinearlo sobre el centro del documento y justo donde toquen los círculos. cuanto lo consiga en posición, solo
voy a soltar el botón del ratón. Ahora si no te alineaste perfectamente el tuyo, esto es lo que vas a hacer. Vas a seleccionar la forma y aquí arriba, tienes algunas opciones de alineación, pero si no puedes verlas, tendrás que estar seleccionando una herramienta Forma. Porque si seleccionas la herramienta Mover, simplemente no
están disponibles. Por lo que quieres que estén seleccionando una herramienta Forma cuando estés trabajando con formas. Después pincharás aquí y seleccionarás Alinear a lienzo y luego
elegirás Centros horizontales y Centros verticales y esta plaza, que es la que habías seleccionado, ahora
estará centrada en el lienzo. A continuación, vamos a apagar estos dos círculos. Entonces estos son los que están en el medio. Nos vamos a centrar en nuestro rectángulo y nuestras dos elipses. Voy a dar click en el Rectángulo, control click en la primera elipse y control click en la segunda elipse. Tengo todas esas tres formas seleccionadas. Voy a dar click derecho y elegir Combinar formas. Ahora tengo una forma donde antes tenía tres. Voy a dar vuelta a esta elipse aquí. Voy a seleccionarlo, voy a elegir Editar, Copiar. Voy a volver a este rectángulo aquí arriba, y voy a elegir Editar, Pegar. De esta lista desplegable aquí, voy a seleccionar, Restar forma frontal. Si voy a la paleta Paths aquí, verás que lo que hicimos fue restarle la forma roja a la negra. Ahora que hemos hecho eso, volvamos atrás y tomemos el otro círculo, la otra elipse. Entonces esa es una de aquí. Voy a elegir Editar, Copiar. Voy a volver a mi elipse superior aquí, y voy a elegir Editar, Pegar. De la lista desplegable aquí, voy a seleccionar, Restar forma frontal. Aquí verás que exactamente lo que queremos que suceda está pasando estamos tallando esta forma de nuestra forma original. Ahora podemos apagar la elipse. Ahora tenemos las formas básicas que queremos aquí en este momento pero hay muchos caminos que están sentados por ahí, no se ven demasiado bien. Los puedes ver también en el pallet Caminos. Lo que tendrás que hacer ahora es ir a la herramienta de selección Caminos y seleccionar sobre todas estas rutas. Aquí arriba en la barra de herramientas tienes un pequeño ícono aquí y ya está configurado para combinar formas. Lo que quieres hacer es no tocar nada más, sino que solo tienes que ir directamente a Fusionar componentes de forma. Lo que eso hace es que se deshaga de todos los caminos que no querías, dejando sólo el camino que sí querías. Por lo que ahora tenemos una forma de metaball. Lo que tenemos que hacer es simplemente convertirlo en una forma personalizada que podamos utilizar en cualquier momento en Photoshop. Para ello, vamos a elegir Editar y Definir forma personalizada. Sólo vamos a llamar a este metaball, y haga clic en Ok. Ahora ya no necesitas esta forma. No necesitas el documento, no necesitas la forma. Porque de forma permanente ahora en tu colección
Shapes, es tu forma de metaball. Estamos listos para seguir adelante y usarlo para hacer algunos patrones.
3. Pt 2: Patrón de metaball multicolor: Ahora que has creado tu forma medible real, es hora de usar tu metabólico para hacer un patrón o dos. Voy a empezar eligiendo Archivo y luego Nuevo. Voy a empezar con un documento que es de tan solo 400 píxeles por 400 píxeles de tamaño, resolución de
72 píxeles, modo de color RGB, blanco, y estoy usando el espacio de color SRGB. Voy a dar click en “Crear”. Voy a acercarme para que pueda ver esto un poco más claramente. Voy a añadir algunas guías sólo para que sea un poco más fácil. Voy a crear guías al 25 por ciento, 50, y 75 por ciento, tanto verticales como horizontales. Ahora voy a crear mis formas metabólicas. Voy a las formas personalizadas y mi forma de bawl metálico en versiones posteriores de Photoshop ya será seleccionada, en versiones anteriores, solo querrás ir a la última forma en tu colección de formas. Simplemente voy a arrastrar hacia fuera una forma y voy a mantener la tecla Mayús para constreñir sus proporciones. Yo quiero que sea de este tamaño, un poco dentro del área del 25 por ciento y sobre el área del 75 por ciento. Voy a seleccionar esta forma y voy a alinear su centro justo encima de la intersección de estas dos guías. Ahora bien, no tiene que ser un 100 por ciento exacto, pero tiene que ser relativamente así. Voy a dar click para abrir mi paleta de capas y simplemente abrirla para poder ver lo que estoy haciendo. Voy a hacer un duplicado de estas formas, así que lo voy a arrastrar al nuevo icono de capa. Voy a volver a la herramienta de forma y voy a colorearla de un color diferente. En este caso, voy a usar el color azul. Ahora voy a la herramienta de movimiento, voy a sacar del camino, y la voy a girar alrededor. Yo lo voy a posicionar también con su punto medio justo sobre ya sea esta intersección aquí, y voy a dar clic a la marca de verificación. Voy a volver a esta forma y hacer otra copia de la misma. Voy a recolorearlo con un color diferente. Esta vez voy a elegir el color naranja, y voy a la herramienta de movimiento. Eso lo va a mover para que su punto medio esté a punto
sobre el borde del documento y alineado a esta guía aquí. Yo quiero una forma más aquí abajo, así que voy a ir a ésta porque necesita estar en la misma orientación. Voy a hacer un duplicado de ella, voy a recolorear esta forma y usar un color amarillo para ella. De vuelta a la herramienta de movimiento, y la voy a mover hacia abajo a posición aquí, alineando su punto medio justo por encima de esta línea aquí. Ahora necesito hacer algunos duplicados de las formas para que todo se alinee perfectamente cuando vayamos a hacer nuestro patrón. Primero me voy a centrar en esta forma azul. Voy a seleccionarlo y hacer un duplicado. Mi necesidad de mover estos 400 píxeles en esta dirección. Por lo que voy a elegir Editar, Transformación libre. Hay un truco para esto, y te voy a mostrar lo que es. Ahora, este va a ser el punto más lejano x para esta forma. En este cuadro de nueve formas aquí, voy dos click en el punto más lejano. Eso me deja leer que hay más punto está en 437 píxeles. Si quiero mover este punto 400 píxeles en esta dirección, es nuevo punto va a ser 400 píxeles menos que este. Entonces fue 437, restar 400, y obtienes 37. Solo estoy asegurándome de que esto lea 37 y haré clic en la marca de verificación. Eso está en la posición exacta correcta. Echemos un vistazo a esta forma naranja, vamos a duplicarla. Ahora, es punto de embarque está en el documento, entonces es cuando nos vamos a interesar. En este caso, vamos a cambiar el valor y. Voy a elegir Editar, Transformación libre. Vamos a ver su valor y, por el momento, estamos mirando el punto medio, pero veamos aquí el punto frontal, el medio delantero. El medio delantero es un 137. Vamos a sumarle 400 para moverlo hacia abajo. Por lo que 137 más 400 es 537. Daré clic en la marca de verificación. El valor 400 apenas viene de las dimensiones de este documento. Se inicia pagando 400 comprar 400, así que cualquier cosa que nos movamos tiene que ser movido 400 en cualquier dirección. La última forma es la superficial de aquí, y necesitamos hacer tres copias de ella así que voy a arrastrar sobre tres copias, porque tiene que ir aquí, aquí, aquí, y aquí. Vamos por el de aquí arriba primero, así que vamos a seleccionar esta versión de la misma. Vamos a elegir Editar, Transformación libre. Ahora, necesito restar 400 de algo en términos del valor y. Bueno, por el momento el valor y lee 400.5 píxeles, mientras que si le resto 400,
eso sólo va a leer 0.5 píxeles. El 0.5 es realmente crítico, no
quieres dejar caer eso solo porque es un valor realmente pequeño. Haga clic en la marca de verificación. Ahora voy a mover otra copia y ésta va atravesando en esta dirección, en la dirección x, 400 píxeles, Editar, Transformación libre. Por el momento, su valor x para el punto medio, y eso está bien. Puedo medirlo desde el punto medio, es 99.50. Bueno, tengo que agregarle 400 por lo que voy a leer 499.50, y hacer clic en la marca de verificación. Ahora voy a tomar este último y lo voy a mover esta dirección y esta dirección. Editar, Transformación libre. El valor y si resto 400 de él va a ser 0.50, y el valor x, tengo que agregarle 400 para moverlo por aquí, así que sólo voy a poner un cuatro por el frente aquí, y voy a hacer clic en la marca de verificación. Ahora, tus valores iniciales van a ser ligeramente diferentes a los míos, pero solo necesitas tener en cuenta que esta es la dirección x y esta es la dirección y. Si vas a cruzar, vas a sumar 400, si vas al revés, lo vas a restar. Si vas a bajar, vas a sumar 400, si vas a volver arriba, vas a restar 400. Realmente es tan fácil como eso. Ahora tenemos diseño de anuncios, voy a elegir, Seleccionar todo, voy a elegir Editar,
Definir patrón, y hacer clic en “Ok”. En este punto, si querías hacer cambios en los colores, vas a necesitar cambiar cada una de estas formas. Entonces todo lo que es azul necesitaría para abeja cambiar, o todo lo que es amarillo necesita ser cambiado. Porque cada una de estas piezas coloreadas hace una sola forma más adelante. Veamos este patrón que funciona, Archivo, Nuevo. Voy a crear un gran tamaño de papel de scrapbook de documentos 3,600 por 3,600 píxeles, resolución de
300 píxeles por pulgada, fondo
transparente, color RGB, modo de color SRGB. Voy a dar click en “Crear”. Escogeré Nuevo patrón de capa de relleno, haga clic en “Ok”. El diseño se llena automáticamente con el último patrón que creamos, que es este patrón aquí. Por lo que sólo se ve maravilloso, es un pequeño patrón realmente sofisticado para el trabajo que hemos hecho. Ahora porque hemos puesto tanto esfuerzo en este patrón, tal vez
quieras guardar este archivo para que puedas hacer algo de recoloración o podrías hacer algunas otras cosas con él, tal vez pongas círculos dentro de estos puntos metabólicos y te necesitan el patrón básico para hacer eso porque no quieres tener que
pasar y volver a recrear este patrón. Otra cosa que podrías hacer es anular
la selección de la capa de fondo y hacer otra versión de la misma de esta manera, porque esto sería entonces un patrón de fondo transparente que podrías poner un relleno sólido detrás o incluso podrías poner un gradiente detrás. Entonces ojo sugiere guardar esto y hacer tantos patrones de él usándolo como base como quieras.
4. Pt 3: otro patrón de metaball y una variación: Si bien estamos buscando hacer algunos patrones de metaball, echemos un vistazo a otro que es un poco más simple pero no menos interesante. Escogeré Archivo y luego Nuevo. Voy a volver a crear un documento de 400 por 400 píxeles. Es sólo el modo de color RGB. Voy a dar click en “Crear”. Voy a acercarme un poco para poder ver un poco más claramente. Voy a mi herramienta de forma personalizada. Voy a asegurarme de tener mi forma de metaball seleccionada. Todavía vamos a arrastrar hacia fuera una forma sobre esta grande. Ahora éste quiero ser de color negro. Yo sólo voy a moverlo a esta posición. No tengo ninguna guía para esto no es necesario para este patrón, pero sí quieres dar forma a eso es aproximadamente la mitad de la altura del documento. Voy a hacer un duplicado de esto, y voy a rotar el duplicado alrededor. Ahora, una de las cosas bonitas los patrones de metaball es porque tienen círculos en cualquiera de los extremos, es que se superponen muy bien, y así hacen algunas formas realmente interesantes. Ahora estas dos formas, voy a hacer clic derecho y Rasterizar estas capas, y voy a hacer clic derecho y fusionar las capas. Acabo de tener una sola forma aquí. Voy a hacer un duplicado de esa forma porque la voy a necesitar en un minuto. Ahora esta capa superior, que es la única que tengo visible ahora mismo, voy a romper y centavo a las esquinas de este documento, así que eso va a hacer un patrón repetitivo más adelante. Para esto, elegiré Filtro, Otro, Offset. Ahora el secreto con el filtro Offset es que vas a ingresar en el área Horizontal aquí un valor que es la mitad del ancho de tu documento. Mi documento tenía 400 píxeles de ancho, así que he escrito 200. En la Vertical, vas a ingresar un valor que es la mitad de la altura del documento. Mi documento tenía 400 píxeles de altura, así que la mitad de eso son 200, así que eso es tan fácil como es trabajar aquí los valores. Ahora voy a dar clic en “Envolver alrededor” y hacer clic en “Aceptar”. Ahí las formas cuando las creamos como un patrón repetitivo, todas
se van a unir para hacer un único metaball en forma de L. Voy a volver a encender este. Esta es exactamente la misma forma que esta de aquí, sería mucho más interesante si se viera un poco diferente, así que lo que voy a hacer es simplemente girarla alrededor. Voy a colocarlo alrededor en esa posición y hacer clic en la marca comprobada. Ahora en este punto si
quisiera, podría volver a colorear esta forma. Para hacerlo porque en realidad es una forma de descanso ahora, voy a dar clic en el icono de candado aquí y eso va a bloquear los píxeles transparentes de esta capa. Si tengo un color seleccionado para usar, así que voy a hacer de esto un,
bueno, hagámoslo un color rojo, si he seleccionado el rojo aquí, ahora
puedo presionar la opción de retroceso Alt Delete en el Mac, y solo el non- los píxeles transparentes sobre esto en realidad se van a llenar con el color, así que ahora lo puedo desbloquear. Ahora bien, no quiero que mis antecedentes vengan conmigo aquí, así que sólo lo voy a apagar. Voy a seleccionar Seleccionar todo ya que eso seleccionará todo lo que está visible aquí, pero no el fondo y voy a hacer un patrón a partir de él. Ahora pasemos a nuestro documento de trabajo. Voy a hacer doble clic en el Relleno de Patrón aquí, clic en esta opción, e ir y seleccionar el último patrón. Ese es el que acabo de crear. Ahora, para mostrarte cómo se ve, voy a añadir una capa en la parte de atrás aquí, sólo por control haciendo clic en este ícono. El blanco es mi color de fondo, presionaré Control retroceso Comando Eliminar en el Mac. Se puede ver que esto crea un pequeño patrón realmente interesante, aprovechando este maravilloso factor de forma que podemos obtener de la forma metaball. metaballs se pueden conectar entre sí yendo en todas direcciones si quieres hacer patrones aún más complejos a partir de ellos. Quiero volver brevemente a este patrón aquí porque quiero
pedir prestado el concepto general para una variación a este patrón. Ahora para hacer esto, primero voy a ir a este roto en forma, el negro, y voy a estropearlo. Voy a volver a esta forma roja aquí, voy a bloquear los píxeles de las formas porque quiero hacerlas negras. Voy a ir a ponerme el negro como mi color de primer plano ahí y he bloqueado unos píxeles transparentes, por lo que puedo presionar la opción de retroceso Alt Eliminar en el Mac para llenar la forma de negro. Ahora voy al icono de fx y voy a dar clic en “Stroke” porque quiero agregar un trazo rojo alrededor de mi forma. Ahora ya tengo eso en su lugar. Acabo de seleccionar un color rojo y tengo una talla de alrededor de ocho, pero puedes hacer el tamaño que quieras,
así que voy a dar clic en “Aceptar”. Ahora en esta etapa, si tomamos esta forma y tratamos de romperla en las esquinas porque se le ha aplicado un efecto, todo se va a romper de no muy buena manera. Lo que quería hacer es querer hacer clic derecho en esta forma y quiero rasterizarla, así que estoy rasterizando el último estilo, para que el color que rodea el trazo esté integrado en la forma para que cuando rompa esta forma en las esquinas, el trazo se va a romper correctamente. Voy a hacer un duplicado de esa forma porque quiero que trabajes con ambos. Yo quiero ir al más alto y quiero enviarlo a las esquinas
igual que hice ese primer patrón, Filtro, Otro, Offset. El filtro Offset solo está por defecto a la configuración exacta que utilicé antes, así que solo voy a hacer clic en “Aceptar”. voy a volver a esta forma y la que está en el medio aquí, sólo
voy a girar alrededor. Tengo presionada la tecla Mayús como lo hago para que esté constreñida a una rotación de 90 grados. Simplemente lo voy a posicionar más o menos en posición aquí, así que lo tengo muy bien en relación con las otras formas. ir a desactivar la capa Fondo, voy a elegir Seleccionar todo y voy a elegir hacer un patrón a partir de esto. Ahora habiendo hecho eso, volvamos al documento de fundación, haga doble clic aquí, y vayamos a aplicarle nuestro nuevo patrón. Voy a dar clic en “OK”. Ahora este patrón era transparente, así que podemos ver a través de él, estamos viendo blanco detrás de él, porque agregamos un desenfoque de relleno blanco aquí, pero también puedes obtener resultados realmente sorprendentes si reemplazas esto por un gradiente. Voy a elegir Capa, Nueva capa de relleno, Gradiente y haga clic en “Aceptar”. La capa Gradient va entre estas dos capas de Gradient que estamos viendo. Por el momento, mis colores de relleno son blanco y negro, por lo que mi gradiente predeterminado es un gradiente de primer a fondo, y simplemente se ve fantástico. Esta es una opción realmente bonita, pero hay otra que quiero mostrarte. Sólo voy a dar clic en La herramienta Degradado aquí. Si no ves todos esos gradientes, puedes obtener más haciendo clic en el icono Gear, selecciona uno o más de estos donde necesitas venir y realizarlos de forma individual y cuando haces clic en ellos, solo
tienes que hacer clic para anexarlos al grupo. Pero tengo las que quiero visibles aquí, así que sólo les voy a mostrar algunos de los efectos que pueden obtener con estos gradientes. Algunos de ellos se ven realmente, realmente buenos contra este patrón. Pero este es el que realmente me gusta. Cualquier cosa que tenga un color realmente oscuro a ella se ve realmente fantástica en esta forma. Simplemente voy a ajustar este slider aquí para que
me oscurezca un poco más a través del documento, pero se puede ver que casi estás perdiendo el rojo aquí arriba, pero cuando se contrasta contra el azul púrpura, se ve realmente fantástico. Quizás quieras experimentar con algunos de estos gradientes y solo ver cómo juegan los colores en el gradiente contra los colores en tu patrón para obtener algunos resultados realmente interesantes. Te animo a jugar con esta forma de metaball, puedes hacer muchas cosas con ella, incluyendo estratificarlo encima de sí mismo para hacer formas
más complejas a partir de las cuales puedes hacer tus patrones.
5. Pt 4: haz una forma orgánica de Metaball: Hasta ahora, el metaball que hemos estado usando es una forma realmente regular. Ahora, vamos a mirar un poco más de una forma orgánica que podemos crear. Voy a elegir “Archivo” y luego “Nuevo”. Estoy creando un documento de 400 píxeles por 400 píxeles de tamaño. Se trata de un fondo blanco y modo de color RGB, espacio de color sRGB. Voy a hacer clic en “Crear” y
presiono “Control” o “Comando 0" solo tamaño para que pueda ver lo que estoy haciendo. En la paleta Capas, quiero asegurarme de que estoy trabajando en una capa totalmente nueva. Voy a hacer click para crear una nueva capa. Voy a la herramienta Carpa elíptica. Sólo voy a arrastrar un círculo pequeño y llenarlo con mi negro presionando la opción “Alt” “Retroceso”, “Eliminar” en el Mac. Ahora, en este punto necesito anular la selección de mi selección con Seleccionar, Deseleccionar, o Control, o Comando D. Voy a convertir esto en un Objeto Inteligente. Voy a elegir “Filtro”,
“ Convertir para Filtros Inteligentes”, y haga clic en “Ok”. El motivo de esto es que quiero poder volver y editar esto en caso el filtro que estoy por aplicar no sea suficiente o sea demasiado. Voy a elegir “Filtro”, “Desenfoque”, “Desenfoque gaussiano”. El desenfoque gaussiano es muy bonito desenfoque por realmente difuminar todo en una selección, y en este momento tenemos nuestra capa seleccionada, así que las cosas se están difuminando muy bien. El monto del desenfoque va a controlar cómo se aplica el efecto. En esta etapa, queremos un aspecto bastante difuso a nuestras formas, así que lo tengo establecido en alrededor de 22. Voy a dar click en “Ok”. Ahora, voy a hacer un duplicado de esta capa, así que voy a arrastrarla y soltarla en el icono Nueva capa. Voy a alejar este segundo de la primera. Ahora, te ayudará a medida que estás trabajando con este proyecto en particular, si tienes habilitado Auto-Select. Entonces, cuando tengas seleccionada la herramienta Mover, Auto-Select está habilitada, eso te permitirá mover las cosas un poco más fácilmente. Ahora, tengo mis dos formas creadas, voy a añadir un par de capas de ajuste. Voy a hacer clic en la capa superior y elegir “Capa”, “Nueva capa de ajuste”, y en esta instancia, voy a hacer clic en “Posterize” y hacer clic en “Okay”. Ahora, posterize es una capa de ajuste que simplifica e imagina, y en este momento, la tenemos bajada a cuatro niveles. En otras palabras, cuatro colores a nuestra imagen. Simplemente voy a aumentar esto un poco a cinco o seis. Podemos ver que estamos consiguiendo un efecto interesante en torno a las formas que tenemos, porque lo que está pasando es que nuestras áreas difusas grises se están convirtiendo en niveles de gris. Tenemos diferentes niveles de gris y toda una serie de ellos en la imagen. Ahora, Si vuelvo a la imagen en esta etapa y vuelvo a la herramienta Mover, verás que a medida que muevo esto, tenemos un cambio fluido sucediendo, así puedo reestructurar cómo se ven
mis formas simplemente moviéndolas alrededor uno con respecto al otro. Pero quieres asegurarte de que cuando agregues tu desenfoque a tu círculo, que tu círculo esté muy dentro del documento. No quieres que esté demasiado cerca de ninguno de los bordes que obtendrás un recortado, porque quieres que esta gama completa de bonito efecto suceda alrededor del borde de tu forma. Ahora, debido a que tenemos diferentes niveles de gris, si queremos agregarles color, podemos hacerlo con lo que se llama mapa de gradiente,
porque lo que hace el mapa de gradiente es que mapea un gradiente de colores a colores variables en la imagen. Debido a que ahora tenemos áreas de gris realmente distintas en nuestra imagen, un gradiente se va a aplicar como colores sólidos en lugar de como un gradiente. Va a tener el efecto de bandas de colores. Con la capa superior seleccionada, voy a elegir “Capa”, “Nueva capa de ajuste”, voy a aplicar un mapa de degradado a esta imagen, y hacer clic en “Ok”. El gradiente predeterminado es de negro a blanco, pero no quiero eso, así que voy a abrir mi panel y voy a seleccionar uno de estos gradientes. Si no ves este conjunto completo de gradientes, haz clic en la flecha hacia abajo aquí junto a tu icono de engranaje, y hay una gran cantidad de conjuntos de gradientes que puedes seleccionar aquí. Si selecciona uno, por ejemplo, pasteles, asegúrese de seleccionar Anexar y no Aceptar o Cancelar porque desea agregarla a su colección de gradientes, no
desea reemplazarla. Ahora, tengo un conjunto bastante bueno aquí. Yo sólo voy a empezar a dar click en uno de ellos. Se puede ver de inmediato que el gradiente, pesar de que este es un gradiente realmente bonito que está transitando suavemente de un color a otro cuando se aplica a esta imagen con el efecto posterize aplicado a ella, nosotros en realidad están consiguiendo bandas de color. Puedes seguir adelante y seleccionar cualquiera de estos gradientes para ver qué tipo de efecto está teniendo en tu imagen. Voy a elegir un gradiente bastante colorido. Bueno, probablemente éste de aquí. Voy a dar click en “Ok”. Ahora, por la forma en que hemos creado este documento, es prácticamente editable. Por ejemplo, puedo hacer clic en el icono “Posterize” aquí y abrir el panel Posterize, y puedo agregar más o menos bandas de color a mis formas aumentando o disminuyendo los niveles. Puedo hacer doble clic en el Mapa de degradado y cambiar el gradiente que he aplicado a la imagen. Ahora bien, o puedo seleccionar otro gradiente o podría entrar aquí, y podría añadir algunas paradas adicionales, por ejemplo. Tenemos dos formas que son la base de este patrón, pero no hay nada que nos impida tomar una de estas formas, y dejarla caer sobre el icono Nueva capa. Porque hemos puesto dos formas una encima de la otra, dos formas idénticas encima una de la otra, y como son parcialmente transparentes, los grises se han agregado entre sí, por lo que estamos consiguiendo un diferentes bandas aquí. Podríamos dejar la forma donde está para conseguir este efecto o podríamos hacer algo como esto, y podemos separar las formas, y cuando lo hacemos, la interacción de las bandas de gris alrededor estas formas con el mapa de gradiente sobre la parte superior está haciendo un cambio en nuestro diseño. Para que podamos agarrar cualquiera de estas formas y moverlas. Ahora, un patrón de metaball típico es un patrón de tres capas. Lo que podríamos hacer es poner las formas
al lado de la otra aquí abajo y centrar una sobre la parte superior, y ese es un tipo diferente de patrón de metaball. Si creas un diseño como este que te guste, sigamos adelante ahora y veamos cómo convertiríamos esto en un patrón repetitivo en Photoshop.
6. Pt 5: patrón y metaball orgánico: Para convertir estas bolas metálicas en un patrón, lo primero que vamos a necesitar hacer es realmente hacer una capa de sello. Una capa de sello es una copia de todas las capas inferiores aplanadas en una sola capa. No quiero perder todas estas capas, pero sí necesito una versión de sello porque el aspecto de este documento momento es la acumulación de todas estas capas. Necesito una copia de la misma para poder hacer algo con ella. Voy a mantener presionada, Ctrl Alt Shift, esa opción de comando en el Mac y presionar la letra E. Eso me da una capa que es una versión aplanada de la imagen. Ahora, en esta etapa voy a apagar todas las capas de abajo. El documento en el que estoy trabajando es de 400 píxeles por 400 píxeles de tamaño, lo que podemos crear esto como un patrón rompiendo esta forma. Eso lo vamos a hacer usando el filtro offset. Entonces elige Filtro, Otro, Offset, y lo único que tienes que saber sobre el filtro offset es que acabas de poner aquí un valor que es igual a la mitad del ancho y alto del documento, el cuadrado de documentos. Vamos a poner 200 en horizontal y vertical. Selecciona Envolver alrededor y luego haz clic en, “Ok”. Entonces ahora lo que hemos hecho es que hemos arrojado esta forma que teníamos a las esquinas, y esto nos va a permitir crear una muestra de patrón repetida a partir de esto. Pero también me gustaría que algo fuera en medio, así que voy a apagar eso por un minuto. Voy a volver a mi patrón metabólico, y voy a hacer algunos cambios en él. Yo sólo voy a ir a esta capa, y voy a mover un poco estas cosas, así que consigo una versión diferente del patrón para la mitad de mi muestra. También puedo cambiar el tamaño de este lado. Aquí tengo mis asas de transformación y en cuanto empiezo a redimensionarlo, Photoshop dice: “Necesito apagar todo mientras lo estás redimensionando”. Entonces solo ve, “Ok”, y tú solo vas a Redimensionarlo. Estoy presionando la tecla Mayús para constreñir sus proporciones y estoy haciendo clic en la marca de verificación. Ahora, cuando
vuelve, todavía le aplican todos estos efectos. En realidad voy a hacer tres tamaños diferentes formas aquí. Voy a tomar este y voy a ampliarlo un poco. Pero también podría hacer una forma ovalada si quisiera. Se puede hacer todo tipo de cosas con estas. Voy a poner esos ahí, vamos a hacer una revisión aproximada del patrón original para ver si esto va a caber en el medio. No estoy seguro de que lo sea, pero vamos a ver si podemos conseguir que haga eso. Ahora tengo este conjunto de formas. Voy a dar clic en la capa superior, presionar Ctrl Alt Shift A, Opción de
Comando Shift A, en el Mac, y voy a apagar todo. Entonces ahora tengo dos capas. Tengo el borde exterior de mi patente y el medio. Voy a mover el medio arriba encima de la externa. Lo que necesito hacer ahora mismo es que me lean de esta banda de color, y eso se hace bastante fácilmente. Sólo voy a dar click una vez con la herramienta Varita mágica en esta banda de color. Tengo tolerante establecido en cinco, se puede establecer a un valor realmente bajo, y tengo habilitado contiguo, y eso acaba de hacer una selección muy rápida de esa banda de color. Sólo voy a presionar “Eliminar”. Ahora puedo ver mi ritmo de patrón en posición, y no está del todo en la posición correcta, así que sólo voy a arrastrarlo a su posición. Ahora en este punto, podría hacer una de un par de cosas. Podía tratar de colocar este elemento en posición para que hubiera este rojo oscuro todo el camino a su alrededor, o podría intentar fusionar los dos pasos juntos donde se cruzan. Entonces tengo un poco de rojo aquí que es exactamente el mismo rojo que la forma debajo, y lo mismo sucede aquí. Creo que me gusta un poco más ese efecto. Lo que voy a hacer es simplemente agrandar esto y posicionarlo para que los colores se estén encontrando entre sí, y sólo voy a hacer clic en la marca de verificación. Ahora tengo este patrón realmente interesante. Voy a elegir, Seleccionar y Todo. Voy a elegir Editar, Definir Patrón, voy a llamar a esto orgánico, y vamos a crear un documento totalmente nuevo para ello. Voy a crear esto como tamaño de scrapbook, lo que serían 3,600 pixeles por 3,600 pixeles,
300 pixeles por pulgada, modo de color RGB. No importa si es transparente o no,
es color RGB, haga clic en “Crear”, y luego Capa,
Nueva capa de relleno, Patrón, haga clic, “Ok”, y ahora está lleno con el patrón que acabamos de crear. Por supuesto, el patrón no está fijo en piedra porque podríamos volver atrás y hacer algo diferente con él. Ahora mismo lo que estoy pensando es que me gustaría un punto justo en esta zona aquí. Bueno, voy a apagar estos dos objetos. Voy a volver a encender todo lo demás. Ahora es la interacción de todo contra este fondo blanco
lo que nos está dando el banding, para que no quieras apagar el fondo blanco o no tienes nada en absoluto. Pero puedes apagar algunas de estas formas, por lo que solo podrías tener una forma. Volviendo a la herramienta de selección, solo
voy a seleccionar en esta línea, voy a presionar Ctrl D para anular la selección actual para que pueda trabajar realmente con esta capa. Voy a hacer una forma ligeramente ovalada esta vez. Ahora, creo que va a estar en esta posición en el patrón, pero realmente no importa dónde esté porque puedo moverlo. ir a la capa visible más alta, Ctrl Alt Shift
A, apaga todo lo demás. Pon esto arriba en la parte superior, haz visibles mis capas de patente, y quiero volver a deshacerme de esta zona rosa, así que voy a la capa superior, selecciona sobre el rosa y pulsa “Eliminar”. Aquí está la forma adicional que tengo para mi patrón. este momento, se selecciona un todo o más entonces quiero, así que presionaré Ctrl o Comando D para deseleccionarlo, y ahora puedo mover esta forma a su posición. Ahora bien, si quiero que aparezca aquí en mi patrón, voy a tener que tener mucho cuidado con ello. Porque cae por encima del borde del patrón aquí, lo
necesito en dos lugares; lo
necesito por aquí, y lo necesito por aquí. Entonces voy a tomar un duplicado de esta capa. Esta versión top, voy a mover 400 píxeles a través, así que elegiré Editar, Transformación libre. este momento, el valor x para el medio de esta forma está en 30. Quería simplemente moverlo todo el camino por aquí, 400 píxeles, así que voy a escribir 430, y voy a hacer clic en la marca de verificación. De lo que esto va a asegurar es que estas pieza y estas pieza se vayan a alinear en el patrón final. Entonces voy a elegir Seleccionar todo, y voy a hacer un patrón con esto, y voy a llamar a esto orgánico 2. Volvamos al documento maestro y aplicemos aquí orgánica 2. Se puede ver que podemos construir este patrón con
este efecto medible realmente interesante, y por supuesto, como cualquier otro patrón que se pueda recuperar fácilmente agregando una capa de ajuste, Capa, Nueva
capa de ajuste, Saturación de tono, haga clic en “Ok”. Simplemente podemos caminar los colores alrededor en esta imagen para obtener una mezcla de colores diferente. También puedes reducir la saturación si quieres algo un poco más escala de grises. Si no estás sacando suficiente detalle visible del patrón en esta etapa, vuelve a la propia capa de patente y elige Capa,
Nueva capa de ajuste, Curvas. Ahora lo que te permite hacer un ajuste de curvas es que te
permite alterar el rango de tonos en la imagen. Ahora, eso podría parecer un poco confuso, pero echemos un vistazo y digamos qué pasa cuando arrastramos hacia abajo en este extremo de la curva. Lo que estamos haciendo es oscurecer las zonas más oscuras de la imagen. Entonces donde esta patente es oscura, se está oscureciendo porque estos son los píxeles más oscuros de la imagen por este lado, y por este lado están los píxeles más claros de la imagen. Si arrastramos hacia arriba en la curva, vamos a aligerarlos. Las luces se están volviendo más claras y los oscuros se están oscureciendo, por lo que estamos consiguiendo un rango tonal más grande. Para guardar el antes y el después, solo voy a dar clic aquí. Este es el antes. Es un poco carente de contraste, si quieres, y aquí está el después, es más brillante, hay más definición en los colores. Se puede jugar con la curva de tono, se
puede hacer todo tipo de cosas con ella. Incluso puedes romperlo así y arrastrarlo hacia abajo. Simplemente te animo a jugar aquí con la curva porque no puedes dañar la imagen. Siempre puedes pulsar la tecla de borrar para volver atrás y empezar de nuevo. Pero tal vez encuentres que suceden algunas cosas interesantes cuando trabajas con las curvas. Cuanto más practiques con él, más te vas a acostumbrar a lo que puede hacer a una imagen. Pero esta curva S, en este caso, es una curva en forma de S
realmente, realmente profunda, te
ayudará a traer un poco más de contraste y Navidad a la imagen. Entonces hay una forma de aplicar tu nuevo patrón metabólico a un documento pero también mejorarlo, por lo que pasa desde el original, pasando por un proceso de aclaramiento con las curvas, y hacia un cambio de color usando matiz saturación.
7. Proyecto y lavada: Tu proyecto para esta clase será crear una o ambas de las formas de metaball que has visto creadas aquí. Después usa la forma o formas para crear un patrón. Publica una imagen de tu patrón o patrones terminados en el área del proyecto de clase. Espero que hayas disfrutado de esta clase y espero que hayas aprendido montones y montones sobre trabajar con Photoshop. Ahora como estás viendo estos videos, habrás visto un prompt que te permite recomendar esta clase a otros. Por favor, si estás disfrutando de la clase, haz dos cosas por mí. En primer lugar, dale un pulgar arriba y en segundo lugar, escribe en pocas palabras por qué estás disfrutando de esta clase. Estas recomendaciones ayudan a otros alumnos a ver que se
trata de una clase que ellos también podrían disfrutar. Si quieres dejarme un comentario o una pregunta, por favor hazlo. Leí y respondo a todos tus comentarios y preguntas, y miro y respondo a todos tus proyectos de clase. Me llamo Helen Bradley. Muchas gracias por acompañarme para este episodio de Diseño Gráfico para Almuerzo. Espero verte pronto en un próximo episodio.
8. Instrucciones adicionales para Photoshop CS5 y anteriores: El proceso de creación del patrón Metaball en versiones
anteriores de Photoshop es un poco diferente simplemente porque las versiones son diferentes. Aquí estoy trabajando en CS5. Escogeré Archivo, Nuevo, voy a crear un documento de 400 por 400 píxeles en tamaño, RGB color blanco. Voy a dar click en “Aceptar”. Ahora voy a poner algunas guías en caso de que las guías no funcionen, así que elegirás Ver, Nueva Guía. Vas a poner uno al 50 por ciento horizontal y luego pondrás uno al 50 por ciento vertical o viceversa. Realmente no importa en qué orden los pongas, solo escribe 50 por ciento. Voy a presionar “Control” o “Comando 0" para alejar el zoom. Al ir a las herramientas de elipse, voy a seleccionar eso. Desea hacer clic aquí en esta flecha apuntando hacia abajo y asegurarse de que la elipse esté establecida en no constreñida. Quieres el stile aquí, establece esto sin trazo y quieres un color, solo negro está bien. Vas a arrastrar hacia fuera un círculo sosteniendo la tecla de turno como lo haces. Quiere ser menos de la mitad del tamaño de este documento, así que quieres encajarlo aquí realmente bien, y quiere culpar contra las dos guías que acabas de crear. En el último panel, voy a hacer un duplicado de esta forma y luego voy a arrastrar el más alto a través para que se culpe hasta el otro. Puedes seleccionarlos ambos,
arrástralos al nuevo icono de capa, solo tienes que arrastrar hacia abajo y otra vez, asegúrate de que estos dos próximos círculos estén manchados hasta las guías que acabas de crear. Ahora puedes hacer clic en el más alto, hacer clic de
turno en la parte inferior, y asegurarte de que los controles show transform sean visibles. Simplemente puedes rotarlas, mantén presionada la tecla de cambio mientras las giras para que puedas conseguir que roten alrededor de 45 grados. Haga clic en la marca de verificación. A continuación vamos a la herramienta de rectángulo, y queremos dibujar un rectángulo en esta área. Va a ser más fácil probablemente si cambias color en esta etapa sólo para que puedas ver lo que estás haciendo. Entonces solo voy a empezar a dibujar mi rectángulo. Voy a sostener la tecla de turno como lo hago para limitarla a un cuadrado perfecto y lo estoy buscando para que se entrecruce más o menos donde los propios círculos se están cruzando. Ahora bien, si no lo pongo a la perfección, no
estoy realmente preocupado porque puedo volver a la forma y luego simplemente moverla para asegurarme de que se centrara perfectamente sobre esas guías. Ahora estamos listos para hacer las matemáticas con nuestras formas, así que lo primero que vas a hacer es apagar estas dos formas laterales. Basta con hacer clic en la miniatura de visibilidad de la capa para que no las puedas ver. Nos vamos a centrar en estas tres formas las estoy juntando. En primer lugar, vamos a la forma cuadrada y sólo vamos
a dar clic en la máscara de capa aquí. Esta es una máscara vectorial aquí, y quieres ver las pequeñas marcas alrededor del borde que te
dicen que estás enfocado en esa forma en particular. Vas a presionar “Control C”, ese es el comando C en un Mac y estás copiando esa forma al portapapeles, baja y haz clic en esta máscara. Por lo que quieres decir esta segunda capa con sus pequeñas marcas a su alrededor y vas a presionar “Control o Comando V”. El resultado es que debes ver las dos formas en esta máscara. Si no dices eso, entonces vas a tener que volver atrás y empezar de nuevo en este proceso. Después irás a la herramienta de selección pasada aquí, selecciona sobre estas dos formas y aquí arriba en la barra de herramientas deberías ver la opción para combinarlas. Simplemente vas a hacer clic para combinarlas y verás ahora que tienes estas formas combinadas para que puedas apagar la forma más alta porque ya no necesitas eso. Ahora, que hemos combinado el cuadrado y esta forma inferior, queremos combinar lo que tenemos ahora con la forma superior. De nuevo, vamos a dar click en esta miniatura lateral. Nos vamos a asegurar que antes de que hagas algo que esté seleccionado, tenga estas pequeñas marcas a su alrededor. Presiona “Control o Comando C”, baja
a esta forma aquí, que es la que queremos agregarla para asegurarnos de que la máscara esté seleccionada. Tiene esa pequeña caja delimitadora y presiona “Control o Comando V”. De nuevo, deberías ver la forma de combinación aparecer en esta máscara. Ahora si no lo ves, vuelve
a empezar todo con sólo este paso. Vuelva a la herramienta de selección de trazado, seleccione sobre toda la forma tal como está ahora y haga clic en “Combinar”. Ahora deberías tener esta forma aquí abajo y puedes apagar esta otra porque ya no la necesitas. Simplemente nos vamos a centrar en armar esta forma. Volvemos a uno de estos círculos. Voy a seleccionarlo, estoy seleccionando su máscara, y voy a presionar “Control o Comando C” para copiarlo forma. Voy a apagar la visibilidad ahora mismo porque va
a ser un poco confuso de lo contrario ver qué está pasando. Voy a bajar a mi forma combinada aquí, asegúrate de que la máscara esté seleccionada, pulsa “Control o Comando V”. Ahora en esta ocasión queremos hacer algo diferente a sumar la forma juntos. Queremos seleccionar aquí este segundo ícono, que es restar, y verás que esto ya está noqueado el medio de esta forma, pero lo que tenemos que hacer ahora es hacer click combinar y eso noquea permanentemente ese ritmo. Volvamos al último círculo que tenemos que sacar. Haga clic en la máscara de capa vectorial aquí, presione “Control o Comando C” para copiarla, apáguela para que pueda ver qué está pasando. Da click en esta máscara aquí, asegúrate de que tiene esa cajita rodeada, pulsa “Control o Comando V” para pegarla. Como puedes ver, todavía no se ve bien porque tenemos un selecto este segundo icono aquí porque tenemos que restar del área de forma en este caso. Verás aquí que tienes la forma exacta correcta, pero con un camino extra, esta forma se ve perfecta. Ve a combinar y ahí está tu forma. Ahora tenemos una forma que podemos usar, el único problema es que cuando vamos a editar, no
podemos definir una forma personalizada en este punto. Abramos la paleta pasada y verás que para esta forma, en realidad
tenemos una máscara vectorial. Con la paleta pasada visible, si haces clic en esta forma en máscara vectorial o lo que sea que lea, solo tienes que ir a editar y ahora dirás que definir forma personalizada es seleccionable, porque ahora le estás diciendo a photoshop, “Don no mires la máscara vectorial, en realidad ve y mira el camino que está ahí dentro, porque eso es lo que quiero que sea mi forma”, y sólo vamos a llamar a este mutable y hacer clic en “OK”. Ahora has hecho todo lo que tienes que hacer. Ya no necesitas esta forma porque la forma personalizada de Metaball está integrada en Photoshop y así podrás seguir adelante como tenemos en el video para CS6 y posteriores, y simplemente seguir haciendo tus patrones de Metaball.
Helen Bradley, Graphic Design for Lunch™
