Cómo crear un marco de fotos en línea con Photoshop

• Creativo

Anuncio

Puede hacer tantas cosas interesantes con Adobe Photoshop que es difícil saber por dónde comenzar. En este artículo, le mostramos cómo crear un marco de fotos en línea con Photoshop. Uno que puede usar en sitios web y aplicaciones, ya sea alrededor de su avatar o en el encabezado de su blog.

Paso 1: configura tu archivo

Antes de comenzar este tutorial, necesitará conocer los conceptos básicos de la herramienta Forma personalizada. Para hacerlo, consulte nuestro artículo que detalla cómo usar la Herramienta de forma personalizada en Photoshop Cómo usar la Herramienta de forma personalizada en Adobe Photoshop Cómo usar la Herramienta de forma personalizada en Adobe Photoshop Nuestra guía paso a paso para usar la Forma personalizada Herramienta en Adobe Photoshop, una herramienta versátil que a menudo se pasa por alto. Lee mas .

A continuación, abra Photoshop para configurar su documento. Para este tutorial, digamos que el marco de imagen que está creando es un avatar de redes sociales. Los avatares suelen tener las mismas dimensiones en todos los lados, independientemente de si tienen forma de círculo o son cuadrados.

Con esto en mente, configure el tamaño de su documento en al menos 1000 × 1000 píxeles, aunque puede ir más grande. Estas dimensiones actuarán como una guía para su marco de imagen.

Paso 2: configura tu herramienta de forma personalizada

Después de configurar su archivo, cree una nueva capa en su panel Capas, aquí es donde irá su marco.

A continuación, asegúrese de que su Herramienta de forma personalizada esté activa. Luego verifique los colores de su Forma personalizada en las secciones Relleno y Trazo .

Por el momento, actualmente tengo activa la paleta de colores predeterminada. Sin embargo, no quiero usar esos colores en mi marco de fotos, así que los cambiaré.

Para cambiar estos colores, vaya al panel Muestras . Haga clic en el icono del menú desplegable. Elija una paleta preconstruida de la lista de opciones de Adobe.

También puede cargar una paleta de colores personalizada si ya ha creado una. Si no ha hecho uno antes, consulte nuestro tutorial que explica cómo crear una paleta de colores personalizada en Photoshop.

Ahora que la nueva paleta está cargada, regrese a las opciones de Relleno y Trazo para su Herramienta de forma personalizada. Elige los colores que quieras usar.

Después de eso, vaya al menú desplegable Forma y elija el diseño que mejor se adapte a su imagen.

Para este tutorial, desplácese hacia abajo hasta encontrar el círculo hueco y las formas cuadradas. Elija el círculo hueco para usar como marco de imagen, visto aquí en rojo.

Si bien Adobe tiene muchos marcos precompilados, son demasiado elegantes para nuestro propósito. Este círculo debería hacer el truco.

Paso 3: dibuja tu forma

Una vez que haya elegido su forma, haga clic y arrastre el cursor por la página para crearla.

Si accidentalmente dibujó su imagen fuera de la página, como yo, no se preocupe. Puede usar la Herramienta de selección de ruta o la Herramienta de movimiento para centrar su marco. Se ha resaltado aquí en rojo.

Paso 4: aplicar un estilo de capa

Una vez que tenga su marco centrado, es posible que desee aplicarle un efecto para que se vea más "3D".

Para hacer esto, vaya al panel Capa y haga doble clic en la capa que contiene su forma. Aparecerá un cuadro que dice Estilo de capa .

En Opciones de fusión, verá Bisel y relieve . Haga clic en esta opción para activarla y asegúrese de que la casilla de verificación junto al nombre esté llena.

Una vez que esa marca de verificación esté activa, verá que su marco de fotos ha adquirido una calidad más 3D.

En la sección Estructura, puede elegir qué tipo de bisel aplicar a su forma, la profundidad del bisel, el tamaño y cuánto desea suavizar sus bordes.

En Sombreado, podrás cambiar la apariencia de tus reflejos. Puede cambiar el ángulo en que la luz incide en el objeto, y también cómo interactúa la luz con el objeto.

Una vez que tenga todas sus configuraciones fijadas a su satisfacción, haga clic en Aceptar .

Paso 5: Rasteriza tu capa

Después de terminar su bisel, querrá seleccionar su marco para crear una "selección de marco". Esto le permitirá llamar la "forma" en una fecha posterior y aplicar fácilmente un relleno de color en la forma de esa selección, solo en una capa diferente.

Piense en ello como un acceso directo a la edición.

Cuando seleccione su herramienta Varita mágica, asegúrese de que su imagen esté configurada actualmente en 16 bits . Recibirás una advertencia de Photoshop si no es así.

Si no es así, haga clic en Imagen> Modo> 16 bits . Debido a que está trabajando en diferentes capas, Photoshop le preguntará si desea fusionar estas capas cuando reduzca la profundidad del documento.

Haz clic en No fusionar . Todavía quieres estas capas separadas.

Después de cambiar la profundidad de su imagen, aún necesitará "rasterizar" su capa para usar su Varita Mágica. Esto significa que está convirtiendo un gráfico vectorial en uno basado en píxeles.

Para rasterizar su capa, haga clic derecho en la capa que contiene su marco de fotos y elija Rasterizar estilo de capa .

Paso 6: hacer una selección

Luego, regrese a su herramienta Magic Wand Tool y seleccione el espacio vacío en el interior y el exterior de su marco de imagen.

Cuando se seleccionan esas dos áreas, haga clic con el botón derecho en el espacio vacío y elija Seleccionar inverso . Photoshop seleccionará la forma de su marco en su lugar.

Esto puede parecer un paso complicado, pero hay una buena razón para hacer la selección en este orden.

Si intenta hacer clic en su marco 3D directamente, Photoshop solo seleccionará los colores con exactamente el mismo valor y tono, no todo.

Con Select Inverse, ahora tiene una selección limpia de su cuadro.

Para guardar esta selección para un uso posterior, vaya a la barra de menú en la parte superior de su espacio de trabajo. Haga clic en Seleccionar> Guardar selección .

Dé a su selección un nombre significativo y luego haga clic en Aceptar .

Paso 7: ajuste el color

Ahora que ha creado su marco de fotos en línea, es posible que desee ajustar su color.

Para ajustar el color, vaya al panel Capas y cree una nueva capa en la parte superior de la capa que contiene su marco de imagen. Luego haga clic en Seleccionar> Cargar selección .

En la lista desplegable Canal, elija la selección que hizo de su marco de imagen.

Una vez que la selección esté activa, vaya a la herramienta Cubo de pintura o Degradado y aplique un poco de color a esa capa. Permanecerá dentro de los límites de esa selección.

Después de que baje el color, querrá que interactúe con el marco de la imagen debajo de él.

Para hacer esto, haga clic en el menú desplegable Modo de fusión en el panel Capas . Elige un efecto.

Como puede ver, este efecto ilumina mi marco y al mismo tiempo recoge los tonos claros y oscuros del bisel 3D debajo.

Paso 8: agrega tu imagen

Una vez que haya terminado con el marco de la imagen, es probable que desee colocar una imagen dentro de él. Para demostrar esta parte, he usado un tiro en la cabeza de mí mismo.

Para llevar esta foto a su marco, seleccione la herramienta Mover, luego haga clic y arrastre su foto a la pestaña de archivo para su marco de imagen en la parte superior. He resaltado la pestaña en rojo.

Una vez que arrastre el tiro a la cabeza a la pestaña, Photoshop lo traerá a su espacio de trabajo de marco de imagen.

Libera el archivo. Photoshop colocará automáticamente el tiro en la cabeza en una nueva capa en el panel Capas .

Una vez que este tiro en la cabeza esté en una nueva capa, mueva esa capa debajo de la capa del marco de la imagen. El marco debe ser visible en la parte superior.

Si es necesario, ajuste el disparo a la cabeza para que se ajuste mejor a su marco yendo a Edición> Transformación libre . Arrastre los puntos de anclaje hacia adentro para hacerlo más pequeño.

A continuación, vaya a su capa de marco de imagen. Active su herramienta Varita mágica, luego seleccione el espacio alrededor del exterior de su marco.

Una vez que se selecciona el área fuera de su marco, vuelva a su capa de disparo en la cabeza. Vaya al menú en la parte superior de la pantalla, luego haga clic en Editar> Cortar.

Esto eliminará rápidamente el resto de su imagen fuera de su marco, creando ese efecto de "imagen".

Paso 9: guarde su archivo para la web

Ahora que se ha insertado el tiro en la cabeza y se ha terminado el marco, está listo para guardar.

Antes de guardar, asegúrese de que la capa de fondo en su archivo esté desactivada. Su marco de imagen es redondo y habrá algo de transparencia a su alrededor. Si mantiene esta capa de fondo activada, esta transparencia no tendrá efecto.

Después de que su fondo esté apagado, vaya a Archivo> Exportar> Guardar para Web (Legado) . Guarde su archivo como PNG. Y ahí lo tienes. Ya terminaste

Personalizando su presencia en línea

Ahora que sabe cómo crear un marco de fotos digital, puede usarlo para personalizar su presencia en línea, ofreciéndole una apariencia consistente en varios sitios y aplicaciones.

Sin embargo, no detengas tu educación en Photoshop allí. Recomendamos aprender a crear un degradado personalizado con Photoshop Cómo crear un degradado personalizado con Photoshop CC Cómo crear un degradado personalizado con Photoshop CC En este artículo, le mostraremos cómo crear un degradado personalizado con Photoshop CC en cuatro pasos simples Leer más a continuación.

Explore más sobre: ​​Adobe Photoshop, Diseño, Compartir fotos, Tutorial de Photoshop.