• Авторизация


Онлайн фотошоп с самых азов. 14-08-2012 06:49 к комментариям - к полной версии - понравилось!

Это цитата сообщения nextgem Оригинальное сообщение

<стронг>Онлайн фотошоп с самых азов. Урок1.<бр/><бр/> <п> Для декупажного журнала&нбсп;&нбсп;&нбсп;<а хреф="хттп://issuu.com/nadyalopatnova/docs/prodecoupage11?mode=window&backgroundColor=%23222222">[url=http://иссуу.цом/надялопатнова/доцс/продецоупаге11?моде=виндов&амп;бацкгроундЦолор=%23222222]&лаqуо;Декупаж от А до Я&раqуо;/url]   я подготовила цикл уроков по работе в онлайн фотошопе.   Но думаю, что эти уроки будут интересны не только для декупажниц.

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

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

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

Для работы воспользуйтесь любой из этих ссылочек.

урл=хттп://prodecoupage.com/index/0-33]Перейти в фотошоп онлайн редактор/url]

урл=хттп://img-life.ru/photoshop.html]Перейти в фотошоп онлайн редактор/url]

урл=хттп://editor.0lik.ru/]Перейти в фотошоп онлайн редактор/url]

 

   море=<стронг><спан стыле="фонт-сизе:20px;">Урок1.]

1.Нажимаем на ссылочку и у нас &нбсп;начинается загрузка онлайн фотошопа, а точнее бесплатного онлайн фоторедактора Едитор.Пхо. <центер> <п стыле="техт-алигн: лефт; "> Откроется &нбсп;вот такая картинка. В этом редакторе мы и будем работать с нашими фотографиями и картинками. <п стыле="техт-алигн: лефт; "> При работе мы будем использовать файлы с расширением &нбсп;жпг, пнг, пхд (псд). &нбсп;Расширение всегда указывается после имени файла и отделяется от него точкой. <п стыле="техт-алигн: лефт; "> <имг алт="" срц="хттп://s6.postimage.org/tve5xqpdt/image.jpg" стыле="видтх: 800пх; хеигхт: 485пх; " /> <п стыле="техт-алигн: лефт; "> Рис.1 <п стыле="техт-алигн: лефт; "> 2.Давайте разберёмся, что мы видим на экране. <п стыле="техт-алигн: лефт; "> С левой стороны столбик &ндаш; Меню инструментов. Это те инструменты, &нбсп;которыми мы будем работать в фотошопе. Инструментов достаточно много и у каждого своя функция. Постепенно мы их изучим все. Но у некоторых инструментов можно ещё менять и параметры. Как, например, &нбсп;художники пользуются кистями различных размеров, так и в фотошопе, &нбсп;при разных операциях, &нбсп;возникает необходимость менять параметры используемых инструментов. Строка параметров расположена горизонтально, &нбсп;в верхней части экрана. Над ней располагается Основное меню. Название говорит само за себя. С помощью этого меню, &нбсп;мы заставим фотошоп выполнить огромное количество &нбсп;действий и операций. <п стыле="техт-алигн: лефт; "> С правой стороны расположились три квадрата. Навигатор, о нём поговорим попозже. Журнал операций, в котором будут регистрироваться все выполненные вами действия и самое интересное и самое главное&нбсп; Палитра слоёв. <п стыле="техт-алигн: лефт; "> Что же такое эти слои, которые на многих нагоняют страх и отбивают желание изучать фотошоп. А, в самом деле, &нбсп;всё очень просто. Принцип работы фотошопа построен на послойности изображений. Выглядит это, примерно, как папочка, в которую вставили несколько прозрачных листочков. А затем, &нбсп;начали &нбсп;рисовать фломастером &нбсп;или приклеивать аппликации на одном листочке цветочек, на другом бабочка, на третьем солнышко. А потом, &нбсп;ещё на самый низ папочки положили картинку с газоном. Что мы увидим, открыв папочку -&нбсп; газон, на котором растёт цветочек, бабочку и солнышко. Решили, что бабочка лишняя, просто вытащили листочек с бабочкой. А можем вытащить все прозрачные листочки, &нбсп;тогда останется лишь один непрозрачный листок-слой с газоном. Так и в фотошопе, &нбсп;наше изображение состоит из таких слоёв, на которых расположен или весь рисунок, или его фрагменты из которых потом получается общая картина.&нбсп; Нижний слой может быть непрозрачным, а вот фон всех верхних слоев &нбсп;должны быть обязательно прозрачными. Так вот, в Палитре слоёв отражаются все созданные нами слои. Причём, &нбсп;именно в палитре слоёв мы можем их менять&нбсп; местами. Активировав (щёлкнув по нему мышкой) нужный слой, зажимаем левую клавишу мышки и мышкой перетаскиваем его на нужное место, выше или ниже.&нбсп; Был нижний слой с рисунком домика, а над ним в палитре слоёв размещался слой с кошкой. Мы видим на картинке кошку, &нбсп;которая стоит перед домиком. Поменяли слои местами, на первом плане домик, а из-за него, в лучшем случае, &нбсп;выглядывает хвостик кошки. <п стыле="техт-алигн: лефт; "> Работу в онлайн фотошопе мы начинаем с нажатия одного из пунктов центрального меню. <п стыле="техт-алигн: лефт; "> Создать новый рисунок или Загрузить изображение с компьютера. Остальные варианты начала работы рассмотрим позже. <п стыле="техт-алигн: лефт; "> <имг алт="" срц="хттп://s6.postimage.org/s4v4w97up/image.jpg" стыле="видтх: 800пх; хеигхт: 485пх; " /> <п стыле="техт-алигн: лефт; "> Рис.2 <п стыле="техт-алигн: лефт; "> 3.Рассмотрим вариант &qуот;Загрузить изображение с компьютера&qуот;. &нбсп;У нас откроется наш компьютер, &нбсп;с перечнем папочек и файлов в нём содержащихся. Удобнее файлы выбирать, переключившись на отображение страницы, &нбсп;в виде Эскиза страницы.&нбсп; Выпадающее меню вызывается щелчком правой клавиши мышки Вид-Эскиз страницы.<имг алт="" срц="хттп://s6.postimage.org/69ijpawht/image.jpg" стыле="видтх: 800пх; хеигхт: 462пх; " /> <п стыле="техт-алигн: лефт; "> Рис.3 <п стыле="техт-алигн: лефт; "> 4.Далее, &нбсп;в процессе работы, &нбсп;новые картинки можно открывать с помощью пункта основного меню Файл-Открыть изображение. &нбсп;В палитре слоёв появилась первая полоска, первый слой с названием Задний фон. Первоначально, &нбсп;задний фон закреплён на замочек, т.е менять его местами с последующими слоями нельзя, т.к он закроет все слои оказавшиеся ниже него. Но иногда, &нбсп;возникает такая необходимость и закрепление можно отменить, &нбсп;щёлкнув дважды по замочку. <п стыле="техт-алигн: лефт; "> <имг алт="" срц="хттп://s6.postimage.org/de0cyc3r5/image.jpg" стыле="видтх: 800пх; хеигхт: 468пх; " /> <п стыле="техт-алигн: лефт; "> Рис.4 <п стыле="техт-алигн: лефт; "> 5.Рассмотрим вариант &qуот;Создать новый рисунок&qуот;. &нбсп;После нажатия на этот пункт, &нбсп;выпадает табличка, в которой мы задаём параметры нашего рисунка. Присваиваем ему любое имя, я назвала его Урок1. &нбсп;Дальше, &нбсп;размеры рисунка в пикселях. &нбсп;Пиксели, &нбсп;это маленькие квадратики из которых состоит любое компьютерное изображение. <п стыле="техт-алигн: лефт; "> И если, &нбсп;нам надо что бы нижний слой в изображении&нбсп; был прозрачный, &нбсп;ставим галочку в окошке прозрачности. Я оставила его непрозрачным. <п стыле="техт-алигн: лефт; "> После нажатия Да, &нбсп;на экране появляется белый лист, заданного размера под именем Урок1. <п стыле="техт-алигн: лефт; "> Кроме того, &нбсп;на этом этапе, &нбсп;можно поменять язык редактора. Это на тот случай, &нбсп;если редактор открылся на английском. С этим редактором такое иногда случается. <п стыле="техт-алигн: лефт; "> <имг алт="" срц="хттп://s6.postimage.org/xqhk0b8jl/image.jpg" стыле="видтх: 800пх; хеигхт: 494пх; " /> <п стыле="техт-алигн: лефт; "> Рис.5 <п стыле="техт-алигн: лефт; "> 6.Бывает что, &нбсп;во время работы, &нбсп;возникает необходимость создать ещё один файл, &нбсп;не закрывая уже созданный. Для этого, &нбсп;в Основном меню активируем пункт Файл, выбираем пункт&нбсп; Новый рисунок и создаём ещё один документ аналогично предыдущему. Я назвала его Урок1а. &нбсп;Для того, что бы закрыть, &нбсп;без сохранения &нбсп;документ, &нбсп;в пункте Файл нажимаем пункт Закрыть. <п стыле="техт-алигн: лефт; "> <имг алт="" срц="хттп://s6.postimage.org/hjb9k91j5/image.jpg" стыле="видтх: 800пх; хеигхт: 463пх; " /> <п стыле="техт-алигн: лефт; "> Рис.6 <п стыле="техт-алигн: лефт; "> 7.Прозрачные слои &нбсп;можно создать двумя способами. <п стыле="техт-алигн: лефт; "> В Основном меню выбираем Слой-Новый слой. Так мы создали Слой1. И второй способ создания нового слоя. В палитре слоёв, &нбсп;внизу нажимаем значок Новый слой. У нас создался Слой2. Оба эти слоя мы видим в палитре слоёв. Оба они прозрачны (слой&нбсп; в палитре слоёв выглядит как шахматная доска с белыми и серыми квадратиками) Теперь, при желании, &нбсп;на этих слоях можно размещать рисунки. Но эти рисунки должны быть обязательно в формате пнг. Рисунки в этом формате имеют прозрачный фон. В дальнейшем, &нбсп;мы научимся сами&нбсп; вырезать и сохранять у себя на компьютере такие рисунки. Пока можно их находить в сети. Для этого, &нбсп;достаточно в поисковике набрать &лаqуо;клипарт&раqуо; или &лаqуо;рисунок в пнг&раqуо; <п стыле="техт-алигн: лефт; "> <имг алт="" срц="хттп://s6.postimage.org/qsdfudaf5/image.jpg" стыле="видтх: 800пх; хеигхт: 484пх; " /> <п стыле="техт-алигн: лефт; "> Рис.7 <п стыле="техт-алигн: лефт; "> 8.Но прозрачные слои, чаще всего, &нбсп;создавать не надо. Достаточно открыть изображение, &нбсп;как слой, &нбсп; применив Слой-Открыть изображение как слой. Если изображение в формате пнг, у нас образуется новый прозрачный слой, на котором будет расположено изображение. Слой3 <п стыле="техт-алигн: лефт; "> <имг алт="" срц="хттп://s6.postimage.org/71l7oi0ox/image.jpg" стыле="видтх: 800пх; хеигхт: 469пх; " /> <п стыле="техт-алигн: лефт; "> Рис.8 <п стыле="техт-алигн: лефт; "> 9.Открываем ещё одно изображение как слой, появляется Слой4. Но не всегда изображение&нбсп; бывает нужного размера, для изменения его размеров, &нбсп;используем пункт Основного меню&нбсп; Редактировать-Трансформация. Зажав клавишу Цтрл, &нбсп;тянем за стрелку для пропорционального&нбсп; увеличения или уменьшения рисунка. Переместить изображение&нбсп; в нужное место, можно активировав &нбсп;(щёлкнув мышкой)&нбсп; инструмент Перемещение, стрелочка с крестиком, &нбсп;в верхнем ряду меню инструментов. &нбсп;Начиная работать &нбсп;с изображением, &нбсп;необходимо убедиться, что активирован (подсвечен синим) именно тот слой, &нбсп;на котором находится данное изображение. Слой активируется щелчком мышки по нему. <п стыле="техт-алигн: лефт; "> <имг алт="" срц="хттп://s6.postimage.org/f8d7g2qrl/image.jpg" стыле="видтх: 800пх; хеигхт: 476пх; " /> <п стыле="техт-алигн: лефт; "> Рис9. <п стыле="техт-алигн: лефт; "> 10.Закончив работу, &нбсп;необходимо сохранить изображение. Выбираем Файл-Сохранить. Высвечивается табличка, в которой можно изменить имя, &нбсп;под которым будет сохранён файл и указать формат, &нбсп;в котором картинка будет сохранена. Как я писала раньше, &нбсп;нас интересуют пока только три формата. <п стыле="техт-алигн: лефт; "> Если работа с картинкой не закончена, &нбсп;сохраняем её в формате пхд. В дальнейшем, &нбсп;при открытии в фотошопе, &нбсп;она откроется с отображением всех слоёв. <п стыле="техт-алигн: лефт; "> Если работа с картинкой закончена, сохраняем её в формате жпг,&нбсп; это формат в котором мы обычно храним все свои картинки и фотографии. <п стыле="техт-алигн: лефт; "> <имг алт="" срц="хттп://s6.postimage.org/hec3objlt/image.jpg" стыле="видтх: 800пх; хеигхт: 468пх; " /> <п стыле="техт-алигн: лефт; "> Рис.10 <п стыле="техт-алигн: лефт; "> До новых встреч! &нбсп;Успехов в освоении фотошопа. <п> <блоцкqуоте> <б>Серия сообщений "<а хреф=ьхттп://www.liveinternet.ru/users/nextgem/rubric/2495506/'>Мои уроки ФШ":

Мои уроки по фотошопу для чайников. Часть 1 - <а хреф="хттп://www.liveinternet.ru/users/nextgem/post189084379">Фотошоп, даже для чайников ну очень просто.<бр/>Часть 2 - <а хреф="хттп://www.liveinternet.ru/users/nextgem/post189522818">Фотошоп, даже для чайников ну очень просто. Визитки на фото.<бр/>Часть 3 - Онлайн фотошоп с самых азов. Урок1.<бр/>Часть 4 - <а хреф="хттп://www.liveinternet.ru/users/nextgem/post198138214">Онлайн фотошоп с самых азов. Урок2. С Приложением "Создание новогодней открытки".<бр/>Часть 5 - <а хреф="хттп://www.liveinternet.ru/users/nextgem/post204919124">Онлайн фотошоп с самых азов. Урок3. Быстрый способ создания круглой рамочки из любых элементов.<бр/>...<бр/>Часть 7 - <а хреф="хттп://www.liveinternet.ru/users/nextgem/post216927176">Онлайн фотошоп с самых азов. Урок5. Убираем надписи с картинок. Дорисовываем картинки.<бр/>Часть 8 - <а хреф="хттп://www.liveinternet.ru/users/nextgem/post216937623">Видеоприложение к урокам "Онлайн фотошоп с самых азов"<бр/>Часть 9 - <а хреф="хттп://www.liveinternet.ru/users/nextgem/post223329527">Онлайн фотошоп с самых азов. Урок6. Работа с текстом в фотошопе.<бр/>
вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Онлайн фотошоп с самых азов. | Ирина_Ядинская - Дневник Ирина_Ядинская | Лента друзей Ирина_Ядинская / Полная версия Добавить в друзья Страницы: раньше»