User Tag List

Página 1 de 23 1 2 3 4 5 11 ... ÚltimoÚltimo
Resultados 1 al 20 de 458

Tema: Fondo y header

  1. #1
    Administrador Avatar de dDaunloz
    Fecha de ingreso
    Jul 2013
    Ubicación
    XXX - Shangriland
    Steam
    dDaunloz
    Origin
    dDaunloz
    Mensajes
    11,647

    Fondo y header

    Gente vamos a hacer esto un poco mas dinamico

    Hay 4 juegos lindos que salieron en estos dias

    Lost Planet 3
    Tom Clancy's Splinter Cell: Blacklist
    The Bureau: XCOM Declassified
    Saints Row 4

    Y el GTA5 que sale en breves


    hagan un conjunto fondo y banner con el tema que les guste y posteenlo aca

    les doy hasta el domingo a ultima hr, asi el lunes armamos una votacion y el que mas guste queda hasta el mes que viene que hariamos el mismo proceso nuevamente


    Requisitos:

    El banner no debe tener el nombre, solo ser una imagen para el fondo, el nombre es una imagen aparte con transparencia



    Dimensiones
    Fondo: alto= 1200, >1920
    Banner: alto= 185, >1500

    Plis, no deformen las imagenes que usen, mantegan siempre el aspect ratio de las mismas si le cambian el tamaño, y en lo posible traten de no agrandarlas, ya que tambien pierde calidad


    Cita Iniciado por dDaunloz Ver mensaje
    Bueno.. ahi sale pique

    Para arrancar, los fondos que presenten que sean como minimo 1920*1200, pueden ser mas grandes si quieren, pero no creo que muchos utilicen algo mas grande que eso por ahora.

    El fondo va a ir centrado y arrancando arriba (top center fixed)
    Asi que su diseño deberia concentrarse en las dos franjas laterales, y sabiendo que se va a ir cortando segun la resolucion de cada pantalla (no hacemos resize de la imagen xq pierde calidad)

    Como voy a ir perdiendo contenido de mi background? de los costados hacia adentro, y de abajo hacia arriba.

    Por lo cual les aconsejo, si siguen el formato de collage de personajes:
    * no pongan cabezas muy cerca del borde inferior xq pueden quedar cortadas.
    * horizontalmente hagan mas o menos 3 columnas de personajes, para que en cada resolucion se vea algo.

    Estas son las resoluciones mas comunes, pueden bajarse esa imagen y usarla como layer en el PS u otro soft que usen (con layers obvio), le ponen una opacidad baja, y la oculatan y activan para ir probando su diseño



    Las franjas verdes verticales indican la zona visible para el foro, en las resoluciones que tome como extremos 1280*1024 (clasico cuadradito de oficina) y 1920*1080/1200 (clasico domestico), cualquier otra como laptos quedan comprendidas dentro de esas



    O sea que el background tendría que tener material visible en las siguientes franjas, para que quede bien en todas las resoluciones





    Después piques cortos (DO's and DONT's)

    * NUNCA agranden una imagen (pierde calidad y se nota)
    * achicar imágenes si pueden, pero no exageradamente, las imágenes muy grandes, empiezan a perder bastante calidad al bajarle mucho el tamaño
    * NO deformen las imágenes, usen Shift (por lo general) para el resize de imágenes que mantiene la relación
    * no inviertan (horizontalmente) las imágenes (no se xq, pero nuestro cerebro suele decirnos que hay algo mal con esa imagen)
    * si es posible mantengan la iluminación (que la luz les pegue del mismo lado a los personajes que usen)
    * agregar una textura al fondo rellena fácilmente posibles lugares vacíos difíciles de completar (buscan texture/a en google y le salen varias)
    * es preferible no usar imágenes muy grandes
    * para conseguir personajes previamente recortados/sin fondo, buscan agreguen la palabra "render" a su query (altair render)
    * traten de mantener cierta armonía de colores
    * traten de utilizar imágenes mas o menos parejas en estilo y detalle (un Mario 8 bits no pega mucho con una Lara 2013)


    Cita Iniciado por dDaunloz Ver mensaje
    les voy a tirar un pique para que apliquen el fondo y el banner en sus maquinas para ver como queda


    boton derecho-> inspeccionar elemento, sobre el fondo



    Buscan la siguiente linea recuadrada a la derecha, la seleccionan y cambian la url, por la de su imagen
    no apreten directo sobre la url, xq ahi los va a pasar para la pestaña resources (2), si les pasa, solo apretan la pestaña elements (1)



    voilá! queda aplicado el fondo (en sus maquinas) y les sirve para checkear que tan bien queda




    para probar con varias resoluciones, se pueden bajar la siguiente extencion: window resizer, y les va a permitir cambiar facilmente entre las resoluciones mas comunes

    se les agrega un boton en el browser para intercambiar



    aca ven como queda en 1280*1024



    como les decia.. una fila mas de personajes no vendria mal :P



    ahora seguimos el mismo procedimiento para el header.. pero ahora va a ser mas tricky



    boton derecho-> inspeccionar elemento, sobre lal imagen



    esta vez, no les va a quedar la linea correcta seleccionada, asi que buscan la que esta seleccionada ahi a la izquierda "<div class="above_body">"
    y ahi les aparece la url del header a la derecha, la remplazan como antes y listo




    quedan aplicados temporalmente en sus maquinas el fondo y el header

    para sacarlos solo refrescan la ventana y listo

    i7 9700k @ Cooler Master Masterliquid Lite 240 | ASRock z390m-itx/ac | Gigabyte RTX 2070
    2x16GB Corsair Vengeance LPX 3600MHz | Samsung 840 Evo 1 TB + 860 Evo 1TB
    Cougar QBX + Corsar SF600 | Acer XG270HU + Samsung s23B300b x2
    Samsung Galaxy S10 + Skullcandy Ink'd Wireless
    Samsung RT38F | Samsung MC28H

  2. #2
    Avatar de Sap
    Fecha de ingreso
    Jul 2013
    Ubicación
    Montevideo
    Edad
    32
    Steam
    sap323
    Origin
    sap323
    Mensajes
    632
    Hice un banner :P Espero que les guste, si quieren que cambie algo, me dicen !
    No sabia si poner que diga BF 4. Pero me parece que asi queda mas coqueto (:

    ClubPet.uy
    Qué hace el Asistente Personal de tu mascota?

  3. #3
    Avatar de Lethos
    Fecha de ingreso
    Jul 2013
    Ubicación
    Dublin, Irlanda
    Edad
    34
    Steam
    dann_pkuy
    Origin
    DANN08
    Mensajes
    867
    Yo diria d poner un fondo dinamico... Battlefield 4 y GTA V que cambie cada X tiempo, noc si es complicado o no.

    consejo: No le pongan el nombre "ya se puede entrar?" ya que la idea es cambiar dicho nombre a uno mas "serio/formal"
    Intel I9 13900K w/Corsair H150i Elite Capellix RGB - Gigabyte Z790 Aorus Master - 2x 16GB Corsair Vengance RGB DDR5 5600 - INTEL Arc 770 Limited Edition - Corsair RMe 1000W - CoolerMaster HAF500 - 1 x WD 850x 4TB + 1 x Samsung 970 Evo Plus 1TB + 1x WD SN730 1TB + 1 x 4TB WD Green HDD - Logitech G502 X - Corsair K70 RGB Mk.2

  4. #4
    Avatar de massia
    Fecha de ingreso
    Aug 2013
    Edad
    37
    Steam
    ElT0T3
    Origin
    ElT0T3
    Xfire
    ElT0T3
    Mensajes
    826
    Bueno quedo como el culo pero hace 1 hora que lo estoy haciendo y la verdad me re canso, mas porque use 3 imagenes distintas y me paspe de quitar y agregar cosas, el header te lo debo porque me arden los ojos, si me pinta en un rato me lo mando, quedo feo este pero para ir incentivando no esta mal

    PD: Si alguien me da una mano y arregla la pinche cuerda esa que estuve como media hora con ella y fue lo mejor que hice, y si se animan el avion de transporte el culo quedo desfundado, la verdad no me dan las bolas para seguir este banner, despues mando otro pero de otro juego...






    Edit: En una buena para todos los que piden fondo, jueguensela y manden alguno porque no son una papa de hacer (tampoco es dificil, sino un poco cansador) y pedir es facil pero si queremos fondos distintos hay que ir agregando e ideando, de brazos cruzados no se crea ningun banner

    Edit: agregue el header
    Última edición por massia; 30-08-2013 a las 12:50 PM Razón: agregado header

  5. #5
    Avatar de xHomer
    Fecha de ingreso
    Jul 2013
    Edad
    34
    Steam
    xHomer
    Origin
    xHomerUy
    Mensajes
    851
    A mi me gustaron las 2 imagenes.

  6. #6
    Avatar de massia
    Fecha de ingreso
    Aug 2013
    Edad
    37
    Steam
    ElT0T3
    Origin
    ElT0T3
    Xfire
    ElT0T3
    Mensajes
    826
    gracias xhomer, me tomo una hora y me paspe, y le veo tantos defectos que veo que quedo como el tuje, pero no tengo ganas de retocarla mas

  7. #7
    Avatar de Sap
    Fecha de ingreso
    Jul 2013
    Ubicación
    Montevideo
    Edad
    32
    Steam
    sap323
    Origin
    sap323
    Mensajes
    632
    Ta, si quieren de noche hago un fondo. Pero como voy a poner otra cosa que no sea "Ya se puede entrar?" si todavia no hay nada decidido ?

    Gracias xhomer
    ClubPet.uy
    Qué hace el Asistente Personal de tu mascota?

  8. #8
    Administrador Avatar de dDaunloz
    Fecha de ingreso
    Jul 2013
    Ubicación
    XXX - Shangriland
    Steam
    dDaunloz
    Origin
    dDaunloz
    Mensajes
    11,647
    como dice lethos.. son solo imagenes sin texto.. el titulo es otra imagen separada con trasparencia


    i7 9700k @ Cooler Master Masterliquid Lite 240 | ASRock z390m-itx/ac | Gigabyte RTX 2070
    2x16GB Corsair Vengeance LPX 3600MHz | Samsung 840 Evo 1 TB + 860 Evo 1TB
    Cougar QBX + Corsar SF600 | Acer XG270HU + Samsung s23B300b x2
    Samsung Galaxy S10 + Skullcandy Ink'd Wireless
    Samsung RT38F | Samsung MC28H

  9. #9
    Avatar de xHomer
    Fecha de ingreso
    Jul 2013
    Edad
    34
    Steam
    xHomer
    Origin
    xHomerUy
    Mensajes
    851
    Otra cosa que falta y queda feo es el favicon, ese de vbulletin ta fulero. Hay que ver que se pone en el iconito. Algo que represente al foro.

    http://www.favicon.cc/?action=icon&file_id=137640

  10. #10
    El neandertal Avatar de Master of the Wind
    Fecha de ingreso
    Jul 2013
    Edad
    34
    Steam
    Master of the Wind
    Origin
    MasterOfTheWind1
    Xfire
    masterofthewind1
    Mensajes
    11,123
    Dinamico es buena idea, tiramos un lote y queda por un tiempo
    // Desktop: Core i5 13600KF - 32GB DDR4@3600 Mhz (16 GB DDR4 Thermaltake Thoughram + 16 GB DDR4 TForce VulcanZ) - Asus Prime Z690-P D4 - EVGA RTX 3090 FTW3 Ultra 24GB GDDR6X - SSD M.2 Kingston 2TB x2 - SSD M.2 Kingston 1TB - Thermaltake GF1 850W - Cooler Master Masterliquid 240 - Antec AX81 - Asus Strix Soar - Windows 11 x64
    // Gear: Razer Blackwidow V3 Mini 65% Hyperspeed - Razer Deathadder V2 Pro - Red Dragon Suzaku XL - Sony Dual Sense + Xbox Series Controller + 8BitDo USB Receiver 2 - Razer Kraken
    // Display: Gigabyte M32U 32" 4K@144hz
    // Retro: Core i3 6100 3.7Ghz -16GB DDR4@2133 Mhz - 128 GB SSD - 1TB HDD - AMD Radeon R5 340X 2GB GDDR3 - 8 Bitdo SF30 Pro - Sony Wega Trinitron 36" CRT + VGA to Component transcoder - Batocera Linux
    // Work: Macbook Pro 15" 2019 - Core i9 2.3 Ghz - 16 GB DDR4 - 512 GB SSD - Intel UHD Graphcis 630/AMD Radeon Pro 560X 4GB GDDR5
    // Server ITX: Cooler Master NR200P - Gigabyte GA AB350N Gaming WIFI - AMD Ryzen 7 2700 - 32GB RAM DDR4 - 1TB NVME SSD
    // Console peasant: Sony PlayStation 5 Slim - Nintendo Switch 256GB MicroSD + RCMLoader -
    New Nintendo 3DS XL 128GB MicroSD - Xbox 360 Slim 120GB - Nintendo Wii 512GB MicroSD
    // Console no peasant: Steam Deck OLED - 1TB SSD - 1TB MicroSD

  11. #11
    Avatar de xHomer
    Fecha de ingreso
    Jul 2013
    Edad
    34
    Steam
    xHomer
    Origin
    xHomerUy
    Mensajes
    851
    Para el favicon se me ocurre que puede ser la reticula de una mira (si es que se llama asi)
    Ejemplos:


    Luego pruebo hacer una.

  12. #12
    Avatar de massia
    Fecha de ingreso
    Aug 2013
    Edad
    37
    Steam
    ElT0T3
    Origin
    ElT0T3
    Xfire
    ElT0T3
    Mensajes
    826
    bueno mande el header a lo mio del splinter, Upale, vayan metiendo algunos...
    @dDaunloz, estas seguro que el header es esa medida, porque el del mario parece mas alto que el que hice de splinter cell
    @xHomer , me parece que luego del nombre habria que hacer una personalizada
    Última edición por massia; 30-08-2013 a las 12:52 PM

  13. #13
    Administrador Avatar de dDaunloz
    Fecha de ingreso
    Jul 2013
    Ubicación
    XXX - Shangriland
    Steam
    dDaunloz
    Origin
    dDaunloz
    Mensajes
    11,647
    si esta bien massia, lo que pasa que en los post el foro redimensiona las imagenes para que entren

    i7 9700k @ Cooler Master Masterliquid Lite 240 | ASRock z390m-itx/ac | Gigabyte RTX 2070
    2x16GB Corsair Vengeance LPX 3600MHz | Samsung 840 Evo 1 TB + 860 Evo 1TB
    Cougar QBX + Corsar SF600 | Acer XG270HU + Samsung s23B300b x2
    Samsung Galaxy S10 + Skullcandy Ink'd Wireless
    Samsung RT38F | Samsung MC28H

  14. #14
    Avatar de hetfieldguy
    Fecha de ingreso
    Jul 2013
    Edad
    39
    Mensajes
    1,058
    Prueba de banner para GTA V

    Master Race: I77700K+16GBDDR4+RX6650XT+NVME480GB+HDD1TB
    LAPTOP Master Race: HP17.3-I76700HQ-16GB-GT940m-SSD250GB

  15. #15
    Avatar de jabonloco
    Fecha de ingreso
    Jul 2013
    Edad
    33
    Mensajes
    691
    el "ya se puede entrar?" no lo pongan, son 2 imagenes separadas....o entendi mal?

  16. #16
    Administrador Avatar de dDaunloz
    Fecha de ingreso
    Jul 2013
    Ubicación
    XXX - Shangriland
    Steam
    dDaunloz
    Origin
    dDaunloz
    Mensajes
    11,647
    entendiste bien :-P

    i7 9700k @ Cooler Master Masterliquid Lite 240 | ASRock z390m-itx/ac | Gigabyte RTX 2070
    2x16GB Corsair Vengeance LPX 3600MHz | Samsung 840 Evo 1 TB + 860 Evo 1TB
    Cougar QBX + Corsar SF600 | Acer XG270HU + Samsung s23B300b x2
    Samsung Galaxy S10 + Skullcandy Ink'd Wireless
    Samsung RT38F | Samsung MC28H

  17. #17
    Avatar de hetfieldguy
    Fecha de ingreso
    Jul 2013
    Edad
    39
    Mensajes
    1,058
    bo yo entendi como era, pero la idea es que se vea el boceto completito che! dps mando todo por separado si les gustó
    Master Race: I77700K+16GBDDR4+RX6650XT+NVME480GB+HDD1TB
    LAPTOP Master Race: HP17.3-I76700HQ-16GB-GT940m-SSD250GB

  18. #18
    Administrador Avatar de dDaunloz
    Fecha de ingreso
    Jul 2013
    Ubicación
    XXX - Shangriland
    Steam
    dDaunloz
    Origin
    dDaunloz
    Mensajes
    11,647
    bien

    hacete un fondo macheando ese header hetfield y lo subimos a mitad de mes, ahora subo el de massia ya que no hubo mucha participacion

    sap! BF4 metemos en oct


    EDIT: en estos dias arreglo el fondo para que sean dos imagenes, una a la izquierda y otra a la derecha, siempre se ve algo a los costados.. no como ahora :P

    i7 9700k @ Cooler Master Masterliquid Lite 240 | ASRock z390m-itx/ac | Gigabyte RTX 2070
    2x16GB Corsair Vengeance LPX 3600MHz | Samsung 840 Evo 1 TB + 860 Evo 1TB
    Cougar QBX + Corsar SF600 | Acer XG270HU + Samsung s23B300b x2
    Samsung Galaxy S10 + Skullcandy Ink'd Wireless
    Samsung RT38F | Samsung MC28H

  19. #19
    Avatar de massia
    Fecha de ingreso
    Aug 2013
    Edad
    37
    Steam
    ElT0T3
    Origin
    ElT0T3
    Xfire
    ElT0T3
    Mensajes
    826
    @dDaunloz eso justamente es lo que habria que arreglar, menos mal que se puede

  20. #20
    Avatar de hetfieldguy
    Fecha de ingreso
    Jul 2013
    Edad
    39
    Mensajes
    1,058

    El loguito y el fondo en marcha!

    [IMG][/IMG]
    Última edición por hetfieldguy; 03-09-2013 a las 11:05 AM
    Master Race: I77700K+16GBDDR4+RX6650XT+NVME480GB+HDD1TB
    LAPTOP Master Race: HP17.3-I76700HQ-16GB-GT940m-SSD250GB

Información de tema

Usuarios viendo este tema

Actualmente hay 1 usuarios viendo este tema. (0 miembros y 1 visitantes)

Temas similares

  1. Usb header
    Por Seba Da Silva en el foro Ayuda técnica
    Respuestas: 6
    Último mensaje: 02-02-2017, 09:31 PM
  2. ¿Qué estilo de fondo tenés?
    Por Jumoge en el foro Offtopic
    Respuestas: 24
    Último mensaje: 28-04-2014, 12:41 AM
  3. Nuevo Fondo & Banner
    Por dDaunloz en el foro Work in Progress
    Respuestas: 19
    Último mensaje: 16-11-2013, 09:54 PM

Permisos de publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •