Logo flat

K

krusty72

Iota

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 22 Ene 2014

• #1

Tengo una imagen que la usaré como logo, trae sombras pero lo quiero modificar para que quede como una imagen flat.

Alguien sabe más o menos como hacer?
He buscado pero no encuentro un buen tutorial.

 

M

Marcos Lora

• 22 Ene 2014

• #2

si pones el logo podre ayudarte mejor

 

ramonjosegn

Sigma

Verificación en dos pasos activada

¡Usuario popular!

• 22 Ene 2014

• #3

krusty72 dijo:

Tengo una imagen que la usaré como logo, trae sombras pero lo quiero modificar para que quede como una imagen flat.

Alguien sabe más o menos como hacer?
He buscado pero no encuentro un buen tutorial.

Hacer clic para expandir...

Logo flat? pero el logo cómo es y en qué formato lo vas a trabajar?

 

K

krusty72

Iota

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 22 Ene 2014

• #4

Esta es la imagen que quiero convertir lo más flat que se pueda, incluyendo un texto también flat.

Como ven tiene un sombreado pero cuando trato de borrar el fondo blanco y el sombreado, algunas partes de las orillas quedan como pixeleadas y eso no quiero, quiero que quede completamente lisas.

Mmm no sé que pasa, pero no pude subir la imagen aquí en el post. no abre el explorador para escoger la imagen.

 

K

krusty72

Iota

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 22 Ene 2014

• #5

aquí está.

 

G

GGalizzi

Alfa

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 22 Ene 2014

• #6

Con photoshop:

Select -> color range...
(Selección -> rango de colores?)

Usa el eyedropped para elegir el negro, proba con fuzzines relativamente alto, y te debería seleccionar solo lo negro puro, permitiendo separarlo del sombreado.

Acá te lo dejo:

 

K

krusty72

Iota

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 22 Ene 2014

• #7

Wow [MENTION=79330]GGalizzi[/MENTION] eres todo un pro.

Gracias!!!

Una pregunta, puedes recomendarme un tipo de font que se vea bien tipo flat?

 

G

GGalizzi

Alfa

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 22 Ene 2014

• #8

Cuando viene a fuentes no queda otra que probar varias y ver cual queda mejor en relación al contenido / objetivo de tu pagina/empresa y el branding en general.

Para diseños flat vas a querer fuentes con cierta simpleza, sans-serif o semi-serif, que sean claras y con bordes bien definidos (que no estén muy anti-aliased o con efectos 3D, osea, flat 😛), serifs pueden ser, pero que los serifs sean mas "gordos", homogéneos y bien definidos.

Mira Open Sans, Bebas Neue, Rale Way, Montserrat, QuickSand, Sofia Pro, Franchise, Sertig, Circula, homestead, mojave, onramp, lovelo, exo, junction, kidot, manteka, sintony, telegrafico, gnuolane, RBNo2, bariol, caviar dreams, aleo, corbert, myra, kankin.

 

kahlo

Eta

Diseñador

Verificación en dos pasos activada

• 23 Ene 2014

• #9

Espero no incurrir en spam, pero no hace mucho publiqué en mi blog algunos consejos para aprender a diseñar elementos flat. Como hacer un diseño "Flat" | Juan Carlos Corral

Espero que te sirva.

Un saludo.

 

K

krusty72

Iota

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 23 Ene 2014

• #10

kahlo dijo:

Espero no incurrir en spam, pero no hace mucho publiqué en mi blog algunos consejos para aprender a diseñar elementos flat. Como hacer un diseño "Flat" | Juan Carlos Corral

Espero que te sirva.

Un saludo.

Hacer clic para expandir...

Excelente artículo, me ayudó bastante sobre todo para el font.

Cómo hiciste el efecto de las negritas?

 

kahlo

Eta

Diseñador

Verificación en dos pasos activada

• 23 Ene 2014

• #11

A qué te refieres con las negritas?

Un saludo.

 

K

krusty72

Iota

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 23 Ene 2014

• #12

En el link que pusiste, el artículo tiene un font muy legible, pero me gustó mucho como se ven las negritas.

 

Última edición: 23 Ene 2014

kahlo

Eta

Diseñador

Verificación en dos pasos activada

• 23 Ene 2014

• #13

Ah, pues simplemente es la misma tipografía en negrita. La fuente es Open sans Google Fonts Open Sans

Un saludo.

 

G

GGalizzi

Alfa

¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!

• 23 Ene 2014

• #14

krusty72 dijo:

En el link que pusiste, el artículo tiene un font muy legible, pero me gustó mucho como se ven las negritas.

Hacer clic para expandir...

font-weight seria el atributo de CSS que buscas para hacer eso.