Home-theater-designers
Puedes hacer tantas cosas interesantes con Adobe Photoshop es difícil saber por dónde empezar. En este artículo le mostramos cómo crear un marco de fotos en línea usando 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 detallando cómo usar la herramienta de forma personalizada en Photoshop .
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 cuadrado.
Teniendo esto en cuenta, establezca el tamaño de su documento en al menos 1000x1000 píxeles, aunque puede aumentarlo. Estas dimensiones actuarán como una guía para su marco de fotos.
Paso 2: configura tu herramienta de forma personalizada
Una vez configurado el archivo, cree una nueva capa en su Capas panel --- aquí es donde irá su marco.
A continuación, asegúrese de que su Herramienta de forma personalizada está activo. A continuación, compruebe los colores de su forma personalizada en el Llenar y Carrera secciones.
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 voy a cambiar.
Para cambiar estos colores, vaya a su Muestras panel. Haga clic en el icono del menú desplegable. Elija una paleta prediseñada 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, vuelva a su Llenar y Carrera opciones para su herramienta de forma personalizada. Elija los colores que desee utilizar.
cómo usar los códigos de netflix
Después de eso, ve a tu Forma menú desplegable 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 usarlo como marco de imagen, que se ve aquí en rojo.
Si bien Adobe tiene muchos marcos prediseñados, son demasiado elegantes para nuestro propósito. Este círculo debería funcionar.
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 ha sacado accidentalmente su imagen de la página, como lo hice yo, no se preocupe. Puede utilizar el 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 haya centrado el marco, es posible que desee aplicarle un efecto para que se vea más '3D'.
Para hacer esto, vaya a su Capa panel y haga doble clic en la capa que contiene su forma. Aparecerá un cuadro que dice Estilo de capa .
Debajo Opciones de fusión , verás 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.
Bajo la Estructura sección, puede elegir qué tipo de bisel aplicar a su forma, la profundidad del bisel, el tamaño y cuánto desea suavizar sus bordes.
Debajo Sombreado , podrás cambiar el aspecto de tus reflejos. Puede cambiar el ángulo en el que la luz incide sobre el objeto y también cómo interactúa la luz con el objeto.
Una vez que tenga todos los ajustes corregidos a su satisfacción, haga clic en OK .
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á recuperar 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 atajo para editar.
Cuando seleccionas tu Varita mágica , asegúrese de que su imagen esté configurada actualmente 16 Bits . Recibirás una advertencia de Photoshop si no lo es.
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 de su documento.
Hacer clic No fusionar . Todavía quieres que estas capas estén separadas.
Después de cambiar la profundidad de su imagen, aún necesitará 'rasterizar' su capa para poder 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: haga una selección
A continuación, vuelva a su Varita mágica y seleccione el espacio vacío en el interior y el exterior de su marco de imagen.
Cuando se seleccionen esas dos áreas, haga clic con el botón derecho en el espacio vacío y elija Selección inversa . 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 el mismo valor y tono exactos, no todo.
Con Selección inversa , ahora tiene una selección limpia de su marco.
Para guardar esta selección para su uso posterior, vaya a la barra de menú en la parte superior de su espacio de trabajo. Hacer clic Seleccionar> Guardar selección .
Dé a su selección un nombre significativo, luego haga clic en OK .
Paso 7: ajusta 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 a su Capas panel y cree una nueva capa encima de la capa que contiene su marco de imagen. Luego haga clic en Seleccionar> Cargar selección .
Desde el Canal lista desplegable, elija la selección que hizo de su marco de imagen.
Una vez que la selección esté activa, vaya a su Bote de pintura o Degradado herramienta y aplique un poco de color a esa capa. Permanecerá dentro de los límites de esa selección.
cómo descargar películas en la computadora
Una vez que haya bajado el color, querrá que interactúe con el marco de la imagen que se encuentra debajo.
Para hacer esto, haga clic en el Modo de fusión menú desplegable en tu Capas panel. Elige un efecto.
Como puede ver, este efecto ilumina mi marco al mismo tiempo que recoge los tonos claros y oscuros del bisel 3D debajo.
Paso 8: agregue su imagen
Una vez que haya terminado con el marco de imagen, probablemente desee colocar una imagen dentro de él. Para demostrar esta parte, utilicé una foto de mí mismo.
Para traer esta foto a la cabeza en su marco, seleccione el Moverse , luego haga clic y arrastre su foto en la cabeza 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 la foto de la cabeza a la pestaña, Photoshop traerá la foto de la cabeza al espacio de trabajo de su marco de imagen.
Suelta el archivo. Photoshop colocará automáticamente la foto en la cabeza en una nueva capa en su Capas panel.
Una vez que este disparo a la cabeza esté en una nueva capa, mueva esa capa de disparo a la cabeza debajo de la capa del marco de la imagen. El marco debe ser visible en la parte superior.
Si es necesario, ajuste el tiro en la cabeza para que se adapte mejor a su marco yendo Editar> Transformación libre . Arrastre los puntos de ancla hacia adentro para hacerlo más pequeño.
A continuación, vaya a la capa de su marco de imagen. Activa tu Varita mágica herramienta, luego seleccione el espacio alrededor de la parte exterior de su marco.
Una vez que se selecciona el área fuera de su marco, regrese a su capa de disparo a la cabeza. Vaya al menú en la parte superior de su pantalla, luego haga clic en Editar> Corte.
Esto eliminará rápidamente el resto de la imagen fuera de su marco, creando ese efecto de 'imagen'.
Paso 9: guarde su archivo para la web
Ahora que su foto en la cabeza está insertada y su marco de imagen está listo, está listo para guardar.
Antes de guardar, asegúrese de que la capa de fondo de su archivo esté desactivada. Su marco de fotos es redondo y habrá algo de transparencia a su alrededor. Si mantiene activada esta capa de fondo, esta transparencia no se verá afectada.
Una vez desactivado el fondo, vaya a Archivo> Exportar> Guardar para Web (heredado) . Guarde su archivo como PNG. Y ahí lo tienes. Ya terminaste.
Personalización de 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, brindándole una apariencia consistente en varios sitios y aplicaciones.
Sin embargo, no detenga su educación en Photoshop allí. Recomendamos aprender cómo crear un degradado personalizado usando Photoshop Siguiente.
Cuota Cuota Pío Correo electrónico He aquí por qué el FBI emitió una advertencia sobre el ransomware HiveEl FBI emitió una advertencia sobre una variedad de ransomware particularmente desagradable. He aquí por qué debe tener especial cuidado con el ransomware Hive.
cómo encontrar la contraseña wifi en el teléfonoLeer siguiente Temas relacionados
- Creativo
- Compartir foto
- Adobe Photoshop
- Diseño
- Tutorial de Photoshop
Shianne tiene una licenciatura en diseño y experiencia en podcasting. Ahora, trabaja como escritora senior e ilustradora 2D. Cubre tecnología creativa, entretenimiento y productividad para MakeUseOf.
Más de Shianne EdelmayerSuscríbete a nuestro boletín
¡Únase a nuestro boletín de noticias para obtener consejos técnicos, reseñas, libros electrónicos gratuitos y ofertas exclusivas!
Haga clic aquí para suscribirse