En este tutorial, le mostraré cómo crear un conjunto de iconos dibujados a mano usando solo Adobe Photoshop.
Imagen definitiva
Como siempre, esta es la imagen final que crearemos:
Detalles del tutorial
- Programa: Adobe PhotoshopCC
- Tiempo estimado de finalización: 20 minutos
- Dificultad: Principiante
Recursos
Paso 1
Primero, creamos el patrón para los íconos. Pegar Controlar + Ncrear un 200 px x 200 px documento y asegúrese de que el Contenidos de fondo se establece en Transparente.
Paso 2
Muévete a tu Barra de herramientasestablezca el color de primer plano en #2E8E99 y seleccione el Pincel. Ir Ventana > Pincelelige el Opacidad de presión redonda dura e ingrese la configuración que se muestra a continuación.
Muévase a su lienzo y cree dos conjuntos de líneas (horizontal y diagonal) como se muestra en la segunda imagen.
Paso 3
Para guardar su patrón simplemente vaya a Editar Definir patrón. Elija un nombre para su patrón y haga clic en Aceptar.
Etapa 4
Pegar Controlar + N y crear un 600 px x 500 px documento.
Seleccione la capa Fondo y haga clic en el icono del candado para desbloquear la capa.
Paso 5
Establezca el color de primer plano en #B08232toma el Herramienta Bote de pintura y llene el lienzo con el nuevo color.
Abre el Estilo de capas para la capa de fondo e ingrese la configuración que se muestra a continuación.
Paso 6
Abra el archivo psd “42 Íconos para Diseñadores” que descargó y luego abra el grupo “plano”. Elija sus iconos favoritos y arrástrelos a su documento de trabajo.
Si desea cambiar el tamaño de un ícono a un tamaño más grande, asegúrese de que el tamaño no sea más grande que el patrón creado en este tutorial; de lo contrario, deberá crear un patrón más grande.
Paso 7
Abre el Estilo de capa ventana para un icono e ingrese la configuración que se muestra a continuación.
Después de aplicar estos ajustes, céntrese en el Capas panel, haga clic derecho en ese icono editado y vaya a Copiar estilo de capa . Muévase a los otros íconos, haga clic derecho y esta vez vaya a Pegar estilo de capa.
Paso 8
Centrarse en el Capas panel, seleccione un icono y duplíquelo. Abre el Estilo de capa ventana para esta copia nueva e ingrese la configuración que se muestra a continuación.
Para el Patrón de superposición sección use el patrón hecho en este tutorial.
Ahora, copie este nuevo estilo de capa, duplique el resto de sus iconos y pegue el estilo de capa en ellos.
Paso 9
Enfócate en uno de tus íconos, muévete al Capas paleta y seleccione las dos formas que componen este icono. Haga clic derecho en una de estas formas seleccionadas y luego vaya a Encubierto a objeto inteligente.
Muévase al resto de sus íconos y repita esta técnica.
Paso 10
Sigue enfocándote en el Capas paleta y seleccione el objeto inteligente que conforma su icono de sobre. Centrarse en la parte inferior de la Capas paleta, haga clic en el Crear nueva capa de relleno o ajuste botón, ir a La saturación de color y luego golpear Control + Alt + G.
Ahora, ve a la Propiedades panel y simplemente ingrese los atributos que se muestran en la siguiente imagen.
Paso 11
Muévase al resto de los íconos, use la técnica mencionada en el paso anterior para agregar fácilmente un La saturación de color e ingrese los atributos que se muestran en las siguientes imágenes.
¡Y hemos terminado!
Así es como debería verse el resultado final.
¿Todavía no eres usuari@ de Fiverr ?
Tenemos una entrada sobre Fiverr donde te contamos cono funciona.