Crea patrones orgánicos en Adobe Photoshop - Una clase de Graphic Design for Lunch™.

1. Patrones orgánicos en Photoshop: Hola, soy Helen Bradley. Bienvenido a esta clase de Diseño Gráfico para Almuerzo, crea patrones orgánicos en Adobe Photoshop. Diseño Gráfico para 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. actualidad, estamos buscando crear patrones de estilo orgánico en Photoshop. Estos son patrones un poco más complejos y vamos a ver cómo podemos crearlos muy fácilmente. Al estar viendo estos videos, verás 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 solo unas palabras sobre por qué estás disfrutando de esta clase. Estas recomendaciones ayudan a otros alumnos a decir que esta es una clase de la que ellos también podrían disfrutar. Si quieres dejarme un comentario o una pregunta para mí, por favor hazlo. Leí y respondo a todos sus comentarios y sus preguntas y miro y respondo a todos sus proyectos de clase. Ahora, si estás listo empecemos a crear patrones de estilo orgánico en Photoshop. 2. Haz un patrón de líneas de Wiggly: El primer patrón que vamos a hacer va a ser un patrón de línea wiggly. Escogeré Archivo y luego Nuevo. Voy a crear un documento a un tamaño fijo y eso es crítico porque vas a necesitar saber exactamente qué tan grande es, así que le estoy dando un ancho de 200 y una altura de 300 y los contenidos de fondo van a ser blancos. Voy a acercarme sólo un poco, pero todavía quiero ver la parte superior e inferior del documento. Voy a la Herramienta Pluma y voy a empezar a crear una línea wiggly y voy a empezar bien por encima del documento, así que solo voy a dar clic y arrastrar hacia abajo en una serie de curvas, así que estoy dando click y arrastrando hacia la izquierda, haga clic y arrastre hacia la derecha, haga clic y arrastre un poco hacia la izquierda, haga clic y arrastre hacia la derecha. Voy a terminar más o menos para que estaría corriendo al la línea si el inicio de la línea fuera donde estoy ahora mismo, así que voy a estar dirigiéndome en esta dirección. Voy a presionar Escape para terminar la línea. Voy a la Herramienta de Selección de Senderos, voy a seleccionar mi línea. Escogeré Editar, Copiar, Editar, Pegar, y luego Editar, Trayectoria de Transformación Libre. Aquí hay nueve casitas y vas a dar click en la del medio en la fila inferior y vas a leer el valor y, que para mí es 227 pero la tuya va a ser diferente. El punto crítico aquí es que necesitas agregar la altura del documento a tu valor y, por eso hice mi documento y número fácil de recordar y un número fácil de agregar también. Mi documento tiene 300 píxeles de alto, así que necesito agregar 300 a 227, así que eso es solo 527, así que voy a escribir eso y hacer clic en la marca de verificación. Ahora, lo que tengo que hacer es unir estas dos líneas juntas, así que voy por la Herramienta de Zona, va a acercar aquí para poder ver dónde estoy. Voy a una Pen Tool, voy a dar click en el punto superior más en la línea de fondo y me voy a arrastrar hacia arriba y voy a dar click en el final de esta otra línea sólo para unirlo por completo y solo puedo balancear mi Herramienta Pluma alrededor. Ahora bien, si tu línea es un poco incómoda en este punto, puedes volver a la Herramienta de Selección Directa y puedes seleccionar estos puntos y simplemente financiarlos. Lo que no se puede hacer es que no se puede ajustar este punto aquí ni nada que cruce el fondo del documento, por lo que se quiere estar trabajando con los puntos que están bien en el documento, pero no éste o también simplemente va a tirar todo tu patrón hacia fuera más adelante. Ahora tenemos nuestra línea wiggly. Voy a la Herramienta Pincel, así que voy a dar click en la Herramienta Pincel, y elegí un pincel redondo aquí nueve píxeles de diámetro, dado que el documento en sí tiene sólo 200 píxeles de ancho, eso me pareció un buen valor y yo voy a seleccionar un color dos uso, así que voy a usar el azul oscuro oscuro oscuro oscuro oscuro. Voy a la paleta Capas, voy a añadir una nueva capa para que mi línea pueda ir en una nueva capa. Voy a la paleta Caminos y sólo voy a dar clic aquí en Trayectoria de trazo con pincel y eso sólo trazos el camino con ese pincel. Ahora puedo ir y borrar mi camino de trabajo. Voy a alejar el zoom. Estamos listos para crear nuestro segundo camino, así que voy a la Pen Tool, voy a empezar bien desde la parte superior de este documento y sólo empezar a dibujar mis líneas hacia abajo, asegurándome de que tengo muchos puntos de anclaje aquí como yo trabajo. Cuando llegue al final, solo presionaré Escape. Seleccionaré la Herramienta de selección de rutas y seleccionaré sobre toda la ruta. Es realmente importante que tengas muchos de estos caminos sentados encima del documento. Editar, Copiar, Editar, Pegar, Editar, Trayectoria de transformación libre, haga clic en el medio inferior de estas nueve casillas a la altura del documento a su valor y haga clic en la marca de verificación aquí. Ahora necesitamos unir estas dos líneas juntas, pero tengo un poco de superposición. Aquí voy a la Herramienta Eliminar Punto de Anclaje y voy a eliminar del camino más alto, así que solo puedo enrollar esto un poco atrás y luego ir a buscar la Herramienta Pluma y puedo empezar a unir estos dos juntos. Simplemente voy a hacer clic y arrastrar y luego hacer clic y arrastrar en el punto más alto de esta ruta. En este punto, puedo volver a la Herramienta de Selección Directa y simplemente suavizar las cosas si quiero, si estoy teniendo un poco de cosas indeseables yendo en mi camino. De nuevo, quiero evitar hacer ningún cambio en esta zona superior o en esta zona inferior, por lo que este punto de anclaje necesita permanecer exactamente donde está o el camino y el patrón no va a funcionar más adelante. Volveremos a la Herramienta de selección de caminos y aseguraremos de que tenemos todo el camino seleccionado. Vuelve a nuestro Pincel, ve a nuestra Ruta de Trabajo y si quieres, puedes añadir esto a una nueva capa o simplemente puedes poner la línea en la capa anterior y solo click aquí en Trayectoria de trazo con pincel y luego vamos a hacer un camino más. Voy a deshacerme de mi trayectoria de trabajo y vamos a hacer un camino final, Herramienta de selección de caminos, Editar, Copiar, Editar, Pegar, Editar, Trayectoria de transformación libre, haga clic en la parte inferior mayoría de estas opciones, agregue la altura del al valor y, a continuación, haga clic en la marca de verificación. Amplía el área de superposición y si es necesario solo puedes ir a usar la herramienta Eliminar punto de anclaje para eliminar algunos puntos de anclaje. Es mejor eliminarlos de este largo camino aquí en lugar de éste de aquí. Ahora, ve a tu Herramienta Pluma y recoge aquí el final del camino y da click en el inicio de este otro camino. Si haces click y arrastras, vamos a conseguir esta linda línea. Si necesitas ajustar tu línea en cualquier punto, puedes ir a la Herramienta de Selección Directa y luego solo ajustar tus puntos de anclaje individuales, asegurándote de que ésta no se mueva y tampoco esta. Acude a tu pincel, selecciona el pincel, selecciona tu pintura, ve a tu Ruta de Trabajo, bueno, en realidad voy a añadir una nueva capa para éste primero, ve a mi Ruta de Trabajo. Con ella, selecciónela, basta con dar click aquí en trayectoria de trazo con pincel y ahora me voy a deshacer de este Camino de Trabajo. Ahora tengo tres capas cada una con una de estas líneas wiggly sobre ellas. Si lo necesitara, podría simplemente mover mis líneas a través, pero voy a necesitar asegurarme de que mantenga presionada la tecla Mayús para que constreñan el movimiento a una dirección perfectamente horizontal porque no se puede permitirse que esto se mueva hacia arriba o hacia abajo o de lo contrario su camino simplemente no va a funcionar. Trata de asegurarme de que tengo un espaciado desigual dado esto como un espacio, este es dos espacio y este plus este va a ser el tercer espacio. Si estoy bastante contento con eso, voy a seleccionar estas tres capas, pero desactivar mi capa de fondo. Voy a elegir Editar, Definir Patrón, voy a llamar a esto rayas y hacer clic en “Aceptar”. Para probarlo, Archivo, Nuevo, voy a crear un documento bastante grande, esto va a ser de 2,000 píxeles por 2,000 píxeles de tamaño, fondo blanco, haga clic en “Aceptar”. Escogeré Capa, Nueva capa de relleno, Patrón, haga clic en “Aceptar” y mi patrón va a ser el que se agregue al documento porque ese es el que acabo de crear. Así funciona esta herramienta. Voy a ampliarlo para que pueda verlo bonito y claramente, esa es una escala del 200 por ciento. Se puede decir que las líneas wiggly se han unido apenas a la perfección. Ahora, una de las razones por las que me gusta hacer patrones como este para que el fondo sea transparente es que si me gusta el tamaño de mi patrón, puedo rasterizar en este punto. Entonces puedo ir y agregar un stoke, así que voy a hacer clic en el icono fx, click Stroke y tengo un trazo ya en su lugar aquí pero básicamente lo que vas a hacer es ajustar el tamaño y luego simplemente ir y elegir un color para tu trazo. Vamos a hacer esto un poco de color más claro. Lo que tengo aquí es un efecto de línea multicolor. En versiones tempranas de Photoshop, sólo se puede poner un trazo en una línea de esta manera. En versiones posteriores, puedes poner múltiples trazos, así que tengo un segundo Stroke aquí, vamos a encenderlo. Es un poco más ancho que el primero, así que solo voy a ajustar el ancho de trazo a cualquier ancho que quiera porque esto ya no es un ritmo de patrón, eso es solo un patrón, podemos hacerlo de cualquier tamaño que nos guste y el hecho que pase por el borde del documento no va a importar. En versiones posteriores de Photoshop, puedes seguir agregando trazos, puedes agregar lotes y muchos de ellos si lo deseas. Por supuesto, también tienes esta capa de fondo, que es blanca y que está aportando los bits intermedios a este patrón. Si fueras a ir y crear un color aquí, vamos por un color verde muy pálido y voy a presionar la opción de retroceso Alt Delete en el Mac para llenar esta capa de fondo con ese color, eso está agregando todavía otro color detrás de esta línea. Pero así es como puedes crear líneas wiggly que se van a repetir perfectamente en Photoshop. 3. Haz un patrón de nube: El segundo patrón orgánico que vamos a hacer es este patrón de nubes. Voy a elegir Archivo, y luego Nuevo, y voy a crear un pequeño documento esta vez va a tener 300 píxeles de ancho por 200 píxeles de alto. De nuevo, querrás recordar cuáles son esos valores porque van a ser importantes. Voy a dar click en “Ok”. Voy a acercarme aquí porque este es realmente un documento bastante pequeño. Ahora vamos a crear algunas nubes a través este documento y lo vamos a hacer en algunos tonos de azul. Yo sólo voy a encontrar aquí un tono inicial de azul para usar. Voy a seleccionar mi herramienta de pincel y voy a usar un pincel circular que tiene un borde duro realmente bonito en él. Simplemente voy a medir esto hasta el tamaño del documento porque solo quiero unas nubes a través de mi documento, pero quiero ponerlas en una capa totalmente nueva. Por lo que acabo de seleccionar una nueva capa. Voy a aumentar el tamaño de mi pincel solo usando mi caja de corchete cuadrado abierto y cerrado. Voy a empezar colocando algunas formas parecidas a la nube a través de este documento, y puedo variar el tamaño de mi pincel solo para rellenar los huecos. Ahora lo otro que voy a hacer con esta nube azul es que voy a dibujar todo el camino hasta el fondo del documento y a través. Por lo que sólo estoy de llenar estos vacíos en este punto. Pero lo único que no quiero hacer es que no quiero ir por encima del borde del documento a lo largo de los lados. Ahora voy a añadir otra capa nueva, y esta vez voy a elegir un azul diferente. Vamos por un azul un poco más oscuro. Voy a hacer exactamente lo mismo. Nuevamente, variando mi tamaño de pincel para que consiga algunas nubes interesantes, voy a moverme por el documento. De nuevo, solo estoy usando la caja de corchete cuadrado abierto y cerrado para variar el tamaño del pincel. No quiero ir por el borde aquí ni por aquí. De nuevo, sólo voy a pintar para rellenar el documento porque eso va a evitar algunos de los problemas más adelante. Entonces ahí está mi segunda forma de nube. Ahora si quiero ver cómo se están apilando, puedo revertir su orden. Entonces esto va a ser el fondo más nube. Estos van a ser los que están detrás de ellos. Si quieres, cuando estás pintando, realidad puedes pintar detrás así que haz clic en la capa de fondo, agrega la capa inmediatamente por encima de eso y vas a estar pintando entre las dos capas de nubes. Vamos a buscar otro color para nuestras nubes. Nuevamente, trabajando con un bonito pincel grande, otra vez, evitando el lado de este documento, solo voy a pintar algunas nubes por aquí. Voy a apagar estas dos capas superiores para que pueda terminar de dibujar en el fondo de estas nubes porque eso sólo va a hacer la vida un poco más fácil más adelante. Vamos a añadir un panel más de nubes. Ahora con este, tenemos que tener cuidado de que no lleguemos a la parte superior del documento o el desastre va a golpear nuestro patrón. Vamos a conseguir un color final con el que trabajar. Esta vez voy a ir por un azul más claro para no parezca que tengo nada que pueda usar así que solo voy a probar uno de los colores que he usado anteriormente y conseguir un color ligeramente más claro. Asegurarme de que estoy en esta capa aquí y asegurarme de que evite golpear la parte superior de este documento a toda costa. Yo sólo voy a trabajar por aquí agregando las últimas nubes. Si añado una nube grande, sólo asegurarme de que sea lo suficientemente baja en el documento que no va a golpear esa zona superior. Nuevamente, apagando todas estas capas y apenas terminando ahí. No tengo que ir todo el camino hacia abajo, pero sí quiero hacer una forma bastante generosa en este punto. Así es como se ve mi banco en la nube. Mi documento tiene 300 píxeles de ancho, así que ahora voy a empezar a romper mis nubes. Voy a seleccionar la capa superior y elegir filtrar otro desplazamiento. Voy a establecer el valor horizontal a la mitad del ancho del documento, los 300 píxeles del documento de ancho, el valor horizontal va a ser un 150 y el vertical es cero. Voy a dar clic en “Ok”. Tan pronto como tengas esos valores en, solo puedes seleccionar filtro, otro offset y se va a configurar exactamente lo mismo que fue la última vez. Asegurándose por supuesto también de que se seleccione envolver alrededor y lo vas a hacer para todas estas capas. Filtro, otros ajustes de desplazamiento ya están ahí click en “Ok”. Entonces lo que eso se hace es que, se asegura de que estas nubes se van a repetir por el borde del documento. Pero claro que hay esta gran brecha en el medio así que lo que tenemos que hacer es ir a llenar la gran brecha en el medio. Voy a empezar por abajo porque ese fue mi último banco en la nube. Este color azul ya está seleccionado, mi pincel está seleccionado. Yo sólo voy a llenar el vacío. Iremos a la siguiente capa. Voy a asegurarme de que la capa en sí esté seleccionada, vaya al Cuentagotas presionando la letra I, muestrea un color, B para el pincel. Ve y pon la nube que falta y llena el hueco, solo confirmando que estoy trabajando en esa capa. Vaya a la siguiente capa, seleccione la capa, I para el Cuentagotas para probar un color, B para el pincel. Basta con ajustar el tamaño del pincel tal vez para variar la nube en esta ubicación. Dibujarlo y luego ir a la última de estas capas. I para el Cuentagotas para seleccionar el color, B para el pincel. Selecciona la capa, solo imagina que estoy pintando en la capa derecha y luego solo pinta en la última de las nubes. Ahora tenemos nuestro patrón básico de nube, pero no tenemos el elemento repetitivo, y eso es lo que tenemos que hacer a continuación. El elemento repetitivo va a ser esta capa inferior más. Lo que vamos a hacer es que en realidad vamos a hacer un duplicado del mismo. Entonces solo arrastra hacia abajo una copia duplicada. En uno de estos rezagos lo vamos a empujar hacia arriba. Vamos a empujar hacia arriba hasta que todas esas áreas transparentes simplemente desaparezcan. Por lo que las nubes son empujadas de la parte superior del documento. No queremos empujarlo demasiado lejos, así que más no es mejor. Simplemente quieres sacarlos de la parte superior del documento. Quieres asegurarte también de que estén centrados en los documentos, por lo que no los has movido de lado. Todo lo que has hecho es subirlos al principio del documento. Habiendo hecho eso, necesitamos leer en voz baja cuál es este valor de fondo. Vamos a elegir, Editar, Transformación libre, vamos a dar click en el fondo medio de estas nueve casillas aquí y vamos a leer el valor y, que es 138. Sólo necesitamos ese valor. Yo sólo voy a cerrar eso porque no necesito que se haga nada con él. Voy a seleccionar la segunda capa que son estas nubes. Voy a elegir, Editar, Transformación libre. Voy a dar click en el selector medio inferior aquí. Voy a ignorar su valor y, y voy a tomar el valor y del que acabo de encontrar, que era 138. Mi documento es 200. Voy a sumar 200 a 138, que va a ser 338. Entonces voy a escribir 338 aquí y solo tienes que hacer clic en la marca de verificación. Lo que se hace es que mueve la punta de las nubes hasta el fondo del documento. Simplemente no los podemos ver porque están en el fondo de la última pila. Entonces, arrastremos esta capa inferior hasta la parte superior del documento y hay un banco de nubes. Ahora lo que tenemos que hacer es arreglar los que están en el medio. Estas tres capas azules se pueden arreglar ahora para que podamos extender un poco las cosas. Entonces vamos a este y empujarlo un poco hacia abajo el documento, otra vez, asegurándonos de que no lo estamos moviendo horizontalmente en absoluto. Entonces éste, podemos ajustarlo un poco y este último probablemente ajustarlo un poco. Ahora, en esta etapa es posible que desee agarrar todas estas capas y simplemente utilizar las herramientas de alineación aquí para asegurarse de que estén alineadas correctamente. Si los alinea a los bordes izquierdos, entonces todo lo demás va a ser perfecto. Ahora vamos a recortar nuestro documento porque tenemos pedacitos de nubes colgando por todo el lugar aquí. Iremos a la herramienta de cultivo. En versiones anteriores de Photoshop, vas a arrastrar sobre el documento actual. En versiones posteriores de Photoshop cuando obtienes los manejadores de recorte solo vas a hacer doble clic sobre ellos, y eso recortará cualquier exceso de píxeles siempre que, por supuesto, tuvieras borrar píxeles de recorte seleccionados. Entonces, solo haz eso. Ahora estamos listos para crear nuestros patrones. Entonces vamos a seleccionar todas estas capas y vamos a elegir editar, definir patrón. Voy a llamar a esto nubes azules y hacer clic en “Ok”. Para probarlo Archivo y luego Nuevo, voy a hacer un documento 2,000 pixels por 2,000 pixels de tamaño, haga clic en “Ok”. Escogeré Capa, Nuevo patrón de capa de relleno. Voy a dar click en “Ok”. Ahora está lleno de mi patrón. Ahora voy a escalar esto para que podamos verlo a un tamaño más grande. Hago esto al 300 por ciento. Se puede decir que este es un patrón sin fisuras. No hay rupturas en este patrón, ni vertical ni horizontalmente. 4. Proyecto y wrapup: Tu proyecto para esta clase será hacer uno o ambos de estos patrones de estilo orgánico en Photoshop. Una vez que hayas hecho tu patrón, crea un documento y rellena ese documento con tu patrón solo para probarlo para asegurarte de que eso funciona realmente bien. Publica una imagen de tu patrón en uso como tu proyecto de clase. Espero que hayas disfrutado de esta clase y que hayas aprendido algo sobre crear patrones orgánicos en Photoshop. Ahora como estás viendo estos videos, habrás visto un prompt que te permite recomendar esta clase a otros. Por favor, si disfrutaste de la clase, haz dos cosas por mí. En primer lugar, dale un pulgar hacia arriba y en segundo lugar, escribe solo unas palabras sobre por qué disfrutaste de esta clase. Estas recomendaciones ayudan a otros alumnos Skillshare a ver que esta es una clase que ellos también podrían disfrutar. Si quieres dejarme un comentario o una pregunta para mí, por favor hazlo. Leí y respondo a todos tus comentarios y a tus preguntas, 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.