Transcripciones
1. Introducción a 3 patrones impresionantes en Photoshop CC: Hola y bienvenidos a
esta Clase 3, Impresionantes Patrones de
Photoshop; un
diseño gráfico para la clase de almuerzo. Mi nombre es Helen Bradley y
soy una de las mejores maestras de Skillshare. Tengo más de 270 cursos
aquí en Skillshare y más de 170,000 inscripciones de
estudiantes. En esta clase,
profundizaremos en hacer tres patrones increíbles
en Photoshop. He elegido esos tres patrones porque además de
lucir maravillosos, todos
agregarán interés a
cualquier colección de patrones y mostrarán una gama de prácticas herramientas
y técnicas de Photoshop. Los patrones incluyen un patrón de
inspiración japonesa, un patrón pixelado de
color y un patrón de Turing
basado en el trabajo
del matemático inglés,
Alan Turing. Te mostraré paso a
paso cómo hacer estos patrones,
y en el camino, ampliarás tus conocimientos de
Photoshop con muchos consejos y trucos útiles. Sin más preámbulos, comencemos a hacer estos patrones en
Adobe Photoshop.
2. Haz que el patrón inspirado en japonés: Este
patrón de inspiración japonesa se ve absolutamente precioso y
sé que te vas a
divertir mucho haciéndolo, pero es un poco complicado. Entonces palabra de advertencia, para este patrón
hazlo exactamente a las medidas que estoy usando, porque de lo contrario te estás configurando
para el fracaso. Si quieres más adelante
puedes duplicar todo, pero vamos a ir con mis
tallas para empezar. Estoy creando un
documento de 600 píxeles por 600 píxeles, voy a dar clic en “Crear”. Voy a crear una elipse, así que iré a la herramienta elipse. Va a
no tener relleno en absoluto. Eso es bastante importante porque lo contrario no
va a funcionar. Va a tener un trazo de cualquier color que
quieras usar para tu patrón y
el ancho de trazo que estoy usando es de seis píxeles. Haré clic en el
documento y crearé una elipse que es de 200
píxeles por 200 píxeles. Con el panel de propiedades abierto, voy a moverlo hacia arriba para que
quede en la
esquina superior del documento. El valor x e y debe
leer aquí cero y cero. Escogeremos capa,
nueva capa vía copia. Estamos haciendo un duplicado de esta forma y se selecciona el
duplicado. Vamos a venir aquí
al valor y y
vamos a moverlo
hacia abajo 150 píxeles. Entonces vamos a
hacer eso otra vez, capa, nueva capa vía copia. Para este, el
valor y será de 300. Lo haremos una vez más, capa, nueva capa vía copia. El valor final
aquí será de 450. Deberías tener esta disposición
de círculos superpuestos. Seleccionaremos cada uno de estos, y
elegiremos capa, nueva capa vía copia, formaremos capas vía copia. Eso ha hecho una copia de las
cuatro formas, y se selecciona la copia. Vamos a venir aquí
a los valores x e y. Vamos a
moverlo a través de 120 horizontalmente y 80 verticalmente. Deberíamos terminar con
esta mirada superpuesta. Seleccionaremos sobre todo
y volveremos a hacer capa, nueva capa vía copia. Daremos forma a las capas vía copia. Por aquí para el valor x, vamos a
moverlos a través de 240 píxeles. En este punto seleccionaremos todo y moveremos
todo hacia arriba para que la parte media de
nuestro arreglo esté en medio
del
documento porque la ubicación real en este
punto ahora no importa. La ubicación de las formas
relativas entre sí sí sí, pero la ubicación en el tablero de arte o en el
área de documentos no importa. Ahora vamos a ir a
crear un rectángulo. Ahora el rectángulo puede tener
el relleno que quieras. Sólo te sugiero que
elijas un color pálido. No va a tener
ningún trazo en absoluto. Vas a dar click
en el documento e ir a crear un rectángulo que tenga un tamaño de
240 por 150 píxeles, y dar clic en “Bien”. Para esto en la última paleta, solo
voy a reducir
la opacidad para poder ver todo a través de ella. Voy a
colocarlo sobre la mitad
de mi área de patrón. Lo que me preocupa
es que estos círculos aquí que están debajo de esta
forma son círculos completos. Tienen solapamiento completo. Estoy muy contento con
su posicionamiento ahí. Sólo voy a cerrarlo. Si quieres, también
puedes simplemente arrastrarlo hacia abajo hasta el fondo
del documento. En este caso, lo estoy poniendo
justo por encima del fondo. Ahora la razón de
esta forma es que
es el tamaño de nuestro patrón. Esta es la única área en el documento que
tenemos para acertar. Todos los bits que están
fuera de esta área ni
siquiera tienen que ser correctos. A continuación vamos a seleccionar
sobre todas las formas. Estoy haciendo clic en el
más inferior y cambio
haciendo clic en la parte superior. Ya no necesitamos que estas
sean formas, así que voy a hacer clic derecho
y elegir rasterizar capas. Estoy pasando por la
parte superior del documento, y voy a dar click
aquí para agregar una nueva capa. Voy a la herramienta de cubo de
pintura. Voy a poner mi color de
primer plano en negro, y aquí arriba en la barra de herramientas, voy a asegurarme de que esté
configurado en opacidad al 100 por ciento, la tolerancia es 200. Necesita un nivel de tolerancia realmente
alto. Tengo anti-alias, contigua y todas
las capas verificadas. De nuevo, eso es muy importante. Ahora voy a identificar estas pequeñas formas
triangulares redondeadas. Voy a hacer click
en cada una de ellas. Es el ajuste de todas las capas aquí que me permite identificar las formas como el resultado combinado
de todas estas capas. Es muy fácil para mí
simplemente hacer clic para llenarlos. Los que
más me preocupa llenar son obviamente
los que están donde está esta forma rosa
porque ese es nuestro patrón. Ahora todo está hecho ahí. Voy a agregar una nueva
capa al documento. Voy a la herramienta de
pincel. Esta vez estoy usando un pincel redondo
y voy a poner el color a algo que
sea brillante y fácil de ver. Voy a acercarme. Aquí es donde necesitas
tu ingenio sobre ti. vamos
a ver este círculo. Voy a posicionarme en esta zona justo en la
parte superior del círculo. Déjame ir a buscar
mi pincel. Voy a arrastrar hacia abajo
con mi pincel. Eso es marcar esta línea
como una a eliminar. Cuando baje, voy a
balancearme hacia la izquierda. Esto va a ser removido. Volviendo a donde vengo, y bajemos y
balanceemos hacia la derecha. Ese ya está hecho. Echemos
un vistazo a este círculo. Voy a la misma posición de
partida. Sólo voy a arrastrar hacia abajo. Esa línea va
a ser eliminada. Voy a bajar
y balancearme hacia la izquierda. Regresa a donde vengo, baja y bájate
a la derecha. Este círculo aquí, voy a bajar y arrastrar a la izquierda
y a la derecha. Ahora bien, ninguna de estas líneas
en realidad está impactando el patrón, así que no tenemos que hacer
nada con ellas. Vayamos a este círculo aquí. Misma posición inicial. Esta línea va, baja
y balancea hacia la izquierda, baja y
balancea hacia la derecha. Este está impactando
el patrón, y potencialmente este también lo está, así que voy a
asegurarme de eliminarlos. Viniendo aquí a donde
estaríamos en esta posición
similar, nos desharíamos de esta
línea y de esta línea, ninguna de estas está
impactando el patrón. Aquí, nos estaríamos deshaciendo de esta línea y de esta línea otra vez, nada está impactando
el patrón. Aquí hay cosas por las que debemos preocuparnos, así que vayamos al punto de
partida, arrastremos hacia abajo, y luego
balanceemos hacia la izquierda, volvamos a donde
venimos y balanceemos hacia la derecha. Sólo vamos a hacer
este último aquí. Imagina que este es
el punto de partida, bajamos aquí y nos balanceamos hacia la izquierda y
no hay nada a la derecha. Tenemos muchas
cosas marcadas aquí, no todas con las que
realmente vamos a
hacer nada; las que nos
preocupan es cualquier cosa que tenga una línea azul a través de ella que sea sobre la parte superior de esta forma rosa. Vayamos y
averiguaremos dónde estamos. Solo estoy encendiendo y apagando estas
formas, haciendo clic en la capa
y luego la enciendo y apagando y notando si hay algo
en esta capa que realmente
tiene una línea
a través de ella y esta sí
. Vamos a la herramienta de goma de borrar. Haga que la goma de borrar se ajuste
a un cepillo redondo. Tengo un tamaño más pequeño el
mío es de 21 píxeles, algo así es perfecto. Lo que sí hay que hacer es tener una dureza ajustada al 100 por ciento. En realidad es crítico que
tengas un cepillo duro aquí. Nuevamente, centrémonos
en lo que estamos haciendo. Este es este círculo de aquí. Sólo
vamos a dar la vuelta y borrar cualquier cosa que tenga
una línea azul en ella. Ahora, la forma en que
estamos haciendo esto trabajando con
formas separadas significa que no tienes que ser
realmente preciso
con tu borrador. Simplemente no puedes
entrar en la forma al
otro lado de la línea. Pero siempre que
estés en la línea, podrás
borrar muy pulcramente. Diseña esto para que
sea fácil hacer este borrado. Echemos un vistazo aquí para
ver si hay algo de lo que necesitamos estar al tanto
o posiblemente esta línea, no un 100 por ciento seguro de que está
impactando el patrón, pero voy a
asegurarme de que se elimine de todos modos. Nada aquí arriba está
impactando el patrón. Selecciona la siguiente forma. Aquí nada está
impactando el patrón. Tengo algunas cosas aquí
que lo están impactando. Voy a
recorrer este círculo, solo borra los bits que necesitamos borrar
vienen por aquí. Esto estaría yendo, pero en realidad no es
parte del patrón, así que no tenemos que hacer nada. Vamos a dar la vuelta. Esto probablemente no esté
impactando el patrón. Voy a quitarlo de todas formas. Pasemos a la siguiente forma. Aquí nada tiene
líneas a través de él, así que sólo voy a ignorar
esa. Aquí se muestran. Nada tiene líneas a través de él. Algo aquí es importante. Voy a ir aquí
y quitar esto. Si estás tratando de
eliminar algo de un círculo y no
está borrando, es porque tienes seleccionado
el círculo equivocado, así que solo ten en cuenta eso. Aquí hay potencialmente cosas que necesitan ser borradas. Vamos a dar la vuelta a
este círculo, compruébalo. Esta es realmente importante. Voy a
seguir adelante y simplemente acelerar el video mientras hago esto, voy a volver una vez que haya terminado todo el borrado. Ahora que lo hemos hecho último, apaguemos la capa azul y veamos
cómo se ven las cosas. Bueno, puedo decir que aquí hay
un problema de inmediato, esta línea no se ha quitado, así que necesito ubicar este círculo
antes de ir más lejos. Aquí está. En este punto, deberíamos ver en esta área, el patrón general aquí
es una forma y completa, aquí hay una forma y completa, aquí está una de esas
formas y nuevamente. Está completo hasta donde aparece sobre la parte superior de
este rectángulo rosa. Creo que estamos bastante bien aquí. Estoy bastante contento con esto. En este punto voy a mantener pulsada la
tecla Control y dar click en el rectángulo aquí. Eso es marcar
el área del patrón. Voy a apagar la
visibilidad de esa capa porque no quiero que
sea un patrón rosa y negro. Si no apagaba
la visibilidad, terminaría con
rosa y negro. Voy a elegir Editar y
luego Definir Patrón, luego vamos a hacer de
este un
patrón de inspiración japonesa . Lo probaremos. Capa, nueva capa de relleno, patrón. Aquí está nuestro patrón de estilo
japonés completado. Como dije, es un
poco complicado de hacer, pero siempre que sigas
las instrucciones y uses los mismos valores
que he usado para las tallas, todo debería
funcionar bien. Si quieres duplicar el tamaño, entonces solo haz
todo el doble grande y haz tus
movimientos el doble de grandes. Si nos movíamos, digamos un 150 píxeles, luego hazlo el doble del
movimiento que lee 300 píxeles. Veamos qué
pasa cuando usamos el fondo rosa porque ese es otro posible patrón. Si quisieras tener
un fondo coloreado, entonces podrías incluir ese rectángulo en
tu ritmo de patrón.
3. Patrón inspirado en Japón: salva el Swatch: Antes de terminar completamente con este patrón de
inspiración japonesa, limpiemos nuestro archivo de patrones porque esto sería útil más adelante si quisiéramos
crear otras versiones
de este patrón. Pero ahora mismo es un
poco difícil de maniobrar, y dentro de seis meses,
va a ser casi imposible recordar
exactamente lo que hicimos. En primer lugar, me voy a
deshacer de esta capa azul porque eso solo estaba
marcando las líneas para eliminar. Ya no necesitamos eso. Voy a apuntar
al rectángulo rosa, porque esta es mi
pieza de patrón que voy a controlar en una PC haga clic en
esta miniatura en una Mac, yo comandaría clic y eso solo selecciona
esta área rosa . Aquí es donde nuestras piezas de
patrón, voy a elegir
Imagen y luego recortar. Eso solo recorta todo
al tamaño de mi pieza de patrón. Lo siguiente que
voy a hacer es armar todas
estas capas negras, todas las capas que componen la
parte negra del patrón. Voy a hacer clic en
la capa más superior, desplazarme hacia abajo aquí y Mayús haga
clic en la inferior
de estas capas. Todos estos comprenden
esta zona negra. Hay algunas
capas vacías que está bien. Se van a
eliminar en este proceso, voy a hacer click derecho
y elegir “Fusionar capas”. Lo que esto hace es que fusiona
las capas seleccionadas, por lo que el rosa no se está
fusionando con el diseño. Apenas las áreas negras están ahora
en una capa por sí mismas. Aquí hay transparencia así que estamos viendo a través de la capa
rosa debajo. Voy a anular la selección
con seleccionar y anular la selección. O podrías presionar
Control o Comando D, dependiendo de si
estás en una Mac o una PC. Ahora, aquí tengo este
rectángulo. Me gustaría invertir
esto para que el negro se vuelva blanco y el
rosa se vuelva negro. Vamos a hacer primero el negro
se vuelve blanco poco. Voy a apuntar a esta capa
negra y elegir capa,
nueva capa de ajuste y voy a elegir invertir y dar clic en “Bien”. Ahora esto ha hecho del
negro en blanco, pero se ha hecho algo un
poco gracioso con el rosa porque el rosa cuando se
invierte se vuelve verde. Lo que sucede es que
este efecto de capa de inversión está afectando a todo lo que hay
en el documento. Queremos limitarlo solo a la capa inmediatamente
debajo de ella. Voy a apuntar a esta
capa y elegir capa y luego crear una máscara de recorte. Eso solo lo acorta para que
el efecto de inversión solo afecte a la capa
inmediatamente debajo por lo que es simplemente voltear el
negro en blanco. Tenemos nuestra
capa rosa todavía aquí. Si queremos que sea negro, vamos a tener que
deshacer algunas cosas que hicimos antes. En primer lugar, voy a
desbloquear esta capa. En segundo lugar, estoy señalando que esta capa tiene opacidad reducida. En realidad voy a hacer qué. Hay una buena
posibilidad de que lo
vayas a hacer para que puedas ver el problema e
identificarlo y arreglarlo en un minuto. Solo voy a hacer
doble clic en esta miniatura de capa para volver a subir
mi selector de color. Quiero llenar esto de negro. El negro es 0, 0, 0 en los canales rojo, verde
y azul. Esto es negro, pero
claro está apareciendo en la imagen como gris. A estas alturas
probablemente vas, no
tengo idea de lo que está
pasando aquí. Bueno, el problema
es que esta capa aún tiene esa opacidad
del 57 por ciento. Yo
bajé la opacidad para que pudiéramos
ver a través de ella. Ahora tenemos que volver a
retomarlo. Cuando
retomo la opacidad hasta el 100 por ciento, termino con verdadero
blanco y negro. Por supuesto, este es
otro patrón. Este es un patrón
de color invertido. Esto
nos va a dar la posibilidad de
usar esta pieza de patrón una y
otra vez. Podemos volver a colorearlo. Podría apagar
esta capa negra. Podría apagar la capa de
inversión, y podría agregar, por ejemplo, por
aquí, una capa de color. Vamos a la capa,
nueva capa de ajuste, y
vamos a elegir la saturación de tono. Voy a dar click, “Bien”. Voy a colorear esto. Voy a dar click en colorear, va a aumentar mi saturación. Voy a aumentar
mi ligereza. Entonces voy a caminar
alrededor de mi matiz para hacer una versión
de color diferente de este patrón para poder elegir el
color que quiera usar. Por supuesto que podríamos hacer lo mismo si hubiéramos dejado
la inversión encendida y simplemente cambiáramos el
fondo así
tendríamos blanco en
algún otro color. Blanco sobre rojo, blanco sobre azul, blanco sobre verde,
lo que quisiéramos. Una vez que hayamos limpiado
este archivo de patrones, la
vida va a ser
mucho más fácil en términos de usarlo para
hacer diferentes patrones. Obviamente, es mucho más
fácil de entender y de
trabajar ahora que lo hemos reducido a solo los
elementos que se necesitan. Por supuesto, en este punto, aquí es donde yo diría eso. Esa es otra
versión atractiva del patrón, hecha de manera muy simple con solo ajustar la muestra de
patrón original.
4. Haz el patrón Pixelated: Para este patrón exótico, lo
vamos a crear como una serie de
objetos inteligentes por lo que nos será fácil alterarlo
simplemente alterando un degradado. Te sugiero que te quedes con los valores que estoy usando para mis archivos porque va
a ser más fácil de reproducir. Estoy usando un documento de
1000 por 1000 píxeles de tamaño. Es modo de color RGB y
es un fondo blanco. Voy a hacer clic en “Crear”. Si quieres aumentar
el tamaño de esto, te
sugiero que
simplemente dupliques todo. Entonces lo que voy a hacer
aquí es seleccionar los
colores base el blanco y negro
simplemente dando click sobre este icono aquí. Entonces los voy a voltear. Entonces quiero el blanco como mi primer plano y el negro
como mi fondo. Voy a hacer doble clic
sobre el blanco y elegir un color para usar. Entonces estoy buscando algo
que esté en la región de aproximadamente 240, 239, 240. Yo sólo pienso que este
es un color bastante bueno. Así que sólo voy a
elegir algo. Es relativamente ligero. Probablemente sea
más ligero de lo
que imaginabas que debería ser por el
aspecto del patrón. Entonces ahora mismo, mis valores de color aquí están en la
región de aproximadamente 239, 69 y 76, pero solo algo en ese
azul estará bien. Ahora la razón por la que he hecho esto un
color de primer plano y
el negro el color de fondo
es que cuando agarro
la herramienta de degradado aquí y hago clic en la lista desplegable, el primer degradado es un gradiente de primer plano a
fondo. Así que en realidad tenemos nuestro color de primer plano
seleccionado aquí y nuestro color de
fondo seleccionado aquí. Así que no tenemos que
configurar un gradiente porque en realidad
es un degradado
incorporado. Así que permítanme simplemente hacer clic en la esquina
superior de este documento, Mayúsculas-clic para arrastrar hacia abajo, así es claro en este extremo
y oscuro en este extremo. Abrimos el último palé. Verás que
solo tengo una sola capa que está
llena con el color. Voy a hacer clic
aquí para desbloquearlo. Voy a agregarle
otra capa. Simplemente haga clic en el
signo más aquí, simplemente arrástralo debajo. Porque eso va
a hacer que el resto de este trabajo sea un poco mejor. Vamos a convertir esto en un objeto inteligente porque estamos a
punto de aplicarle un filtro. Así que voy a hacer clic derecho y elegir
Convertir a objeto inteligente. Después aplicaremos nuestro filtro. Ahora es importante convertir estos dos
objetos inteligentes para que
podamos modificarlos nuevamente más adelante. Filtra,
Pixelate y baja a un mosaico. Esta fue una de las
razones por las que era importante tener un documento de tamaño
fijo. El mío es 1,000 por 1,000
porque quiero que el tamaño de celda
sea igual a tamaños. Entonces necesito seleccionar
el tamaño de celda que se divide uniformemente en 1000 sin nada sobrante para que tenga celdas de buen tamaño
uniforme. Ahora puedo usar cualquier cosa
hasta 200 si
quieres muchas celdas y
podrías usar 100, eso también funcionaría. Pero creo que 200 para esto
va a ser simplemente perfecto. Entonces solo voy
a hacer click en “Bien”, voy a meter esto lejos para no ver
el filtro inteligente. No tiene sentido verlo, solo
necesito que esté ahí. Ahora voy a agregar
otro objeto inteligente. Entonces voy a
hacer clic derecho y elegir
Convertir a Objeto Inteligente por segunda vez. Si no haces
esto, este siguiente paso no
va a funcionar. Voy a elegir Editar
y luego Transformar Libre. Si por alguna razón esa
opción no está disponible, posible
que desee presionar
control y comando T para entrar en la transformación libre. A veces eso solo
cortocircuitos eso, pero con edit free transform, eso nos llevará a
estas opciones aquí arriba. Haga clic en la marca de verificación
aquí y asegúrese de que se seleccione
la mitad de estos nueve
cuadrados. Tengo el icono
aquí entre w y h, ancho y alto
clicado para que veas
que el mío está seleccionado como negro, así que quieres que ese sea el caso. Vamos a seleccionar
el ancho y sólo
vamos a escribir 707 px. Entonces vamos
a establecer una rotación. Ahora, quiero que esto ponga
la luz sobre este lado. Así que en realidad voy a ir en una dirección negativa de 135 grados. Puedes usar cualquier
rotación que te guste siempre un múltiplo
de 45 grados para que termines con
esta forma de diamante y cualquier color que quieras
en la parte superior estando ahí. Entonces solo voy a
hacer clic en la marca de verificación, eso me queda bien. Ahora voy a hacer
un duplicado de esto, simplemente haga clic derecho y
elija Duplicar Capa. Es muy importante que lo
hagas de esta manera porque realmente
queremos
duplicar ese objeto inteligente. De lo contrario, los siguientes pasos no funcionarán cuando vengamos a editar
realmente este patrón. Voy a aplicar un filtro
offset a esto. Entonces, con esta
capa superior seleccionada, elegiré Filtro,
Otro y luego Desplazamiento. Va a tener que hacer
esto dos veces por
la forma en que está diseñado este
documento. Entonces vamos a establecer
la horizontal y la vertical a la mitad del ancho y la mitad de la altura
del documento. Entonces en este caso, el documento es 1000 por 1000 así que lo estamos configurando
en 500 y 500. Tienes que hacer esto
dos veces. El primero será negativo y negativo. Así que solo ponlo a
menos 500, menos 500. Envuelva y haga clic en “Bien”. Yendo a esconder eso, hagamos una segunda copia
de esta capa duplicada, haga clic en “Bien”, filtre,
otra, offset. Esta vez
van a hacer que sea un 500
positivo y un 500 positivo. Haga clic en “Bien”. Ahora bien, debido a
las medidas, esto puede estar ligeramente apagado. Es posible que estés viendo una ligera línea similar a un píxel
alrededor del borde de tu forma. Si estás usando un gradiente realmente
ligero, probablemente no lo veas. Esto es lo que
vas a dibujar. Vas a hacer click en esta capa
inferior que hicimos, y solo vamos a llenarla usando la herramienta de cubo de pintura. Simplemente agarra la herramienta del
cubo de pintura y llénala. Creo que con el negro probablemente
nos va a dar los mejores resultados. Sólo voy a llenarlo con capa de
herramienta de cubo de pintura
negra seleccionada, click sobre ella y
llenarla de negro solo oscurece esos bordes y solo
hace que se vea perfecta. Ahora bien, este documento
es bastante grande, así que sólo estamos hablando de
un píxel como máximo ahí. Entonces el hecho de que
sea negro ahí simplemente no va a
aparecer en el resultado final. Estamos listos para guardar esto; editar, Definir patrón. Yo sólo estoy llamando a
esto espectro azul. Vamos a
probarlo con Archivo Nuevo. Vamos a crear un
documento 3600 por 3600 Capa, Nuevo Patrón de Capa de Relleno. Haz clic en “Bien”, lista
desplegable hacia abajo, y
recoge nuestro patrón. En esta etapa,
podemos reducir su tamaño. Lo hicimos en un tamaño bastante grande para que se pueda reducir
fácilmente. Ahí está nuestro diseño terminado. Si queremos alterar el patrón, podemos volver al documento
original. Vamos a mostrar nuestra paleta de
capas aquí. Voy a uno de
estos objetos inteligentes. No importa cuál. Sólo voy a hacer doble clic
en la miniatura, que abre el primer objeto inteligente
incrustado. Tenemos que hacer doble clic sobre
él nuevamente para obtener el segundo. Vamos a aclarar un poco este
patrón. Vamos a conseguir un color un
poco más claro. Voy a volver a mi
Herramienta de Degradado que se esconde aquí. Déjame ir y
agarrar mi gradiente. Este va a ser
un poco más ligero. Cerremos esto, haga clic en “Sí” para
guardarlo y cerremos esto, haga clic en “Sí” para guardarlo. Todo este patrón ya
está actualizado. Iremos a Editar y
luego Definir Patrón. Este es nuestro segundo. No me molestaré en
nombrarlo ahora mismo, pero vamos a agregar
otra capa de relleno con nuestro nuevo patrón
para que podamos comparar la ligereza
de estos dos. Simplemente bajemos esto
al 50 por ciento también. Haga clic en “Bien” y aquí
están los dos patrones. Así que con solo relámpago de ese color, somos capaces de
aclarar el patrón. Por supuesto, podríamos cambiar
los colores por completo. Es solo el caso de
hacer doble clic sobre esta capa, miniatura y
hacer doble clic sobre ella nuevamente, y luego elegir un degradado. Entonces esta vez vamos a elegir un gradiente muy
diferente. Elijamos un degradado de la colección
de gradientes aquí. Este es interesante. Vamos a arrastrar
eso por aquí. Vamos a
cerrarlo y guardarlo, y cerrar éste y guardarlo. Y aquí está nuestro patrón. Vamos a guardar nuestro patrón, y vamos a volver
a nuestro documento. Para fines de comparación,
solo agreguemos otra capa de relleno. Bajemos esto al 50 por ciento. Hay otra
versión del patrón. Así que configurarlo como
objetos inteligentes tiene muy buen sentido porque significa que es
editable muy fácilmente. Solo tienes que dejar caer otro
degradado en el diseño y esencialmente tienes tu patrón
listo ahí para ti.
5. Haz el patrón de giro: Este patrón que
vamos a crear se llama patrón Turing. Se basa en algunos trabajos
del matemático inglés
Alan Turing. Se relaciona con cómo
los líquidos pueden difundirse juntos pero solo crearemos esto como un patrón
bidimensional, pero es genial saber de
dónde viene. Ahora para este patrón, es muy importante que
te apegues a los tamaños vamos a usar
debido a la forma que las nubes filtran que
vamos a usar es en realidad, una repetición si lo
creamos el derecho tamaño. Estoy creando mi documento
a las 1,024 por 1,024. Aquí tengo un
fondo blanco, que va a
funcionar bien. También estoy usando los colores
predeterminados, blanco y
negro. Eso es
muy importante. Vamos a aplicar
un filtro de nubes así que vamos a
filtrar y luego renderizar, y vamos
a elegir nubes. Ahora bien, este
filtro de nubes a este tamaño de 1,024 por 1,024 es una repetición. Ves por aquí, este elemento se repetiría
sobre este elemento aquí y eso realmente nos va a
ayudar en este proceso. En esta etapa,
voy a mostrar mi paleta de capas con
ventana y luego capas. Quiero hacer tres
copias de esto. Yo solo voy a
hacer clic derecho y elegir capa duplicada o
puedes elegir nueva capa vía copia. Solo estoy seleccionando ambos y duplicándolos básicamente. Quiero cuatro copias
de este documento. Lo siguiente que
voy a hacer es hacer que mi documento sea mucho más grande la
imagen y luego el tamaño de Canvas. Es importante que uses tamaño de
Canvas porque eso te
va a permitir cambiar el tamaño del
Canvas pero sin afectar el tamaño real de los elementos que
tenemos en el Canvas. Sólo estoy escribiendo 2,048 y 2,048. Eso es el doble de ancho
y el doble de
la altura del documento original nuevamente para que podamos encajar
cuatro de estos en. Van a
repetir sin problemas. Simplemente voy a hacer clic en este punto de
anclaje de aquí para que todas estas formas vayan a aparecer en esa esquina superior. Ahora voy a cada uno
de ellos por turno, y sólo voy a
moverlos a través para
que se alineen. Ahora tengo mis
guías inteligentes encendidas. Si vas a ver y ajustar, asegúrate de que el snap esté activado
y luego encaje a las guías. Con esas guías inteligentes habilitadas, todo va a
encajarse en su posición. Sólo voy a
seleccionar estos otros dos y solo moverlos hacia abajo. Bueno, acabo de recibir uno, no dos, pero eso está bien. Ese es el último de
ellos. Lo que queremos hacer antes de ir más lejos es simplemente asegurarnos de que no
haya costuras
pero que se repitan
sin problemas
porque las empezamos a
las 1,024 y 1,024. Si quisieras hacerlo más grande, podrías hacerlo a 2,048 y
2,048 para empezar, y luego simplemente hacer
un documento que sea el doble de grande cuando
vayas a
unirlos porque estos
son los que cuando las rellenas con diferentes nubes o con nubes, van a repetir
sin problemas. Volviendo a nuestra paleta de capas, lo que vamos a hacer ahora es crear una
versión combinada de esto. Solo voy a seleccionar
sobre las cuatro capas, hacer clic con el botón derecho y
elegir fusionar capas, para que se fusionen en lo que
ahora es un patrón de
repetición sin fisuras. Vamos a hacer las
cosas que nos permitan
desarrollar este
efecto Turing y
hay tres pasos en este proceso. El primero
de estos pasos es aplicar lo que se llama
un filtro de paso alto. Vamos a filtrar y
luego otro y paso alto. Sólo vamos a poner esto algo así como cinco o seis. Realmente no importa
lo que uses aquí, pero cinco o seis
van a ser perfectos. Entonces vamos a aplicar
un ajuste de umbral. Lo que va a convertir esto
a negro o blanco. Pasemos al umbral de
ajustes de imagen. Es muy importante que
uses el
umbral de ajustes de imagen y no lo agregues como capa de
ajuste porque necesitamos hornear
esto en la imagen. El valor predeterminado aquí es 128. Simplemente seleccione eso y haga clic en “Bien” porque lo
que se hace ahora es extraer los píxeles en este documento ya
sea en negro o en blanco. Ahora sólo lo vamos
a difuminar de nuevo. Filtra, desenfoque y luego desenfoque gaussiano. Para nuestro desenfoque gaussiano, vamos a establecer un
valor de algún lugar 4, 3, 6 algo que va
a desenfocar nuestra imagen muy bien, y luego simplemente haga clic en “Bien”. Para desarrollar este efecto Turing, vamos a repetir esos
pasos una y otra vez. En caso de que no quieras
tener que hacer eso a mano, hagamos una acción muy rápida. Ir a ventana y luego acciones. Ya tengo un grupo aquí, pero podrías hacer clic para crear un grupo en el que almacenar
tus acciones. Una vez que hayas creado tu grupo, simplemente
puedes hacer clic para
crear la acción. Voy a llamar a esto Turing
y voy a hacer clic en grabar. Ahora voy a volver a grabar esos pasos
exactos. Por suerte los filtros mantendrán esos valores para que no
tengamos que ingresarlos de nuevo. Filtra otro y
paso alto y simplemente haz clic en “Bien” y luego Ajustes de
Imagen, Umbral, valor sinusoidal
como antes haz clic en “Bien”. Entonces yo desenfoque gaussiano, filtro desenfoque, desenfoque gaussiano, y simplemente haga clic en “Bien”. Hay tres pasos
que necesitamos
repetir una y otra vez. Abajo por la parte inferior aquí, da
clic en el cuadrado, porque eso impide que se produzca la
grabación. Ahora ya podemos ir al Turing, basta con hacer clic en la palabra y
hacer clic en el botón de reproducción. Pero como necesitamos hacer esto una y
otra vez
también podemos crear otra acción que lo haga una
y otra vez. Déjame simplemente hacer clic en el
signo más y voy a llamar a esta acción Play
Turing y grabarla. La grabación consiste en hacer clic en esta acción de Turing
y reproducirla una, y dos, y tres veces, y cuatro veces, y cinco veces por ejemplo. Ahora
vamos a detenerlo. Esta
acción de Play Turing va a jugar esta acción más de
cinco veces seguidas. Es solo un poco
más rápido que hacerlo a mano así que voy a tocar
esto algunas veces. Como puedes ver las cosas se están
desarrollando en la imagen. Estamos obteniendo más
de lo que vimos al inicio de
este efecto Turing. Puedes hacer eso hasta que hayas desarrollado algo
que te guste. Vamos a echar un vistazo aquí. Pero dirás que es
un poco borroso. Bueno, podemos desdoblarlo
añadiéndole un afilado. Voy a filtrar
y luego afilar. Voy a elegir algo
llamado máscara unsharp, que suena
contrario a la intuición, pero
en realidad es un proceso de afilado. Para ello, sólo vamos a ajustar la cantidad
y el radio. Vas a establecer el
umbral a cero y usar valores bastante altos para
la cantidad y el radio. Aquí se puede ver
lo que está haciendo al efecto. Simplemente afinándolo
así voy a hacer clic en “Bien”. Ahora, una vez que tenemos nuestro efecto
afilado
necesitamos extraer nuestro patrón
repetitivo sin fisuras de esto. La mala noticia es que esto de
aquí no va a
sumarse a esto de aquí. Pero porque juntamos cuatro de ellos
en primer lugar, si sacamos una
porción de 1,024 por 1,024 de la mitad de este documento, eso
será una repetición. Vamos a seleccionar en
la herramienta rectángulo. Vamos a darle forma. Voy a ponerle un relleno y ningún trazo en absoluto. Voy a dar click en el documento una vez y
voy a escribir 1,024 y 1,024
y dar clic en “Bien”. Mientras estoy aquí solo voy
a bajar la opacidad sobre eso y podemos hacer una revisión
muy rápida aquí. Estoy echando un vistazo
aquí arriba y se puede ver esta doblada en forma de V con
un pequeño guión en ella. Bien abajo, justo dentro de este cuadrado 1,024 por 1,024 es exactamente
esa misma forma. Por aquí deberíamos ver una
pequeña línea a través del borde de la forma y por aquí
vemos la línea correspondiente. Podemos ver que
parece que tenemos más o
menos un patrón
repetitivo sin fisuras. Controlemos o
comando-haga clic en este rectángulo para que
veas a las pequeñas hormigas marchantes. Sólo vamos
a apagar eso. Todavía tenemos
las hormigas marchantes en su lugar y solo vamos a elegir editar definir patrón. Este es nuestro patrón. Es la selección
aquí la que tenemos. Sólo voy a hacer click en “Bien”. Ahora vamos a probarlo con
archivo y luego nuevo. Voy a crear un
documento 3600 por 3600 pixeles. Un patrón va a encajar
aquí por lo menos tres veces. Rellene el patrón de capa, haga clic en “Bien” y ahora
vamos a encontrar nuestro patrón. Haré clic en la
lista desplegable y el patrón debería ser el último en el diálogo de
patrones. Voy a hacer clic en “Bien” y
por supuesto ahora tenemos que
verificar y asegurarnos de que
todo se vea bien. El
ritmo de patrón original al 100 por ciento es de 1,024 píxeles y
este documento es de 3,600. Cualquier error debe estar
en sobre esta área. Van a
aparecer por
esta zona y por aquí. Solo vamos a acercarnos. Si tenemos algún problema
en la repetición, lo
vamos a ver. No estoy diciendo ningún problema
en esta repetición en absoluto. Todo se ve perfectamente bien. Si quisiéramos crear este
efecto como un color diferente, echemos un vistazo y digamos cómo
haríamos del negro
un color diferente. Vamos a utilizar un proceso
diferente para esto. Lo que voy a hacer es
apuntar al fondo aquí. Sólo voy a elegir capa, nueva capa de relleno y color sólido. Voy a elegir un color
para usar en este punto. Voy a ir por un
bonito azul turquesa. Una de las formas en que podemos cambiar el color cuando
tenemos algo que es sólido en blanco y negro porque es como diseñamos esto. Tenemos blanco y negro. Bueno, podemos hurgar a través las áreas negras para traer el color de
la capa inferior. Voy a apuntar a nuestra capa de relleno de
patrones. Esta es la capa de patrón aquí. Voy a
apuntarlo y voy a
bajar a este ícono fx, y voy a elegir lo que
se llama Opciones de Fusión. Aquí tenemos una cosa
que dice mezcla si gris. Lo que le vamos a
decir a Photoshop es si hay negro en esta capa, se
puede ver que dice
esta capa aquí. Si hay negro en esta capa, comience a hacer un agujero a través de ella. Sólo voy a llevar
eso a través y
verás que lo que está pasando es que tenemos
todo un ser metido en nuestro patrón en la forma de los objetos negros
y no de los blancos. Ahora bien, si echamos un
vistazo muy de cerca, verás que
hay una ligera neblina alrededor de los bordes de esto. Podemos deshacernos de eso
manteniendo pulsada la tecla Alt en una PC y la opción en una Mac y
puedes dividir este pequeño
indicador aquí. Cuando lo
divides, puedes arrastrar un lado de
él todo el camino bastante cerca del
extremo blanco y el otro para esta
ilustración en particular un poco más cerca pero eso nos
da una sangría si lo deseas alrededor de los bordes de la forma hay algunos píxeles no perfectamente
negros. Son un poco grises. Todo lo que es negro
puro va a ser recogido aquí. Cualquier cosa que esté entre el negro
y casi el blanco va a tener ese color aplicado sobre un efecto graduado. Eso nos va a dar
este borde de aspecto suave. Los bordes son mucho más suaves ahora. En este punto, si no
estamos contentos con el color de la
patente entonces simplemente puedo hacer doble clic en la capa de relleno de
color y elegir un color diferente
para el patrón en sí. Por supuesto, el patrón se puede cambiar de tamaño muy fácilmente
porque sigue siendo un patrón. Vamos a hacer doble clic sobre él. Para esto, hagámoslo 250% y hagamos clic en “Bien” para que podamos
verlo un poco más claramente. Este patrón de Turing es
realmente emocionante de crear. Es maravilloso
verlo desarrollarse. Una vez que hayas
creado tus acciones, van a estar en
tu paleta de acciones. Es muy sencillo simplemente crear un documento inicial de Clouds y luego comenzar a aplicarle las acciones de
cizallamiento. Cada vez que aplicas el filtro de
nubes a un documento, obtienes un
conjunto diferente de nubes. Vas a obtener una iteración ligeramente
diferente de este patrón cada
vez que lo crees. Por supuesto, por aquí todavía
tenemos nuestras hormigas marchantes en su lugar y están por encima de una
selección de este patrón. Si quisiéramos guardar esto como un ritmo de patrón
que pudiéramos usar, nuevamente, solo elegiría
Imagen y luego recortaría. Lo estamos recortando a
ese tamaño de patrón. Voy a eliminar
mi capa de color porque ya no la
necesito. si sigo adelante y guardo esto,
este es el patrón de
repetición sin fisuras. Por supuesto, está en nuestra colección de
patrones pero es posible
que queramos volver y hacerle
algunas otras cosas. Podemos hacerlo porque
tenemos el patrón de reloj seleccionado y guardamos como
un documento real.
6. Proyecto y conclusión: Ya hemos completado la
parte de capacitación en video de este curso, así que te toca a ti. Tu proyecto para
esta clase es
crear uno o más
de estos patrones en Photoshop y
publicar una imagen
del diseño terminado
como tu proyecto de clase. Espero que hayas disfrutado de
este curso y que hayas aprendido mucho sobre trabajar
en Adobe Photoshop. Ahora bien, si disfrutaste este
curso y cuando dices un aviso que te pregunte si
recomendarías esta clase a otros, por favor harías
dos cosas por mí. En primer lugar,
conteste que sí, que sí recomiendes la clase. En segundo lugar, escribe incluso
en pocas palabras, por qué disfrutaste de la clase. Tus recomendaciones
ayudarán a otros alumnos a decir que este es un curso que
les gustaría tomar. Si ves el
enlace Seguir en la pantalla, haz clic en él y
serás alertado cuando se publiquen
tus clases. Si quieres
dejarme un comentario o
una pregunta, por favor hazlo. Leo y respondo a todas
tus preguntas y comentarios, y miro y reviso
todos tus proyectos de clase. Mi nombre es Helen Bradley. Muchas gracias
por acompañarme a este episodio de
diseño gráfico para el almuerzo. Esperaré
verte pronto en otra clase aquí
en Skillshare.