Drop Shadow: A guía detallada de Illustrator

Drop Shadow: A guía detallada de Illustrator
Rick Davis

A nosa serie Adobe Illustrator está deseñada para axudarche a aprender a crear diferentes efectos no software de deseño vectorial. Estamos aquí para axudar a simplificar o proceso de deseño para todos, desde deseñadores principiantes ata veteranos. Hoxe centrámonos en como crear sombras paralelas.

Non é ningún segredo que Adobe Illustrator tarda un pouco en dominar. É un programa de deseño rico en funcións que pode ser un reto e algo complexo. A comunidade de soporte de Adobe fai un bo traballo ao ofrecer orientación e asistencia aos usuarios de Adobe, e pode ser un lugar útil para solucionar problemas e aprender.

Gústanos estar comprometidos coa nosa propia comunidade de deseño ofrecendo suxestións e titoriais, polo que pensamos que podería ser útil darche unha explicación paso a paso sobre como crear unha sombra paralela en Illustrator.

Neste artigo, imos entrar en detalles sobre como crear unha sombra vectorial en Illustrator, así como ensinarche a aplicar este efecto tamén en Vectornator, por se podes beneficiarte dunha alternativa.

Moitos deseñadores criticaron o efecto da sombra. xa que sen dúbida pode arruinar un deseño cando se esaxera. Pero usadas con moderación, como nun fermoso deseño de logotipo vectorial, as sombras poden mellorar o deseño e darlle definición.

Se aínda estás aprendendo as ferramentas de deseño e experimentando con efectos, marca o marcador. esta publicación para que poidas volver a elasempre que o necesites.

Que é unha sombra paralela?

No deseño gráfico, unha sombra paralela é un efecto que dá a un obxecto a aparencia de ter unha sombra. As sombras paralelas melloran unha imaxe e danlle certa dimensión e profundidade.

Sombras paralelas e sombras proxectadas

En Illustrator, podes crear sombras paralelas así como proxectar sombras. Entón, cal é a diferenza?

As sombras paralelas adoitan ser decorativas e serven para mellorar o aspecto das imaxes, mentres que as sombras proxectadas realmente engaden profundidade e un aspecto realista porque aparecen como unha sombra pode caer ( ou ser "cast") na vida real.

As sombras paralelas fan que un obxecto pareza como se estivese flotando, polo que o efecto úsase máis habitualmente en texto e botóns.

Fonte da imaxe: Pixabay

As sombras proxectadas, por outra banda, utilízanse para obxectos que poden estar en pé; pense en como se proxecta unha sombra cando unha persoa está de pé no chan.

Fonte da imaxe: Pixabay

Cando usar unha sombra paralela

Como dixemos, as sombras paralelas dan a ilusión dun obxecto flotante e son máis adecuadas para botóns e texto . Se o teu recurso é paralelo ao fondo, empregarás unha sombra paralela. Isto crea a ilusión de que o recurso está flotando fronte ao fondo.

As sombras paralelas son excelentes para diferenciar o texto ou un recurso dun fondo. Esencialmente, fai que o activo destaque do segundo plano. Tamén podes usar unha sombra paradarlle a un obxecto un efecto brillante. Se optas por unha cor máis clara en lugar dunha paleta de cores máis escuras, dará o efecto dun brillo en lugar de unha sombra.

Como engadir unha sombra paralela en Illustrator

Para comezar , terás que ter o teu documento de Illustrator aberto e un activo ao que desexas engadir unha sombra. Este recurso pode ser unha imaxe, un texto ou calquera cousa. Podes incluír varios recursos e engadir sombras paralelas a todos eles á vez.

É posible que teñas un activo compilado con varios obxectos. Podes seleccionar todos os obxectos xuntos e aplicar o efecto de sombra paralela a todos os obxectos á vez, se o desexas.

Unha vez seleccionados os teus recursos, desprázate ata o menú "efectos" e fai as seguintes seleccións: Efecto -> Estilizar -> Sombra.

Voila! A túa caixa de diálogo de sombra aparecerá agora na pantalla, xunto cunha sombra que se engadiu ao teu recurso. Esta caixa contén as seguintes funcións axustables, que explicaremos individualmente en breve:

  • Modo
  • Opacidade
  • Compensación X
  • Compensación Y
  • Desenfoque
  • Cor
  • Escuridade

A sombra paralela que estás mirando actualmente só se aplicará cando premes "OK". na caixa. Se fai clic en "cancelar", desaparecerá. Se estás satisfeito co aspecto da sombra, podes facer clic en "Aceptar". En caso contrario, pode axustalo aínda máis á súa satisfacción usando as propiedadesdetallado a continuación.

Axustar unha sombra paralela en Illustrator

Hai moitas formas de axustar a sombra paralela en Illustrator. Podes editar onde cae, o escuro ou claro que está, a cor e o desenfoque para sacar o máximo proveito da túa imaxe e conseguir o aspecto exacto que buscas.

Aquí é onde creas ou rompe o teu deseño cunha sombra. Ao axustar a configuración, podes acadar a cantidade correcta para definir un activo ou, se non tes coidado, podes esaxerar e crear un desastre. Fai que a configuración funcione para ti. Cada un dos títulos que aparecen a continuación refírese a unha configuración predeterminada diferente no cadro de diálogo da sombra.

Modo

Este axuste predeterminado permítelle axustar o modo de fusión dunha sombra paralela.

"Modos de fusión. permítelle variar as formas en que se mesturan as cores dos obxectos coas cores dos obxectos subxacentes."

– Soporte de Adobe

O modo de combinación predeterminado adoita establecerse en "multiplicar". Notarás que nesta sección hai un menú despregable que che ofrece todas as opcións do modo de fusión cando fai clic. Estes inclúen:

  • Normal
  • Escurecer
  • Multiplicar
  • Queimar cor
  • Aclarar
  • Pantalla
  • Color Dodge
  • Superposición
  • Luz suave
  • Luz dura
  • Diferenza
  • Exclusión
  • Matiz
  • Saturación
  • Cor
  • Luminosidade

Podes atopar descricións detalladas de cada un destes modos de mestura e o que fanaquí.

Opacidade

Isto determina onde se atopa a sombra no contexto do obxecto. Ao axustar o desfase, podes cambiar a proximidade dunha sombra ao obxecto. Os valores máis pequenos farán que a sombra se achegue ao obxecto, e os valores maiores farán que a sombra pareza máis grande.

Os valores de desfase grandes poden comezar a facer que a sombra pareza desordenada a medida que se fai máis grande. Os valores de desprazamento máis pequenos funcionan ben para dar definición e dimensión ao obxecto.

Tes dúas opcións para axustar a compensación: eixe X e eixe Y.

A compensación do eixe X despraza a frecha desde a esquerda á dereita. A compensación Y desprázaa cara arriba ou cara abaixo. Podes xogar cos valores ata que decidas a posición e o tamaño correctos da túa sombra.

Desenfoque

Esta configuración axusta o tamaño e a definición da sombra.

Ao aumentar o desenfoque fai que a túa sombra sexa máis grande. Se diminúes o desenfoque, a sombra tórnase máis pequena pero máis definida.

Cor

Como podes supoñer, a configuración da cor permíteche cambiar a cor da sombra. Se selecciona isto, abrirase un selector de cores. Tamén hai un botón para "mostras de cor", polo que podes escoller unha mostra de cor gardada, se o desexas.

O valor predeterminado está configurado para crear unha sombra negra, que se usa máis habitualmente. Se escolles unha cor alternativa, asegúrate de que funcionará coa cor de fondo.

Se escollas unha cor moito máis clara.cor como o branco para a túa sombra sobre un fondo escuro, podes crear un efecto brillante.

Escuridade

Esta configuración permítelle axustar a sombra da sombra en función da cor. seleccionaches. Podes engadir máis ou menos unha porcentaxe de negro á sombra con esta opción.

Ver tamén: Como os deseñadores poden usar a xerarquía visual

Máis edición

É posible que queiras editar de novo a túa sombra despois da primeira rolda de edicións. Se o cadro de diálogo inicial desapareceu despois de aplicar o efecto, simplemente navegue ata: Ventá -> Apariencia.

O menú de aparencia, ou panel de aparencia, aparecerá agora e atoparás o efecto "sombra" aquí: Aparencia -> Sombra paralela .

Ver tamén: Como deseñar un coello

Ao seleccionar o efecto no menú de aparencia, a caixa de diálogo de sombra paralela aparecerá de novo.

Eliminar

Se queres borrar a sombra, pode seleccionar o obxecto e volver navegar ata: Ventá -> Aspecto .

Seleccione a capa que contén a sombra e prema a icona da papeleira para eliminala.

Proba unha alternativa de Illustrator

Quizais esteas a buscar unha alternativa a Adobe. Nese caso, podes probar Vectornator. A interface é sinxela e moi fácil de usar, polo que estarás deseñando como un profesional en pouco tempo.

A continuación engadimos un sinxelo tutorial sobre como crear unha sombra en Vectornator.

Como crear unha sombra paralela en Vectornator

Comeza seleccionando o teu recurso.Do mesmo xeito que Illustrator, pode seleccionar varios obxectos á vez se o desexa.

Unha vez seleccionado o recurso ao que desexa engadir unha sombra, abra o seu Inspector de estilos. Podes conseguir isto usando o atallo ⌥⌘2 en Mac ou, se estás nun iPad, navegando ata a barra Inspector e seleccionando a pestana "Estilo", tal e como se indica na icona do pincel.

Cara ao na parte inferior do Inspector de estilo, atoparás o efecto chamado "Sombra". Xunto á palabra hai un interruptor de aceso e apagado, que estará desactivado por defecto. Preme o interruptor para activar o efecto de sombra.

Cor e opacidade

Verás o selector de cores na parte superior do menú de sombras. Aquí é onde podes axustar a cor da sombra, así como a opacidade. Dentro da caixa de diálogo do selector de cores, atoparás dúas barras deslizantes.

A primeira barra (A) é un control deslizante de cores e a segunda barra (B) xusto debaixo axusta a opacidade.

Arrastrar a palanca de alternancia ao redor do control deslizante de cor axúdache a navegar facilmente ata a cor que queres.

Ao arrastrar a palanca á esquerda do control deslizante de opacidade fai que a sombra sexa máis transparente e arrastrala cara á dereita fai que sexa menos transparente.

Desenfoque

De novo no teu Mac Style Inspector, atoparás unha barra de alternancia para o desenfoque. Do mesmo xeito que en Illustrator, aumentar o desenfoque fará que a túa sombra sexa máis grande, mentres que diminuíndo o desenfoque fará que sexa máis pequena. Podes arrastrar o interruptor para axustara sombra como queiras, ou podes introducir díxitos no lado dereito para axustalo.

Desfase

Debaixo do desenfoque hai outra barra deslizante para a compensación. Deslizando cara á dereita fai que o desplazamento vaia cara á dereita; ao desprazalo cara á esquerda levará a túa sombra ao lado esquerdo do recurso.

Eliminar

Se queres eliminar a sombra, simplemente selecciona o recurso de novo e cambia a "sombra". " desactivar.

Exemplos

Elaboramos algúns exemplos a continuación para que poidas aprender e inspirarte facendo unha comparación de sombras para facerte unha idea de como usar este efecto .

Sombra con plumas

Podes crear este aspecto de sombra con plumas en Illustrator engadindo un efecto de plumas á sombra unha vez creada. O exemplo seguinte é unha sombra proxectada. Podes aplicar plumas á sombra ou proxectar sombras para suavizar os bordos.

Fonte da imaxe: Wikimedia

Long Shadow

Podes crear esta sedutora sombra longa. mira coa función de sombra paralela tanto en Adobe como en Vectornator duplicando a sombra unha e outra vez en varias capas ata que teñas unha lonxitude que che satisfaga. Descubra como facelo en detalle aquí.

Texto definido

As sombras paralelas adoitan aplicarse para engadir definición ao texto, como podes ver traballando no seguinte exemplo.

¿Inspirado?

¿Sentes inspirado para comezar o teu xogo de sombras?Agardamos que este artigo che axude a aprender a crear unha sombra paralela e quizais che teñan algunhas ideas interesantes para os deseños.

Se xogas coas sombras en Vectornator, asegúrate de compartir o teu traballo connosco se queres que apareza potencialmente nas nosas redes sociais ou blog. Compartir traballo e crear comunidade é unha parte tan importante da evolución da industria do deseño, e encántanos interactuar cos nosos usuarios deste xeito!

Se queres saber máis sobre como crear con software de deseño gráfico , consulta o noso Centro de aprendizaxe e desliza as túas preguntas sobre Adobe Illustrator nos nosos DM. Sempre estamos aquí para axudar.

Descarga Vectornator para comezar

Leva os teus deseños ao seguinte nivel.

Descargar ficheiro



Rick Davis
Rick Davis
Rick Davis é un experimentado deseñador gráfico e artista visual con máis de 10 anos de experiencia na industria. Traballou con diversos clientes, desde pequenas startups ata grandes corporacións, axudándolles a alcanzar os seus obxectivos de deseño e elevar a súa marca a través de imaxes eficaces e impactantes.Graduado na Escola de Artes Visuais da cidade de Nova York, Rick é un apaixonado por explorar novas tendencias e tecnoloxías de deseño e superar constantemente os límites do que é posible no campo. Ten unha profunda experiencia en software de deseño gráfico e sempre está ansioso por compartir os seus coñecementos e ideas con outros.Ademais do seu traballo como deseñador, Rick tamén é un blogueiro comprometido, e dedícase a cubrir as últimas tendencias e desenvolvementos no mundo do software de deseño gráfico. Cre que compartir información e ideas é fundamental para fomentar unha comunidade de deseño forte e vibrante, e sempre está ansioso por conectarse con outros deseñadores e creativos en liña.Se está deseñando un novo logotipo para un cliente, experimentando coas últimas ferramentas e técnicas no seu estudo ou escribindo artigos informativos e atractivos no blog, Rick sempre está comprometido en ofrecer o mellor traballo posible e en axudar aos demais a alcanzar os seus obxectivos de deseño.