Share
En este tutorial, combinaremos formas vectoriales simples, estilos de capas y generosas cantidades de brillo para crear la lupa perfecta para todas sus necesidades de íconos de búsqueda. Empecemos!
Echa un vistazo a la imagen que estaremos creando..
Nuestro editor de video, Gavin Steele, ha creado este video tutorial para complementar este texto + tutorial de imagen..
Abra un nuevo documento en blanco y elija 512 píxeles para ancho y alto. Vamos a crear una lupa en vista frontal 2D, iluminada desde la esquina superior izquierda.
Seleccione la herramienta Elipse (U) de la barra de herramientas. Manteniendo presionadas las teclas Mayús y Alt, haga clic y arrastre un círculo perfecto cerca de la esquina superior derecha del lienzo. Manteniendo presionada la tecla Mayús le permite dibujar un círculo en lugar de una elipse, mientras que Alt permite crear desde el centro en lugar de hacerlo desde la esquina (1a). Nombre de esta capa "borde exterior", haga doble clic en ella para abrir la ventana Estilo de capa y agregar una Superposición de degradado. Elija un tono gris claro a medio (1b).
Duplique y disminuya la elipse, denominándola "borde interior" (2a). Ajuste la Superposición de degradado para que las sombras se cambien verticalmente y también las haga más oscuras (2b). Añadir una sombra interior (2c).
Copie el círculo del "borde interior", escálelo un poco y asígnele el nombre de "lente" (3a). Cambie la Superposición de degradado para que la lente tenga un bonito tono azul (3b). Borrar la sombra interior. Agregue Bevel And Emboss para que se vea convexo (3c). Finalmente, agregue brillo interno para agregar un poco de sombra a su borde (3d). Puedes rasterizar las tres capas ahora (3e).
Seleccione el "borde exterior". Elija la herramienta Grabar (O), elija un cepillo grande, suave y redondo (4a) y oscurezca los dos puntos marcados en la imagen 4b. Ahora elija la herramienta Dodge, ajuste el pincel como en la imagen 4c y aclare los puntos marcados en la imagen 4d. Así, hemos agregado sutiles reflejos ambientales al marco de la lente..
Estamos apuntando a un ícono brillante, así que agreguemos fuertes reflexiones ahora. Con la Herramienta de marco elíptico (M), seleccione la mitad superior del "borde exterior" (5a). Pulsa Comando + J para crear una nueva capa a partir de esta selección. Denomínelo "rim refl exterior", cambie su modo de fusión a Pantalla y establezca la Opacidad en 40% (5b).
Seleccione la capa "borde interior" ahora. Usando la misma técnica explicada en el Paso 4 (use las herramientas Quemar y esquivar), mejore la iluminación oscureciendo la mitad superior e iluminando la mitad inferior..
Agregue un resaltado reflectante fuerte a la capa "lente" usando el método del Paso 5: marquee-seleccione la mitad superior (7a), cree una nueva capa a través de copiar con Comando + J y configúrela en Pantalla y 40% Opacidad (7b).
Agrupe las capas existentes juntas y nombre el grupo "lente". Vamos a crear el mango ahora. Tome la Herramienta Rectángulo Redondeado (U) de la barra de herramientas y configure el Radio a 10px (8a). Cree un rectángulo negro y llámelo "manejador" (8b).
Con la herramienta Marquee rectangular (M), seleccione tres tiras finas (8c). ¿Cómo haces eso? Una forma es hacer la primera selección, luego mantener presionada la tecla Mayús y hacer las dos restantes. Mayús se agrega a la selección (para restar el uso Alt). Pulsa Mayús + Comando + J para cortar las tiras y pegarlas en una nueva capa. Nómbrelo como "suena" y desactiva temporalmente su visibilidad haciendo clic en el ojo que está junto a él en la paleta Capas. En la capa "manejar", seleccione el rectángulo superior (8d), use Mayús + Comando + J para crear una nueva Capa a través de Cortar. Llámelo "asa superior".
Seleccione la capa "anillos" y agregue una Superposición de degradado horizontal (9a) y un Resplandor interior (9b) para que se vean y reciban sombras de las otras secciones del mango. Escale la capa horizontalmente hacia abajo para que las tiras sean más estrechas que el resto del mango (9c).
Agregue una Superposición de degradado a la capa "manejar": deje el lado derecho en negro y haga que el lado izquierdo sea más claro (10a). De manera similar, agregue una Superposición de degradado a la capa "superior", esta vez haciéndola gris clara (10b).
Haga dos copias de la capa y la posición del "mango superior" y escálelas según la imagen 11a. Mueve la sección más pequeña detrás de todo y llámala "cuello". Añádele un brillo interior como en la imagen 11b..
Ahora podemos aplanar todas las capas de la manija juntas en una que llamaremos "manija", por supuesto. Agarre la herramienta de grabación (O), ajuste su configuración como en la imagen 11c y refuerce las sombras pintando una tira vertical a lo largo del mango (11d). Ahora, con la herramienta Dodge, realce los resaltes con otro trazo de pincel vertical (11e).
Seleccione los "collares" redondeados por el "cuello" con Marquee Tool (M) y presione Mayús + F6 para invocar el comando Feather y configurarlo en 3 píxeles (12a). Con la herramienta de grabación (O) realice unos pocos pinceladas para oscurecer el área seleccionada. El efecto es sutil pero notable (12b).
Hagamos el mango brillante, también. En una nueva capa, cree reflejos blancos, ajustando su forma al mango. Establezca el modo de fusión de esta capa en Luz suave (13a, 13b). Corte los resaltes superiores en una nueva capa (13c), reduzca su opacidad al 70% y luego aplique un filtro Gaussian Blur de 2 px (13d).
La razón por la que hacemos esto es porque el mango está hecho de plástico negro, que tiene reflejos afilados y fuertes, y el aluminio, que tiene reflejos más suaves. Nombra estas capas "manejar refl 1" y "manejar refl 2". Con la herramienta de desenfoque de la barra de herramientas (la pequeña gota) suavice la parte inferior del resaltado del "mango refl 1" para que desaparezca en correspondencia con el borde redondeado del mango (13e).
El mango está terminado. Agrupe las capas, mueva el grupo detrás de la "lente" y gírelo 45 grados hacia la derecha (14a). Cree una sombra a partir de una elipse llena de negro, configurada en Multiplicar, con un 50% de opacidad. Difumínalo como quieras con la herramienta de desenfoque. Ahora agregue un fondo al ícono y un par de luces borrosas en el asa y en el borde de la lente. Estos son círculos blancos en capas separadas, configurados en Pantalla, con 80% de Opacidad. Aplica el Desenfoque Gaussiano al gusto (14b). El icono esta terminado!
Los mejores amigos del diseñador de iconos en Photoshop son la herramienta Lápiz y los estilos de capa. Esta vez también hemos empleado los sorprendentes pinceles de Photoshop para refinar la iluminación de la lupa. Esta capacidad distingue a Photoshop de Illustrator, que de otro modo sería más adecuado para crear este icono.
Accentsconagua