Share
Lo que vas a crearEn versiones anteriores de Smart Objects, incrustamos datos de imagen en el archivo PSD. Ahora, Adobe ha actualizado Smart Objects en Photoshop CC 2014, por lo que también podemos vincularlos a archivos externos. En este tutorial, utilizaremos las nuevas funciones de los últimos objetos inteligentes vinculados para diseñar un folleto flexible. Usaremos Photoshop como nuestra herramienta principal e Illustrator para diseñar su logotipo..
Vamos a utilizar algunas imágenes libres de derechos. Los encontrarás dentro de los archivos PSD completos. Puedes usarlo para comparar con tu trabajo final. También vamos a utilizar la fuente gratuita Alef de Google Fonts.
En el proceso, utilizaremos Adobe Bridge para buscar imágenes de activos. Recuerde actualizar su Adobe Photoshop, porque vamos a utilizar las últimas funciones de la versión CC 2014.
Primero, comenzaremos haciendo un nuevo archivo (Control-N) para nuestro folleto. Selecciona el preset Papel internacional con talla A5.
La configuración predeterminada utiliza 300 píxeles / pulgada por su resolución. Esto significa que cada cuadrado de 1 pulgada x 1 pulgada contiene 300 píxeles. Este es el ajuste ideal para la impresión. Sin embargo, dado que este es solo un tutorial simple, es posible que desee reducir un poco la resolución. Establézcalo en 150 píxeles / pulgada. Baja resolución significa menos píxeles. Menos píxeles significa un tiempo de procesamiento más rápido para Photoshop.
Aquí está el lienzo que tenemos.
Golpear Control-R para revelar las reglas en la parte superior e izquierda del lienzo. Estas reglas nos ayudarán a identificar la posición del cursor y colocar los elementos de diseño con precisión. Botón derecho del ratón la regla y luego seleccione Milimetros cambiar su unidad.
Activar el Herramienta de marco. Hacer una nueva selección rectangular midiendo. 11 mm × 11 mm en la esquina superior izquierda del lienzo. Para hacer una selección rectangular perfecta, arrastre el cursor mientras mantiene presionada la tecla Cambio llave.
Hacer clic y arrastrar la regla en el borde de selección para hacer una nueva guía a la derecha en 11 mm horizontalmente y 11 mm verticalmente.
Haz lo mismo en la esquina inferior derecha del lienzo. Dibuje un rectángulo de 11 mm × 11 mm en la esquina inferior derecha y cree nuevas guías a su alrededor.
Abra la foto de archivo disponible dentro de los archivos de origen. Esta foto fue proporcionada por deathtothestockphoto. Hacer clic Archivo> Guardar como y luego guardar esto como un archivo PSD. Seleccionar Photoshop en el Guardar como tipo opción. Guardamos esto en un formato PSD (no JPG) para facilitar la modificación en el futuro.
Arrastre el archivo PSD al lienzo que hemos creado en Photoshop. Arrastramos para colocar el archivo en el lienzo. Recuerde que no tenemos la intención de copiar la imagen y luego pegarla, pero tenemos la intención de vincular el archivo en el lienzo. Podemos llamar a este lienzo un archivo contenedor..
También puede utilizar el menú., Archivo> Lugar vinculado. En el siguiente cuadro de diálogo, seleccione el archivo que desea insertar.
Después de colocar el archivo de imagen dentro del lienzo, verá un cuadro delimitador. Puede cambiar el tamaño de las dimensiones del archivo de imagen arrastrando sus controladores. No hay que preocuparse por cometer un error al transformarlo. Como el archivo de imagen se guarda como un objeto inteligente, siempre puede rehacer o aplicar otra transformación sin destruir la calidad de la imagen..
Para cambiar el tamaño mientras mantiene la relación de aspecto de la imagen, arrastre los controles mientras mantiene presionada la Cambio llave.
Golpea el Entrar Clave para confirmar el proceso de transformación. Si aún no estás satisfecho con el resultado, aplica otra transformación presionando Control-T. Ahora, eche un vistazo a la Capas panel. La capa de fondo que agregamos anteriormente tiene un pequeño icono en la esquina inferior derecha. Este icono indica que la capa está vinculada a otro archivo..
Vamos a añadir un pie de página en nuestro diseño. Abra el archivo de logotipo disponible con este tutorial. El archivo del logotipo proviene de deathtothestockphoto. Es un archivo EPS, por lo que debe abrirlo en Adobe Illustrator para conservar sus capacidades vectoriales. Selecciona uno de los logos. Copiarlo golpeando Control-C.
Crea un nuevo archivo en Adobe Illustrator (Control-N).
Golpear Control-V pegar el logo.
Guarde el archivo del logotipo en la misma carpeta que nuestro folleto..
Volvamos a nuestro folleto PSD. Coloca el logo vector en el lienzo usando el menú. Archivo> Lugar vinculado. En el siguiente cuadro de diálogo, seleccione el archivo. Ábrelo como un objeto inteligente con Recortar a caja delimitadora seleccionado.
Cambiar el tamaño del vector logo. Colócalo en la esquina inferior derecha del lienzo..
Activar el Tipo de herramienta y luego haga clic y arrastre para hacer un nuevo cuadro de texto. Rellénelo con dos o tres párrafos cortos, seguido de la dirección del sitio web de la compañía en texto grande. Para el tipo de fuente, use Alef de Google Fonts.
Agrega otro cuadro de texto en la parte superior del lienzo. Utilice la misma fuente para la consistencia. Establezca el tamaño de fuente para que sea más grande, ya que este es el título principal del folleto..
Por ahora, tenemos dos objetos inteligentes, en el logotipo y en el fondo. También somos conscientes de que la capa de objetos inteligentes está vinculada al archivo original. Intentemos modificarlos y ver qué pasa..
Primero, cambia el contenido de fondo. Activar el objeto inteligente fondo. Abre el Propiedades panel. Hacer clic Editar contenidos. También puedes directamente haga doble clic La capa para editar su contenido..
Puede encontrar este cuadro de diálogo. Photoshop le solicitará que guarde el archivo en la misma área. Simplemente haga click DE ACUERDO.
La capa de fondo se abrirá como un archivo PSD separado. Lo siguiente que vamos a hacer con el fondo es editar una parte de la foto para agregar más contraste en el texto. Echa un vistazo a la siguiente imagen. El texto negro está muy cerca de la ventana..
En el archivo de capa de fondo, seleccione algunas partes del fondo y luego presione Control-J duplicarlo.
Golpear Flecha de cambio moverlo hacia arriba.
Seleccione la parte inferior de la imagen usando la Herramienta de marco.
Golpear Control-T y luego cambiar su tamaño hasta que tengamos una superficie de mesa más limpia.
Borre las áreas innecesarias usando Herramienta de borrador con un cepillo grande y suave.
Hemos terminado de editar el archivo de capa de fondo. Guárdalo y luego ciérralo. El fondo del folleto se actualiza automáticamente..
Probemos otra forma de editar la capa de fondo. Cierre el archivo del folleto. Sabemos que la capa de fondo está vinculada a un archivo PSD. Entonces, ¿por qué no editamos el archivo PSD directamente? En Adobe Bridge, haga doble clic en el archivo PSD de fondo para abrirlo en Photoshop.
Toma otra imagen de deathtothestockphoto; la encontrarás con los archivos de origen de este tutorial. Pégalo en nuestro archivo PSD. Salva el psd.
Abramos el archivo del folleto en Photoshop y veamos qué pasa después..
En el Capas En el panel, encontrará un icono de signo de exclamación dentro de la capa de objetos inteligentes de fondo. Este icono nos advierte que hay un problema con la capa. En Propiedades panel, también encontrará un icono de signo de exclamación similar.
Sabemos que el contenido del archivo vinculado ya está actualizado. Podemos hacer que Photoshop actualice la capa de datos haciendo clic en Capa> Objeto inteligente> Actualizar contenido modificado.
Echa un vistazo al lienzo. El fondo se actualiza automáticamente..
Haga clic en el Editar contenidos botón para editar el archivo.
Realizar una transformación (Control-T) en la nueva imagen.
Guarde el archivo de fondo. Vuelva al archivo del folleto y luego actualice la capa inteligente de fondo.
Para agregar contraste en el pie de página, agregue un rectángulo simple en la parte inferior. Usa el mismo color que el color del logo..
Hasta aquí, aquí está el diseño que tenemos..
Si lo desea, todavía puede editar el fondo y tal vez mover la imagen un poco..
Hemos cambiado la imagen de fondo. Ahora, vamos a cambiar el esquema de color. En esta versión, el color del logotipo y el texto se invertirán. Primero, queremos agregar un rectángulo simple para el fondo del texto. Utilizar el Herramienta de forma con el Forma opción seleccionada en el Barra de opciones. Selecciona el Llenar a # 231f20.
Hacer clic y arrastrar Dibujar un rectángulo simple en la parte inferior del lienzo..
Cambia el color del texto a blanco..
También queremos editar el vector logo y cambiar su color..
Podemos hacer esto activando el vector logo Smart Object en el Capas panel. Desde el Propiedades panel, haga clic en el Editar contenidos botón.
También podemos buscar archivos asociados con el vector logo y luego abrirlos en Photoshop..
Botón derecho del ratón el archivo del folleto y luego seleccione Mostrar archivos vinculados.
Adobe Bridge le mostrará una lista de archivos vinculados al archivo contenedor. Como puede ver a continuación, hay dos archivos vinculados a esta PSD, fondo y logotipo. Haga doble clic El archivo del logotipo para editarlo usando el programa apropiado, en este caso Adobe Illustrator.
Selecciona todas las formas de fondo..
Cambia su color a negro. Repita esto con todas las formas detrás del texto..
Invertir el color del texto a blanco. Guarda y luego cierra el archivo vectorial.
Volvamos a nuestro archivo de folletos. Ahora tenemos un logotipo invertido que coincide con nuestro esquema de color actual.
Al vincular archivos, en lugar de incrustar archivos, usamos varios archivos conectados en nuestro proyecto de diseño. Por supuesto, no queremos que falte uno de ellos. Por lo tanto, tenemos que organizarlos con cuidado. Asegúrate de ponerlos todos en una carpeta. Como puede ver a continuación, todos se colocan en una carpeta llamada paquete de folleto.
También debe comprender cómo Photoshop maneja todos los archivos relacionados. Desde el sitio de ayuda oficial, Photoshop primero buscará los archivos en la última posición absoluta. Si Photoshop falló, buscará nuevamente en la misma carpeta que el archivo contenedor.
Vamos a ver qué pasa si falta uno de los archivos vinculados. Recuerda que actualmente tenemos dos archivos vinculados al archivo PSD principal..
¿Qué sucede si eliminamos accidentalmente el logotipo del lugar de origen, que se encuentra en la misma carpeta que el contenedor de archivos??
Botón derecho del ratón el archivo PSD principal y luego seleccione Mostrar archivos vinculados. Aparece un mensaje de advertencia que nos recuerda que faltan archivos..
Si abrimos el archivo contenedor en Photoshop, aparecerá un cuadro de diálogo que nos informará sobre los archivos que faltan..
Haga clic en el Escoger botón para intentar buscar el archivo que falta. Una vez que lo haya encontrado, selecciónelo y haga clic en Lugar botón.
Un icono de marca de verificación indica que se han encontrado los archivos vinculados que faltan.
Puede optar por ignorar el cuadro de diálogo de advertencia. Si lo haces, dentro de la Capas panel y Propiedades En el panel, encontrará un icono de signo de interrogación que le informa sobre la pérdida del archivo asociado..
Haga clic en el Editar contenidos botón o haga doble clic la capa y luego tratar de encontrar el archivo faltante manualmente.
Por lo tanto, asegúrese de colocar siempre el archivo contenedor y los archivos asociados en la misma carpeta. Otra ventaja de usar el archivo relacionado es un tamaño de archivo más pequeño. Como puede ver en la barra de estado, el tamaño del archivo contenedor es de 14.43 MB.
Siempre se puede usar el método anterior con objetos inteligentes, que consiste en incrustar los archivos. Incrustar significa que coloca los datos de la imagen directamente en el archivo contenedor..
Puede incrustar todos los objetos inteligentes haciendo clic en Capa> Objetos inteligentes> Incrustar todo vinculado.
No verá un icono de enlace en la miniatura de la capa o Propiedades panel. En su lugar, verá un ícono de objeto inteligente antiguo antiguo.
También notará la diferencia en el tamaño del archivo entre los objetos inteligentes incrustados y vinculados. Debido a que incrustado significa que coloca toda la información de la imagen en un archivo contenedor, obtendrá un tamaño de archivo muy grande. En este caso, los objetos inteligentes incrustados generan 70 MB, mientras que los objetos inteligentes vinculados generan 14 MB.
En este tutorial, hemos vinculado dos archivos, PSD (Photoshop) e AI (Illustrator), a un archivo de folleto. En realidad, también puede vincular esos archivos a otro archivo para un proyecto de diseño múltiple, por ejemplo, vincular el logotipo vectorial a un archivo de tarjeta de presentación.
De esta manera, simplemente podemos editar el logotipo del vector, y el resultado se actualizará automáticamente en los archivos contenedores, folletos y tarjetas de presentación. En este caso, cambiamos el texto del logo de una a s.
El logotipo del vector en el folleto se actualiza automáticamente también.
A partir de este largo tutorial, podemos ver que los nuevos objetos inteligentes vinculados en Adobe Photoshop nos ofrecen más libertad para trabajar de forma no destructiva. Esta nueva característica será muy útil para aquellos que trabajan en equipo. Por ejemplo, uno puede centrarse en el diseño, el otro en el logotipo y el otro puede centrarse en la manipulación de fotografías para el fondo de la imagen. Espero que puedas encontrar nuevos trucos para usar esta nueva característica. Si tienes éxito, avísame en el área de comentarios..
Accentsconagua