Gracias Gracias:  0
Resultados 1 al 1 de 1

Tema: Patrones de diseño en photoshop

  1. #1
    Administrador y fundador. Avatar de 3dpoder
    Fecha de ingreso
    Apr 2002
    Mensajes
    15,455

    Patrones de diseño en photoshop

    Crear patrones de diseño en Photoshop

    Por Juan Deco de zonaCG.com





    En este tutorial aprenderas a crear patrones de diseño en Photoshop los cuales podrás insertar como fondo en tu sitio web, en tu escritorio o como en cualquier otro trabajo que así lo requiera.

    A partir de una imagen crearemos el patrón el cual se podrá repetir infinidad de veces.

    Orientaré este tutorial para fines web pero si ustedes necesitan hacer un patrón para imprimir recuerden substituir el valor de 72dpi por 300dpi que se ven en la siguiente imagen.

    1- Así que, creemos el lienzo. Yo utilizaré una resolución de 200×200 pixels pero tu puedes utilizar la que desees pero siempre mantén la proporción cuadrada.




    2- Lo que tenemos que hacer es crear la imagen o importarla y colocarla en el centro del lienzo tal cual se ve en la siguiente imagen. Utilizaré esta águila para crear mi patrón:




    3- Ahora, utilizando las reglas (rulers) y las guías (guides) de Photoshop dividiremos el lienzo en 4 partes iguales. Para hacer esto guíate con las medidas que elegiste para tu lienzo. En mi caso que es de 200×200 pixels, se que tengo que ubicar las guías en el pixel 100.

    Nota: Si no tienes las reglas activadas presiona Ctrl + R y para crear una guía solo haz clic sobre una regla y arrastra hacia el centro del lienzo.

    Deberías tener algo así:





    4- Ahora, si tienes 2 capas o más como yo debes realizar el siguiente paso. Acoplaremos la imagen. Es decir, convertiremos todas las capas en una sola. Para eso, dirígete al menú Capas (Layers) y elige Acoplar Capas (Flatten Image).

    5- Ahora viene la parte interesante! Con la herramienta de selección rectangular, vamos a seleccionar la sección superior izquierda y la vamos a copiar (Ctrl + C). Para que la selección quede perfecta activa la opción Snap to Guides en el menú View:





    Ahora si ya podemos seleccionar la primer parte de la imagen:




    6- Ahora pegaremos este pequeño cuadrado que en mi caso abarca parte del ala del águila presionando Ctrl + V y vamos a moverlo hasta la parte inferior derecha como lo muestra la imagen:





    Veras que la imagen central quedó un tanto cortada por la imagen nueva que pegamos. Eso lo resuelves fácilmente con la Goma de borrar eliminando ese gris que se superpone con el águila central.
    7- Ahora vamos a repetir este paso 3 veces más hasta obtener el siguiente resultado. Recuerda que cada parte que copiamos la tenemos que trasladar al sitio opuesto. Por ejemplo, si ahora copiamos el cuadrado superior derecho lo tenemos que trasladar al inferior izquierdo.


    Guíate con el siguiente es quema:



    - La parte A ira en el lugar D
    - La parte B ira en el lugar C
    - La parte C ira en el lugar B
    - Y la parte D ira en el lugar A


    Este debería ser el resultado final!





    Felicitaciones!!! Ahora solo debemos salvar la imagen en el formato deseado y ya está lista para ser utilizada!



    Creado por Juan Deco de zonaCG.com
    Miniaturas adjuntadas Miniaturas adjuntadas Patrones de diseño en photoshop-patron00.jpg   Patrones de diseño en photoshop-patron01.jpg   Patrones de diseño en photoshop-patron02.jpg   Patrones de diseño en photoshop-patron03.jpg  

    Patrones de diseño en photoshop-patron04.jpg   Patrones de diseño en photoshop-patron05.jpg   Patrones de diseño en photoshop-patron06.jpg   Patrones de diseño en photoshop-patron07.jpg  

    Patrones de diseño en photoshop-patron08.jpg  
    Si vas a subir un trabajo al foro, hazlo adjuntando la imagen, archivo, vídeo o lo que sea, no publicando enlaces de otros sitios. http://www.foro3d.com/f45/forma-correcta-de-insertar-imagenes-y-archivos-en-nuestro-mensaje-98930.html

    |Agradecer cuando alguien te ayuda es de ser agradecido|

Temas similares

  1. #9: Photoshop Cc. 2014 (Diseño Y Creatividad)
    Por 3dpoder en el foro Libreria fisica y electronica
    Respuestas: 0
    Último mensaje: 08-06-2016, 10:37
  2. Photoshop CS6 (Diseño Y Creatividad)
    Por 3dpoder en el foro Libreria fisica y electronica
    Respuestas: 0
    Último mensaje: 15-10-2014, 00:36
  3. Mi pagina de Diseño Grafico con Photoshop
    Por anrafera en el foro Esta es mi página...
    Respuestas: 0
    Último mensaje: 21-08-2009, 12:24
  4. diseño de interface web con photoshop
    Por djangus en el foro Diseño Gráfico y CAD
    Respuestas: 1
    Último mensaje: 22-03-2007, 12:05

Actualmente estos son sus permisos de publicación en el foro.

  • -No puedes crear nuevos temas al no estar registrado o no haber iniciado sesión en el foro.
  • -No puedes responder temas al no estar registrado o no haber iniciado sesión en el foro.
  • -No puedes subir archivos adjuntos al no estar registrado o no haber iniciado sesión en el foro.
  • -No puedes editar tus mensajes al no estar registrado o no haber iniciado sesión en el foro.
  •