Курсовая работа (т): Разработка и создание электронного портфолио

Что внутри:

·   Edge Animate (бывший Edge Preview). Позволяет создавать интерактивное и анимированное содержимое средствами HTML, CSS, JavaScript;

·        Edge Inspect (бывший Shadow). Предварительный просмотр веб-сайтов для мобильных устройств;

·        PhoneGap Build, упаковщик мобильных приложений;

·        Edge WebFonts;

·        Edge Code. Инновационный редактор кода;

·        Edge Reflow. Создание макетов с помощью CSS;

·        Typekit (коммерческие шрифты). [8]

Web-сайты

Сейчас существует много сайтов направленных именно на создание своего портфолио.

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

Минус таких сайтов в том, что они сильно ограничивают возможности. Чаще всего можно лишь загрузить фоновую картинку и разделять сайт на страницы что бы распределить работы по группам. Сильно ограниченны возможности в оформлении, невозможно подобрать цветовую палитру, шрифты, расположение ссылок и т.д. Это все стоит по умолчанию и у всех пользователей будет одинаково. Конечно это не на всех сайтах, но часто встречается.FireworksFireworks (также известный как FW) - растровый и векторный графический редактор компании Adobe для веб-дизайнеров и разработчиков, позволяющий быстро создавать, редактировать и оптимизировать изображения для сайтов, эскизы сайтов и веб-приложений.содержит библиотеку готовых настроек и хорошо интегрирован с Adobe Photoshop, Adobe Illustrator, Adobe Dreamweaver и Adobe Flash. Интерфейс программы очень похож на интерфейс обычного графического редактора. После того как Adobe приобрела компанию Macromedia (разработчика Flash, Dreamweaver), программа заменила собой Adobe ImageReady.

1.3    Авторское право в интернете

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

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

На большей части сайтов есть знак авторского права.

Рис.3. Знак авторского права

(©) - знак охраны авторского права, представляет собой латинскую литеру C (первая буква слова «copyright»), помещённую в центре окружности.

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

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

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

1.4    Специфика создания веб-портфолио

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

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

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

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

Сайт портфолио представляет собой не обычное размещение информативных текстов и картинок, а уникальный дизайнерский ресурс, на котором размещаются фотоработы начинающих художников, фотографии знаменитых моделей, дизайнерские новинки и шедевры мировой моды (также в фотоизображениях). [10]

Портфолио базируется на Интернет-ресурсах, от чего представляет больше пространства для развития своей карьеры, творчества и поиска клиентов. Благодаря интернету клиентов найти гораздо проще, ведь портфолио можно просматривать когда угодно и кому угодно 24 часа в сутки.

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

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

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

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

Специфику портфолио можно разделить на такие пункты:

1.  Определение аудитории сайта.

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

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

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

2.  Дизайн.

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

3.  Главная страница.

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

4.  Наполнение.

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

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

Оформление Портфолио

При оформлении портфолио необходимо соблюдать следующие требования:

·        оформлять на компьютере отдельными листами (в пределах одного бланка или листа, таблицы;

·        предоставлять достоверную информацию;

·        располагать материалы в портфолио в соответствии с принятой структурой портфолио. [5]

электронный портфолио интернет ретуширование

Глава 2. Разработка и реализация электронного портфолио фото-художника

.1 Анализ веб-портфолио фото-художников

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

Что же это такое? Ретушь, ретуширование (фр. retoucher - подрисовывать, подправлять) - редактирование изображений, изменение оригинала изображения классическими или цифровыми методами. Целью редактирования является коррекция дефектов, подготовка к публикации, решение творческих задач. [11]

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

Ретушь может быть самой разнообразной:

Устранение дефектов изображения:

-     шум (случайные погрешности цвета в каждой точке изображения);

-       недостаточная или избыточная яркость;

-       неправильный цветовой тон;

-       нерезкость (расфокусировка);

-       пыль, царапины, «битые пиксели»;

-       устранение дисторсии и виньетирования объектива.

Портретная ретушь:

-     ретушь кожи - устранение дефектов (прыщи, царапины, шрамы, синяки, сужение пор, удаление веснушек или уменьшение их количества, разглаживание морщин);

-       обработку глаз (придание им большей выразительности), отбеливание зубов;

-       замена цвета волос, глаз, а также пластика: коррекция недостатков фигуры.

Рис.4. Пример ретуширования фотографии

Художественная ретушь фотографий:

-   различная цветовая коррекция;

-       перевод в черно-белый снимок;

-       имитация старинных фотокарточек;

-       тонирование и другое художественное оформление.

Структурное редактирование изображений:

-   кадрирование;

-       создание панорам;

-       устранение ненужных деталей изображения, изменение композиции;

-       фотомонтаж - создание из частей нескольких изображений нового изображения;

-       дорисовка, включение в изображение технических чертежей, надписей, символов, указателей и пр;

-       применение спецэффектов, фильтров, теней, фонов, текстур, подсветки.

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

Для анализа выбраны следующие портфолио:

1.     Фотостудия Re-touch.

2.      Портфолио Сергея Шмакова.

.        Фотостудия pic5.

.        Портфолио без указания автора.

Оценивать портфолио я буду по такому принципу:

.       Оформление сайта

2.      Главная страница

.        Работы

.        Дополнительно

.        Вывод

1.     Портфолио фотостудии Re-touch

.1.    Сайт оформлен весьма сдержанно, но оригинально. Фоном выбрана фотография девушки довольно крупным планом, разумеется, хорошо отретушированная. Используется стандартный шрифт серого и оранжевого цвета.

1.2.   На главной странице представлена информация о самой ретуши, о том какая она бывает, и как важна в наше время.

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

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

.5.     Плюсы:

-      На данном ресурсе красивый, но не отвлекающий дизайн;

-       Для каждого раздела свое оформление;

-       Описание, цены и работы находятся в одном месте.

Минусы:

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

-       Нет возможности вернуться обратно на главную страницу.

2.     Портфолио Сергея Шмакова.

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

2.2.   На главной странице предоставлена информация о цене. Там нет конкретных расценок, автор пишет, что все зависит от самой фотографии и предоставляет примерные цифры.

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

2.4.  Интересно, что помимо информации о себе, своих работах и расценках, автор выкладывает мастер-классы по ретуши, а также в свободный доступ выложены необработанные фотографии в формате RAW.

2.5.   Плюсы:

-      Удобная система навигации;

-       Выложенные работы очень высокого качества.

Минусы:

-      Нет возможности переключать фотографии, можно только пролистывать вниз страницу, что бы увидеть следующую работу;

-       Работ много, но они однотипные. Фотографии из раздела ретушь и люди фактически не отличаются.

3.     Портфолио фотостудии под названием pic5.

.1.    Над оформлением создатели сайта думали не долго, просто белый фон, вверху логотип студии, он же ссылка на сайт.

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

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

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

.5.     Плюсы:

-       Рядом с фотографиями указана страница заказчика, а значит можно поинтересоваться у кого-то из них качеством работы;