En el siguiente tutorial, aprenderá a crear un icono de documento simple en Adobe Photoshop.
Imagen final
Como siempre, esta es la imagen final que crearemos:
Detalles del tutorial
- Programa: Adobe Illustrator CS5
- Tiempo estimado de finalización: 45 minutos
- Dificultad: Principiante Intermedio
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 OK. Habilitar la cuadrícula (Ver> Mostrar> Cuadrícula) y Ajustar a la cuadrícula (Ver> Ajustar a> Cuadrícula). Para empezar, necesitará una cuadrícula cada 5px, así que simplemente vaya a Edición> Preferencias> Guías, cuadrículas y cortes y céntrese en la sección Grid. Ingresar 5 en el Línea de cuadrícula Cada caja y 1 en el Subdivisión caja. Además, establezca el color de la cuadrícula en # a7a7a7.
Una vez que haya configurado todas estas propiedades, haga clic en OK. No se desanime con toda esa cuadrícula. Facilitará su trabajo más tarde y podrá encenderlo / apagarlo fácilmente usando el CTRL + ‘ atajo. También debe abrir el Información panelVentana> Información) para obtener una vista previa en vivo con el tamaño y la posición de sus formas.
Paso 2
Establezca el color de primer plano en # c69c6d y elige el Herramienta Rectángulo redondeado. Concéntrese en la barra superior, establezca el radio en 5px y crea un 105 x 15 px forma vectorial. Asegúrese de que esta nueva forma permanezca seleccionada y vuelva a la barra superior. Comprobar el Agregar luego simplemente agregue un 40 x 20 px rectángulo redondeado y colóquelo como se muestra en la segunda imagen.
Paso 3
Muévete a la Capas panelVentana> Capas), nombre la forma vectorial existente «espalda«luego haga doble clic en él para abrir el Estilo de capa ventana. Activar el Sombra interior y el Gradiente de superposición luego ingrese las propiedades que se muestran en las siguientes imágenes.
Paso 4
Asegúrese de que el color de primer plano aún esté establecido en # c69c6d y agarra el Herramienta Rectángulo redondeado. Crear un 115 x 75 px forma vectorial, colóquela como se muestra en la primera imagen y vaya a Editar> Transformar> Deformar. Concéntrese en la barra superior, seleccione Protuberancia en el menú desplegable Deformar, marque la casilla Orientación , ingrese 5 en el cuadro Bend, configure la distorsión vertical (V 🙂 en -3% y luego presione Ingresar.
Al final, las cosas deberían verse como en la segunda imagen. Muévete a la Capas panel y simplemente nombre esta nueva forma «parte delantera«.
Paso 5
Abre el Estilo de capa ventana para tu «parte delantera«forma vectorial e ingrese las propiedades que se muestran en las siguientes imágenes. Patrón de superposición sección necesitará el patrón más oscuro del paquete de Patrones de cuero enlosables neutros.
Paso 6
Establezca el color de primer plano en negro y elija el Herramienta Elipse. Crear un 105 x 5 px forma vectorial, colóquela como se muestra en la primera imagen y muévala a la Capas panel. Haga clic derecho en esta nueva forma vectorial y simplemente vaya a Convertir en objeto inteligente. Envíe este nuevo objeto inteligente al reverso (Mayús + CTRL +[[ ) E ir a Filtro> Desenfocar> Desenfoque gaussiano. Ingrese un radio de 3px y haga clic en OK.
Paso 7
Asegúrese de que el Herramienta Elipse sigue activo, cree un 105 x 10 px forma vectorial, colóquela como se muestra en la primera imagen y muévala a la Capas panel. Convierta esta nueva forma vectorial en un objeto inteligente, envíelo hacia atrás (Mayús + CTRL +[[ ) E ir a Filtro> Desenfocar> Desenfoque gaussiano. Ingrese un radio de 3px y haga clic en OK.
Paso 8
Establezca el color de primer plano en # aecef5, elige el Herramienta rectangular, crear un 105 x 70 px forma vectorial y colóquela como se muestra en la primera imagen. Asegúrese de que este rectángulo azul esté seleccionado y presione CTRL + T (o ir a Editar> Transformar> Rotar). Concéntrese en la barra superior, establezca el ángulo de rotación en -4 grados y presione Ingresar.
Muévete a la Capas panel y arrastre esta nueva forma vectorial debajo de su «parte delantera«forma. Abra el Estilo de capa ventana para esta forma de vector azul, active la Carrera, ingrese las propiedades que se muestran en la siguiente imagen y haga clic en OK. Volver a la Capas panel, haga clic derecho en su forma de vector azul y simplemente vaya a Copiar estilo de capa.
Paso 9
Para los siguientes pasos, necesitará una cuadrícula cada 1 px, así que simplemente ve a Edición> Preferencias> Guías, cuadrículas y cortes y entrar 1 en el Línea de cuadrícula Cada caja. Utilizando el Herramienta rectangular, crear un 105 x 70 px forma, colóquelo como se muestra en la primera imagen y presione CTRL + T. Establezca el ángulo de rotación en -5 grados y presione Ingresar.
Centrarse en el Capas panel, arrastre esta nueva forma azul debajo de su «parte delantera«forma vectorial, haga clic derecho sobre ella y vaya a Pegar estilo de capa.
Paso 10
Asegúrese de que el Herramienta rectangular sigue activo, cree un 105 x 70 px forma, colóquelo como se muestra en la primera imagen y presione CTRL + T. Ingrese un ángulo de rotación de 3 grados y presione Ingresar.
Centrarse en el Capas panel, arrastre esta nueva forma azul debajo de su «parte delantera«forma vectorial, haga clic derecho sobre ella y vaya a Pegar estilo de capa.
Paso 11
Deshabilitar la cuadrícula (Ver> Mostrar> Cuadrícula) y duplicar tu «parte delantera«forma vectorial (CTRL + J). Centrarse en el Capas panel, haga clic derecho en esta copia y vaya a Estilo de capa clara.
Asegúrese de que esta copia permanezca seleccionada, baje el Llenar para 0% luego abre el Estilo de capa ventana e ingrese las propiedades que se muestran en las siguientes imágenes.
Paso 12
Centrarse en el Capas panel, sostenga el CONTROL de su teclado y haga clic en la forma de vector azul inferior. A continuación, mantenga el CONTROL y el Cambio teclas de su teclado y simplemente haga clic en las otras dos formas vectoriales azules. Al final, debería tener una selección alrededor de las tres formas vectoriales azules. Vuelva a seleccionar el «parte delantera«copia realizada en el paso anterior y presione el Agregar máscara de capa botón de la parte inferior de la Capas panel.
Abre el Estilo de capas ventana para esta forma de vector enmascarado y simplemente marque la Efectos ocultos de la máscara de capa caja. Finalmente, golpea CTRL + D para deshacerse de esa selección.
Paso 13
Utilizando el Herramienta de texto horizontal agregue un texto simple como se muestra en la primera imagen. Utilice la fuente Eras Bold ITC con el tamaño establecido en 30 puntos y elija un color al azar. Asegúrese de que su fragmento de texto esté seleccionado, baje su Llenar para 0% luego abre el Estilo de capa ventana e ingrese las propiedades que se muestran en las siguientes imágenes.
Paso 14
Finalmente, aquí le mostramos cómo puede cambiar fácilmente el color del icono final. Muévete a la Capas panel, céntrese en las formas vectoriales con el color establecido en # c69c6d y simplemente reemplácelo con el color que prefiera.
¡Y hemos terminado!
Así es como debería verse el resultado final.
¿Todavía no eres usuari@ de Fiverr ?
Tenemos un post sobre Fiverr donde te contamos cono funciona.