Сев за компьютер, рано или поздно все понимают, что знание фотошопа не будет лишним. Но где взять фотошоп и как самому разобраться? Многие просто не имеют возможности купить лицензионный вариант фотошопа, ну а про пиратские копии я думаю, как законопослушные граждане мы говорить не будем. Вот тут и приходит на выручку онлайн фотошоп. Не надо ничего устанавливать у себя на компьютере, работаем в сети, а результат работы сохраняем у себя на диске. Возможности этого редактора, конечно, несколько урезаны по сравнению с обычным фотошопом. Но разобравшись с этим редактором, вы гарантированно сможете самостоятельно продолжить освоение фотошопа. Думаю, вопрос о наличие фотошопа снят.
Эти уроки рассчитаны на тех, кто раньше не имел о фотошопе никакого представления или не смог самостоятельно разобраться с обычным фотошопом. Разберёмся, почему же многие считают, что фотошоп это сложно. Причина очень простая. Как бывает обычно, решили изучить фотошоп, открыли урок, начали читать и через пять минут поняли, что ничего не поняли. А написано вроде по-русски. Просто то, что понятно и, само собой разумеется, для автора урока, для вас китайская грамота. Я же в этих уроках постараюсь любой термин, имеющий отношение к компьютерной грамотности и фотошопу, «переводить» на понятный для всех язык.
Уроки я буду выкладывать по мере выхода журнала (периодичность выхода журнала не менее одного номера в месяц), т.к по договорённости с руководством журнала, уроки я готовлю именно для этого журнала и считаю не корректным выкладывать их раньше, чем выйдет в свет очередной номер журнала. А у вас будет время, разобраться и закрепить материал.
Для работы воспользуйтесь любой из этих ссылочек.
урл=хттп://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. Работа с текстом в фотошопе.<бр/>