Что подарить сделанное в фотошопе

Что ещё можно сделать в Фотошопе?

что подарить сделанное в фотошопе

Речь пойдёт о собственном .NET+WPF программном продукте (называется «inForm»), который использую для получения так называемых «интерактивных презентаций» (они же «не-линейные презентации»), а также интерактивных информационных интерфейсов.

И сразу же отвечу на заголовок статьи — в Фотошопе можно нарисовать интерфейс и его запустить нехитрым способом на платформе Windows. В итоге для получения рабочего интерактивного информационного интерфейса понадобятся всего 2 средства – приложение inForm и Фотошоп.

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

Приложение inForm можно использовать бесплатно с некоторыми ограничениями функционала. Итак, пример интерактивного приложения «Привет, мир».

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

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

Открываем фотошоп, создаём новый файл 1920х1080х96dpi и сразу в блоке управления слоями делаем папки структуры для «домашнего экрана»:Красным отмечены папки с системными названиями – под этими имена нужно будет сохранять файлы, чтобы получить элементы интерфейса. Теперь берём в руки немного фотошопного креатива и рисуем собственно интерфейс будущего интерактивного приложения.Вот что у меня вышло на основе случайной картинки фоновых обоев из поиска Гугла: три кнопочки слева, слайдер по центру и логотип справа, который также будет кнопкой возвращения на «домашний экран». Чтобы просмотреть полученный интерфейс в действие:

— у кого ещё нет, то качаем и ставим последний .NET Framework 4.5: www.microsoft.com/en-us/download/details.aspx?id=30653

— моё приложение inForm лежит тут: issimple.co/app/forhabr/inForm215withDemoUI.zip (6Мб)
— PSD файл с интерфейсом: issimple.co/app/forhabr/fancy-round-ui.zip (10Мб) Затем: — сохраняем каждый слой элементов интерфейса слои на прозрачном фоне со своим именем файла и расширением .png (только файл фона bg должен быть .jpg)

— для автоматизации можно использовать скрипт сохранения слоёв: issimple.co/app/forhabr/LayerSaver.jsx

— копируем полученные файлы в папку “data” приложения inForm, слайды – в папку “data/slides” — запускаем INFORM.EXE Если всё выглядит также, как в Фотошопе, то переходим далее к отрисовке «экранов», которые будут появляться по нажатию на кнопки меню. Добавляем в слои новые группы на том же уровне, что и «главный экран» — экран 1, Экран 2, Экран 3. Название групп может быть любое – это просто для удобства. В приложение inForm для дизайна под-экранов есть несколько средств: это может быть стэк jpg иконок одинакового размера, либо иконки + предварительный просмотр, либо навигация типа карты, либо png кнопки/контент произвольной формы. Остановимся на последнем способе.Например для второго пункта меню «Треугольник» создаём три группы с кнопками в каждой:Далее сохраняем каждую группу на прозрачном фоне как файл типа «1btn.png» и переносим в папку «data/2sub/». Структуру файлов содержимого приложения и групп в Фотошопе довольно легко понять, просто взглянув на них. Последний тип «экранов» — полноэкранный контент по типу слайдов. Каждый слайд может состоять из 3-х слоёв с дополнительной анимацией каждого на экране.На приложение это выглядит так:Файлы сохраняются по формату «1.png», «1L2.png», «1L3.png», где первая цифра – номер слайда, а после «L» — дополнительный слой. Копировать файлы в «data/2sub/». Стрелки, крестики и прочие элементы полноэкранной навигации можно заменить на любые другие, т.к. это тоже файлы в папке «data/interface/». После всех сохранение получаем итоговую структуру интерфейса в папке «data/»:Понятное дело, что всё можно масштабировать в плане количества категорий, кнопок, слайдов. Также есть всевозможные настройки, дополнения. Но рассматривается простейший вариант. Вот что получается в итоге:

И собственно к чему это всё — таким нехитрым способом можно создавать интерактивные книжки, прототипы интерфейсов, приложения для музейных киосков, презентации продукции, компаний, приложения для Windows планшетов (правда пока что только Desktop приложения), информационные системы для гос-учреждений, образовательных заведений и т.д.

Источник: https://habr.com/post/235145/

Подарки к празднику с помошью Фотошопа

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

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

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

Причём сначала такие «подарки» делают мужчины на 8 марта, а следом за этим 23 февраля женщины как-будто бы мстят, отплачивая кавалерам той же монетой. И, кажется, что из этого порочного круга нет выхода.

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

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

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

Нужно с помощью программы Фотошоп сделать подарочные коллажи для своих коллег.

Вы не умеете пользоваться программой Фотошоп? Не беда, берём видекурс «Фотошоп уроки для повышения мастерства», смотрим, повторяем за инструктором действия для закрепления материала.

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

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

Ну, например, как вам тема «Замок вампира»? Директор в качестве Дракулы, главный бухгалтер — его приспешник-вампирюга, и так далее. Ну а себя можно и борцом с вампирами сделать. Не нравится? Мрачно? Тогда можно проработать тему «Эльфийский лес», или «Команда линкора», или «Ватага разбойников». Да все что угодно можно сделать.

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

Вот так можно Фотошопом добавить искромётного торжества в унылую офисную жизнь.

Попробуйте, и вам понравится!

Источник: http://moifotoshop.ucoz.ru/publ/2-1-0-88

Как пользоваться фотошопом: основные инструменты для работы

Привет, коллеги! Мало кто не знает о такой программе, как фотошоп, но мало кто знает, как её пользоваться.

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

Давайте разберём, какие именно возможности содержит программа фотошоп?

— Изменение того или иного снимка. Можно добавлять резкости, эффекты, применять цветокоррекцию и многие другие возможности для работы с изображениями предоставляет фотошоп. Если снимок старый, чёрно-белый — можно добавить цветов; есть дефекты на фото — от них можно избавиться, используя фотошоп.

Как пользоваться Фотошопом — основная панель

— Слои

По правде, это очень полезная вещь в фотошопе.

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

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

— Текст

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

— Поддерживание разных форматов

Разнообразие поддерживаемых форматов в фотошопе просто поражает. Будь это графический или 3D-формат — программа откроет, и вы сможете создавать нужный вам проект. Это один из важных плюсов фотошопа.

— Многообразие фильтров фотошоп

Фильтры иногда помогают сделать некоторые моменты работы в один клик. К примеру, можно взять размытие.

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

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

Как пример — фильтр размытие

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

Многие задаются вопросом — как сделать gif с картинкой и текстом, или же из какого-то фрагмента видео — в фотошопе можно и это.

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

— «Сохранить для Web…»

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

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

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

— Обилие инструментов фотошоп

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

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

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

Чтобы научиться работать в программе фотошоп, необходимо для начала поверхностно понимать, что там есть. Иначе говоря, знать рабочую среду — часть панелей.

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

Источник: https://seovpmr.ru/photoshop/kak-polzovatsya-fotoshopom.html

Добавить комментарий

Войти с помощью: