У Вас отключён javascript.
В данном режиме, отображение ресурса
браузером не поддерживается

БЕСЕДКА ДЛЯ ДУШИ

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » БЕСЕДКА ДЛЯ ДУШИ » ФОТОШОП » Фотошоп - это совсем не страшно! Урок 6.


Фотошоп - это совсем не страшно! Урок 6.

Сообщений 1 страница 20 из 57

1

Урок 6.
Как сделать аватарку из фотки (или любой картинки - где большой размер).

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

После выполнения этапа и получения допуска, идем в следующий - Фотошоп - это совсем не страшно! Урок 7.

2

Внимание - обрезка (скругленные углы) по выбору.

Берем красивую себя. Или любую картинку - из которой нужно будет вырезать кусочек.

Я тут уже вся  http://s3.uploads.ru/pLO3Q.gif облагороженная.....

http://s3.uploads.ru/t/azRcH.jpg

Открываем ее в фотошоп.
Создаем еще один файл, файл--->создать, откроется вот такое окошко. Цифры выставляем те, которые нужны для аватарки (у нас на форуме это 140х140 пикселей). Также - фон ставим прозрачный.

http://sa.uploads.ru/t/dDP6T.png

У нас 2 файла. Оттягиваем за уголок границу маленького, для удобства работы.

http://s6.uploads.ru/t/4S610.png

И просто перетаскиваем фотку на эту малюську. Фотка, разумеется - будет  http://s2.uploads.ru/OIM3G.gif  ну очень огромная по сравнению с созданной мелочью.
Щелкаем по Навигации, уменьшая масштаб просмотра, растягиваем границы за уголок... В общем -  http://s6.uploads.ru/Ez4wi.gif   подгатавливаем место для работы. Вот - у меня только  http://s6.uploads.ru/1RFzT.gif   кусочек меха уместился....
http://s6.uploads.ru/t/oLOW2.png

Фотку изначальную - можно и закрыть (дабы даже случайно чего-нибудь там не натворить!).

И начинаем трансформировать изображение на мелочи. Вот - видите насколько разница между трансформируемым изображением - и тем, куда нам надо это впихучить?
http://sa.uploads.ru/t/TO3ci.png
Конечно - можно подогнать только часть изображения. Я вот уменьшила только до той области - что мне нужна. Не все изначальное.
http://s9.uploads.ru/t/9dgKZ.png
Завершаем трансформацию. И приближаем, на Навигации правые треугольнички - для удобства работы.
http://s3.uploads.ru/t/jwc05.png

Трансформирование на маленьком масштабе - явно нужно редактирование (видите -  http://s7.uploads.ru/3Vd6T.gif  сколько кг я в щеках прибавила?). Опять трансформируем, только теперь смотрим на пропорции.... Изображение будет размытым - видны отчетливо квадратики пикселов, т. к. у нас очень маленький размер рисунка.
http://s2.uploads.ru/t/xrKhk.png
Ну и убираем лишний слой, оставляя только картинку.
http://s3.uploads.ru/t/EzAck.png

Чтобы уменьшить размер сохраняемого файла (потому как для аватарки "вес" картинки тоже очень важен) - вырезаем непонадобившуюся часть рисунка, и уносим ее в корзину.
Инструментом Прямоугольное выделение выделяем всю область границы, щелкаем правой кнопкой и выбираем "вырезать на новый слой". У нас получилось 2 слоя - один с картинков по границе файла, второй - обрезка ЗА границами.
http://s7.uploads.ru/t/q4tG6.png
Второй убираем в корзину.
http://sf.uploads.ru/t/nUJDs.png

Ну и уже можно сохранять как джипег. В принципе - это уже и есть аватарка....
А можно сделать вес картинки поменьше - это "сохранить для Веб", подробнее про это сохранение - в самом конце поста.

Но мне хочется - скругленные углы. И как это сделать - сейчас покажу!

Выбираем инструмент "Фигура" - "Прямоугольник со скругленными углами".
http://s6.uploads.ru/t/AM7uP.png

Применяем на картинке, как выделение - как бы рисуем контур того, что хотим получить. Не пугаться - это нормально! Смотрим на слои - там этот слой появился. Работаем с ним.
http://s6.uploads.ru/t/0qv5S.png
Во-первых - я хочу увеличить скругление (где стрелки) - это делается где красным обвела, вбить в любую другое число и нажать на Интер - изменится во всех четырех.
http://sg.uploads.ru/t/bBCU6.png
Вот так. И теперь - видно, что эта фигура чуточку за границами рисунка. Нехорошо. Поэтому берем инструмент "Прямоугольная область", и применяем трансформирование к этому слою.
http://sg.uploads.ru/t/HGwbI.png
Вмещаем фигуру в картинку.
http://s2.uploads.ru/t/9tzHn.png

Ну и теперь интересное! Не пугаться сразу, просто выполняйте пошагово!

Активируем слой фигуры, нажимаем клавишу ctrl и щелкаем на миниатюре слоя в окне слоев! Именно - миниатюрке-картинке. Появятся "бегущие таракашки" по контуру.
http://s5.uploads.ru/t/QDLUk.png

Чтобы видеть наши манипуляции - жмем на значок глазика возле миниатюрки слоя-фигуры, отключаем ее видимость. И жмем на слой с картинкой, активируя его. Таракашки бегают! Если  http://s6.uploads.ru/yE1vR.gif  уже не бегают - перещелкиваем Историю и заново...
http://sg.uploads.ru/t/075kN.png

Выбираем инструмент Прямоугольная область и правой кнопкой мыши по рисунку - вырезать на новый слой.
http://s2.uploads.ru/t/ZYiEb.png

И у нас вышло - слой фигура, слой-вырезанная картинка и слой - остатки от изначальной картинки. Первую и последнюю - в корзину!

И осталась симпатично обрезанная аватарка!
http://s8.uploads.ru/t/MlgPA.png

Сохраняем ее либо в ПНГ (иначе углы будут белыми)!
Либо - чтоб весила как можно меньше - "Сохранить для WEB".
http://sd.uploads.ru/t/hP6Vp.png

В окошке - где обведено вверху - выбираем пнг 24. И обязательно - галочку на "Прозрачность"!
Смотрим вес файла, где обведено красным внизу слева. Если значения (размер файла, "вес") устраивают (максимальный размер файла для загрузки на форум) - то жмем Сохранить.
http://s2.uploads.ru/t/pHyAw.png
Если нет - перещелкиваем на ПНГ-8. Тоже "прозрачность", тоже смотрим вес - если опять много, меняем цвета и пр.....

Если у вас нет прозрачки по краям (прямоугольник просто) - то можно выбрать сохранение как джипег. Уменьшить вес - это бегунок качества картинки.
http://s3.uploads.ru/t/ER7Mk.png

При сохранении может вот такое появится, не переживаем - и жмем на ОК.
http://se.uploads.ru/t/r8jme.png

И грузим свою красоту на форум!  http://images.vfl.ru/ii/1449956772/55424f6b/10774111.gif

3

Ну-ссс... Действуем!

Делаем аватарку - картинку, размерами не более 200 пикселей! Хоть прямоугольную, хоть круглую, хоть квадратную!

С углами можно и не мучаться, если уж совсем не получается.

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

Как сделать простейшую анимацию, как у моих Домика - Вернисажа - будет позже, так что http://images.vfl.ru/ii/1452415482/7133d4dc/11005977.gif все пригодится!
А возможно -  http://s9.uploads.ru/yLCA6.gif захотите поместить на вашу аватарку снег, или блестючки - тоже покажу, как это делается.

4

Ну раз уж аватар, то пусть будет дочь. Себя то мне стыдно поставить. [взломанный сайт]

http://sa.uploads.ru/t/vX47F.jpg  http://sa.uploads.ru/t/NmCSP.png

5

http://s7.uploads.ru/gQqAF.gif Сууупер! Дала доступ в следующий!

Это такая рамочка отпадная, или  много-много манипуляций с клипартами-масками и прочим?

6

а у меня внук, первая в пнг, вторая для веб
http://s2.uploads.ru/t/1u46K.png
http://sf.uploads.ru/t/mVco9.png

7

[взломанный сайт] Прекрасно!
http://s3.uploads.ru/pLO3Q.gif Спроси - ему куда-нибудь на форум своя фотка не трЭба?  Или возраст пока не позволяет (а скорее - родители) - в сети сидеть?

Дала доступ в следующий этап!

8

Леночка,ну вот,на этом этапе я и застряла.Вот,что я имею ,а дальше ступор.
http://i91.fastpic.ru/thumb/2017/1102/71/bfd44eb0e27dcaf6e82a3b417bb5e571.jpeg

http://i92.fastpic.ru/thumb/2017/1102/6a/b975ef5f13f90cbb3febb48403e2c76a.jpeg

Отредактировано Марийка64 (02.11.2017 18:14:14)

9

Марийка64 написал(а):

--Леночка,ну вот,на этом этапе я и застряла.Вот,что я имею ,а дальше ступор.

http://s3.uploads.ru/pLO3Q.gif Теперь жми на Слой 2, выбирай слева инструмент Прямоугольная область, правой кнопкой на слое, выбирай вырезать. Остатки - в корзину и далее по тексту.

10

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

11

Марийка64 написал(а):

--затем правой кнопкой мыши щелкнула на слое 2 и иииииии нету вырезать.

не на слое, а на картинке (выделении) внутри - тогда появится табличка, где это будет - "вырезать на новый слой".  http://images.vfl.ru/ii/1452413863/a7545512/11005671.gif

12

А я вот решила и дети и внуки сами себе аватарку лучше меня сделают. И пусть мне годочков .. хм , подумаешь, цифры возраста Лены чуть-чуть перепутались  [взломанный сайт] , вот какя есть ))http://s7.uploads.ru/t/FN1l8.png

13

http://s3.uploads.ru/K6MNO.gif Да ладно!

Да чтоб я в таком возрасте так выглядела!

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

14

Леночка, этой фотографии года три.. если быть точной..
А вот в части "отфотошопить" фотографии , я думаю со временем и с этим буду справляться.
по крайней мере надеюсь... На данном этапе не ставила себе такой цели ))

15

http://images.vfl.ru/ii/1452413863/a7545512/11005671.gif Понятно!

16

И чо такую тупую допустили к ФШ????????Лен,совсем запуталась,что такое "Активируем слой фигуры, нажимаем клавишу ctrl и щелкаем на миниатюре слоя в окне слоев! Именно - миниатюрке-картинке. Появятся "бегущие таракашки" по контуру."
Нет у меня ни таракашек,не пойму что такое слой фигура,что такое слой в окне слоев.........Ничего не пойму.А еще я в трансе-мне дети порезали собранные веточки хойи,сижу чуть не плачу,и обида,и досада,и тут не получается......И в одноклассники не могу зайти,что то мой браузер совсем обезумел,не хочет грузить ничего.В общем,хоть стреляй в меня,хоть что делай,а похоже,с хойей мне придется распрощаться.Чуть остыну от негодования,еще раз посмотрю,можно ли восстановить хоть что то.Представляешь,они нашли кусачки(ну,как я их могла не убрать,зная,что мои мальчишки сейчас режут все,что им попадется под руки),и решили попробовать,как же бабушка ими проволоку режет.Давно они на это посматривают.В общем,от цветочков осталась не большая горка бисера,остальной они выкинули в мусорное ведро,дабы бабушка не расстроилась,что еще и намусорили.От листочков осталась небольшая часть,которые можно привести в надлежащий вид.Полный крах!!!!!!!!Зато без разговоров после обеда пошли спать,надо теперь идти будить. http://s7.uploads.ru/SqVfh.gif

17

http://images.vfl.ru/ii/1452415482/1d1e6438/11005978.gif Оооой, Машенька.... Ну, внуки...
[взломанный сайт] Утешь себя мыслью - что хотя бы ручками что-то хотят делать, а не тупо пялиться в комп и в стрелялки играть!  http://images.vfl.ru/ii/1452413863/a7545512/11005671.gif

Марийка64 написал(а):

--Нет у меня ни таракашек,не пойму что такое слой фигура,что такое слой в окне слоев.........Ничего не пойму.

Машуль, ну ничего страшного! Передохни, пару дней - и не переживай. Скругленные углы - ну не обязательны, это так - для поиграться!  http://s2.uploads.ru/2tHmY.gif Не переживай!

"Таракашки" - это бегающий (мерцающий) пунктир,  http://s3.uploads.ru/pLO3Q.gif похоже же... Миниатюра слоя - это картинка маленькая в окне Слои, слева от названия слоя....
Просто устала, да и голова не тем загружена - чтоб в слова вникать - размышлять, отдохни!  http://images.vfl.ru/ii/1452413863/a7545512/11005671.gif

18

Приветик,Леночка.Слушаюсь твоим советам-отдыхаю,причем,от всего.Давление шандарахнуло,вызвали скорую,хотели положить в больничку,но мне некуда внуков деть,поэтому отказалась.Договорилась,что бы на дом приходила м/сестра и делала уколы и капельницы,буду лечиться дома.Не теряй меня на твоих уроках,может быть еще успею орхидейки вместе со всеми сдать.А вот,с хойей,даже не знаю,восстанавливать там нечего,а плести сейчас возможности нет,так что,прости,пожалуйста,что не закончила урок.Вот такие у меня любознательные внучата. http://s7.uploads.ru/SqVfh.gif  http://s2.uploads.ru/2tHmY.gif  http://images.vfl.ru/ii/1452413863/a7545512/11005671.gif

19

Марийка64 написал(а):

--А вот,с хойей,даже не знаю,восстанавливать там нечего,а плести сейчас возможности нет,та

http://images.vfl.ru/ii/1452413863/a7545512/11005671.gif Ну, ничего страшного!
Лечись и выздоравливай!  https://forumupload.ru/uploads/0000/0b/62/252350-1.gif

20

http://s0.uploads.ru/t/PZvg4.pngЛеночка, посмотри мою работу. всё правильно? http://s2.uploads.ru/yXFc7.gif


Вы здесь » БЕСЕДКА ДЛЯ ДУШИ » ФОТОШОП » Фотошоп - это совсем не страшно! Урок 6.