Michal Zadanský Devido aos excessos e ao comportamento da Adobe para com os seus clientes, cada vez mais artistas gráficos e designers procuram alternativas, tal como procuravam um substituto para o QuarkXpress e encontraram-no no Adobe InDesign. O Photoshop tem duas boas alternativas no Mac – Pixelmator e Acorn – e com a adição de recursos a ambos os aplicativos, mais e mais pessoas estão se despedindo do software rico em recursos da Adobe em uma interface de usuário desordenada. O Illustrator tem apenas um substituto adequado: o Sketch.
Assim como o Illustrator, o Sketch é um editor vetorial. Os gráficos vetoriais têm ganhado recentemente cada vez mais importância devido à simplificação geral dos elementos gráficos, tanto na web como nos sistemas operacionais. Afinal, o iOS 7 é composto quase inteiramente de vetores, enquanto os aplicativos de textura em versões mais antigas do sistema exigiam gráficos muito habilidosos para criar efeitos de madeira, couro e similares. Depois de passar alguns meses com o aplicativo, posso confirmar que é uma ótima ferramenta tanto para designers iniciantes quanto para designers gráficos avançados devido à sua intuitividade e gama de funções.
A interface do usuário
Tudo começa com uma disposição clara dos elementos do aplicativo. A barra superior contém todas as ferramentas com as quais você trabalhará nos vetores, à esquerda está uma lista de camadas individuais e à direita está o Inspetor, onde você edita todas as propriedades do vetor.
No meio, existe uma área infinita que permite qualquer abordagem. Todos os elementos do aplicativo são encaixados, portanto não é possível posicionar a barra de ferramentas ou camadas de forma diferente, porém, a barra superior é personalizável e você pode adicionar todas as ferramentas existentes a ela, ou selecionar apenas as usadas com frequência e usar o contexto menus para todo o resto.
Embora uma área infinita seja padrão em editores de vetores, por exemplo, ao criar aplicativos de design gráfico, é ideal ter uma área de trabalho delimitada. Embora possa ser resolvido com um retângulo como base, por exemplo, seria difícil ajustar a grade. Sketch resolve isso com a chamada Prancheta. ao ativá-los, você define as superfícies individuais e suas dimensões nas quais trabalhará. Gratuito ou com vários padrões predefinidos, como a tela de um iPhone ou iPad. Quando você trabalha com pranchetas, todos os elementos vetoriais fora delas ficam esmaecidos, para que você possa se concentrar melhor em telas individuais e não se distrair com nada que se destaque.
As pranchetas têm outro ótimo uso – o aplicativo Sketch Mirror relacionado pode ser baixado na App Store, que se conecta ao Sketch no Mac e pode exibir diretamente o conteúdo de pranchetas individuais. Por exemplo, você pode testar a aparência da IU proposta do iPhone na tela do telefone sem precisar exportar imagens e carregá-las repetidamente no dispositivo.
Claro, o Sketch também inclui uma grade e uma régua. A grade pode ser definida de forma arbitrária, inclusive com destaque de linhas, e também é interessante a possibilidade de utilizá-la para dividir a área de colunas ou linhas. Por exemplo, você pode facilmente dividir o espaço em três terços sem precisar exibir as outras linhas auxiliares. É uma ótima ferramenta, por exemplo, na aplicação da proporção áurea.
Ferramentas
Entre as ferramentas de desenho vetorial, você encontrará praticamente tudo o que espera: formas básicas, incluindo desenho em espiral e ponto a ponto, edição de curvas, conversão de fontes em vetores, dimensionamento, alinhamento, praticamente tudo que você precisa para desenho vetorial. Existem também vários pontos de interesse. Uma delas é, por exemplo, usar um vetor como máscara para um bitmap incorporado. Por exemplo, você pode criar facilmente um círculo a partir de uma imagem retangular. A seguir vem a disposição dos objetos selecionados em uma grade, onde no menu você pode definir não apenas os espaços entre os objetos, mas também escolher se leva em consideração as bordas do objeto ou se deseja adicionar uma caixa ao redor deles se eles têm comprimentos ou larguras diferentes.
As funções na barra superior ficam automaticamente esmaecidas se não estiverem disponíveis para o objeto específico. Por exemplo, você não pode converter um quadrado em vetores, esta função é destinada a texto, então a barra não irá confundi-lo com botões constantemente acesos, e você saberá imediatamente quais das funções podem ser usadas para as camadas selecionadas.
Camadas
Cada objeto criado aparece na coluna da esquerda, na mesma ordem das camadas. Camadas/objetos individuais podem então ser agrupados, o que cria uma pasta e o painel mostra toda a estrutura em árvore. Desta forma, você pode mover os objetos nos grupos à vontade ou fundir os grupos entre si e assim diferenciar as partes individuais da obra.
Os objetos na área de trabalho são então selecionados de acordo com esses grupos ou pastas, se desejar. Se todas as pastas estiverem fechadas, você está no topo da hierarquia, selecionar um objeto marcará todo o grupo ao qual ele pertence. Clique novamente para descer um nível e assim por diante. Se você criar uma estrutura de vários níveis, muitas vezes terá que clicar por um longo tempo, mas pastas individuais podem ser abertas e objetos específicos nelas podem ser selecionados diretamente.
Objetos e pastas individuais podem ser ocultados ou bloqueados em uma determinada posição no painel de camadas. As pranchetas, se você as usar, servirão como o ponto mais alto de toda a estrutura, e ao mover objetos entre elas na coluna da esquerda, eles também se moverão na área de trabalho, e se as pranchetas tiverem as mesmas dimensões, os objetos também mova para a mesma posição.
Para completar, você pode ter qualquer número de páginas em um único arquivo Sketch e qualquer número de pranchetas em cada página. Na prática, ao criar o design de um aplicativo, uma página pode ser utilizada para iPhone, outra para iPad e a terceira para Android. Um único arquivo contém, portanto, um trabalho complexo que consiste em dezenas ou centenas de telas individuais.
Inspetor
O inspetor, localizado no painel direito, é o que diferencia o Sketch de outros editores de vetores com os quais tive a oportunidade de trabalhar até agora. Embora não seja uma ideia inovadora, sua execução dentro do aplicativo contribui para uma manipulação muito simples de objetos.
Ao selecionar qualquer objeto, o inspetor muda conforme necessário. Para texto exibirá tudo relacionado à formatação, enquanto para formas ovais e retângulos parecerá um pouco diferente. No entanto, existem várias constantes, como posição e dimensões. O tamanho dos objetos pode, portanto, ser alterado facilmente, simplesmente sobrescrevendo o valor, e eles também podem ser posicionados com precisão. A seleção de cores também é bem feita, clicar em um preenchimento ou linha exibirá um seletor de cores e uma paleta predefinida de algumas cores que você pode personalizar como desejar.
Além de outras propriedades, como a terminação de juntas ou o estilo de sobreposição, você também encontrará efeitos básicos – sombras, sombras internas, desfoque, reflexo e ajuste de cores (contraste, brilho, saturação).
Os estilos de fontes e outros objetos vetoriais são resolvidos de maneira muito inteligente. No caso de texto, suas propriedades podem ser salvas como estilo no inspetor e depois atribuídas a outros campos de texto. Se você alterar o estilo, todo o texto que o utiliza também será alterado. Funciona de forma semelhante para outros objetos. No botão Link, há um menu para salvar o estilo do objeto selecionado, ou seja, espessura e cor da linha, preenchimento, efeitos, etc. Você pode então vincular outros objetos com este estilo, e assim que alterar a propriedade de um objeto, a modificação também será transferida para objetos relacionados.
Funções adicionais, importação e exportação
O Sketch também foi desenvolvido com ênfase em web design, então os criadores adicionaram a capacidade de copiar atributos CSS de camadas selecionadas. Você pode então copiá-los para qualquer editor. O aplicativo comenta objetos individuais de maneira inteligente para que você possa reconhecê-los no código CSS. Embora a exportação do código não seja 100%, você ainda pode obter melhores resultados com um aplicativo dedicado Código da Web, mas servirá amplamente ao seu propósito e informará se não for possível transferir alguns atributos.
Infelizmente, o editor ainda não pode ler arquivos AI (Adobe Illustrator) nativamente, mas pode lidar com formatos padrão EPS, SVG e PDF. Também pode exportar para os mesmos formatos, incluindo, é claro, formatos raster clássicos. O Sketch permite selecionar qualquer parte de toda a superfície e depois exportá-la, e também pode marcar todas as pranchetas para exportação rápida. Além disso, ele lembra todas as áreas selecionadas, portanto se você fizer alguma alteração e quiser exportar novamente, teremos peças previamente selecionadas no menu, que claro você pode mover e alterar as dimensões como quiser. A capacidade de exportar em tamanhos duplos (@2x) e meio (@1x) ao mesmo tempo que o tamanho 100% também é interessante, especialmente se você estiver projetando aplicativos iOS.
O maior ponto fraco do aplicativo é a total falta de suporte ao modelo de cores CMYK, o que torna o Sketch completamente inútil para quem projeta para impressão e limita seu uso apenas ao design digital. Há um foco óbvio no design da web e de aplicativos, e só podemos esperar que o suporte seja adicionado pelo menos em uma atualização futura, assim como o Pixelmator fez mais tarde.
Conclusão
Depois de vários meses de trabalho e dois trabalhos de design gráfico, posso dizer que o Sketch pode facilmente substituir o caro Illustrator para muitos, e por uma fração do preço. Durante todo o período de uso não me deparei com nenhum caso em que tivesse perdido alguma das funções, pelo contrário, ainda há algumas coisas que não tive tempo de experimentar.
Dada a transição geral de bitmaps para vetores em aplicativos móveis, o Sketch pode desempenhar um papel interessante. Uma das encomendas mencionadas dizia apenas respeito ao design gráfico de uma aplicação iOS, para a qual o Sketch está perfeitamente preparado. O aplicativo complementar Sketch Mirror, em particular, pode economizar muito tempo ao experimentar designs em um iPhone ou iPad.
Se eu comparasse o Sketch com o Pixelmator com seus concorrentes da Adobe, o Sketch ainda vai um pouco mais longe, mas deve mais à robustez do Photoshop. Porém, se você está planejando sair da Creative Cloud e de todo o ecossistema Adobe, o Sketch é claramente a melhor alternativa, superando o Illustrator em muitos aspectos pela sua intuitividade. E pelos US $ 80 que o Sketch custa, não é uma decisão tão difícil.
Observação: o aplicativo custava originalmente US$ 50, mas caiu para US$ 80 durante dezembro e fevereiro. É possível que o preço diminua com o tempo.
[url do aplicativo =”https://itunes.apple.com/us/app/sketch/id402476602?mt=12″]
O tamanho do arquivo de instalação também é incrível - 6,2 MB!
Tudo isso é legal, mas sem o suporte CMYK (que ainda não está planejado) é um pé no saco para os DTPers ;-) O que não significa que não tenha seu objetivo ;-)
Este é o enésimo artigo sobre uma aplicação gráfica que ignora a inexistência do CMYK. Gostaria de ver esses pedidos :)
Ambos os pedidos eram para aplicações, então o CMYK não me falhou. Mas entendo que para designers que projetam materiais para impressão, a ausência de CMYK é fatal. Definitivamente deveria ser mencionado na revisão.
Ao parágrafo adicionado: Pixelmator só viu visualizações em CMYK. Não pode funcionar em CMYK.
Posso saber por que Quark deixou seus usuários tão irritados? Não conheço essa história, estaria interessado. Obrigado.
Está bem descrito aqui: http://arstechnica.com/information-technology/2014/01/quarkxpress-the-demise-of-a-design-desk-darling/
Obrigado. O preço da atualização do Quark ainda é terrível. No entanto, como um “criador” casual de DTP que só começou a trabalhar após a introdução da assinatura do InDesign, Quark é praticamente a única alternativa.
Pessoalmente, me acostumei com o Pixelmator e farei o que for preciso nele, mas pelas capturas de tela, não consigo me imaginar usando isso em vez do Illustrator…….
Olá, existe algum aplicativo na appstore que seja parecido com o Adobe InDesign? Preciso de algo para panfletos e então... obrigado pelo conselho
Acho que da Swift Publisher.
Alguma experiência?
Eu não uso, mas tem críticas positivas + você pode baixar uma versão de teste para experimentar. Outro programa semelhante é
Escribo, que é de código aberto e é gratuito.
Mais acessível, talvez até mais simples, é o iDraw da Indeeo. Tenho uma versão para Mac e iOS. É um editor de vetores muito bom
Sem CMYK todo mundo faz DTP, design gráfico, impressão em geral. Mas, por outro lado, estou cruzando os dedos, o aumento dos aplicativos da Adobe certamente não agradará a todos no futuro, sem mencionar o pagamento de uma assinatura CC.
Parece bom, mas acho que 70 euros são suficientes