Share
En este tutorial, irás a través de sencillos pasos y técnicas para diseñar un ícono de casa simple pero atractivo. Es fácil de seguir y jugar. No hay curvas intrincadas o un trabajo de pincel complejo. Solo las formas simples junto con los estilos de capas harán el trabajo completo. El objetivo del tutorial es familiarizarse con el uso correcto de los colores y el uso eficiente de los estilos de capas. Estoy seguro de que disfrutarás siguiéndolo. Saltemos en!
Echa un vistazo a la imagen que estaremos creando..
En primer lugar, cree un nuevo documento de 500 px por 500 px con fondo blanco. Arrastre hacia fuera algunas guías en el centro del documento para mayor comodidad. Seleccione la herramienta Pluma (P) y haga una forma como la que se muestra a continuación.
Necesitas agregar algunos colores y una tira blanca delgada a la forma. Para hacerlo, haga doble clic en la capa y aplique los siguientes estilos de capa.
Duplique la forma (Comando + J) y vaya a Edición> Transformar> Voltear horizontalmente, mueva la forma duplicada hacia la derecha para que los lados se unan entre sí como se muestra.
Debido a los colores similares, las dos formas le dan un aspecto plano al techo. Hay una necesidad de arreglar eso. Abra los estilos de capa de la capa duplicada y aplique los siguientes cambios.
Establecer color de primer plano a "830F00". Dibuja una forma como la que se muestra a continuación con la herramienta Pluma (P). Nombra la forma resultante "techo izquierdo".
Duplica la forma y llámala "techo derecho". Vaya a Edición> Transformar> Voltear horizontalmente y mueva la forma duplicada hacia la derecha para que obtenga algo como esto.
Con la herramienta Pluma (P), dibuje otra forma como la que se muestra a continuación, llámela "cuerpo".
Haz doble clic en la capa y dale estos estilos de capa.
Necesitas poner la sombra del techo en el cuerpo de la casa. Para hacerlo, presione Comando y haga clic en la capa "techo izquierdo", luego presione Comando + Mayús y haga clic en la capa "techo derecho" para resumir las selecciones de las dos capas. Mueva la selección hacia abajo y en una nueva capa complete la selección con el color "5F5343".
Vaya a Filtro> Desenfoque> Desenfoque gaussiano, ingrese 10px y haga clic en Aceptar.
Es posible que note que después de aplicar el filtro, la sombra fluye fuera del cuerpo de la casa, lo que no se ve bien. Para solucionarlo, pulse la tecla Ctrl y haga clic en la capa "cuerpo" y presione Comando + Mayús + I para invertir la selección. Con la capa "sombra" seleccionada, presione Eliminar.
Ahora necesita agregar una parte prominente de la casa, esa es la puerta. Seleccione la herramienta Rectangular Marquee (M), y en una nueva capa complete una selección con negro.
Dale a la puerta los siguientes estilos de capas..
Ahora necesitamos agregar algunos detalles a la puerta. Seleccione la herramienta Rectángulo redondeado (Mayús + U) y dibuje un rectángulo negro con un radio de 3px.
Ir a sus Opciones de fusión y aplicar estas configuraciones.
Duplica la forma y muévela hacia abajo para que tengas algo como esto.
Ahora se puede agregar una manija a la puerta. Usa la herramienta Elipse (U) para hacer un pequeño círculo en la puerta.
Dale al círculo una Sombra y un degradado radial.
Puede agregar una losa por encima de la puerta. Use la herramienta Pluma (P) para hacer una forma como la que se muestra a continuación.
Ve a sus Opciones de fusión y dale una Superposición de degradado de un tono similar al del techo.
Con la herramienta Pluma (P), haga otra forma como la de abajo.
Dale a la forma los siguientes estilos de capas.
Crea una nueva capa y llena una selección con negro en ella. Asegúrese de que esta capa esté colocada debajo de la capa "puerta" en la Paleta de capas.
Dale a la franja negra una Superposición de degradado de los siguientes colores.
Como detalle adicional, puede agregar un paso de la puerta a la casa. Haz una forma como la de abajo con la herramienta Pluma (P).
Dar a la puerta una superposición de degradado.
Para darle un aspecto 3D al paso de la puerta, agrégale un poco de grosor. Establezca el color de primer plano en "A26431" y dibuje una forma como la que se muestra a continuación.
Es hora de agregar ventanas a la casa. Comience a hacerlo llenando una selección con negro en una nueva capa.
Usando la herramienta de marquesina rectangular (M), complete una selección con blanco en una nueva capa como se muestra.
Vaya a la sección de Opciones de fusión de las ventanas y dele estos estilos.
Ahora, necesitas hacer persianas. Al igual que usted hizo la puerta, haga un obturador y póngalo en un lado de la ventana. Haga una copia y muévala al otro lado, dele una Sombra a las contraventanas si lo desea..
Solo para aumentar los detalles, agregue una losa a la ventana como lo hizo para la puerta. La única diferencia es que necesita aplicar los estilos de capa del paso de la puerta a la losa que está haciendo para la ventana..
Cree un conjunto de capas y ponga en él todas las capas que constituyen la ventana. Duplique el conjunto de capas dos veces y transfórmelo al 60% de su tamaño original. Coloca las ventanas más pequeñas en el lado derecho de la puerta..
Ahora puede agregar una chimenea a la casa. Crea una nueva capa y en ella, llena una selección con negro.
Dale una Superposición de degradado con estos colores.
Haz una forma como la de abajo para darle a la chimenea un aspecto 3D.
Haz otra forma de cualquier color para la chimenea..
Dale a la forma una Superposición de degradado con estos colores.
Establece el color de primer plano en "D6C08D" y crea una forma como esta.
Es hora de dar sombras a la base del icono de la casa. Cree una nueva capa, luego use la herramienta Rectangular Marquee (M) para llenar una selección con negro.
Aplique Filtro> Desenfoque> Desenfoque gaussiano y luego Filtro> Desenfoque> Desenfoque de movimiento con esta configuración.
Haz una sombra similar para el paso de la puerta. Puede configurar la opacidad de las sombras de 80-90% o de 20-30%. Añadí un poco de hierba y terminé con esto..
La imagen final se muestra a continuación! Espero que hayan disfrutado creando este ícono de diseño.!
Accentsconagua