Psd мобильные устройства — уроки фотошоп

Уроки Фотошоп для начинающих: интерфейс Photoshop

Вы можете использовать Фотошоп для любой опции редактирования изображения, например, обработка фотографий, создания высококачественной графики и многое другое. В этом уроке, мы представим вам интерфейс Photoshop, в том числе расскажем о том, как открыть файл, работать с панелью инструментов, настраивать рабочее пространство и изменять размер изображения.

Фотошоп является комплексной программой, и, возможно, кажется немного пугающей для использования впервые. По этой причине мы рекомендуем изучить вместе следующие уроки, загрузив наш файл примера (щелкните правой кнопкой мыши по ссылке, чтобы сохранить ее). Чем больше у вас будет практического опыта работы в Photoshop, тем легче вам будет использовать эту программу.

Об этом уроке

В этом уроке для того чтобы показать вам возможности в Фотошоп, мы будем использовать Photoshop CS6.

Если вы используете старую версию Photoshop, такую как Photoshop CS5 или более раннюю — некоторые функции могут работать немного по-другому, но вы все равно сможете понять о чем идет речь.

Однако, важно отметить, что если вы используете Photoshop Elements, некоторые из функций, которые мы будем обсуждать, могут воовсе отсутствовать.

Открытие файлов

В большинстве случаев, Вы хотите начать работу с открытия существующей фотографии, не создавая новый пустой файл. Photoshop позволяет открывать и редактировать существующие графические файлы, такие как .jpg или .png файлы, а также .psd (Photoshop) файлы.

Чтобы открыть файл:

  1. Выберите Файл, далее Открыть.
  2. Появится диалоговое окно. Найдите и выберите файл на вашем компьютере, а затем нажмите кнопку Открыть.
  3. Файл откроется в Photoshop.

Если вы пока не открыли Фотошоп, вы можете найти и щелкнуть правой кнопкой мыши на файл на вашем компьютере, и выбрать Открыть с помощью Photoshop, чтобы открыть этот файл.

Обзор интерфейса Фотошоп

Поскольку Фотошоп предназначен в первую очередь для профессионального использования, его интерфейс может показаться немного сложным и пугающим для начинающих. Даже если у вас есть некоторый опыт работы с другим программным обеспечением для редактирования изображений, Вам будет полезно ознакомиться с различными частями интерфейса Photoshop.

1. Строка меню. Это то место, где вы будете выполнять различные команды Фотошоп. Например, из меню «Файл» вы можете открывать и сохранять файлы. Меню «Изображение» позволяет выполнять различные настройки, такие как размер фотографии и т.д. Меню «Фильтр» дает вам доступ к более продвинутым инструментам и эффектам.

  Инструменты для размытия заднего фона в Photoshop

2. Панель управления. Здесь вы можете самостоятельно настроить параметры для выбранного инструмента. Например, если вы используете инструмент кисть, вы сможете изменять размер кисти, жесткость, и многое другое.

3. Панель инструментов. Это один из самых важных и основных мест в Photoshop — это то, где вы будете выбирать необходимые инструменты для редактирования и обработки фотографий. После того как вы выбрали инструмент, вы сможете применить его с текущему документу.

4. Инструменты выбора. Эти инструменты позволяют выбрать определенную область текущего документа. По умолчанию будет инструмент «Прямоугольная область».

Другие инструменты, такие как Лассо и Волшебная палочка позволят вам выбрать конкретные объекты без выбора фона.

5. Инструменты рисования. Эти инструменты подобно инструментам рисования в реальной жизни. Например, инструменты Кисть или Карандаш позволяют рисовать на изображении, а Ластик позволяет стереть части изображения. Например, если вы сотрете часть слоя, то в нем отобразиться то, что под этой части слоя находиться.

В приведенном ниже примере, мы стерли часть черно-белого слоя, что выше цветного слоя.

6. Инструменты ввода. Этот инструмент позволяет добавлять текст к текущему документу. К примеру, вы можете использовать его, чтобы создать свою ​​собственную пригласительную открытку.

7. Инструмент Форма. Этот инструмент позволяет вставлять формы, такие как квадраты, линии, эллипсы и другие.

8. Инструмент Выбора цвета. Здесь вы можете выбрать цвета для различных инструментов, таких как Кисть, Градиент, Заливка и т.д.

9. Окно документа. При открытии файла изображения, оно появится в окне документа. В верхней части окна документа вы увидите имя файла вместе с текущим масштабом. В нашем примере просмотр фотографии в 20,2% от полного размера.

10. Панель Слои. Здесь вы можете увидеть слои текущего документа. Вы можете включить слой или выключить, нажатием на значок глаза.

Работа с инструментами и другими панелями

Панель инструментов: Панель инструментов является одним из наиболее важных особенностей в Photoshop, здесь можно выбрать различные инструменты для редактирования изображений. После того как вы выбрали инструмент, вы можете использовать его в текущем документе. Курсор изменит свой вид в зависимости от выбранного инструмента.

Чтобы выбрать другой инструмент нажмите на него и удерживайте, или кликните по нему правой кнопкой мыши. Например, вы можете нажать и удерживать инструмент прямоугольник, чтобы выбрать другие формы, такие как эллипс, линия или пользовательские формы инструмента.

Отображение и скрытие панели: Вы можете также просматривать и изменять информацию о текущем документе с помощью других панелей в рабочем пространстве, например, вы можете просмотреть слои документа в панели Слои. Чтобы показать или скрыть любую панель, выберите в меню Окно, затем выберите нужную панель — видимые панели обозначены галочкой. На рисунке ниже, мы используем меню Окно, чтобы показать на рабочем пространстве панель истории:

Вы можете использовать двойные стрелки, чтобы развернуть или свернуть панели. Это может быть полезно, если вы хотите временно скрыть панель, не удаляя ее из рабочего пространства.

Также Вы можете нажать клавишу Tab на клавиатуре, чтобы показать или скрыть все активные панели.

Перемещение панелей: Если вы хотите изменить расположение панели, вы можете переместить ее, перетащив панель в другую часть рабочего пространства.

Однако, если вы планируете проходить наши уроки, рекомендуем пока оставить панели в местах, в которых они расположены по умолчанию.

Для установки панелей в своих позициях по умолчанию, выберите Окно > Рабочая среда > Сбросить Основная рабочая среда.

Обратите внимание, что это действие может отличаться в зависимости от версии Фотошоп, которую вы используете. Например, в Photoshop Elements надо выбрать команды Window — Reset Panels.

Читайте также:  Как включить и выключить сетку в фотошопе - уроки фотошоп

Настройка среды Photoshop

Если вы хотите настроить Фотошоп, вы можете настроить параметры приложений по умолчанию. Большинство из этих вариантов в большей степени технические, но мы хотели бы показать вам две основные настройки, которые возможно будут вам полезными.

Чтобы настроить единицы измерения по умолчанию:

По умолчанию, размеры документа измеряются в дюймах. Если вы не редактируете изображения главным образом для печати, мы рекомендуем изменить эту настройку на пиксели.

  1. Выберите Редактирование > Установки > Единицы измерения и линейки. Если вы используете Mac, выберите Photoshop > Preferences > Units&Rulers.
  2. Появится диалоговое окно. В блоке настроек Единицы измерения, нажмите на меню рядом с Линейки, выберите Пиксели, и нажмите кнопку ОК. Возможно вам потребуется перезапустить Фотошоп, чтобы изменения вступили в силу.

  Фотошоп для начинающих: Что такое Photoshop?

Чтобы изменить размер текста:

Если вы хотите увеличить или уменьшить текст интерфейса Фотошоп, вы можете настроить размер шрифта приложения.

  1. Выберите Редактирование > Установки > Интерфейс (или Photoshop-Preferences-Interface на Mac).
  2. В блоке настройки Текст, выберите меню рядом с Размер шрифта меню, а затем выберите нужный размер. Возможно вам потребуется перезапустить Photoshop, чтобы изменения вступили в силу.

Изменение масштаба

При редактировании изображений в Photoshop, вы часто будете просматривать его в масштабе меньше чем 100% от полного размера, т.к. большинство современных цифровых камер делают большие фотографии, с высоким разрешением.

На самом деле эти изображения настолько большие, что большинство экранов компьютеров просто не могут отобразить сразу все пиксели в изображении. Это хорошо, т.к.

во время редактирования изображения вы будете иметь дополнительные детали для работы.

Если вы хотите увеличить или уменьшить масштаб, просто нажмите Ctrl + или Ctrl- (удерживайте клавишу Ctrl и нажмите кнопку + или -). Если вы используете Mac нажмите Ctrl + или Command-.

В приведенном ниже примере, вы можете увидеть документ на 20,2% полного размера. Обратите внимание, что вы можете увидеть текущий уровень масштабирования в верхней части окна документа, а также в нижнем левом углу экрана.

В отличии от предыдущего, пример ниже показывает то же изображение при 100% (полный размер). Обратите внимание, что только часть изображения видна при этом уровне масштабирования. При желании, вы можете использовать горизонтальные и вертикальные полосы прокрутки для просмотра других частей изображения.

Для масштабирования изображения до размеров окна документа, нажмите Ctrl + 0 (удерживайте клавишу Ctrl, а затем нажмите клавишу ноль). Если вы используете Mac, нажмите Command + 0.

В зависимости от графической карты компьютера, некоторые уровни масштабирования (например 33.33% и 66.67%) могут привести к тому, что изображения могут показаться неровными. Если это произойдет, вы можете увеличить масштаб до 25% или до 50%.

Используйте сочетания клавиш выше, чтобы настроить уровень масштабирования файла примера.

После того, как вы познакомились с интерфейсом Фотошоп, вы готовы к редактированию изображений. На следующем уроке мы поговорим об основных настройках, которые вы можете применить, таких как обрезка, изменение размера и вращение.

Источник: http://composs.ru/uroki-fotoshop-dlya-nachinayushhix-interfejs-programmy/

Как с помощью смарт-объектов в Photoshop создать адаптивный макет для экранов различных устройств

Что мы будем создавать

Смарт-объекты являются одной из наиболее мощных функций Photoshop. Из этой статьи вы узнаете, как подготовить макет группы экранов различных устройств, а затем добавить к ним слои смарт-объектов. После того, как все будет сделано, вы сможете изменять изображения на экранах, обновляя смарт-объекты.

Каждый смарт-объект может содержать несколько слоев. Таким образом, вы сможете очень быстро и легко модифицировать свою презентацию.

1. Подготовка макета

Шаг 1

Я начинаю с трех различных устройств. Вы можете использовать любые изображения на свой вкус. Данный файл содержит отдельные слои теней и бликов для каждого экрана:

Шаг 2

Подготовьте отдельный слой для каждого экрана. Выберите инструмент «Прямоугольник» (U) и нарисуйте прямоугольники того же размера, что и каждый экран. Также можно использовать инструмент «Прямоугольная область» (M). Какой бы метод вы не использовали, каждый «экран» должен располагаться на отдельном слое:

Нарисуйте прямоугольник того же размера, что и экран. Он будет соответствовать изображению у вас на экране. Этот прямоугольник должен располагаться на отдельном слое.

Я предпочитаю использовать слой фигуры, потому что ее проще затем настроить с помощью команды «Свободное трансформирование» (Ctrl-T):

Шаг 3

Создайте слой экрана для каждого из устройств. Вы можете залить фигуры любым цветом. Эти слои будут использоваться позже, чтобы замаскировать смарт-объекты. В данный момент ваш макет должен выглядеть, как показано на рисунке ниже:

Шаг 4

Сейчас я рекомендую немного упорядочить все элементы. Названия и упорядоченная структура слоев поможет вам сэкономить время в дальнейшем. На рисунке ниже я обозначил отдельным цветом все слои, которые принадлежат к разным устройствам. Чтобы изменить цвет слоя, кликните на слое, чтобы выделить его, а затем вызовите выпадающее меню сбоку в палитре «Слои» и выберите пункт «Свойства слоя»:

Также можно создать группы слоев для каждого устройства. Выберите все слои, которые относятся к одному устройству, и в выпадающем меню палитры «Слои» выберите «Новая группа слоев». Вы можете установить цвет для всей группы через пункт «Свойства группы»:

2. Настройка смарт-объектов

Шаг 1

Я буду использовать скриншот сайта Tuts+. Перетащите скриншот в PSD-макет. Поместите этот слой поверх слоя экрана монитора компьютера. Можно преобразовать этот слой в смарт-объект одним из трех способов:

• Перейдите в Слой> Смарт-объект> Преобразовать в смарт-объект. • Вызовите выпадающее меню сбоку в палитре «Слои» и выберите пункт «Преобразовать в смарт-объект».

• Кликните правой кнопкой мыши на слое в панели слоев и в контекстном меню выберите пункт «Преобразовать в смарт-объект».

Примечание: Не изменяйте размер слоя в соответствии с размером экрана до его преобразования в смарт-объект:

Шаг 2

Теперь нужно изменить размер смарт-объекта, чтобы он соответствовал ширине экрана монитора. Нажмите Command / Ctrl-T и с помощью опорных точек измените размер изображения. При работе со смарт-объектом вы заметите одно визуальное отличие: опорные точки смарт-объекта при преобразовании будут иметь сплошную заливку, в то время как опорные точки обычного слоя имеют прозрачную середину.

Пока пускай смарт-объект выходит снизу за границы экрана монитора. Если хотите, переименуйте слой смарт-объекта:

Читайте также:  Абстракция - уроки фотошоп

Шаг 3

Создайте дубликат слоя смарт-объекта, перетащив его на иконку нового слоя в нижней части палитры слоев:

Продублируйте слой смарт-объекта, перетащив его на иконку нового слоя

.

Шаг 4

Разместите копию смарт-объекта поверх всех слоев экрана ноутбука. Как и раньше, используйте «Свободное трансформирование», чтобы изменить размер в соответствии с шириной экрана ноутбука. Пока нижняя часть смарт-объекта может выступать за нижнюю границу экрана:

Перетащите копию смарт-объекта поверх слоев экрана ноутбука.

Шаг 5

Создайте еще одну копию смарт-объекта и разместите ее сверху слоев экрана планшета. Затем измените ее размер в соответствии с размером экрана. Пока не беспокойтесь о длине смарт-объекта:

Шаг 6

Теперь, когда все смарт-объекты размещены, вы можете обрезать их по высоте. Замаскируйте часть изображения, выходящую за нижнюю границу экрана, но сам скриншот не обрезайте. Во-первых, выберите слой смарт-объекта, а затем выберите из выпадающего меню пункт «Создать обтравочную маску»:

Также можно, удерживая клавишу Option (Alt), кликнуть мышью между двумя слоями:

Удерживая клавишу Alt / Option, кликните мышью между слоями, чтобы создать обтравочную маску.

После того, как вы создадите обтравочную маску, скриншот будет подогнан под размеры экрана. Вы также увидите, что миниатюра слоя слегка сместилась вправо, а рядом с ней появилась небольшая стрелка вниз. Это означает, что слой смарт-объекта «подрезан» под нижний слой.

Вот почему мы создали слои экранов в первую очередь:

Вот как должен выглядеть ваш макет со всеми смарт-объектами, подрезанными под размеры соответствующих экранов:

3. Измените смарт-объект

Шаг 1

Теперь, когда все смарт-объекты размещены, вы можете изменить изображение на всех трех экранах, отредактировав оригинальный смарт-объект. Дважды кликните по миниатюре смарт-объекта. Вы увидите на мониторе следующее сообщение:

Смарт-объект открывается как отдельный, специальный файл. Расширение файла .psb:

Шаг 2

Чтобы отредактировать смарт-объект, я просто размещу другой скриншот поверх существующего. Нам не нужно выравнивать изображение, так как смарт-объекты могут состоять из нескольких слоев:

Шаг 3

Закройте и сохраните файл .psb. Теперь на всех трех экранах появится новый скриншот. Нам не нужно редактировать два других слоя смарт-объектов, потому что каждый из них является копией оригинала:

Вы можете добавлять или изменять изображение столько раз, сколько нужно. Также можно хранить несколько скриншотов в слоях смарт-объекта, быстро представлять различные версии в том же документе Photoshop:

Заключение

Подобные макеты устройств — это отличный способ представить клиенту свой проект. Поскольку слои смарт-объектов являются копиями оригинала, все три экрана будут обновляться сразу. А благодаря тому, что в слоях смарт-объекта можно разместить несколько скриншотов, вы можете сохранить документ в одном PSD-файле.

Перевод статьи «Create a Responsive Screen Mockup Using Smart Objects in Adobe Photoshop» был подготовлен дружной командой проекта Сайтостроение от А до Я.

Источник: http://www.internet-technologies.ru/articles/kak-sozdat-adaptivnyy-maket-v-photoshop.html

Макеты Устройств В Веб-Дизайне: Советы, Примеры, Создание

Макеты мобильных устройств идеально подходят для представления демо-версий приложений. Они также позволяют дизайнерам редактировать экран устройств в приложениях, добавлять/убирать элементы интерфейса, создавать фотографии готовой работы.

 Но одновременно с этим, не сказать что часто, но макеты устройств используются и в веб-дизайне, особенно при работе с заголовками страниц (page header).

За последнее время можно было увидеть достаточно много таких сайтов и они продолжают появляться, а потому мы решили посмотреть повнимательнее на данную тенденцию и попрактиковаться в работе с Photoshop.

Дело в том, что файлов с изображением макетов мобильных устройств в интернете много в свободном доступе, но с дополнительной художественной обработкой – нет. А ведь такую обработку несложно создать, если представлять, что именно должно получиться на выходе и как это делать.

Стандартный вид

До сих пор самый обычный метод использования макета – вид спереди. Для этого используется любой тип устройства от смартфона до ноутбука, включая и часы. Главное, чтобы устройство было обращено к зрителю.

Такие макеты обычно создаются с использованием вектора и повторяют только основные детали устройства, но не представляют собой точную копию. Иными словами, видя макет iPhone, мы узнаем его по деталям, но какая именно версия по внешнему виду – неизвестно.

Такой вариант позволяет смешивать графику и макет, в результате чего все изображение предстает, как картинка в рамке.

Возьмем, например, сайт Mimo. Дизайнеры использовали макет iPhone темного цвета, созданного в векторе. Поверх него наложили скриншот приложения, чтобы наглядно представить посетителям, как выглядит их приложение и какое оно удобное на мобильных устройствах.

Такой вариант несложен в создании в Photoshop, но удобен для дизайна и работы с контентом. Поэтому чаще всего мы и видим именно этот вариант или вариант в перспективе.  Особенно интересным представляется вариант дизайна проекта Spendee.

Здесь веб-мастера решили использовать своеобразный слайдер, дабы нагляднее продемонстрировать творение разработчиков для систем iOS и Android.

При прокрутке страницы можно увидеть, что каждый раздел сайта использует свой оригинальный макет мобильного устройства.

Перспектива

Другим популярным вариантом макета является вид в перспективе. Этот метод использует уже фотореалистичную конструкцию для создания более точных видов устройств.

В большинстве такие макеты создаются в PSD формате с использованием смарт-объектов (обтравочная маска), которые копируются и вставляются в область экрана  устройства.

После сохранения и работы со смарт-объектом  можно увидеть в готовом PSD выровненную картинку в перспективе.

Разумеется, что для таких изображений также необходим прозрачный фон, чтобы была возможность смешивания изображений. Но в данном случае гораздо чаще дизайнеры стараются применить разнообразные фильтры и эффекты, чтобы охватить и тематику сайта, разделов, контента на странице.

Вариант дизайна Filters также использовали нереалистичный макет смартфона, но достаточно хорошо прорисованный для того, чтобы визуально посетители воспринимали его и понимали, о чем конкретно идет речь и какая аналогия с их устройствами ожидается.

Благодаря разным вариантам макета также было удобно реализовать автоматическое изменение и настройку приложения под разные экраны. И да, для всего этого использовался Photoshop, чтобы изменять углы перспективы и макета, и вложенных изображений.

На сайте nuansa, в свою очередь, использовался более сложный вариант перспективы макета мобильного устройства. Дело в том, что макет играет роль рамки, а вложенные изображения на экране сменяются в виде слайдера. Это сложнее создавать, но зато посетителям удобнее видеть возможности данного приложения, не загружая много лишней информации или тяжеловесного видео.

Макеты в перспективе распространены не меньше вида спереди.  И используются для этого и макеты планшетов, и ноутбуков, и часов. Создаются даже целые анимации такого представления. А что касается перспективы в целом, то её выравнивают и по горизонтали, и по вертикали.

Посмотрим на Stripe, где веб-дизайнеры использовали видео mp4 вместо статического изображения и работы со слайдерами. Такой вариант дизайна добавляет чуть больше реалистичности в макет и не требует создания полного видео, как кто-то вживую использует данное приложение на настоящем смартфоне.

Читайте также:  Кружка кофе и скетч книжка - уроки фотошоп

Макет – герой экрана

Одной из популярных тенденций сейчас является использование фокус-изображения, то есть фотографии с какими-то предметами, персонажами в центре сюжета. Как правило, такие тематические работы подходят для представления общей тематики сайта.

И в интернете можно найти огромное число таких фотографий: стоковых и не только, на которых используются уже не макеты мобильных устройств, а реальные прототипы.

Обычно смартфоны находятся в руках людей, ноутбуки размещены на столе или коленях человека, и прочие варианты.

Но при этом, экран самих устройств, даже в таких изображениях, может быть легко заменен. Достаточно открыть исходную картинку в Photoshop и на месте экрана размесить новое маленькое изображение. Например, скриншот сайта или приложения. На сайте Weathertron как раз и используется такой вариант и реалистичная фотография с iPhone и iPad.

Такие макеты сильнее притягивают внимание, их интереснее разглядывать посетителям. Аналогично выглядит фокус-изображение и проекта Operator, на котором женщина в руках держит реально существующий смартфон.

Мы подобрали еще несколько инверсных примеров использования макетов мобильных устройств на сайтах. Здесь и анимация, и параллакс,  графический стиль и многое другое. Как говорится, фантазии дизайнеров нет конца. Речь идет о Yarno, Ultra-Responsive DD, Brring, Dylan de Heer, Joonik, Guarisco Fabrics, Oodi, Gamehive, We Are Creation.

PSD макеты

В интернете на сегодняшний день существует тонна ресурсов, на которых можно подобрать интересные варианты и изображения макетов мобильных устройств. При этом все они будут еще и выполнены в разных стилях. Плоские, фотореалистичные в перспективе, живые снимки – всего этого много в интернете и даже в свободном доступе, то есть со свободной лицензией, то есть free.

В тоже время команда Ramotion представила сборку реалистичных высококачественных макетов iPhone Clay PSD, которые позволяют настраивать цветовую гамму на свой вкус. В библиотеке находятся самые разные макеты моделей Android-смартфонов и версий iPhone.

Но если и в интернете найти такое можно, то отличие данной сборки – в открытых PSD файлах, которые можно редактировать, как душе угодно. Качество изображений достаточно велико и создано в векторе с использованием смарт-объектов. Но набор небесплатен, увы.

 Dribbble

Одно из ведущих дизайн-сообществ Dribbble, где представлены free-материалы также имеет огромную подборку макетов мобильных устройств. И большая их часть как раз и создана Ramotion.

Но не все работы представлены здесь из платного пакета.

Так или иначе, но на Dribbble можно найти интересные проекты реалистичной фотографии, с людьми и без, макеты Android-устройств, в виде спереди и перспективе, и многие иные.

Источник: https://wayup.in/blog/mockups-device-in-web-design-tips-examples-create

www.knowledgeacademy.ru

Всем привет! Давайте сегодняшний день сделаем исключением, и вместо урока, посмотрим очень классные PSD заготовки для веб-сайтов и мобильных приложений которые вы сможете бесплатно скачать!

    Любым веб-дизайнером движет одно, необходимость сделать что-то прям эдакое, удивительное и притягательное.

Что он будет использовать в данном случае? Конечно же удивительные элементы для своей странички, что бы у посетителя аж дух захватывало, чтобы ему хотелось ещё и ещё понажимать всякие классные кнопочки, попробовать ту или иную функцию.

Конечно вы можете нанять профессионала для того чтобы сделать классный дизайн, но сегодня мы поступим иначе! Я познакомлю вас с сотней примеров, из которых вы можете выбрать лучший элемент и встроить его на вашу страничку!

    Наслаждайтесь просмотром всех UI элементов дизайна, а если вы знаете о существовании других не менее интересных элементов, пожалуйста, напишите о них в комментариях внизу статьи.

    1. Скачать бесплатно: комплект UI мультимедиа — чёрный

    Чёрный UI комплект, содержит различные виды медиа-элементов, которые подходят для любого аудио/видео дизайна/макета. Все элементы находятся в многослойном PSD файле.

    2. Бесплатно – чистый и полезный UI комплект

    Коллекция иконок, социальных кнопок, слайдеров, кнопок вкл/выкл, видеоплееры и рейтинги. Простой и полезный UI комплект подходящий под любой элегантный дизайн.​

    3. Набор — пицца UI — PSD

    Комплект пицца UI, премиум комплект. Бесплатный UI набор от Бориса Валюсека.

    4. Лунный UI

   5. Пандора UI-бесплатный для iOS — пакет интерфейса пользователя​

    UI пандора, является бесплатной и содержит 2 макета, которые могу быть использованы для разработки IPhone и  IPad приложений. Все элементы разработаны в PhotoShop с помощью групп, что делает их более настраиваемыми.

    6. Kitchy Ui Kit — Рестораная и Продовольственная Тема (PSD)

    Коллекция UI комплект, вдохновленная природой, которая подходит для ресторана, кафе и других подобных заведений.

    7. Futurico – бесплатный пакет элементов интерфейса пользователя

    Futurico является одним из лучших компонентов пользовательского интерфейса, элементы дизайна pack, которые являются обязательными для каждого дизайнера и разработчика.

    8. Пакет интерфейса пользователя

    9. Blaubarry UI Комплект

    10. Blugraphic темный UI Комплект

    11. UI для светлых проектов

    12. Белый и синий переключатели

    Пакет полных web/элементов пользовательского интерфейса.

    13. Шелби – комплект пользовательского Веб-интерфейса

    14. Иконки депозит CSS3 UI-Набор (PSD+CSS)

    15. Темные элементы интерфейса

Источник: http://knowledgeacademy.ru/zhitelyam/?L=5

Ссылка на основную публикацию