Aprenda a trabalhar com painéis no Photoshop. Você aprenderá como mostrar e ocultar painéis, alterar layouts de painel, como restaurar o layout padrão e muito mais! Parte de nossa série de interfaces do Photoshop.
Neste tutorial, aprenderemos como gerenciar e organizar os painéis que compõem uma parte tão grande da interface do Photoshop. Muito do que fazemos no Photoshop é feito usando painéis. Existem painéis diferentes para tarefas diferentes. O painel Camadas, por exemplo, é onde trabalhamos com camadas em nosso documento. Para adicionar uma camada de ajuste, usamos o painel Ajustes e definimos opções para as camadas de ajuste usando o painel Propriedades . Podemos escolher cores nos painéis Cor ou Amostras, ou alterar o tamanho e o comportamento de um pincel usando o painel Pincel . Podemos voltar no tempo para uma etapa anterior do nosso fluxo de trabalho usando o painel Histórico do Photoshop. E muito mais! Existe até um novo painel no Photoshop CC, o painel Bibliotecas, para nos ajudar a gerenciar nossas imagens e outros elementos de design.
Se você é novo no Photoshop, todos esses painéis podem parecer impressionantes. Neste tutorial, mostrarei como é fácil trabalhar com os painéis do Photoshop e como gerenciá-los e organizá-los na tela. Esta versão do tutorial foi atualizada para o Photoshop CC. Os usuários do Photoshop CS6 desejarão acompanhar o tutorial do Gerenciando painéis no Photoshop CS6.
Esta é a lição 5 de 10 da série Aprendendo a interface do Photoshop. Vamos começar!
A área de trabalho "Essencial" padrão
Antes de começarmos, primeiro verifique se os painéis que estou vendo na tela são os mesmos que você está vendo na tela. Para fazer isso, redefiniremos rapidamente o espaço de trabalho padrão do Photoshop. Uma área de trabalho determina quais painéis do Photoshop são exibidos na tela e como esses painéis são organizados. O Photoshop inclui vários espaços de trabalho internos que podemos escolher e podemos até salvar os nossos.
A área de trabalho padrão do Photoshop é conhecida como área de trabalho do Essentials . Se você é novo no Photoshop, por enquanto, você deve ficar com a área de trabalho do Essentials. O espaço de trabalho do Essentials é um espaço de trabalho de uso geral, adequado para muitas tarefas diferentes. É também o espaço de trabalho que usamos em nossos tutoriais. Antes de olharmos para os painéis do Photoshop, vamos nos certificar de que ambos estamos usando a área de trabalho do Essentials. Além disso, garantiremos que o próprio espaço de trabalho esteja definido como seu layout padrão.
Escolhendo a área de trabalho do Essentials
Primeiro, escolheremos o espaço de trabalho do Essentials. Se você olhar no canto superior direito da interface do Photoshop CC, encontrará dois ícones. O ícone da lupa à esquerda é para abrir a nova barra de pesquisa do Photoshop. Eu cobri a barra de pesquisa no tutorial Conhecendo a interface do Photoshop, para não vermos aqui. Em vez disso, queremos o ícone retangular diretamente ao lado dele. Este é o ícone de seleção da área de trabalho do Photoshop:
Clicando no ícone de seleção da área de trabalho.
Para ver quais áreas de trabalho do Photoshop estão atualmente ativas ou para escolher uma área de trabalho diferente, clique no ícone. Na parte superior do menu que aparece, há uma lista de áreas de trabalho que você pode escolher. O espaço de trabalho ativo no momento tem uma marca de seleção ao lado do nome. Por padrão, o Essentials deve estar ativo. Caso contrário, clique no topo da lista para selecioná-lo:
O menu de seleção da área de trabalho. O essencial deve ser selecionado na parte superior.
Redefinindo a área de trabalho do Essentials
Com o espaço de trabalho do Essentials selecionado, vamos garantir que os painéis estejam todos configurados com o layout padrão. Fazemos isso redefinindo a área de trabalho. Para redefinir a área de trabalho do Essentials, escolha Redefinir o Essentials no menu:
Redefinindo a área de trabalho do Essentials.
Trabalhando com os painéis do Photoshop
A área do painel
Com o espaço de trabalho do Essentials selecionado e redefinido, vejamos os painéis do Photoshop. Os painéis são exibidos em colunas na área do painel, à direita da interface. No Photoshop CC, existem três colunas do painel por padrão. O novo painel Bibliotecas obtém sua própria coluna na extrema direita. A coluna do painel principal, onde encontramos os painéis que mais usamos, fica no meio. E à esquerda há uma coluna estreita e secundária de painéis. Escureci o restante da interface na captura de tela para destacar a área do painel à direita:
Área do painel do Photoshop.
A coluna do painel principal
Os painéis que geralmente usamos mais no Photoshop são encontrados na coluna principal no meio. Por padrão, o Photoshop abre três painéis para nós. No topo da coluna principal está o painel Cor . Abaixo do painel Cor, está o painel Propriedades . E na parte inferior, temos o painel Camadas . Como sabemos que estamos analisando especificamente os painéis Cor, Propriedades e Camadas? Sabemos que cada painel tem seu nome exibido em uma guia na parte superior do painel:
O Photoshop exibe os painéis Cor, Propriedades e Camadas por padrão.
Grupos de painéis
Observe que, junto com os painéis Cor, Propriedades e Camadas, também existem outros painéis na coluna. Por exemplo, o painel Cor na parte superior possui uma guia Amostras à direita. O painel Propriedades possui uma guia Ajustes ao lado. À direita do painel Camadas, na parte inferior, existem duas outras guias, Canais e Caminhos . Com tantos painéis para trabalhar no Photoshop, a Adobe precisava de uma maneira de impedi-los de bagunçar a tela. A solução foi agrupar painéis relacionados em grupos de painéis . Um grupo de painéis pode conter dois ou mais painéis individuais. Isso permite que vários painéis caibam no espaço de um único painel.
Como os grupos de painéis funcionam? Vamos dar uma olhada no painel Cor. Sabemos que é o painel Cor porque diz "Cor" na guia na parte superior. No entanto, ao lado da guia "Cor", há outra guia que diz "Amostras". Essa outra guia é para outro painel agrupado com o painel Cor. O Photoshop pode exibir apenas um painel em um grupo por vez. Portanto, enquanto um painel está aberto, os outros painéis do grupo permanecem ocultos atrás dele. O painel atualmente aberto no grupo é conhecido como painel ativo . Podemos dizer qual painel do grupo está ativo porque o nome do painel ativo parece mais brilhante que os outros.
Alternando entre painéis em um grupo
Para alternar entre painéis em um grupo, clique nas guias . Por exemplo, à esquerda, vemos que o painel Cor está aberto, com o painel Amostras oculto em segundo plano. À direita, cliquei na guia Amostras. Isso abre o painel Amostras e envia o painel Cor para o fundo. Para voltar ao painel Cor, tudo o que preciso fazer é clicar na guia do painel Cor:
Alternando entre os painéis Cor e Amostras, clicando nas guias.
Farei a mesma coisa com o painel Propriedades, que está atualmente ativo em um grupo separado. Eu posso ver pelas guias que o painel Ajustes está aninhado ao lado dele. Para mudar para o painel Ajustes, clicarei na guia. Isso ativa o painel Ajustes e oculta o painel Propriedades:
Clique nas guias para alternar entre os painéis Propriedades (esquerda) e Ajustes (direita) no grupo.
Alterando a ordem dos painéis em um grupo
Vamos aprender como alterar a ordem dos painéis em um grupo. Observe que o painel Propriedades é listado primeiro no grupo, enquanto o painel Ajustes aparece em segundo. Esse é o layout padrão, mas podemos alterá-lo facilmente. Para reorganizar os painéis em um grupo, clique na guia de um painel. Em seguida, com o botão do mouse ainda pressionado, arraste a guia para a esquerda ou direita. Solte o botão do mouse para soltar o painel.
Aqui, cliquei na guia Propriedades para selecioná-lo e, sem levantar o botão do mouse, estou arrastando o painel para a direita. Vou arrastá-lo para o outro lado da guia Ajustes:
Para alterar a ordem do painel, clique e arraste as guias para a esquerda ou direita.
Depois de arrastar a guia para onde você deseja, solte o botão do mouse. O Photoshop coloca a guia em sua nova posição dentro do grupo. Aqui, meu painel Ajustes agora está listado primeiro no grupo, com o painel Propriedades em segundo:
A ordem das guias foi alterada.
Movendo painéis entre grupos
Em seguida, vamos aprender como mover painéis entre grupos. E se, em vez de simplesmente alterar a ordem dos painéis dentro de um grupo, eu quiser mover um painel para um grupo diferente ? Digamos, por exemplo, que desejo mover o painel Ajustes para o mesmo grupo que contém os painéis Cor e Amostras. Para mover um painel de um grupo para outro, clique na guia do painel. Em seguida, com o botão do mouse pressionado, arraste a guia para o novo grupo. Uma caixa de destaque azul aparecerá ao redor do grupo. A caixa azul indica onde o Photoshop soltará o painel quando você soltar o botão do mouse. Aqui, arrasto meu painel Ajustes para o grupo de painéis Cor e amostras:
Uma caixa de destaque azul aparece ao redor do grupo para o qual quero mover o painel.
Solto o botão do mouse, quando o Photoshop coloca o painel Ajustes no mesmo grupo que o painel Cor e amostras. Observe que o painel Propriedades agora está sozinho em seu próprio grupo:
Os painéis podem ser facilmente movidos de um grupo para outro.
Criando novos grupos de painéis
Além de mover os painéis de um grupo para outro, também podemos criar novos grupos de painéis no Photoshop. Como acabamos de ver, movendo meu painel Ajustes para um grupo diferente, deixei meu painel Propriedades sentado sozinho em seu próprio grupo. Mas podemos realmente formar um novo grupo a partir de qualquer painel. Para criar um novo grupo de painéis, clique e segure na guia de um painel em um grupo existente. Em seguida, arraste o painel para fora do grupo e solte-o em um novo local fora de qualquer outro grupo.
Digamos que eu queira isolar meu painel Color e colocá-lo em seu próprio grupo. E quero que o novo grupo apareça diretamente acima do painel Propriedades. Para fazer isso, clicarei na guia do painel Cor. Em seguida, com o botão do mouse ainda pressionado, começarei a arrastar a guia para baixo em direção ao painel Propriedades até que uma barra de destaque azul apareça entre os dois painéis existentes. É importante observar que, desta vez, estamos procurando uma barra de destaque, não uma borda:
Arrastando o painel Cor entre dois grupos de painéis.
Quando a barra de destaque aparecer, soltarei o botão do mouse. O Photoshop coloca o painel Cor em seu próprio grupo entre os dois outros grupos:
Um novo grupo foi criado para o painel Cor.
Recolhendo e expandindo grupos de painéis
Em seguida, vamos aprender como maximizar o espaço na área do painel recolhendo e expandindo grupos de painéis. Podemos recolher temporariamente um grupo de painéis para que apenas as guias na parte superior do grupo sejam exibidas. Isso libera mais espaço para painéis em outros grupos. Para recolher um grupo de painéis, clique duas vezes em qualquer guia do grupo. Isso recolherá todos os painéis do grupo, independentemente da guia em que você clicou. Aqui, cliquei duas vezes na guia Amostras. Isso recolhe o painel Amostras em si e o painel Ajustes ao lado, para que apenas suas guias fiquem visíveis. Observe que o painel Cor abaixo deles ficou mais alto para preencher o espaço extra:
Para recolher todos os painéis em um grupo, clique duas vezes em qualquer uma das guias.
Para expandir um grupo que você reduziu para tornar os painéis visíveis, clique uma vez em qualquer guia do grupo. Aqui, cliquei uma vez no painel Amostras e agora o painel está novamente visível. O painel Cor abaixo do grupo voltou ao tamanho original e menor. Portanto, para resumir rapidamente, clique duas vezes em uma guia para recolher o grupo de painéis. Clique uma vez em uma guia para expandi-la:
Para expandir um grupo de painéis recolhidos, clique uma vez em uma guia.
Fechando um único painel
Juntamente com o recolhimento e expansão de painéis no Photoshop, também podemos fechar os painéis que não estamos usando. Para fechar um único painel em um grupo, primeiro clique na guia do painel para selecioná-lo. Em seguida, clique no ícone do menu no canto superior direito do painel e escolha Fechar no menu. Clicarei no painel Amostras para ativá-lo. Depois, clicarei no ícone do menu:
Para fechar um painel, clique na guia e clique no ícone do menu.
Para fechar o painel, escolherei Fechar :
Selecionando o comando Fechar no menu do painel Cor.
Isso fecha esse painel específico sem fechar outros painéis do grupo. Nesse caso, meu painel de ajustes permanece aberto, apesar de eu ter fechado o painel Amostras:
O painel Ajustes ainda está aberto após o fechamento do painel Amostras.
Fechando um grupo de painéis
Para fechar um grupo de painéis inteiro, em vez de apenas um painel dentro do grupo, clique no mesmo ícone de menu no canto superior direito:
Para fechar um grupo de painéis, clique no ícone de menu.
Em seguida, escolha Fechar grupo de guias no menu:
Selecionando o comando Fechar Grupo de Guias.
E agora todo o grupo (o painel Amostras e o painel Ajustes) desapareceu. Meu painel de cores, que estava abaixo do grupo há um momento, voltou a ficar mais alto para preencher o espaço:
Fechar o grupo do painel superior criou mais espaço para o grupo abaixo dele.
Fechando um painel ou grupo na guia
Outra maneira de fechar um painel ou grupo de painéis no Photoshop é clicar com o botão direito do mouse (Win) / clicar com a tecla Control pressionada (Mac) diretamente na guia de um painel. Para fechar apenas o próprio painel, escolha Fechar no menu. Para fechar todo o grupo de painéis, escolha Fechar grupo de guias . Aqui, cliquei com o botão direito do mouse (Win) / cliquei com a tecla Control pressionada (Mac) na guia Bibliotecas . Nesse caso, como o painel Bibliotecas é o único painel do grupo, escolher Fechar ou Fechar grupo de guias resultaria no fechamento do grupo inteiro:
Fechando o painel Bibliotecas da própria guia.
Códigos de acesso, ações e plug-in de filtros: erro no código de acesso (ads-basics-middle)
Abrir painéis no menu da janela
Todos os painéis do Photoshop podem ser acessados no menu Janela, na barra de menus, na parte superior da tela. Para reabrir um painel após fechá-lo ou abrir qualquer outro painel do Photoshop, clique no menu Janela :
Clicando no menu Janela na barra de menus.
Isso abre um menu com, entre outras coisas, uma lista completa de todos os painéis disponíveis no Photoshop. Uma marca de seleção ao lado do nome de um painel significa que o painel está atualmente aberto e ativo na tela:
O menu Window lista cada um dos 29 painéis do Photoshop.
Para abrir um painel que ainda não está aberto (sem uma marca de seleção ao lado), clique no seu nome na lista. Vou reabrir meu painel Ajustes selecionando-o:
Selecionando o painel Cor no menu Janela.
Painéis pegajosos do Photoshop
O painel Ajustes reaparece na parte superior da coluna do painel principal, exatamente onde estava antes de eu o fechar. Observe que meu painel Amostras também reapareceu ao lado no mesmo grupo, mesmo que eu não tenha escolhido o painel Amostras na lista. Isso ocorre porque o Photoshop lembra o layout do painel. Nesse caso, lembrou-se de que meus painéis Ajustes e Amostras estavam agrupados. E lembrou que o grupo deles estava sentado acima do meu painel colorido. Os elementos de interface do Photoshop, incluindo painéis e grupos, são persistentes . Eles permanecem no mesmo local, a menos que, ou até, nós os movamos:
A reabertura de um painel também reabre outros painéis que foram agrupados com ele.
Painéis Aberto x Ativo
Aprendemos que a marca de seleção ao lado do nome de um painel no menu Janela significa que o painel está aberto no momento. Mas a marca de seleção também significa que o painel é atualmente o painel ativo no grupo. Outros painéis do grupo também podem estar abertos. Mas apenas o painel ativo do grupo terá a marca de seleção.
Por exemplo, vejamos o painel Camadas . O painel Camadas possui dois outros painéis, Canais e Caminhos, agrupados. Mas o painel Camadas é atualmente o painel ativo no grupo:
O grupo Camadas, Canais e Caminhos. O painel Camadas está ativo.
Se olharmos para a minha lista de painéis no menu Janela, verificamos que o painel Camadas tem uma marca de seleção ao lado do nome. No entanto, embora os painéis Canais e Caminhos também estejam abertos na tela, nenhum deles tem uma marca de seleção:
Somente o painel Camadas (o painel ativo do grupo) recebe a marca de seleção.
Clicarei na guia Canais para torná-lo o painel ativo do grupo. Isso envia o painel Camadas para o segundo plano com o painel Caminhos:
Mudando para o painel Canais.
E agora, se olharmos novamente para a minha lista de painéis no menu Janela, veremos que o painel Canais recebe a marca de seleção. O painel Camadas ainda está aberto, mas como não é mais o painel ativo do grupo, ele não recebe mais uma marca de seleção. E, claro, o painel Caminhos também não. Você pode ver como isso pode ficar confuso. A marca de seleção significa que um painel está aberto e ativo . Nenhuma marca de seleção significa que o painel pode estar fechado (não aparecendo em lugar algum na tela) ou pode estar apenas aninhado atrás de um painel ativo diferente em seu grupo:
A marca de seleção foi movida do painel Camadas para o painel Canais recém-ativos.
A coluna do painel secundário
Até agora, concentramos nossa atenção na coluna do painel principal. Mas há também uma coluna secundária à sua esquerda. Esta segunda coluna pode parecer um pouco confusa a princípio porque, por padrão, os painéis nesta coluna aparecem apenas como ícones :
Uma segunda coluna do painel aparece à esquerda da coluna principal.
No Photoshop CC, os dois painéis que aparecem inicialmente nesta segunda coluna são o painel Histórico na parte superior e o painel Visualização do dispositivo abaixo. Isso pode fazer você perguntar: "Como diabos devemos saber quais painéis eles são apenas olhando para esses ícones estranhos?" Bem, uma maneira é que, se você tiver Show Tool Tips ativado nas Preferências do Photoshop (está ativado por padrão), os nomes dos painéis aparecerão quando você passar o cursor do mouse sobre cada ícone.
Uma maneira melhor, porém, é que, se você passar o cursor do mouse sobre a borda esquerda da coluna, ele se transformará em uma seta de direção com duas pontas. Clique na borda da coluna e, com o botão do mouse pressionado, arraste-o para a esquerda para redimensionar a coluna. Ao arrastar, você verá os nomes reais dos painéis aparecendo ao lado dos ícones, o que é muito mais útil. Solte o botão do mouse depois de adicionar espaço suficiente para os nomes caberem:
Redimensionando a largura da segunda coluna para exibir os nomes do painel junto com os ícones.
Painéis secundários de expansão e recolhimento
Um bom uso para esta coluna secundária é manter os painéis que usamos, mas não precisamos abrir o tempo todo. O modo de visualização de ícones mantém esses painéis disponíveis sem ocupar um espaço valioso na tela. Para expandir um painel para o tamanho máximo, clique no ícone ou no nome. Aqui, estou expandindo o painel Histórico clicando nele:
Clique no nome / ícone do painel Histórico para expandi-lo para o tamanho original.
Para recolher o painel de volta ao modo de visualização de ícones, clique novamente em seu ícone ou nome ou clique no pequeno ícone de seta dupla no canto superior direito do painel:
Clique no ícone de seta dupla para recolher o painel.
Recolhendo e expandindo a coluna do painel secundário
Para expandir todos os painéis na segunda coluna de uma só vez, clique no ícone de seta dupla no canto superior direito do segundo painel:
Clique no ícone de seta dupla para expandir todo o segundo painel.
Para recolher todos os painéis na segunda coluna de uma vez, clique novamente no mesmo ícone:
Clique no mesmo ícone de seta dupla para recolher o segundo painel.
Recolhendo e expandindo a coluna do painel principal
Para liberar ainda mais espaço na tela, você também pode recolher a coluna do painel principal. Para recolher a coluna principal, clique no ícone de seta dupla no canto superior direito:
Recolhendo a coluna do painel principal.
Inicialmente, os painéis serão recolhidos para que apenas o nome e o ícone fiquem visíveis:
A coluna principal depois de recolher inicialmente os painéis.
Para recolher os painéis principais em apenas seus ícones, passe o cursor do mouse na linha divisória entre a coluna principal e a segunda. Quando o cursor mudar para uma seta de direção com duas pontas, clique na linha divisória e arraste-a para a direita até que apenas os ícones estejam visíveis:
As duas colunas dos painéis agora aparecem no modo de exibição de ícone.
Para expandir instantaneamente a coluna principal de volta ao tamanho original, clique novamente no ícone de seta dupla no canto superior direito:
Clique na seta dupla para expandir a coluna principal para o tamanho original.
E agora voltamos ao modo de exibição padrão da coluna, que é como eu geralmente o deixo:
A coluna principal está agora de volta ao tamanho original.
Movendo grupos de painéis entre colunas
Podemos mover painéis no Photoshop de uma coluna para outra com a mesma facilidade com que podemos movê-los entre grupos. Para mover um painel entre colunas, clique e segure na guia do painel e arraste o painel para a outra coluna. A caixa ou barra azul de destaque informa onde o painel será solto quando você soltar o botão do mouse.
Digamos que desejo mover meu painel Propriedades da coluna principal para a coluna secundária. E quero que apareça em seu próprio grupo independente na segunda coluna. Para fazer isso, clicarei e segure a guia Propriedades. Em seguida, arrasto-o para a segunda coluna, para que a barra azul apareça diretamente abaixo do painel Visualização do dispositivo:
Arrastando o painel Propriedades da coluna principal para a coluna secundária.
Solto o botão do mouse e agora meu painel Propriedades aparece em seu próprio grupo abaixo da Visualização do dispositivo:
O painel Propriedades está agora na coluna secundária.
Em seguida, desejo mover meu painel de ajustes para o mesmo grupo que meu painel de propriedades. Vou clicar e segurar a guia Ajustes na coluna principal. Depois, arrasto-o para a segunda coluna e por cima da guia do painel Propriedades, para que a caixa de destaque azul apareça ao redor da própria guia:
Agrupando o painel Ajustes com o painel Propriedades na segunda coluna.
Solto o botão do mouse e agora os dois painéis compartilham o mesmo grupo na segunda coluna:
Ambos os painéis foram movidos de uma coluna para a outra.
Movendo grupos de painéis entre colunas
Também podemos mover um grupo inteiro de painéis entre colunas. Para selecionar um grupo de painéis na coluna principal, clique e segure em um local vazio ao lado das guias na parte superior. Na coluna secundária, clique e segure a barra na parte superior do grupo. Em seguida, arraste o grupo de uma coluna para a outra.
Digamos que desejo mover meu grupo Propriedades e ajustes de volta para a coluna principal. Para pegar o grupo inteiro de uma só vez, clicarei e segure a pequena barra na parte superior do grupo:
Clicando na barra para selecionar o grupo de painéis.
Em seguida, arrastarei o grupo para a coluna principal para que a barra azul apareça entre os painéis Amostras e Cores:
Clicando na barra para selecionar o grupo de painéis.
Quando solto o botão do mouse, o Photoshop coloca o grupo entre esses dois painéis. E agora, os dois painéis estão de volta à coluna principal:
Todo o grupo de painéis foi movido de uma só vez.
Como redefinir os painéis de volta ao layout padrão
Agora que sabemos como mover os painéis dentro do Photoshop, vamos redefini-los para o layout padrão. Para redefinir os painéis do Photoshop, clique no ícone de seleção da área de trabalho logo acima da área do painel:
Clicando no ícone de seleção da área de trabalho.
Em seguida, escolha Redefinir itens essenciais no menu. Isso redefine a área de trabalho do Essentials e envia seus painéis de volta ao layout padrão:
Escolhendo "Redefinir itens essenciais".
Para onde ir a seguir …
E aí temos que! É assim que você gerencia e organiza seus painéis no Photoshop! Na próxima lição desta série, aprenderemos como trabalhar com janelas de documentos flutuantes e com guias no Photoshop!
Ou confira qualquer uma das outras lições deste capítulo:
- 01. Conhecendo a interface do Photoshop
- 02. Ferramentas do Photoshop e visualização da barra de ferramentas
- 03. Como redefinir as ferramentas e a barra de ferramentas
- 04. Como personalizar a barra de ferramentas
- 05. Gerenciando painéis no Photoshop
- 06. Trabalhando com documentos com guias e janelas flutuantes
- 07. Como visualizar várias imagens de uma só vez
- 08. 5 maneiras de mover imagens entre documentos
- 09. Como usar áreas de trabalho
- 10. Modos de tela e truques de interface
Para mais capítulos e para os nossos tutoriais mais recentes, visite nossa seção Noções básicas do Photoshop!