0
En este tutorial, te mostraré cómo crear un icono de la libreta de direcciones con Adobe Photoshop. Comenzaré explicando cómo configurar una cuadrícula simple y cómo aprovechar al máximo la función Ajustar a la cuadrícula. A continuación, explicaré cómo crear un conjunto de formas vectoriales simples y cómo colorearlas utilizando atributos básicos de estilo de capa y algunos ajustes preestablecidos de patrón de Photoshop. Finalmente, te mostraré cómo agregar sombreados y resaltes sutiles usando técnicas básicas de fusión y efectos simples. ¡Empecemos!Necesitará los siguientes recursos para completar este tutorial. Por favor descárgalos antes de comenzar. Si no están disponibles, por favor encuentre alternativas.
1. Crear un nuevo documento y configurar una cuadrícula
Abra Photoshop y presione Comando / Ctrl-N para crear un nuevo documento. Ingrese todos los datos que se muestran en la siguiente imagen y haga clic en Aceptar . Active la cuadrícula ( Ver> Mostrar> Cuadrícula ) y la función Ajustar a la cuadrícula ( Ver> Ajustar a> Cuadrícula ). Para empezar, necesitará una cuadrícula cada 10 px , así que vaya a Edición> Preferencias> Guías, Cuadrícula y sectores . Ingrese 10 en el cuadro Cuadrícula Cada y 1 en el cuadro Subdivisión . Además, establece el color de la cuadrícula a #a7a7a7. Una vez que haya establecido todas estas propiedades, haga clic en Aceptar. No se desanime por todas esas redes, facilitará su trabajo más adelante. Tenga en cuenta que puede habilitarlo o deshabilitarlo fácilmente usando el método abreviado de teclado Comando / Ctrl- ' . También debe abrir el Información ( Ventana> Información ) para obtener una vista previa en vivo con el tamaño y la posición de sus formas. 
2. Crea las cubiertas delantera y trasera
Paso 1
Establecer el color de primer plano a #aecef5. Elija la herramienta Rectángulo redondeado , desplácese al de control y establezca el Radio en 5px . Cree un rectángulo redondeado de 240 x 380 píxeles , Snap to Grid debería facilitar su trabajo.
Paso 2
Elija la herramienta Rectángulo . Mantenga presionado el botón Alt en su teclado y cree un rectángulo de 40 x 330 px como se muestra en la siguiente imagen.
Paso 3
Con su forma vectorial seleccionada, elija la herramienta Rectángulo redondeado . Mantenga presionado el botón Shift desde su teclado y cree un rectángulo redondeado de 50 x 20px como se muestra en la siguiente imagen.
Etapa 4
Ahora elige la herramienta Rectángulo redondeado . Mantenga presionado el botón Shift desde su teclado y cree un rectángulo redondeado de 20 x 340 px como se muestra en la siguiente imagen.
Paso 5
Con la herramienta Rectángulo , mantenga presionado el botón Alt desde su teclado y cree un rectángulo de 10 x 380 píxeles como se muestra en la siguiente imagen.
Paso 6
En el Capas , haga doble clic en su forma vectorial para abrir la ventana Estilo de capa . Active el bisel y relieve y el contorno , la sombra interior , el satén , la superposición de degradado y la superposición de patrón, luego ingrese los atributos que se muestran en la siguiente imagen.
Paso 7
Asegúrese de que su forma vectorial aún esté seleccionada y presione Comando / Ctrl-J para duplicarla. En el Capas , haga clic con el botón derecho en su copia y vaya a Borrar estilo de capa . En el Capas , baje el relleno a 0% y luego abra la ventana Estilo de capa . Active la sombra interna y luego ingrese los atributos que se muestran en la siguiente imagen.
Paso 8
Establezca el color de primer plano en #384445, seleccione la herramienta Rectángulo redondeado , cree una forma vectorial de 40 x 380 píxeles y colóquela como se muestra en la siguiente imagen. Asegúrese de que este nuevo rectángulo redondeado permanezca seleccionado, envíelo a la parte posterior ( Comando / Ctrl-Shift- [ ), luego, abra la ventana Estilo de capa . Active el trazo y la sombra interior, luego ingrese los atributos que se muestran en las siguientes imágenes.
3. Crea los pedazos de papel
Paso 1
Establezca el color de primer plano en #c7baac, elija la herramienta Rectángulo , cree una forma vectorial de 20 x50 px y colóquela como se muestra en la siguiente imagen. Abra la ventana Estilo de capa para este nuevo rectángulo e ingrese los atributos que se muestran en las siguientes imágenes.
Paso 2
Establezca el color de primer plano en #dbcec0, seleccione la herramienta Rectángulo , cree una segunda forma vectorial de 20 x 50 px y colóquela como se muestra en la siguiente imagen. Abra la ventana Estilo de capa para este nuevo rectángulo e ingrese los atributos que se muestran en las siguientes imágenes.
Paso 3
Duplique ( Comando / Ctrl-J ) los dos rectángulos que forman las piezas de papel y coloque las copias como se muestra en la siguiente imagen. Una vez más, la función Ajustar a la cuadrícula será útil.
Paso 4
Desactive la cuadrícula ( Ver> Mostrar> Cuadrícula ). Elija la Herramienta de Tipo (T) y haga clic en su lienzo para agregar sus pequeñas letras. Use la fuente Calibri, establezca el tamaño en 12 puntos y el color en negro ( #000000). Asegúrese de que todo el texto esté seleccionado y, en el Capas , cambie el Modo de fusión a Superposición. A continuación, abra la ventana de estilo de capa . Active la Sombra e ingrese los atributos que se muestran en la siguiente imagen. Vuelva a seleccionar los seis rectángulos que forman las piezas de papel junto con todas las piezas de texto y agrúpelas ( Comando / Ctrl-G ). Mover a las capas y arrastre este nuevo grupo debajo de la forma vectorial que constituye la portada de su libreta de direcciones.
Paso 5
Habilitar la cuadrícula ( Ver> Mostrar> Cuadrícula ). Establezca el color de primer plano en #384445, seleccione la herramienta Rectángulo redondeado , cree una forma vectorial de 40 x 380 píxeles y colóquela como se muestra en la siguiente imagen. En el Capas , mantenga presionado el botón Comando / Ctrl en su teclado, haga clic en la forma vectorial que constituye la portada de su libreta de direcciones y obtendrá una selección simple a su alrededor. Asegúrese de que esta selección permanezca activa y, en el Capas , vuelva a seleccionar el rectángulo redondeado hecho al comienzo del paso, mantenga presionado el botón Alt en su teclado y haga clic en Agregar máscara de capaBotón (ilustrado por el círculo azul en la siguiente imagen). Al final, su forma vectorial enmascarada debe verse como en la tercera imagen. Una vez que haya terminado, presione Comando / Ctrl-D para deshacerse de esa selección.
Paso 6
Asegúrese de que su forma vectorial enmascarada aún esté seleccionada, y en el Capas , baje su Relleno al 0%, luego abra la ventana Estilo de capa , active la Sombra interior e ingrese los atributos que se muestran en la siguiente imagen.
4. Crear la articulación y la cubierta de la columna vertebral
Paso 1
Con la herramienta Rectángulo , cree una forma vectorial de 30 x 380 px y colóquela como se muestra en la primera imagen. Abra la ventana Estilo de capa para este nuevo rectángulo e ingrese los atributos que se muestran en las siguientes imágenes.
Paso 3
Para los siguientes pasos, necesitará una cuadrícula cada 1px , así que vaya a Edición> Preferencias> Guías, Cuadrícula y segmentos e ingrese 1 en el cuadro Cuadrícula Cada . Establezca el color de primer plano en #6c1c07, seleccione la herramienta Rectángulo , cree una forma vectorial de 5 x 376 píxeles y colóquela como se muestra en la siguiente imagen.
Etapa 4
Abra la ventana Estilo de capas para la forma vectorial hecha en el paso anterior, active la Sombra interna e ingrese los atributos que se muestran en la siguiente imagen.
Paso 5
Establezca el color de primer plano en #7c2d0c, seleccione la herramienta Rectángulo redondeado , cree una forma vectorial de 2 x 7 px y colóquela como se muestra en la siguiente imagen.
Paso 6
Duplique su pequeño rectángulo redondeado ( Comando / Ctrl-J ), seleccione la copia y arrástrela 13px hacia abajo. Repita esta técnica y agregue otras veintiséis copias como se muestra en la siguiente imagen. Una vez que haya terminado, seleccione todos sus pequeños rectángulos redondeados y, en el Capas , haga clic con el botón derecho en una de estas formas vectoriales y vaya a Combinar formas .
Paso 7
Abra la ventana Estilo de capas para la forma vectorial hecha en el paso anterior e ingrese los atributos que se muestran en las siguientes imágenes.
5. Crea la pieza de plástico
Paso 1
Paso 3
Etapa 4
Paso 5
Paso 6
Paso 7
5. Crea la pieza de plásticoCrea una línea de cuadrícula cada 10px . Para hacer esto, vaya a Editar> Preferencias> Guías, Cuadrícula y sectores e ingrese 10 en el cuadro Cuadrícula cada . Establezca el color de primer plano en blanco ( #ffffff), elija la herramienta Rectángulo , cree una forma vectorial de 100 x 50 px y colóquela como se muestra en la primera imagen. Asegúrese de que su nuevo rectángulo permanezca seleccionado y en el Capas , baje el relleno a 0%, luego abra la ventana Estilo de capa e ingrese los atributos que se muestran en las siguientes imágenes.
Paso 2
Comentarios