Transcripciones
1. Curly de curly y cuadros de texto en Photoshop - introducción: Hola, soy Helen Bradley. Bienvenido a este Diseño Gráfico para clase Almuerzo, marcos de corchete
rizado y cajas de texto 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. hoy estamos buscando crear marcos de soporte rizado en Photoshop. Al hacerlo, vamos a crear nuestros marcos como
formas personalizadas que podemos reutilizar en cualquier momento que queramos en Photoshop. medida que estás trabajando a través de estos videos, es posible que veas un prompt que te permita recomendar esta clase a otros. Por favor, si estás disfrutando de la clase, dale un pulgar arriba. Estas recomendaciones me ayudan a conseguir mis clases frente a más personas que, igual que tú, quieren aprender más sobre Photoshop. Si quieres dejar un comentario, por favor hazlo. Leí y respondo a todos tus comentarios y
miro y respondo a todos tus proyectos de clase. Si ya estás listo, empecemos a crear marcos rizados en Photoshop.
2. Fromas curly - parte 1: Para crear nuestro marco de soporte rizado, necesitaremos un nuevo documento. Estoy haciendo uno 2,000 pixels por 2,000 pixel color RGB. En realidad voy a usar un fondo blanco para que podamos verlo a medida que trabajamos y voy a dar click Ok. Ahora, voy a usar un carácter tipo para mi corchete rizado. Esto me va a dar un punto de partida en esta forma. Tengo una clase que te muestra cómo hacer lo mismo en Illustrator. Te voy a dar un enlace a eso en el área de proyecto de clase para que si te interesa hacer esto en Illustrator, lo puedas hacer. Ahora ya tengo alcance una fuente llamada Lucida Fax Regular, te
daré un enlace de descarga para eso también, 1,000 puntos. Sólo voy a dar clic aquí y escribir un corchete abierto. Simplemente vamos a mirar a este personaje y ver qué lo hace un buen personaje de usar. Bueno, es una especie de buen personaje, no
es el mejor en realidad pero quiero mostrarte cómo podrías evitar esto. Lo que buscamos en un personaje es, estamos buscando este punto aquí arriba y este punto aquí arriba para estar en el mismo avión. No queremos un carácter cursiva por ejemplo. También queremos un final puntiagudo. Ahora esto tiene un extremo plano aquí, pero podemos usar este extremo puntiagudo. Si uso este punto final lo que estoy mirando es mi forma va a ser el interior de este carácter de fuente. Cuando estés mirando a través de tus fuentes, vas a encontrar un montón de fuentes que tienes en tu computadora que van a funcionar así. Esta no es buena, es demasiado cursiva. Los puntos aquí en este de arriba e abajo no están en el mismo plano vertical. Este estaría bien, usaríamos el interior de la misma. Veamos aquí. Este, no bueno, tiene una buena puntiaguda dentro que nos vendría bien pero de nuevo, es demasiado cursiva. Basta con mirar a través de sus fuentes. Este sería mejor si fuera boxy en los extremos. Este está demasiado harapado. De nuevo, mejor si al final fuera boxy. El interior de éste estaría bien. El interior de éste será bueno excepto que es un poco plano de una forma. Este, podríamos usar el exterior, eso estaría bien y en realidad nos daría una mejor forma que el interior. Pero me voy a quedar con Lucida Fax Regular, y voy a ir por la forma interior. Ahora que tenemos nuestro corchete aquí, lo que tenemos que hacer es convertir nuestro tipo en esquema. Voy a la paleta Capas, y sólo voy a hacer clic derecho en esta capa. No estoy haciendo clic derecho en la miniatura, solo haciendo clic derecho en la propia capa. Necesito crear un camino de trabajo. Lo que eso hace es que me muestra todos los pequeños puntos de anclaje que estoy haciendo esta forma. Vamos a acercar un poco aquí. Lo que queremos hacer es empezar a
sacar los puntos de la parte exterior de la curva. Queremos deshacernos del bit que no queremos, y no queremos la curva exterior, pero sí queremos la curva interior. Voy a la Herramienta de Selección Directa. Comparte una posición de barra de herramientas con la Herramienta de selección de rutas, es la tecla de flecha blanca con la que vamos a estar trabajando. Voy a empezar seleccionando sobre los puntos de anclaje de los que quiero deshacerme, y seleccionar sobre uno y eliminarlo. Ahora puedo tomar unos pocos a la vez, siempre que seleccione sobre estos puntos de anclaje y no destruya esta línea interior. Pero destruye la línea interior, todas las apuestas están fuera vas a tener que volver a deshacer lo que has hecho, e ir y empezar de nuevo. Simplemente voy a seguir borrando todos los puntos de anclaje por el exterior de esta línea porque he determinado que es el interior lo que quiero conservar. Simplemente haciendo esto con mucho cuidado. Ahora tengo la línea interior, pero parece que todavía tengo mi carácter de texto. Bueno, eso es porque esto está en esta capa de aquí. Sólo voy a eliminar esa capa. Ya no necesito la forma negra, ese personaje de texto. Esto es de lo que me interesa, esto se trata todo. Ahora, en este punto lo que quiero hacer es seleccionar todo el camino. Voy a la Herramienta de Selección de Ruta y voy a seleccionar sobre toda la ruta, quiero hacer un duplicado de la misma,
Editar, Copiar, Editar, Pegar. Ahora está seleccionado, así que quiero rotarlo. Editar y luego Transformar Trayectoria. Ahora, idealmente quiero rotarlo 90 grados en el sentido de las agujas del reloj, pero Photoshop no está jugando bien conmigo en este momento. Entonces vamos a rotar. Porque eso me va a dar estas herramientas aquí arriba, y aquí arriba la puedo girar 90 grados. Yo sólo voy a hacer eso y hacer clic en la Marca de verificación. Si bien aún está seleccionada, lo voy a mover aquí arriba, así que está justo al lado de la versión inicial. Ahora, voy a la paleta Caminos aquí. Si no puedes ver la paleta Trayectos, elige Ventana y luego Rutas para mostrarla. Se puede ver que aquí tenemos nuestras dos formas, ambas en el camino de trabajo. Esto es realmente importante. Vuelvo a mi Herramienta de Selección de Ruta, asegurándome de que estoy trabajando con esta flecha negra y voy a seleccionar sobre ambas formas. Ahora tengo ambos seleccionados,
Editar, Copiar, Editar, Pegar. Quiero rotar estos dos, Editar, Transformar Path. Bueno otra vez, no puedo voltearlo pero puedo rotarlo. Vamos a Rotar, y de nuevo, vamos a rotarlo. Pero esta vez lo vamos a girar a través 180 grados porque quiero que esté aquí abajo. Daré clic en la Marca de verificación. Si bien tengo seleccionadas estas dos partes del camino y no las otras dos partes, sólo
voy a moverlo a su posición. Yo sólo quiero que se alinee más o menos así. Hay una brecha muy pequeña entre estos dos extremos. Ahora, puedes cerrar un poco el hueco si quieres, pero podría ser más fácil, particularmente cuando estás empezando con la Herramienta Pluma si
dejas que el hueco sea de un tamaño razonable. A continuación sólo vamos a acercar aquí. Esto es lo que es nuestro camino. Si creáramos una forma como esta, dirías que se llenaría de maneras divertidas. Lo que queremos es una forma que se llenaría enteramente de color. Lo que tenemos que hacer es unir estos caminos juntos, y eso lo hacemos con la Herramienta Pluma. Yo sólo voy a la Herramienta Pluma, sólo voy a dar click en este punto aquí, y voy a dar click en el punto final a esta otra línea. Eso sólo lo une. Ya verás en la paleta Paths aquí, que estamos obteniendo retroalimentación visual de que estas formas se han unido. Voy a sostener la barra espaciadora ahora y sólo rodar a través de la siguiente. Voy a dar click aquí en este camino, y voy a dar click aquí en este camino. Verás un pequeño indicador en la parte inferior del puntero del
ratón que te está diciendo que estás bastante por encima de la parte superior del final de ese camino y que te vas a unir perfectamente. Se puede ver que estamos unidos perfectamente, pero en realidad sabemos que no nos hemos unido a estos perfectamente. De verdad querrás terminar el trabajo e ir a los otros dos puntos que aún no están unidos y solo completar esos. Ahora voy a alejar el zoom con Control o Comando + 0. Lo que tengo aquí es un camino, y este es un camino realmente bonito. Nos hemos esforzado un poco en crear este camino. Lo que vamos a hacer ahora es que lo vamos a guardar para
que podamos usarlo en cualquier momento en Photoshop. Para ello, vamos a elegir Editar, y Definir forma personalizada. Vamos a llamar a este marco rizado y dar click Ok. Habiendo hecho eso, en realidad podemos eliminar nuestro camino de trabajo. Ya no la necesitamos, porque esta forma es ahora una forma incorporada en Photoshop. En el siguiente video, vamos a ver cómo iríamos y crearíamos un elemento usando esta forma.
3. Fromas curly - parte 2: La forma que acabamos de crear va a estar disponible en Photoshop en cualquier momento que queramos usarla. Por lo que está disponible para cualquier documento. Si bien digo que en realidad se puede perder, se perderá si
restableces tus preferencias de Photoshop, se perderá si actualizas tu Photoshop, no estará en la colección. Entonces lo que quieres hacer probablemente haberte ido a la molestia de crear la forma, es guardarla permanentemente. Esto lo haces eligiendo editar y luego presets e ir a tu gestor de presets. El gestor de preajustes te da acceso a todo un montón de cosas que podrías haber agregado a Photoshop como pinceles o degradados o estilos o patrones. En este caso, nos preocupan las formas personalizadas. Por lo que voy a ir hasta el final de mi panel de formas personalizadas. Aquí está la forma que acabamos de crear y la tengo seleccionada. Voy a elegir set de guardar. Voy a llamar a esta forma de corchete y hacer clic en “guardar”. Ahora se guarda como un archivo de forma de Photoshop, por lo que es externo a Photoshop. No se está guardando dentro de Photoshop. En realidad se está escribiendo en un archivo externo desde el que podría recuperarlo en cualquier momento si lo necesitara, porque todavía está en mi colección de formas, pero ahora también está almacenado de forma permanente. Ahora para usar tu forma en un documento, irás a la herramienta de formas personalizadas. Entonces voy a dar clic en la herramienta de formas personalizadas y abro mi lista de formas personalizadas y voy a seleccionar la última forma porque esa es la que acabamos de crear. Ahora, en todas las versiones de Photoshop, tienes una opción en cuanto a lo que vas a hacer. Puedes hacer un camino a medida que lo dibujas, pero no necesitamos hacer eso. Se puede hacer que se llenen píxeles. Por lo que sería una forma rellena llena con el color de primer plano actual. Tendríamos que hacer una selección de colores aquí porque el
blanco sobre el blanco no sería una opción particularmente buena. También probablemente quisiéramos agregar una nueva capa para que pusiéramos nuestra forma en una capa independiente del fondo para que
pudiéramos cambiar el fondo si quisiéramos hacerlo más adelante. También podemos crearlo como forma. En Photoshop CS6 y posteriormente crearlo como forma nos permite elegir un relleno y un trazo. Entonces voy a hacer primero la versión de Photoshop CS6. Ya tengo seleccionado un color de relleno y color de trazo, pero solo tienes que abrir esto y elegir tu relleno y tu color de trazo. He elegido un trazo de 10 píxeles. Simplemente voy a mantener presionada la tecla Mayús mientras arrastro mi forma, manteniendo la tecla Mayús puede limitarla a sus proporciones originales. Si no sostengo la tecla Mayús, puedo terminar con algo como esto o algo así. Si esa es la forma que quieres, está bien. Pero si quieres que sea una forma regular, muy bien presentado la forma en que lo creaste en primer lugar,
mantén el turno mientras lo dibujas. Aquí está mi forma, solo centrándola en el aeropuerto. Ahora se trata de Photoshop CS6 y posteriormente se obtienen estas herramientas avanzadas. Vamos a apagar esto y vamos a ver qué haríamos para conseguir el mismo tipo de efecto en Photoshop CS5 y anteriores. Voy a hacer es de nuevo, ve a la herramienta de forma, elige formas personalizadas, asegúrate de tener esta forma que quiero crear. Puedo crearlo como una forma, pero no va a tener un trazo en ella. Así que solo imitemos la versión de Photoshop CS5 y voy a elegir un color aquí. Entonces en realidad vamos a demostrar que el color de primer plano es de lo que se va a llenar. Se puede decir que en cuanto cambie mi color de primer plano, de
eso se va a llenar. Simplemente vamos a arrastrar hacia fuera manteniendo la tecla de turno lo hacemos. Entonces obtenemos la misma forma, pero no estamos consiguiendo el bonito borde de trazo. Bueno, podemos añadir un borde de trazo usando las opciones de trazo en el último en panel. Por lo que voy a dar clic en agregar estilo de capa. Voy a hacer click. Ahora con el strike, necesitarás seleccionar el color que quieres hacer tu borde acariciado. Entonces sólo voy a elegir un color azul aquí. Voy a aumentar el tamaño. En cuanto lo haga, se puede ver que estamos empezando a ponernos en forma. El inconveniente de esto es que Photoshop está redondeando los bordes. Entonces hemos perdido los bonitos bits puntiagudos, si quieres, pero eso es porque la posición de este trazo es central. Si lo agrego al interior, voy a hacer cumplir estos bordes puntiagudos. Por lo que solo querrás agregar tu trazo al interior. Voy a hacer tal vez unos 30 puntos. Bueno, eso fue un 130, así que vamos a conformarnos con 30. Voy a dar click en “bien”. Entonces esa es la forma en que crearías algo similar en Photoshop CS5 y anteriores, solo tienes que crear una forma rellena y luego ir y agregar tu trazo usando las opciones de estilo de capa en Photoshop, CS6 y posteriores, puedes hacer todo esto con el herramienta de forma personalizada.
4. Fromas curly - parte 3: Para terminar el diseño superior, es posible que desee hacer algo como agregar algunas líneas. Voy a la herramienta de lápiz y voy a una nueva capa vacía, así que puedo agregar mi línea de lápiz aquí. Voy a dar click para iniciar mi línea y voy a Shift-click para terminarla. Si uso click y Shift-click, estoy arrastrando hacia fuera una línea perfectamente horizontal. Sólo voy a presionar la tecla de escape para evitar que la herramienta de lápiz dibuje. Voy a la herramienta de selección de caminos, voy a seleccionar en mi forma. Ahora quiero aplicarle un trazo. En Photoshop CS6 y posteriormente, así es como lo voy a hacer. Seleccionando sobre la línea con la herramienta de selección de trayectoria, voy a apagar el relleno y voy a añadir un trazo. Sólo voy a añadir mi color verde de vuelta aquí. Pero en lugar de que sea una línea llena, quiero una línea punteada. Yo sólo voy a abrir esta lista aquí, que me da opciones para el trazo. Sólo voy a convertirla en una línea punteada. Ahora si quiero que mis puntos sean más grandes, solo
voy a aumentar mi peso de píxel del trazo. En realidad voy a hacer que este 20. Cuando te tabule, verás que los puntos son más grandes. Si quería que los puntos estuvieran más separados, voy a abrir esta lista desplegable, haga clic en más opciones, y voy a aumentar la brecha. Voy a aumentar la brecha aquí a 10 y se puede ver que es mucho, mucho más grande. Bueno, en realidad creo que dos estaba bien. Simplemente lo voy a dejar a las dos y dar click Ok. Ahora voy a seleccionar sólo la herramienta de marquesina de rectángulo solo para que pueda anular la selección de esta línea. Tengo esto en una capa de forma aquí, así que lo que voy a hacer es seleccionarlo y elegir capa,
nueva, capa de forma vía Copiar. Ahora voy a elegir editar y luego transformar libre. Lo que quiero hacer es mover esto hacia abajo. Voy aquí al valor y quiero mover esto por un fairway. Por el momento está en 538. Voy a hacer este 738 porque eso lo va a mover hacia abajo a unos 100 pixeles. Si no lo quieres hasta ahora, usa un valor diferente y haces clic en la marca de verificación. Ahora de inmediato, voy a sostener Alt, Control Shift. Eso es Option Command, Shift, en el Mac y presione la letra T. Voy a hacer eso unas cuantas veces hasta que repita transformar esta forma, para que tenga un número de líneas en el documento. Esa es una forma agradable y fácil de crear las líneas en Photoshop CS6 y posteriores. Vamos a ver cómo hacemos esto en Photoshop CS5 y anteriores. He reabierto este documento aquí en Photoshop CS5, solo para que veas que estoy trabajando sin las herramientas con las que estoy familiarizado en Photoshop CS6 y posteriores. Aquí tengo mi forma. Simplemente estoy apagando todo lo que creé en el otro video. Voy a la capa muy superior aquí. Voy a añadir una nueva capa en la que podemos trabajar. Vamos a ver cómo crearíamos la línea punteada en esta versión de Photoshop. Voy de nuevo a la herramienta de bolígrafo luego haga clic en la herramienta de lápiz. Yo estoy trabajando en caminos aquí. Tengo este ícono del medio aquí seleccionado. Solo voy a dar click una vez donde quiero que empiece mi línea. Voy a mantener presionada la tecla de turno y hacer clic para terminar la línea. Sostener la tecla de turno solo asegúrate de hacer una línea que sea perfectamente horizontal. Presionaré Escape para apagar la herramienta de bolígrafo en este punto. Ahora voy a la herramienta de selección pasada aquí hay flecha negra. Voy a seleccionar ya sea mi camino. Voy a la herramienta de pinceles. Lo que quiero hacer es seleccionar un pincel con el que acariciar esta línea. Lo que quiero es un pincel que tenga un borde duro. Este de aquí, por ejemplo, tiene un borde muy duro. Yo sólo voy a hacer click de distancia. A continuación quiero el panel de pincel. Voy a la ventana y luego cepillaré. Esto me va a dejar armar mi pincel. Aquí está mi cepillo duro de 20 píxeles. Creo que 20 píxeles va a estar bien. Pero se puede ver que va a pintar a lo largo de la línea como una línea recta. Quiero aumentar el espaciado para hacer el espaciado para los puntos a través de mi línea. Cuando estoy contento con eso, sólo
puedo cerrar ese panel de pinceles. Voy ahora al panel de caminos porque este es un camino. Voy a dar click en el camino y aquí abajo en la parte inferior hay una opción que es trazo con pincel. Tengo mi color verde ya seleccionado, pero podría simplemente ir aquí y seleccionar cualquier color a usar. Pero voy a usar ese verde. Sólo voy a dar clic una vez en este ícono para acariciar el camino con mi pincel. Lo que eso hace es que solo agrega los puntos a mi camino. Volvamos a mi capa. Voy a hacer click lejos de esta forma. En la paleta del camino, en realidad sólo quiero deshacerme de este camino de trabajo también. Yo sólo voy a arrastrar y soltar eso en el basurero porque ya no lo necesitamos. En la paleta de capas con esta capa de línea punteada seleccionada, voy a elegir capa, nueva, capa vía copia. Entonces voy a seleccionar los contenidos de la capa. Voy a elegir editar, transformar
libre, y aquí arriba puedo leer el valor y. Por el momento esta línea se encuentra en 434.50. Bueno, sólo voy a sumar 200 a eso. Voy a mover este al 634.50, pero puedes moverlo donde quieras. Sólo voy a dar clic a la marca de verificación. Yo hice esto por supuesto, usando el valor y porque eso simplemente lo empuja hacia abajo el documento. Al hacer clic en la marca de verificación, lo siguiente que voy a hacer es mantener pulsado Control, Alt y shift Command Option Shift en el Mac y solo presionar la letra T. Cada vez que hago eso solo duplica esa línea. Cuando haya terminado, solo puedo hacer click de distancia. Simplemente elige la marquesina circular o la herramienta de marquesina rectangular para anular la selección con la que estás trabajando. Aquí está la forma resultante creada esta vez usando las herramientas en Photoshop CS5 y anteriores por si acaso no tienes acceso a esas herramientas CS6. Tu proyecto para esta clase será crear tus propias formas de marco de soporte rizado, guardarlo como forma, y luego seguir adelante y usarlo para crear un elemento en Photoshop. Publica el proyecto terminado en el área de proyecto de clase. Espero que hayas disfrutado de esta clase y hayas aprendido algo sobre crear formas en Photoshop y también cómo manipular caminos porque esa es una herramienta útil para saber usar. medida que estás trabajando a través de estos videos, es posible que hayas visto un prompt que te permita recomendar esta clase a otros. Por favor si estás disfrutando de la clase, dale un pulgar arriba. Recomendaciones como esta me ayudan a conseguir mis clases frente más personas que al igual que tú quieren aprender más sobre Photoshop. Me llamo Helen Bradley. Muchas gracias por acompañarme por este episodio de diseño gráfico para Almuerzo. Espero verte pronto en un próximo episodio.
5. Fromas de curly - video extra: Pensé que sería buena idea agregar un video corto
adicional a esta clase por uno de los proyectos de mi estudiante. Este es el proyecto de Karina y lo que ha hecho realmente interesante es que ha llenado su forma con un patrón, y te voy a mostrar cómo podrías hacer esto. Ahora para este fin, he descargado un conjunto de patrones llamados flores de la abuela. Te voy a dar el enlace de descarga en caso de que quieras descargar esto y usarlo. Lo que vas a hacer es descargar este conjunto de patrones y luego ir a tu carpeta de descargas y solo extraer el contenido de ese archivo, y tendrás ahí archivo PAT. Con Photoshop abierto, solo puedes hacer doble clic en esta caída PAT para instalar esos patrones dentro de Photoshop y ahora vamos a usarlos para llenar una forma. Voy a crear un nuevo documento, solo van a ser 1000 pixels por 1000 pixels modo de color RGB. Para mayor comodidad, solo lo voy a llenar con un fondo blanco, voy a dar clic en “Ok”. Estoy pasando por la herramienta de forma personalizada y voy a
asegurarme de haber seleccionado la última forma, que tiene la forma que hemos creado en esta clase. Voy a asegurarme de que de las tres opciones aquí, estoy usando forma y voy a configurarla para que tenga un color de relleno pero sin trazo. En versiones anteriores de Photoshop cuando no tienes estas opciones, está bien. Simplemente establece un color de relleno de tu elección porque todo lo que vamos a usar en este momento es el relleno, no
quieres acariciarte. En versiones anteriores de Photoshop, no se
puede agregar un trazo de esta manera de todos modos. Yo sólo voy a sostener “Shift” mientras arrastro mi forma y coloco eso aproximadamente donde quería y lo dejaré ir. Esto me está dando una forma llena. Ahora, voy a la última tarima para que sólo veamos qué tenemos. Tenemos un fondo blanco, y una forma rellena. A continuación escogeremos Capa, Nueva capa de relleno, Patrón. Voy a dar click en “Ok”. Los últimos cuatro patrones son los que acabas de instalar de esas flores de la abuela, o puedes usar cualquier patrón de tu elección. Yo sólo estoy eligiendo éste. Tenemos un patrón encima de una forma. Lo que podemos hacer es recortar el patrón a la forma de abajo, con la capa de patrón seleccionada, escogeremos capa y luego crearemos máscara de recorte. Ahora tenemos un patrón clicado a la forma de nuestro marco de soporte rizado. Pero esto se vería mejor con un borde divisorio a su alrededor. Vamos a seleccionar de nuevo en capa de
forma y vamos al icono de fx y hacemos clic en “Stroke”. Esto nos permite aplicar un trazo a nuestra forma. Lo tengo configurado para dentro así que consigo los bonitos bordes más afilados. Puedo definir su ancho simplemente ajustando el valor de talla aquí y puedo establecer un color ya habrá seleccionado el color que quiero usar, pero podrías hacer clic en la opción de color aquí y luego solo muestrear un color de tu gráfico. Aquí solo estoy seleccionando un color del patrón, y haré clic en “Ok” y luego en “Ok” otra vez. Por supuesto si quisiéramos agregar texto a nuestro gráfico, podríamos simplemente agregar texto a una nueva capa. Pero pensé que era una idea tan buena de Karina que valió la pena crear un video extra solo para mostrarte cómo podrías lograr este efecto tú mismo.