Cómo diseñar grandes decoraciones con bordes dorados en Photoshop para un diseño web de juegos MMO

Answer 1

Instrucciones

Abra su foto en Photoshop haciendo clic en “Archivo”, luego “Abrir”. Haga doble clic en la imagen para abrirla. Haga clic en “Imagen”, luego “Tamaño de imagen” para ver la dimensión de la imagen. Asegúrese de que los menús desplegables de dimensión estén configurados en “píxeles”. Calcular el 20 por ciento de la dimensión más grande; este será el ancho del marco.

Seleccione “Imagen”, luego “Tamaño del lienzo” y marque “Relativo”. Ingrese el número del paso 1 (20 por ciento de la dimensión más grande) en los campos “Ancho” y “Altura”, asegurándose de que ambas medidas estén configuradas en “píxeles”. Seleccione “Negro” como “Color de extensión de lienzo”. Haga clic en “Aceptar” para agregar espacio adicional alrededor de su imagen.

Cree una nueva capa haciendo clic en el icono “Nueva capa” en el panel “Capas”. Localice los parches de color “Primer plano / Fondo” en la parte inferior de la barra de herramientas. Haga clic en el color de primer plano; en la ventana “Selector de color”, escriba “c49a1a” en el cuadro de texto marcado “#”. Esto crea un color dorado claro. Haga clic en Aceptar.”

Haga clic en la media flecha junto a los parches de color para intercambiar los colores de primer plano y fondo. Seleccione el nuevo color “Primer plano”; en la ventana “Selector de color”, escriba “edca09” en el cuadro de texto marcado “#”. Esto crea un color dorado más oscuro. Haga clic en “Aceptar” para completar la elección. Seleccione la herramienta “Gradiente” y arrastre una línea desde la esquina superior izquierda a la inferior de su capa para crear un degradado dorado claro a oscuro en la pantalla.

Seleccione “Filtro”, luego “Ruido”, luego “Agregar ruido”; establezca la “Cantidad” en 25 por ciento y la “Distribución” en “Gaussiano”. Haga clic en Aceptar.” Seleccione “Filtro”, luego “Desenfocar”, luego “Desenfoque de movimiento”; ajuste el “Ángulo” a cero y la “Distancia” a “50 píxeles”. Haga clic en Aceptar.” Estos filtros dan un aspecto más realista de oro cepillado al marco.

Oculta la capa dorada haciendo clic en el icono “Ojo”. Seleccione la herramienta “Marco rectangular” y arrastre alrededor de la foto, dejando un pequeño borde negro dentro del área de selección. Haga clic en el icono “Ojo” nuevamente para mostrar la capa dorada; presione “Eliminar” en el teclado. Se eliminará el centro del marco. Presione “CTRL-D” para anular la selección de la imagen.

Haga clic en el menú “Estilo de capa”, luego en “Efectos de capa”, luego en “Bisel y relieve”. En la ventana emergente, configure la “Profundidad” en aproximadamente un 250 por ciento y deje las otras configuraciones en sus valores predeterminados. Haga clic en Aceptar.” Los bordes redondeados dan una profundidad realista al marco.

Cómo poner un marco dorado en una imagen en Photoshop »Wiki Ùtil eHow

Answer 2

He hecho la imagen de arriba para ayudarte a mostrarte. Primero dibuja formas con la herramienta pluma. Esto debe hacerse en una capa especial de Photoshop llamada Capa de forma, de modo que los bordes sean líneas vectoriales limpias. Hice doble clic en mi capa de forma para establecer el color de relleno en gris medio.
A continuación, aplique un estilo de capa a la capa; esto se hace haciendo doble clic en la capa de forma y eligiendo la configuración de efectos que desee.
Use el efecto Relieve y juegue con todos los ajustes hasta que tenga una apariencia clara como en la imagen central.
Finalmente, cree una capa especial llamada capa de ajuste, disponible desde un icono circular en la parte inferior de la paleta de capas. Elija ‘Mapa de degradado’: este tipo de capa de ajuste cambia los colores en las capas a continuación para que coincidan con los colores en un degradado elegido.
Deberá hacer doble clic en la capa de ajuste para ver el degradado que utiliza, y deberá hacer doble clic en el degradado que se muestra para crear un nuevo degradado que tenga cambios dorados de color. La clave es hacer un gradiente que cambie de claro a oscuro algunas veces dentro de su rango, ver foto a continuación, esto crea un efecto metálico porque pone reflejos de estilo brillante en lo que eran las partes oscuras de su forma en relieve y viceversa.
Realizo muchos efectos dorados para sitios de juegos y aquí hay algunos consejos para perfeccionar el efecto anterior:
Pruebe muchos de los estilos de capa juntos y siga ajustándolos: el trazo, el brillo interno, el satén y el degradado (otro, dentro de la paleta de estilos de capa) todos ayudan, pero sus modos y colores de mezcla individuales necesitan ajustes y revisión a mano.
Haga el trabajo preliminar como se indica arriba y coloque el mapa de degradado en su lugar antes de ajustar el estilo de la capa; de esta manera puede ver cómo el mapa de degradado cambia lo que está haciendo.
Piense en la antigüedad de su oro: los tonos más oscuros pueden ser sorprendentemente grises, marrones o casi verdes, dependiendo del metal que desee, y los colores medios pueden ser pálidos o cálidos, anaranjado o rosa, no se conforme con lo ordinario amarillos y naranjas. Además, la cantidad de coloración se puede marcar de vuelta para obtener algunos efectos metálicos muy sutiles.
Para un brillo final de los reflejos, haga una capa adicional de su diseño aplanado, desenfoque un poco y configure esa capa en el modo de mezcla ‘Pantalla’.

Answer 3

primero genere un diseño como la imagen que proporcionó, créalo o no, Word es un buen lugar para comenzar, pero necesita un editor WYSIWYG como Word o Photoshop.
Una vez que tenga una página que le guste, use una herramienta de recorte para diseccionar la imagen, por ejemplo, los botones en la parte inferior de la página.
Luego necesitará otro editor como Context o quédese con Word y edite el código fuente, CSS, JAVA, PHP y HTML se vincularán a los objetos que acaba de cortar, por ejemplo, puede hacer un hipervínculo de los botones en la parte inferior de la página para Páginas correspondientes.
Además, puede instalar una pila LAMP o WAMP y descargar un CMS o dos y meterse con ellos, por ejemplo, Joomla o WordPress.