Crear un botón con Photoshop fotorrealista

wg1

Botón de calidad fotográfica con Photoshop Hoy estoy de humor para consejos gráficos! Vamos a ver, paso a paso, cómo hacer una llave (un teclado) con realismo fotográfico Photoshop. He utilizado la versión de Adobe Photoshop CS3 Extended , pero por lo que necesita en este tutorial es una buena versión qualsisi anteriores de Photoshop. Por otra parte, dada la simplicidad de las operaciones a realizar, podemos usar cualquier aplicación gráfica para otros - al menos - compatible con las capas (ahora casi todos lo hacen ahora) y algunos efectos especiales. Para los que no tienen gráficos por ordenador evolucionado muy recomendable para tratar un completamente libre como GIMP , recién llegado a la versión 2.4.

1. CREACIÓN DE LA CAPA DE BASE

imagen Abra una nueva hoja en blanco de papel lo suficientemente grande (512 × 512 píxeles) y se basan en una capa - lo que llamamos la "base" de una ronda cuadrados (300 × 300 píxeles) con los bordes. Lo el color que desee (justo después de la superposición de un gradiente) y se utiliza un redondeo de los bordes de al menos 32 píxeles. En este punto se aplican los siguientes efectos:

imagen
Resplandor exterior: Utilice el color negro # 000000

imagen
Resplandor interior: Utilice el color negro # 000000

imagen
Bisel o de grabado

imagen
Gradient Overlay: los rangos de gradiente de gris a blanco # ffffff # 7d7d7d

Eventualmente, usted debe obtener algo como esto:

imagen

2. CAPA DE ESTABLECIMIENTO DE CLAVE

Ahora crear una nueva capa encima de la capa "base" y lo llaman "botón". Dibuja un cuadrado, una vez más, el mismo procedimiento utilizado en el paso 1, pero esta vez lo más pequeño (230 × 230). Aplicamos esta capa de los siguientes efectos:

imagen
Resplandor exterior: Utilice el blanco # FFFFFF

imagen
Glow entero: siempre blanco

imagen
Bisel o de grabado

imagen
Gradient Overlay: # FFFFFF del blanco al negro # 000000

Al final conseguimos algo así, y ya estamos en marcha:

imagen

3. LA SOMBRA DE CREACIÓN CAPA

Ahora que la mayor parte se lleva a cabo, empezamos a añadir algunos detalles que harán que nuestra clave más realista de lo que ya es. Ahora vamos a utilizar la herramienta de selección para seleccionar el botón de todo menos de la parte interior, en la práctica el borde del botón 3D.

Haga clic derecho sobre la capa "base" y seleccione el elemento de menú "Seleccionar Píxeles" (o mantenga pulsada la tecla Ctrl, haga clic con el botón izquierdo en la capa "base") para seleccionar todo el borde del primer nivel.

imagenimagen

Ahora, mantenga presionada la tecla Ctrl y Alt y haga clic con el botón izquierdo del ratón sobre la capa "botón" con el fin de "eliminar" la forma de la capa "botón" para seleccionar sólo el borde 3D. Quiandi Crear una nueva capa y el nombre de "sombra". Con esta nueva selección de esta nueva capa aplicar un degradado con la herramienta adecuada imagen y ajustar el degradado de manera imagen O de negro a transparente con la repetición.

Aplicamos el gradiente en el ángulo inferior derecho de 45 grados (Fig. 1):

imagen
Fig. 1
imagen
Fig.2
imagen
Fig.3
imagen
Fig.4

Debemos obtener la figura 2. Seleccione ahora la parte superior izquierda de la capa "sombra" y se eliminan, como se muestra en la Fig. 3. Como paso final ajustar la opacidad "de la capa de sombra para obtener la figura 4.

4. CREACIÓN DE LA CAPA DE ARRUGAS

Para dar un toque de realismo al material del botón, se añade una nueva capa y lo llaman "arrugas". Esto nos ayudará a simular la rugosidad del botón de plástico. Seleccionamos la forma completa de la tecla Ctrl y haciendo clic con el botón izquierdo del ratón sobre la primera capa "base". Vamos a pasar esta nueva capa "arrugas" y rellenamos de color blanco, haga clic en la selección y la elección de "relleno" (o utilizar las teclas Ctrl + Alt + Supr o Del dependiendo del lugar donde se ha seleccionado el blanco - piso ORIM o segundo piso ):

imagen

En esta "plaza" blanco, al final, se aplica el efecto Agregar ruido, como se muestra a continuación:

imagen
Aquí he utilizado un valor de 6

Manteniendo siempre la selección se añade un efecto significativo (menú Filtros> Estilizar> Relieve), como se muestra a continuación:

imagen

Las propiedades de esta capa de "arrugas" establecer el modo de fusión a "Color Burn" y opacidad al 50% (lo que quiere ampliar o disminuir el efecto de las arrugas): imagen

imagen
El botón Finalizar

Si queremos podemos completar, añadiendo un signo:

imagen

No hay comentarios para esta entrada

Deja un comentario

XHTML PERMISO TAG: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> código de inserción:
 <pre></pre> // blocco generico <code></code> // blocco generico [cc_actionscript][/cc_actionscript] // Actionscript [cc_actionscript3][/cc_actionscript3] // Actionscript 3 [cc_css][/cc_css] // CSS Style Sheet [cc_html][/cc_html] // HTML [cc_js][/cc_js] // Javascript [cc_objc][/cc_objc] // Objective-C [cc_php][/cc_objc] // PHP [cc_sql][/cc_sql] // SQL