En el siguiente tutorial, aprenderá a crear una insignia web simple usando Photoshop.
Imagen final
Como siempre, esta es la imagen final que crearemos:
Recursos
Paso 1
Abra Photoshop y presione Control + N para crear un nuevo documento. Ingrese todos los datos que se muestran en la siguiente imagen y haga clic en Aceptar.
Habilite la cuadrícula (Ver> Mostrar> Cuadrícula) y Ajustar a la cuadrícula (Ver> Ajustar a> Cuadrícula).
Por el momento necesitas una cuadrícula cada 5px. Vaya a Edición> Preferencias> Guías, Cuadrícula y Cortes y céntrese en la sección Cuadrícula. Ingrese 5 en el cuadro Gridline Every y 1 en el cuadro Subdivision. Además, establezca el color de la cuadrícula en # a7a7a7.
Una vez que establezca todas estas propiedades, haga clic en Aceptar. No se desanime por toda esa cuadrícula. Facilitará su trabajo más tarde.
También debe abrir el panel Información (Ventana> Información) para obtener una vista previa en vivo con el tamaño y la posición de sus formas.
Paso 2
Elija la herramienta Polígono y céntrese en la barra superior. Ingrese 25 en el cuadro Lados y luego haga clic en la pequeña flecha negra para abrir el menú Opciones de polígono.
Marque las tres casillas y luego ingrese un radio de 100px y una sangría del 20%.
Establezca el color de primer plano en # c7a069 y cree su forma como se muestra en la siguiente imagen.
Paso 3
A continuación, debe crear un patrón simple. Primero, presione Control + N para crear un nuevo documento. Ingrese 4 en los cuadros de ancho y alto y haga clic en Aceptar.
La cuadrícula y el ajuste a la cuadrícula ya deberían estar habilitados. Para este nuevo documento, necesita una cuadrícula cada 1px. Simplemente vaya a Edición> Preferencias> Guías, Cuadrícula y Cortes e ingrese 1 en el cuadro Cuadrícula Cada.
Vaya al panel Capas y elimine la capa «Fondo». Establezca el color de primer plano en negro y tome la herramienta Rectángulo. Cree dos rutas vectoriales de 2 por 2px y colóquelas como se muestra en la siguiente imagen.
Ahora, simplemente vaya a Editar> Definir patrón. Elija un nombre para su patrón, haga clic en Aceptar y obtendrá su patrón.
Cierre este documento y vuelva al primero.
Paso 4
Vuelve a «cuadrícula cada 5px». Entonces, vaya a Edición> Preferencias> Guías, Cuadrícula y Cortes e ingrese 5 en el cuadro Cuadrícula Cada.
Concéntrese en el panel Capas y haga doble clic en la forma vectorial hecha en el segundo paso para abrir la ventana Estilo de capa.
Ingrese las propiedades que se muestran en las siguientes imágenes y haga clic en Aceptar. Para la sección de superposición de patrones, debe utilizar el patrón realizado en el paso anterior.
Paso 5
Establezca el color de primer plano en # 855f37, elija la herramienta Elipse, cree un círculo de 120px y colóquelo como se muestra en la primera imagen. Asegúrese de que esta nueva forma vectorial permanezca seleccionada, continúe con la herramienta Elipse, marque el botón Restar de la barra superior y cree un círculo de 70 px como se muestra en la segunda imagen.
Paso 6
Abra la ventana Estilo de capa para la forma vectorial realizada en el paso anterior e ingrese las propiedades que se muestran en las siguientes imágenes.
Paso 7
Establezca el color de primer plano en # c7a069, elija la herramienta Elipse, cree un círculo de 70 px y colóquelo como se muestra en la primera imagen. Asegúrese de que esta nueva forma vectorial permanezca seleccionada y cambie a la herramienta Rectángulo.
Marque el botón Agregar en la barra superior y cree un rectángulo de 270 por 40 px como se muestra en la segunda imagen.
Paso 8
Asegúrese de que la forma del vector hecha en el paso anterior aún esté seleccionada. Tome la herramienta Agregar punto de ancla y agregue dos nuevos puntos de ancla como se muestra en la primera imagen.
Cambie a la herramienta Convertir punto y haga clic en ambos puntos de ancla. A continuación, debe mover estos nuevos puntos de anclaje.
Elija la Herramienta de selección directa, seleccione el punto de anclaje izquierdo y muévalo 25px hacia la derecha, luego seleccione el punto de anclaje derecho y muévalo 25px hacia la izquierda. Al final, su forma vectorial debería verse como en la tercera imagen.
Abra la ventana Estilo de capa para esta ruta vectorial e ingrese las propiedades que se muestran en las siguientes imágenes.
Paso 9
Establezca el color de primer plano en # 855f37, elija la herramienta Rectángulo, cree una forma vectorial de 240 por 30 px y colóquela como se muestra en la primera imagen. Tome la herramienta Agregar punto de ancla y agregue dos nuevos puntos de ancla como se muestra en la primera imagen.
Cambie a la herramienta Convertir punto y haga clic en ambos puntos de ancla.
Elija la Herramienta de selección directa, seleccione el punto de ancla izquierdo y muévalo 15px hacia la derecha, luego seleccione el punto de ancla derecho y muévalo 15px hacia la izquierda. Al final, su forma vectorial debería verse como en la tercera imagen.
Paso 10
Asegúrese de que la forma del vector hecha en el paso anterior aún esté seleccionada. Elija la herramienta Elipse, marque el botón Restar de la barra superior y cree un círculo de 70 por 70 px como se muestra en la primera imagen.
Abra la ventana Estilo de capa para esta ruta vectorial e ingrese las propiedades que se muestran en las siguientes imágenes.
Paso 11
Establezca el color de primer plano en # c7a069, elija la herramienta Texto y agregue «PREMIUM» como se muestra en la primera imagen.
Utilice la fuente MoolBoran con el tamaño establecido en 15 puntos. Seleccione este fragmento de texto y vaya a Editar> Transformar> Deformar.
Seleccione Arco en el menú desplegable Deformar, ingrese 65 en el cuadro Doblar y presione Enter.
Paso 12
Abra la ventana Estilo de capa para el texto agregado en el paso anterior e ingrese las propiedades que se muestran en la siguiente imagen.
Vaya al panel Capas, haga clic con el botón derecho en este texto y haga clic en Copiar estilo de capa.
Paso 13
Elija la herramienta Texto y agregue «CALIDAD» como se muestra en la siguiente imagen. Nuevamente, use la fuente MoolBoran con el tamaño establecido en 15 puntos.
Seleccione este fragmento de texto y vaya a Editar> Transformar> Deformar.
Seleccione Arco en el menú desplegable Deformar, ingrese -50 en el cuadro Doblar y presione Enter.
Vaya al panel Capas, haga clic con el botón derecho en este texto y haga clic en Pegar estilo de capa.
Paso 14
Elija la herramienta Texto y agregue «REEMBOLSO DE DINERO» dos veces como se muestra en la siguiente imagen.
Utilice la fuente MoolBoran con el tamaño establecido en 13 puntos. Además, establezca el avance en 10 puntos y el seguimiento en 350.
Haga clic derecho en estos fragmentos de texto y haga clic en Pegar estilo de capa.
Paso 15
Elija la herramienta Texto, agregue el «100» y el símbolo de porcentaje y use las propiedades que se muestran en la primera imagen.
Seleccione ambos fragmentos de texto y conviértalos en un objeto inteligente.
Abra la ventana Estilo de capa para este objeto inteligente e ingrese las propiedades que se muestran en las siguientes imágenes.
Imagen final
Así es como debería verse su resultado final.
¿Todavía no eres usuari@ de Fiverr ?
Tenemos una entrada sobre Fiverr donde te contamos cono funciona.