O concepto de imaxes vectoriais ao abafador número de usuarios de PC comúns non di nada. Os deseñadores, á súa vez, están máis inclinados a usar este tipo de gráficos para os seus proxectos.
No pasado, para traballar con imaxes SVG, definitivamente terías que instalar unha das solucións de escritorio especializadas como Adobe Illustrator ou Inkscape no teu ordenador. Agora están dispoñibles ferramentas similares en liña sen necesidade de descargar.
Vexa tamén: Aprender a debuxar en Adobe Illustrator
Como traballar con SVG en liña
Ao completar a solicitude adecuada a Google, pode coñecer un gran número de editores en liña de vectores. Pero a esmagadora maioría destas solucións ofrecen oportunidades bastante escasas e moitas veces non permiten traballar con proxectos serios. Consideraremos os mellores servizos para crear e editar imaxes SVG no navegador.
Por suposto, as ferramentas en liña non poden substituír completamente as correspondentes aplicacións de escritorio, pero a maioría dos usuarios do conxunto de funcións propostas será máis que suficiente.
Método 1: Vectr
Sofisticado editor de vectores dos creadores de moitos servizos familiares Pixlr. Esta ferramenta será útil para usuarios iniciais e avanzados ao traballar con SVG.
A pesar da abundancia de funcións, o perderse na interface de Vectr será bastante difícil. Para principiantes, inclúense leccións detalladas e instrucións longas para cada un dos compoñentes do servizo. Entre as ferramentas do editor hai todo para crear imaxes SVG: formas, iconas, marcos, sombras, pinceis, soporte para traballar con capas, etc. Podes debuxar unha imaxe de cero ou subir a túa propia.
Servizo en liña de Vectr
- Antes de comezar a usar o recurso, recoméndase iniciar sesión cunha das redes sociais dispoñibles ou crear unha conta no sitio dende cero.
Isto non só permite descargar os resultados do seu traballo no seu computador, senón que en calquera momento pode gardar cambios na "nube". - A interface de servizo é o máis sinxela e clara posible: as ferramentas dispoñibles están situadas á esquerda do lenzo e as propiedades cambiantes de cada un delas están situadas á dereita.
Soporta a creación dunha pluralidade de páxinas para as que existen modelos dimensionales para todos os gustos: desde portadas gráficas en redes sociais ata formatos de folla estándar. - Pode exportar a imaxe terminada premendo no botón de frecha na barra de menú da dereita.
- Na ventá que se abre, defina os parámetros de descarga e fai clic en Descarga.
As capacidades de exportación tamén inclúen unha das características máis distintivas de Vectr - soporte para enlaces directos a un proxecto SVG no editor. Moitos recursos non permiten a descarga de imaxes vectoriais directamente a si mesmas, pero permiten a súa visualización remota. Neste caso, Vectra pode ser usado como un verdadeiro Aloxamento SVG, que outros servizos non permiten.
Debe notarse que o editor non sempre manexa correctamente gráficos complexos. Por esta razón, algúns proxectos poden abrirse en Vectr con erros ou artefactos visuais.
Método 2: Sketchpad
Un editor web sinxelo e cómodo para crear imaxes SVG baseadas na plataforma HTML5. Dada a variedade de ferramentas dispoñibles, pódese argumentar que o servizo está destinado exclusivamente ao debuxo. Con Sketchpad, pode crear fermosas imaxes coidadosamente elaboradas, pero non máis.
A ferramenta ten unha gran variedade de pinceles personalizados de varias formas e tipos, un conxunto de formas, fontes e adhesivos para superposición. O editor permítelle manipular completamente as capas - para controlar os seus modos de colocación e mestura. Ben, como extra, a aplicación está totalmente traducida ao ruso, polo que non debería ter dificultades co seu desenvolvemento.
Servizo en liña de Sketchpad
- Todo o que precisa para traballar co editor - o navegador e o acceso á rede. Non se fornece o mecanismo de autorización no sitio.
- Para descargar a imaxe finalizada no ordenador, faga clic na icona do disquete na barra de menú da esquerda e logo seleccione o formato desexado na xanela emerxente.
Se é necesario, pode gardar o debuxo inacabado como un proxecto de Sketchpad e, en calquera momento, rematar de editalo.
Método 3: Método Draw
Esta aplicación web está deseñada para operacións básicas con ficheiros vectoriais. No exterior, a ferramenta aseméllase ao escritorio de Adobe Illustrator, pero en termos de funcionalidade aquí todo é moito máis sinxelo. Non obstante, hai algunhas características especiais no método Draw.
Ademais de traballar con imaxes SVG, o editor permítelle importar imaxes ráster e crear imaxes vectoriais baseadas. Isto pódese facer a partir de contornos de trazado manual coa pluma. A aplicación contén todas as ferramentas necesarias para o deseño dos debuxos vectoriais. Hai unha biblioteca ampla de figuras, unha paleta de cores completas e soporte para atallos de teclado.
Método de servizo en liña
- O recurso non require rexistro do usuario. Só tes que ir ao sitio e traballar co ficheiro vectorial existente ou crear un novo.
- Ademais de crear fragmentos SVG nun ambiente gráfico, tamén pode editar a imaxe directamente no nivel de código.
Para facelo, vai a "Ver" - "Fonte ..." ou use o atallo de teclado "Ctrl + U". - Unha vez finalizado o traballo na imaxe, pode gardala inmediatamente no seu computador.
Para exportar unha imaxe, abra o elemento do menú "Ficheiro" e fai clic "Gardar imaxe ...". Ou usa un atallo "Ctrl + S".
O método Draw non é definitivamente adecuado para crear proxectos de vectores graves. A razón é a falta de funcións relevantes. Pero debido á ausencia de elementos innecesarios e ao espazo de traballo ben organizado, o servizo pode ser excelente para a edición rápida ou para mellorar as imaxes SVG sinxelas.
Método 4: Gravit Designer
Editor de gráficos vectoriais gratuítos para usuarios avanzados. Moitos deseñadores puxeron a Gravit a par con as solucións de escritorio completo, como Adobe Illustrator. O feito é que esta ferramenta é multiplataforma, é dicir, está totalmente dispoñible en todos os sistemas operativos de ordenador e tamén como aplicación web.
Gravit Designer está en desenvolvemento activo e recibe novas funcións que xa son suficientes para construír proxectos complexos.
Servizo en liña de Gravit Designer
O editor ofrécelle todo tipo de ferramentas para debuxar contornos, formas, camiños, superposición de textos, encher, así como varios efectos personalizados. Hai unha extensa biblioteca de figuras, imaxes temáticas e iconas. Cada elemento do espazo Gravit ten unha lista de propiedades que se poden cambiar.
Toda esta variedade está "empaquetada" nunha interface elegante e intuitiva, de xeito que calquera ferramenta está dispoñible en poucos clics.
- Para comezar co editor, non precisa crear unha conta no servizo.
Pero se queres usar modelos listos, terás que crear unha conta gratuíta Gravit Cloud. - Para crear un novo proxecto desde o principio na ventá de benvida, vaia á pestana "Novo deseño" e selecciona o tamaño do lenzo desexado.
En consecuencia, para traballar co modelo, abra a sección "Novo de modelo" e selecciona a peza de traballo desexada. - Gravit pode gardar automaticamente todos os cambios cando realice accións nun proxecto.
Para activar esta función, usa a tecla de atallo. "Ctrl + S" e na xanela que aparece, nomea a imaxe e faga clic no botón "Gardar". - Pode exportar a imaxe resultante en formato vectorial SVG e JPEG ou PNG en ráster.
Ademais, hai a opción de gardar o proxecto como un documento coa extensión PDF.
Tendo en conta que o servizo está deseñado para traballar de xeito integral con gráficos vectoriais, pódese recomendar de forma segura incluso a deseñadores profesionais. Con Gravit, pode editar imaxes SVG, independentemente da plataforma na que o fagas. Ata agora, esta declaración só é aplicable ao sistema operativo de escritorio, pero pronto este editor aparecerá nos dispositivos móbiles.
Método 5: Janvas
Unha ferramenta popular para os desenvolvedores web para crear gráficos vectoriais. O servizo contén unha serie de ferramentas de debuxo con propiedades personalizables. A característica principal de Janvas é a posibilidade de crear imaxes SVG interactivas animadas con CSS. E en conxunto con JavaScript, o servizo permítelle construír aplicacións web enteiras.
En mans hábiles, este editor é realmente unha ferramenta poderosa, mentres que un principiante máis probable debido á abundancia de varias funcións simplemente non entende o que é o que.
Servizo en liña de Janvas
- Para lanzar a aplicación web no seu navegador, faga clic na ligazón anterior e prema no botón. "Comezar a crear".
- Na nova ventá, o espazo de traballo do editor ábrese co lenzo no centro e as barras de ferramentas que o rodean.
- Pode exportar a imaxe acabada só ao almacenamento na nube que desexe e só se comprou unha subscrición ao servizo.
Si, desgraciadamente a ferramenta non é gratuíta. Pero esta é unha solución profesional, que non é útil para todos.
Método 6: DrawSVG
O servizo en liña máis cómodo que permite aos webmasters crear elementos SVG de alta calidade para os seus sitios web. O editor contén unha impresionante biblioteca de formas, iconas, recheos, degradados e fontes.
Coa axuda de DrawSVG, pode construír obxectos vectoriais de calquera tipo e propiedades, cambiar os seus parámetros e convertelos en imaxes separadas. É posible inserir ficheiros multimedia de terceiros en SVG: vídeo e audio desde un ordenador ou fontes de rede.
Servizo online de DrawSVG
Este editor, a diferenza da maioría dos outros, non se parece ao porto do navegador dunha aplicación de escritorio. Á esquerda están as principais ferramentas de debuxo e encima os controis. O espazo principal é a lona para traballar con gráficos.
Unha vez rematado de traballar cunha imaxe, pode gardar o resultado como unha imaxe SVG ou como mapa de bits.
- Para facelo, localice a icona na barra de ferramentas "Gardar".
- Ao premer nesta icona abrirase unha ventá emerxente cun formulario para cargar o documento SVG.
Introduza o nome do ficheiro desexado e prema en "Gardar como ficheiro".
DrawSVG pódese chamar a versión light de Janvas. O editor admite traballar con atributos CSS, pero a diferenza da ferramenta anterior, non permite animar elementos.
Vexa tamén: Abrir ficheiros vectoriais SVG
Os servizos listados no artigo non son todos editores de vectores dispoñibles na web. Non obstante, aquí recompilamos a maior parte de solucións en liña gratuítas e probadas para traballar con ficheiros SVG. Non obstante, algúns deles son bastante capaces de competir con ferramentas de escritorio. Ben, o que usar depende só das súas necesidades e preferencias.
