Share
En este tutorial, vamos a utilizar las Herramientas de ruta en Photoshop para dibujar una forma de escudo. Luego, usando algunos gradientes, le daremos un borde metálico y un centro brillante. De hecho, hice este tutorial al crear los íconos predeterminados para algunas publicaciones aquí en PSDtuts, así que si vas a la lista principal en el sitio, los verás en acción..
Comenzamos con un degradado de gris oscuro a negro. Dibujé esto con el degradado radial, que los lectores de PSDtuts de larga data sabrán que es mi herramienta de degradado favorita. De todos modos, no te preocupes demasiado por estos colores, porque a mitad del tutorial, decidí que eran demasiado oscuros y los cambié!
Ahora presione Ctrl-R para activar sus reglas y arrastre algunas guías hacia afuera. Para ello, haga clic en la regla y luego mantenga presionado el mouse y arrastre hacia donde desee que estén. Configuré mis guías como se muestra a continuación. Debido a que estoy dibujando un triángulo, quiero asegurarme de que sea simétrico y no torpe, de ahí las guías.
Tenga en cuenta que en cualquier momento puede presionar Ctrl + 'y las guías se encenderán y apagarán. Esto es útil porque, de lo contrario, a veces interfieren con lo que intentas hacer.
También con las reglas puede hacer clic con el botón derecho en las reglas y ver las diferentes medidas en las que trabajan. Para los gráficos web, probablemente sea más fácil trabajar en píxeles (aunque para la impresión es probable que desee algo más grande). De todos modos, como mi lienzo es de 500x500, coloco las guías a 100px, 250px y 400px y luego a 100px y 250px hacia abajo.
A continuación, agarre la herramienta Pluma (P) y dibuje un triángulo como se muestra. Puedes hacer esto con tres puntos (¡sí, después de todo, todas las matemáticas de la escuela secundaria valen la pena!). Tenga en cuenta que si mantiene presionado el mouse cuando coloca puntos, obtendrá la pluma con curvas (su nombre técnico es curvas de bezier) y no estamos interesados en esos hoy, así que haga clic una vez para obtener buenos puntos en ángulo.
Además, si mantiene presionada la tecla Mayús, verá que la herramienta Pluma se ajusta a las líneas que están en múltiplos de 45 grados. Esto puede ser bueno, especialmente si desea dibujar la línea recta en la parte superior (y no colocar accidentalmente una marca a unos pocos píxeles). Alternativamente, supongo que puede asegurarse de que tiene el complemento que se encuentra en Ver> Ajustar a> Guías. De cualquier manera debería obtener el resultado correcto. Como siempre, Photoshop te da miles de maneras de hacer todo.
Ahora queremos una variante de la herramienta Pluma llamada la herramienta Agregar punto de ancla. Puedes verlo en la imagen de abajo..
Con la herramienta Agregar ancla seleccionada y sus guías aún arriba, vaya y agregue puntos adicionales en las posiciones que se muestran a continuación (tenga en cuenta que he desactivado las guías con CTRL + 'para poder capturarlas correctamente).
Quizás se esté preguntando por qué no agregamos todos estos puntos al principio en lugar de después de haber dibujado el triángulo. La respuesta es simplemente que es difícil lograr que todo se vea bonito y simétrico. Esta es una manera más fácil.
Ahora vamos a cambiar a la Herramienta de selección directa (A), que es la flecha que se muestra. En realidad, hay tres herramientas de flecha en Photoshop, esta es una alternativa que se llama la herramienta de selección de ruta y nuestra flecha regular también se llama la herramienta de movimiento. Cual es la diferencia?
Bueno, básicamente, la herramienta Mover (la herramienta normal) es para mover objetos como lo hace normalmente. Estos otros dos son para caminos. La herramienta Selección directa sirve para seleccionar puntos o bordes (las líneas entre los puntos). Mientras que la herramienta Selección de ruta es para mover la ruta completa alrededor de todas juntas (sin que pierda forma).
La mejor manera de entenderlos, por supuesto, es hacer clic en cada uno de ellos y ver qué hace. Pero por ahora solo queremos la herramienta de selección directa..
Entonces, utilizando la herramienta de selección directa, primero haga clic en el punto central superior para seleccionarlo. Ahora mantenga presionada la tecla Mayús y presione la flecha hacia arriba un par de veces y verá que el punto se mueve hacia arriba. A continuación, haga lo mismo con los puntos medios izquierdo y derecho para hacer que se muevan.
Mantenemos presionada la tecla Mayús porque hace que el movimiento sea más rápido (creo que MAYÚS + Flecha es lo mismo que la flecha 10x sin Mayús).
De todos modos, mueve los puntos hasta que tengas algo como mostrado ...
Depende de usted cómo hacer que se convierta en su camino final, yo hice el mío algo peculiar simplemente moviendo los puntos hasta que parecían un escudo. Guardé la ruta en el archivo PSD para descargarla en caso de que desee esa ruta exacta. Puede encontrarlo haciendo clic en la pestaña Rutas y luego verá una ruta marcada como Ruta de protección..
Cada vez que tenga una ruta que cree que podría querer más adelante, haga clic en la pestaña Rutas y luego haga clic en esa pequeña flecha que apunta a la derecha y elija Guardar ruta. Esto es particularmente útil si ha pasado mucho tiempo grabando a una persona en una fotografía y quiere asegurarse de no perder su trabajo de forma accidental..
A continuación, crear una nueva capa. Haga clic en la herramienta Pluma y luego haga clic con el botón derecho en cualquier lugar del lienzo y elija Hacer selección. Aparecerá un pequeño cuadro de diálogo que le preguntará si desea ajustar su selección, asegúrese de que esté configurado en 0 (el valor predeterminado) y pulse Aceptar.
A continuación, obtenga un gris claro a gris oscuro y dibuje un degradado en su nueva capa como se muestra.
Ahora, con esa capa aún seleccionada, cree una nueva capa y vaya a Seleccionar> Modificar> Contrato y coloque 10 píxeles.
A continuación, dibuje un degradado que vaya de la OTRA manera con los mismos dos colores gris claro y gris oscuro. Así que el primero debe ser desde la parte superior izquierda a la inferior derecha. Esta nueva capa debe estar abajo a la derecha y arriba a la izquierda. Puede ver el efecto de los dos gradientes en la imagen para el siguiente paso.
Luego, mientras la segunda capa aún está seleccionada, vaya a Seleccionar> Modificar> Contratar nuevamente y use 10píxeles de nuevo. Luego cree una nueva capa, y esta vez con un degradado radial, dibuje un agradable degradado naranja con la parte más clara en la parte superior izquierda como se muestra.
Ahora vuelva a la capa intermedia, presione Ctrl y haga clic en la capa para seleccionar sus píxeles como se muestra. Crea una nueva capa encima de esa y rellénala con blanco.
Luego vaya a Seleccionar> Modificar> Contrato y use un valor de 1 píxel y luego presione Eliminar. Esto dejará una línea blanca delgada de un píxel entre los dos gradientes metálicos. Se verá como la parte superior de una cresta de metal (una especie de ...)
Ok, así que aquí está lo que tenemos hasta ahora. Puede ver que al usar los dos gradientes que van en direcciones opuestas, hemos creado una especie de efecto 3D que parece que la luz viene de la parte superior izquierda y crea un resaltado y una sombra en el "metal".
Ahora agregamos una Sombra simple y una Sombra interior a la capa naranja. Puede verlos en el archivo PSD de muestra para descargar, pero básicamente es solo una sombra interior con una distancia de 0 para que la sombra esté incluso alrededor de los bordes, y de manera similar con una sombra paralela. Queremos la sombra interior, ya que hace que se vea un poco más tridimensional porque los bordes se están alejando de la perspectiva del espectador. La sombra es solo para hacer que la capa naranja reaccione un poco más con el marco de metal..
Esto es lo que tenemos ahora ... Está empezando a verse muy bien. En este punto, también he aclarado el fondo (aunque es difícil decirlo ahora que lo veo). Así que aquí es un gris muy oscuro, en lugar de negro. También he agregado una sombra a la primera capa de metal gris, aunque es bastante débil..
Ahora, en una nueva capa en la parte superior, dibuje una elipse con la herramienta Elíptica Marquesina (M) y llénela con blanco como se muestra.
Ahora, la única razón por la que hemos llenado esto de blanco es que ahora podemos presionar Ctrl-T y rotar la elipse como se muestra.
Una vez que haya girado la elipse, mantenga presionada la tecla Ctrl y haga clic en esa capa para seleccionar la elipse y luego elimine la capa para que quede con una selección formada como una elipse en un ángulo.
Luego cree una nueva capa y dibuje un degradado radial pasando de blanco a transparente como se muestra.
Ahora mantenga presionada la tecla Ctrl y haga clic en la capa naranja para seleccionar sus píxeles y luego presione Ctrl + Mayús + I para invertir la selección (es decir, seleccionará todo excepto los píxeles de la capa naranja) y luego haga clic en la capa superior, que tiene ese degradado radial blanco-transparente del último paso, y presione Eliminar. Ahora debería tener un resaltado como se muestra.
Ahora establezca esa capa de resaltado en un modo de mezcla de Superposición y una opacidad del 60%. Debe dar un bonito amarillo dorado como se muestra..
Ahora, crea una nueva capa y luego vuelve a presionar Ctrl y haz clic en la capa naranja para seleccionar sus píxeles. Luego, en la nueva capa, dibuje un degradado lineal hacia abajo desde el negro hasta el transparente como se muestra.
Establezca esta nueva capa negra en un modo de fusión de Luz suave y luego mantenga presionada la tecla Ctrl y haga clic en la capa naranja una vez más, luego mantenga presionada la tecla Mayús y presione la flecha hacia abajo varias veces para mover la selección hacia abajo. A continuación, vuelva a esa capa negra y presione Eliminar para dejar solo una barra en la parte superior como se muestra.
En este punto, decidí cepillar un poco el metal. Para hacer esto, haga clic en cualquiera de las dos capas grises y con la Herramienta de grabación (O) seleccionada y un cepillo suave, simplemente oscurezca las partes que son más oscuras y aclare las partes que son más claras según lo crea conveniente. Hice esto solo para obtener un poco más de contraste como se muestra. No olvides que si mantienes presionada la tecla Alt mientras usas la herramienta de grabación, cambia a la herramienta de esquivar (que se aclara en lugar de oscurecer) para que no tengas que seguir cambiando entre ellas..
OK ahora para la ráfaga radial en el fondo. Elija la herramienta de forma personalizada (U) y seleccione la forma que se muestra a continuación.
Cree una nueva capa justo encima del fondo gris oscuro y, utilizando el blanco como color de primer plano, dibuje una versión muy grande de esa forma como se muestra. Esto hace que una especie de vector de efecto starburst..
Ahora configura esa capa en Superposición y 30% de opacidad para que sea mucho más débil. Finalmente en una capa en la parte superior, agregué un gigante. S en un color rojo oscuro y ajústelo a Multiplicar al 20%. Luego escribí una palabra en la parte superior y hemos terminado! Un poco de un efecto extraño, pero divertido a pesar de todo.!
Accentsconagua