Статьи » Обучающие статьи » Adobe Photoshop


Оформление профиля: «от и до» #Аватарка(2)


Автор статьи: FyFen

Добавлено: 18 Апреля 2014 в 22:33
Просмотров: 1975 | Комментарии: 2

Понравилось: 5 пользователям





Статья предназначена для помощи в создании своего неповторимого профиля: как своими руками, так и руками аваделов. Статья будет состоять из нескольких частей, первая из которых не будет затрагивать программу «Adobe Photoshop», с помощью которой мы и будем в дальнейшем редактировать изображения. Если у вас нет фотошопа и нет желания его устанавливать (опустим способ добычи сей программы), тогда вы хотя бы будете представлять, что требовать от авадела при очередном заказе и как упростить ему задачу. И, так как я учился методом тыка, то и подача информации будет методом тыка: «сделай то, сделай так и получиться вот так».
Примечание:
В тексте могут быть незначительные отклонения от того, что вы видите на скриншотах. Это связанно с тем, что сначала пишется текст, а уже потом делается все то, о чем говориться в уроке. Таким образом, составляя урок по памяти, я могу проверить достоверность своих слов на практике и в большинстве случаев что-то подкорректировать.

Полезные темы:

Основная тема для заказов на оформление вашего профиля.
Любые другие графические заказы можно оставить в этой теме. 
Уроки Adobe Photoshop 
Так же для вас всегда доступен весь творческий раздел с его полезной информацией.
Аватарка – основной элемент профиля и хочется, чтобы во всех уголках сайта картинка была различима глазу и не смешивалась с соседними элементами сайта. Вот вы выбрали нужные картинки и тут же возникает вопрос: «с чего начать?». А начать следует с выбора типа аватарки. Лично я различаю для себя три основных вида: без фона, с рамкой и с анимацией. Вот, собственно, в этой статье я и буду говорить о создании всех трех типов аватарки.

Часть первая
1 – поиск изображений. 
2 – подготовка к заказу/редактированию.
3 – поиск и установка дополнительных элементов.
4 – способы применения и своего рода хитрости.

Часть вторая
1 - создаем аватарку без фона.

Обсуждаемые темы этой статьи:
2 - добавляем рамку.

В следующих статьях:
3 - анимируем.
2 - добавляем рамку.

Итак, аватарка готова, но не помешало бы добавить какую ни будь рамку. Как всегда, начнем с самого простого. Для особо ленивых. Простенькую рамку можно сделать как тенями/осветлением, о чем я собственно уже говорил ранее, так и обводкой. Принцип обводки тот же, что и у теней, только края там получаются не расплывчатые. Хотя, ту же обводку можно и с помощью теней сделать, поставив «Размах» на 100. Если же вы хотите сделать для своей аватарки фон у которого будет такая простая рамка, то тут надо действовать по аналогии. Для этого, создаем нужную нам фигуру, как правило: круг или квадрат, но, никто не мешает вам сломать систему. Поместив фигуру под картинку, применяем к фоновому слою тени или обводку, по уже известному нам принципу.
 



Даже если вы хотите себе более сложную и интересную рамку, то фон вам все равно лучше оставить. Как правило, так аватарка выглядит более законченной, ну и в дальнейшем сей фон поможет нам довести аватарку до идеала. А сейчас вернемся к рамкам. Следующий вид аватарки в некоторых случаях смотрится очень даже достойно. Для этого вам нужно вновь обратиться к фону и сделать две его копии, сам фон не трогаем. Одну из копий мы уменьшаем самым обычным способом через меню настроек: «Изображение -> Трансформирование -> Масштабирование». Уменьшать лучше с зажатой кнопкой «Shift» - позволяет сохранить пропорции фигуры, только лишь уменьшая/увеличивая ее. Совсем незначительно уменьшив один слой относительно другого, мы применяем изменения. Далее, выделяем уменьшенный слой и, не снимая выделения, переходим на нетронутый и нажимаем «Delete». Получаем элемент, готовый к различным метаморфозам. Добавив тени и прилепив несколько сторонних фигур, получим нечто самопальное и красивое.
 





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





Закрепляя результат, добавляем стиль к нашему фону (лучше создать просто круглую фигуру в данном случае) и, копируя этот же фон, помещаем его выше всех. На этот главенствующий слой применяем прозрачный стиль или любой другой уменьшив прозрачность до 20%, чтобы придать эффект стекла или ему подобного. То, что у меня получилось – лишь один вариант из огромного количества, которое ограничено лишь вашей фантазией.
Совет от фуфа:
Если вам необходимо обрезать одну часть слоя относительно другого, то поиграйтесь с прозрачность, это должно помочь.
 
Завершающая статья по аватарам расскажет об анимации. Что поможет вам создавать свои анимированные картинки.



Теги: оформление, фотошоп, уроки


Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Всего комментариев: 2


0
№:2 от Razоr
2119
| Гражданин | в 18:59 (20 Февраля 2016)
Почему-то у меня в обоих статьях не работают иллюстрации. Может быть пришло время их перезалить?
Посмотреть профиль Razоr

0
№:1 от FyFen
131142
| | в 15:12 (20 Апреля 2014)
Отчасти))
Посмотреть профиль FyFen
Помочь cайту

Набор в команду сайта
Наши конкурсы
Каталог файлов
Skyrim Special Edition [288]
TES V: Skyrim [4114]
TES IV: Oblivion [507]
Fallout: New Vegas [2156]
Fallout 3 [1069]
Fallout 4 [817]
Dragon Age: Origins [603]
Dragon Age 2 [245]
Dragon Age: Inquisition [148]
The Witcher 3: Wild Hunt [110]
GTA SA [96]
GTA 4 [131]
GTA 5 [42]
S.T.A.L.K.E.R. Зов Припяти [75]
S.T.A.L.K.E.R. Чистое Небо [44]
S.T.A.L.K.E.R. Тени Чернобыля [98]
Neverwinter Nights 2 [133]
Другие разделы

Подразделы:


Общая [34]
Adobe Photoshop [16]
Для мододелов [43]


Последние рецензии
Рецензия: «God of War 4»
Brain Out для тех кто скучает по 90-м
Frostpunk: в час Белого Хлада...
Assassin's Creed Origins: в полях Иалу
Assassin's Creed Origins: пески времени
FARCRY 5
KINGDOM COME: DELIVERANCE
Elex






Статистика
Онлайн всего: 337
Гостей: 172
Пользователей: 165




Вверх Вниз